@charset "UTF-8";
/*
 * common.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a:hover {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;	
}
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fs10   { font-size: 1.0rem;}
.fs11   { font-size: 1.1rem;}
.fs12   { font-size: 1.2rem;}
.fs13   { font-size: 1.3rem;}
.fs14   { font-size: 1.4rem;}
.fs15   { font-size: 1.5rem;}
.fs16   { font-size: 1.6rem;}
.fs17   { font-size: 1.7rem;}
.fs18   { font-size: 1.8rem;}
.fs19   { font-size: 1.9rem;}
.fs20   { font-size: 2.0rem;}
.fs21   { font-size: 2.1rem;}
.fs22   { font-size: 2.2rem;}
.fs23   { font-size: 2.3rem;}
.fs24   { font-size: 2.4rem;}
.fs25   { font-size: 2.5rem;}
sup   { font-size: 8px; vertical-align: top;}
sub   { font-size: 8px; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

.pc_hide{
    display: none;
}

/* !Width ------------------------------------------------------------------- */


.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.wQuart { width: 25% !important;}
.w30per { width: 30% !important;}
.wTri   { width: 33.33% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.wHalf  { width: 50% !important;}
.wMax   { width: 100% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}
.ftBox  { overflow: hidden;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block !important;}
.hide  { display: none !important;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}

.pc {
	display: block;
}
.sp {
	display: none;
}

.fr{
	float: right;
}
.fl{
	float: left;
}



/* !wrapper
---------------------------------------------------------- */
#wrapper {
	background: #fff;
  width: 100%;
  overflow: hidden;
}

/* !header
---------------------------------------------------------- */
#header {
	padding: 0 10px;
	box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.home #header:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
    opacity: 0.9;
  height: 300px;
  /*width: 120%;*/
  width: 100%;   
  z-index: 2;
  border-bottom: 4px solid #d1a56f;
  transform: rotate(-13deg) translate(-30px,-230px);
}

.home #header:after {
  /*
  content: '';
  position: absolute;
  right: 70%;
  top: 0;
  background: #fff;
  height: 157px;
  width: 100%;
  z-index: 2;
  */
}
@media screen and (max-width: 1300px){
  .home #header:after {
    right: 90%;
  }
}

#headerIn {
  /*max-width: 1160px;*/
  max-width: 1500px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

#headerLogo {
	position: absolute;
	/*top: 35px;
    left: 0;*/
	top: 45px;
	left: -2vw;
	z-index: 99;
}
#headerLogo a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.home #headerLinks {
  opacity: 0;
}
.outLinks{
    position: absolute;
    top: 236px;
    right: 0;
    z-index: 99;
}
.outLinks a{
	display: block;
}
.outLinks .ins{
	margin-top: 20px;
}

#btn_gnavi {
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 99;
}

#gnavi_container_wrap{
	width:100vw;
	height:100vh;
	background-color: rgba(255, 255, 255, 0.95);
	background-size:cover;
	position:fixed;
	z-index:10000;
	left:0px;
	top:0px;
	display:none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#gnavi_container{
	max-width:1160px;
	padding: 0 10px;
	box-sizing: border-box;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

#btn_close{
	position:absolute;
    right: 10px;
    top: 60px;
}

#gnavi{
	width:500px;
	margin:180px auto 0px auto;
	overflow:hidden;
}

#gnavi dl{
	overflow:hidden;
	width:100%;
}

#gnavi dl dd{
	float:left;
	overflow:hidden;
	font-size:25px;
}

#gnavi dl dd ul{
	margin-top:10px;
}

#gnavi dl dd li{
	list-style-type:none;
	margin-bottom:30px;
}

#gnavi dl dd li a{
	text-decoration:none;
	position: relative;
	font-size: 2.7rem;
	color: #604518;
	letter-spacing: 0.19em;
	line-height: 1.3;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-family: source-han-serif-japanese, serif;
}
.entry_title{
	position: relative;
}
.entry_title a:before{
  position: absolute;
  bottom:0;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #604518;
  transition: 0.3s;
}
.is_ipad .entry_title a:before{
  display: none;
}
.entry_title:hover a:before{
  width: 100%;
}
.is_ipad .entry_title:hover a:before{
  width: 0;
}
#gnavi dl dd li span{
	color:#604518;
	font-size: 2rem;
	position: absolute;
	top: 6px;
	left: 0;
}

#gnavi_container #headerLogo {
    left: 0;
}
.hdL{
    text-align: center;
    margin: 0 auto;
}

.hdM{
    font-size:2.5rem;
    letter-spacing: 0.4em;
    color: #000;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
}
.hdM span{
	position: relative;
	color: #604518;
	padding-bottom: 15px;
}
.hdM span:before{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 126px;
	height: 2px;
	content: '';
	background-color: #604518;
}	
/* !mainVisual
---------------------------------------------------------- */

#mainVisual {
    width: 100%;
   /* min-height: 972px;*/
	  height: 81.97rem;
    position: relative;
    z-index: 1;
    /*background: #2b1d17;*/
    margin-top: 40px;
}

/*ipad横向き対応*/
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px){
  #mainVisual{
     height: 35.0rem;
	}
}

#mainVisual .mainImg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 22;
  width: 100%;
  /*
  background: url('../img/top/top_main.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  */    
  width: 100%;
  height: 932px;
}

/*スライドに変更*/
#mainVisual .mainslide{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 22;
  width: 100vw;
  height: 932px;
}
#mainVisual .mainslide img{
  width: 100%;
  height: auto;
}

#mainVisual .mainBox {
  /*    
  position: absolute;
  left: 0;
  top: 50%;
  transform:translateY(-50%);
  text-align: center;
  z-index: 22;
  width: 100%;
  */    
}

#mainVisual .mainBoxInner {
 max-width:1120px;
 width: 100%;
 box-sizing: border-box;
 padding: 0 20px;
 margin: 0 auto;
 text-align: left;
}
#mainVisual .mainBox p{
  color:  #fff;
  font-size:1.7rem;
  line-height: 2.1;
  letter-spacing: 0.2em;
}
#mainVisual .mainBox .black p {
	color: #000;
}
#mainVisual .mainBox .mainInfo{
	font-size: 2.3rem;
	line-height: 1.2;
	margin-bottom: 45px;
	letter-spacing: 0.6em;
}
#mainVisual .mainBox .mainInfo span{
	font-size: 6.6rem;
	letter-spacing: 0.05em;
}


@-webkit-keyframes fadeIn {
0% {
opacity: 0; 
}
50% {
opacity: 0; 
}
100% {
opacity: 1; 
}
}
.fadeIn{
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1; 
}

#recruit .mainInfo{
	display: none;
}
#contact .mainInfo{
	display: none;
}
#syouhin .mainInfo{
	display: none;
}

#breadcrumb{
    text-align: center;
   /* margin-top: 40px;*/
	margin-top: 27.03rem;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
}

#breadcrumb:before{
  /*
  position: absolute;
  left: 0;
  top: -175px;
  background: url('../img/top/bg_white.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top right;
  content: "";
  z-index: -1;
  width: 100%;
  height: 1178px;
  content: "";
  */    
}

#breadcrumb p{
	position: relative;
	display: inline-block;
}
#breadcrumb p:before{
	position: absolute;
	bottom: 20px;
	left: 15px;
	color: #fff;
	content: '菓子制作工程の動画(モノクロ)が入ります。';
	font-size: 1.9rem;
	z-index: 10;
	letter-spacing: 0.05em;
}
#breadcrumb p:after{
	position: absolute;
	top: -50px;
	right: 0;
	color: #cfc7b9;
	content: 'enchante';
	font-size: 2.6rem;
	z-index: 10;
	font-family: source-han-serif-japanese, serif;
	letter-spacing: 0.1em;
}

#breadcrumb video{
	width:1100px;
	height:569px;
}
#breadcrumb video::-webkit-media-controls-fullscreen-button {
    display: none;
}


/* !contents
---------------------------------------------------------- */
#contents {
	background: #fff;
  position: relative;
  z-index: 2;
}

#main {
	
}
.inner {
	max-width: 1020px;
	padding: 0 10px;
	box-sizing: border-box;
	margin:0 auto;
	width: 100%;
}
.featureWrap{
	background: url('../img/top/back_img01.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	min-height: 1009px;
}
.featInfo{
	font-size: 1.6rem;
	line-height: 1.25;
	color: #000;
	text-align: center;
	margin: 30px 0;
	letter-spacing: 0.1em;
}
.featItem{
	margin-bottom: 20px;
}
.featImg{
	width: 50%;
	float: right;
	margin-left: 40px;
}
.featMess{
	overflow: hidden;
	padding: 25px 0 0;
	box-sizing: border-box;
}
.featLeft{
	float: left;
	margin-left: 0;
	margin-right: 35px;
}
.featList01{
	font-size: 2.3rem;
	color: #754c24;
	background: url('../img/top/icon_01.png')no-repeat;
	line-height: 51px;
	padding-left: 70px;
	letter-spacing: 0.1em;
}
.featList02{
	color: #754c24;
	font-size: 1.7rem;
	margin: 15px auto 20px;
	letter-spacing: 0.1em;
}
.featList03{
	color: #4d4d4d;
	line-height: 1.33;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
}
.featList04{
	background: url('../img/top/icon_02.png')no-repeat;
}
.featList05{
	background: url('../img/top/icon_03.png')no-repeat;
}
.alinkboxsp{
	display: none;
}
.merchanWrap{
	background: url('../img/top/back_img02.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
}
.matHdL{
	margin-top: -120px;
}

.marchItem{
	margin:85px 0 70px;
	position: relative;
}
.marchItem ul{
	margin-left: -30px;
}
.marchItem ul li{
	width: 33.3%;
	float: left;
	padding-left: 30px;
	box-sizing: border-box;
}
.imgBox{
	background-color: #ffe6bb;	
	box-sizing: border-box;
	padding: 25px;
	margin-bottom: 15px;
	text-align: center;	
}
.imgBox02{
	background-color: #000000;	
	box-sizing: border-box;
	padding: 25px;
	margin-bottom: 15px;
	text-align: center;	
}
.imgBoxs{
	border: 1px solid #ffe6bb;
	background-color: #231b15;
}
.imgBoxs02{
	border: 1px solid #000;
	background-color: #000;
}
.imgBox a img, .imgBox02 a img{
  transform: scale(1);
  transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.imgBox a:hover img, .imgBox02 a:hover img{
  transform: scale(1.03);
  transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
  
}
.inner_s{
	max-width: 1120px;
}
.outshop{
	color: #fff;
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 10;
    letter-spacing: 0.1em;
}
.outshop:hover{
	text-decoration: underline;
}
.alink01{
	border: 1px solid #918d8a;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
	max-width: 360px;
	/*font-size: 2rem;*/
    font-size: 1.8rem;
	margin: 0 auto;
	color: #fff;
	position: relative;
	letter-spacing: 0.1em;
}
.alink01:before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
	background: url('../img/top/arrow_right.png')no-repeat;
	width: 9px;
	height: 11px;
	content: '';
}
.alink01:hover{
	color: #231b15;
	background-color: #fff;
	border: 1px solid #fff;
}
.alink01:hover:before{
	background: url('../img/top/arrow_right01.png')no-repeat;
}
.alinkbox .alink01{
	max-width: 260px;
}

.shopop{
	text-align: center;
  width: 100%;
  height: 279px;
  overflow: hidden;
}
@media screen and (max-width: 1100px){
  .shopop{
    height: 24.2vw;
  }
}
.shopop a{
	display: block;
	position: relative;
}
.shopop a:before{
  position: absolute;
  border: 1px solid #fff;
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 15px;
  z-index: 2;
  opacity: .8;
  z-index: 2;
  content: "";
}
.shopop a img{
  transform: scale(1);
  transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.shopop a:hover img{
  transform: scale(1.03);
  transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
  
}
.shopop a .shopIps{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	position: absolute;
	font-size: 3rem;
	color: #fff;
	letter-spacing: 0.1em;
}
.shopop a .shopIps span{
	position: relative;
}
.shopop a .shopIps span:before{
	position: absolute;
	top: 5px;
	bottom: 0;
	right: -22px;
	margin: auto;
	background: url('../img/top/arrow_right.png')no-repeat;
	width: 9px;
	height: 11px;
	content: '';
}

.companyWrap{
	margin: 60px auto 10px;
}
.companyItem{
	margin-bottom: 50px;
}
.companyItem .featImg{
	margin-left: 50px;
}
.companyItem .comInfo{
	overflow: hidden;
}
.comhdM{
	font-size: 2rem;
	color: #949494;
	font-family: source-han-serif-japanese, serif;
}
.comSub{
	font-size: 2rem;
	color: #333;
	margin: 5px 0 10px;
	position: relative;
	letter-spacing: 0.1em;
}
.comSub01:before{
	position: absolute;
	bottom: 8px;
	right: 0;
	left: 5em;
	background-color: #333;
	width: 100%;
	max-width: 392px;
	height: 1px;
	content: '';
}
.comSub02:before{
	position: absolute;
	bottom: 8px;
	right: 0;
	left: 8em;
	background-color: #333;
	width: 100%;
	max-width: 324px;
	height: 1px;
	content: '';
}
.comdl{
	color: #040000;
	font-size: 1.5rem;
	padding: 10px 0;
	box-sizing: border-box;
}
.comdl dt{
	float: left;
	width: 85px;
}
.comdl dd{
	overflow: hidden;
	padding-left: 20px;
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 9px;
}

/**/

.map_block{
	margin: 0px auto;
}

.map_block iframe{
	width: 1100px;
	height: 250px;
}

/**/

.topMap{
	width: 100%;
	max-width: 1100px;
	height: 250px;
}
.topMap iframe{
	width: 100%;
	height: 100%;
}

.oemWrap{
	background: url('../img/top/back_img03.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	min-height: 540px;
	padding-top: 85px;
}
.inner_m{
	max-width: 1100px;
}
.oemWrap .comSub{
	letter-spacing: 0.15em;
}
.oemWrap .featMess {
    padding: 0;
}
.oemWrap .featLeft {
    margin-top: 10px;
    margin-right: 40px;
}
.oemList01{
	font-size: 2rem;
	line-height: 1.6;
	margin: 25px 0 30px;
	letter-spacing: 0.2em;
}
.oemList02{
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #c16614;
	padding: 2.5px 5px;
	box-sizing: border-box;
	margin-bottom: 3px;letter-spacing: 0.05em;
}
.oemList03{
	font-size: 1.5rem;
	line-height: 1.6;
	color: #1a1a1a;
	letter-spacing: 0.05em;
}
.oemmar{
	margin-bottom: 25px;
}

.consultItem{
	max-width: 1070px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.consuImg{
	float: left;
	width: 38%;
	margin-right: 105px;
}
.consuInfo{
	overflow: hidden;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 25px 28px;
	box-sizing: border-box;
	text-align: center;
}
.consuSub{
	font-size: 2.2rem;
	color: #333;
	border-bottom: 1px solid #000;
	padding: 10px 0;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
}
.consuList{
	font-size: 1.7rem;
	color: #040000;
	line-height: 1.88;
	margin-bottom: 25px;
	letter-spacing: 0.05em;
}
.contsuBtn{
	font-size: 2rem;
	background-color: #633b16;
	text-align: center;
	color: #fff;
	height: 89px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 80px;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
.contsuBtn:before{
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	left:30px;
	background: url('../img/top/email_form.png')no-repeat;
	width: 32px;
	height: 25px;
	content: '';
}
.contsuBtn:hover{
	opacity: 0.8;
}

.btn{	
text-align: -webkit-center;
	margin-bottom: 100px;
}

.btn ul{
	list-style: none;
	margin: auto;
	display: block;
}
.btn ul li{
	display: table-cell;
	padding: 20px;
}

.contsuBtn02{
	font-size: 2rem;
	background-color: #633b16;
	text-align: center;
	color: #fff;
	height: 89px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 80px;
	padding-right: 80px;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
.instagram{
	text-align: center;
	margin: 85px 0 30px;
}

#instagram-feed-sp{
    display: none;
}

.insWrap{
	/*padding-bottom: 250px;*/
	background-image: url(../img/top/topMain.png);
    background-size: 170%;
    background-position: 20% 50%;
    width: 100%;
    height: 300px;
	position: relative;
	margin-top: 40px;
}

.insflow{
	position: relative;	
}
.follow{
	position: absolute;
	top: 0;
	right: 10px;
	color: #000;
	border: 1px solid #808080;
	height: 34px;
	width: 79px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.follow:hover{
	color: #fff;
	background-color: #000;
}
.insWrap ul{
	margin-left: -27px;
}
.insWrap ul li{
	float: left;
	width: 16.66%;
	box-sizing: border-box;
	padding-left: 27px;
}

.insta_icon{
	max-width: 520px;
    margin: auto;
    text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    
}

.btnLink02.black {
    background: #633b16;
    border: 1px solid #633b16;
    font-family: 'source-han-serif-japanese';
}

.btnLink02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 520px;
    height: 100px;
    box-sizing: border-box;
    color: #fff;
    border: 1px solid #fff;
    font-size: 2.8rem;
    letter-spacing: 0.2em;
    position: relative;
}

.btnLink02:before {
    content: url("../img/top/insta_icon_pc.png");
    width: 40px;
    height: 40px;
    position: absolute;
    right: 60px;
    top: 50%;
    z-index: 1;
    background: none;
	transform: translateY(-50%);
}

.btnLink02:hover {
    background:#fff;
	color: #633b16;
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: absolute;
	right:13.5%;
	top: 25px;
}

/* !footer
---------------------------------------------------------- */
#footer {
	background-color: #231b15;
	padding: 40px 0;
	box-sizing: border-box;
	position: relative;
  z-index: 2;
}

#footer .footerIn {
	text-align: center;
}
.font01{
	font-size: 2rem;
	color: #fff;
	margin: 30px 0 20px;
	letter-spacing: 0.1em;
}
.font02{
	font-size: 1.6rem;
	color: #fff;
	letter-spacing: 0.1em;
}
.font03{
	font-size: 1.6rem;
	color: #fff;
	margin: 5px 0 40px;
	letter-spacing: 0.1em;
}
#copyright {
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
	
.footUlink{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
}
.footUlink a:last-child{
	margin-left: 20px;
}



/*******recruit*** start*****/
#teaser{
	background: url('../img/recruit/mainImg.png')no-repeat;
	background-size: 100% 100%;
	min-height: 333px;
	background-position: top right;
	position: relative;
}

#teaser h2{
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -75%);
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: source-han-serif-japanese, serif;
	letter-spacing: 0.2em; 
}
#teaser ul {
    position: absolute;
    bottom: 20px;
    left: 0;
    max-width: 1120px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
    right: 0;
}
#teaser ul li{
	float: left;
	color: #fff;
	font-size: 1.5rem;
}
#teaser ul li a{
	color: #fff;
	font-size: 1.5rem;
	margin-right: 20px;
	position: relative;
}
#teaser ul li a:before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url('../img/top/arrow_right.png')no-repeat;
	width: 9px;
	height: 11px;
	content: '';
	right: -15px;
}

#syouhin #teaser{
	background: url('../img/syouhin/mainImg.png')no-repeat;
	background-size: 100% 100%;
	min-height: 333px;
	background-position: top right;
	position: relative;
}

#contact #teaser{
	background: url('../img/contact/mainImg.png')no-repeat;
	background-size: 100% 100%;
	min-height: 333px;
	background-position: top right;
	position: relative;
}





.recruitCont{
	margin: 80px 0 0;
}
.feattaC{
	text-align: center;
	margin-top: 5px;
}
.behalfWrap{}
.behalfWrap .featItem{
	margin: 25px 0 115px;
}
.behalfWrap .featLeft {
    width: 52%;
    margin-left: 0;
    margin-right: 65px;
}
.behal01{
	font-size: 2.3rem;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
}
.behal02{
	font-size: 1.7rem;
	line-height: 2.17;
	letter-spacing: 0.1em;
}

.behal03{
	margin: 35px 0;
}

.introWrap{
	background: url('../img/recruit/back_01.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	min-height: 850px;
}

.introItem{
	margin: 110px 0 10px;
}
.introImg{
	float: right;
	width: 44%;
	margin-left: 95px;
}
.introMess{
	overflow: hidden;
	padding-left: 30px;
	padding-top: 30px;
	letter-spacing: 0.1em;
}
.intro01{
	font-size: 2.2rem;
	color: #754c24;
	line-height: 1.72;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}
.intro02{
	font-size: 1.7rem;
	color: #4d4d4d;
	padding: 11px 0;
	border-bottom: 1px solid #634618;
	letter-spacing: 0.1em;
}
.intro03{
	font-size: 1.7rem;
	color: #4d4d4d;
	line-height: 1.47;
	margin-top: 10px;
	letter-spacing: 0.1em;
}
.introLeft{
	float: left;
	width: 52%;
	margin-left: 0;
	margin-right: 65px;
}
.introItems{
	margin-bottom: 75px;
}
.introItems .introMess{
	padding: 90px 0;
	box-sizing: border-box;
}
.introItems .introMess .intro03{
	margin-top: 0;
}

.oneInfo{
	float: left;
	width: 68%;
	margin-right: 25px;
}
.oneImg{
	overflow: hidden;
}
.oneItem{
	margin: 25px 0 80px;
	padding: 0 8px;
	box-sizing: border-box;
}
.oneImg p{
	margin-bottom: 25px;
}
.oneImg p:last-child{
	margin-bottom: 0;
}

.oneInfo ul{}
.oneInfo ul li{
	margin-bottom: 40px;
	padding-left: 55px;
	position: relative;
}
.oneInfo ul li:before{
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/recruit/time01.png')no-repeat;
	width: 39px;
	height: 39px;
	content: '';
}
.oneInfo ul li:nth-child(2):before{
	background: url('../img/recruit/time02.png')no-repeat;
}
.oneInfo ul li:nth-child(3):before{
	background: url('../img/recruit/time03.png')no-repeat;
}
.oneInfo ul li:nth-child(4):before{
	background: url('../img/recruit/time04.png')no-repeat;
}
.oneInfo ul li:nth-child(5):before{
	background: url('../img/recruit/time05.png')no-repeat;
}
.pcbox{
	display: table-row;
}
.inner_h{
	max-width: 995px;
}
.hopeWrap{
	background-color: #fcf5eb;
	padding: 65px 0 85px;
	margin-bottom: 60px;
}
.hope01{
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 40px 0 35px;
}
.hope02{
	font-size: 1.7rem;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.94;
}
.oneInfo ul li h3{
	font-size: 2rem;
	color: #604518;
	letter-spacing: 0.4em;
}
.oneInfo ul li p{
	font-size: 1.7rem;
	color: #4d4d4d;
	letter-spacing: 0.1em;
}

.raiseTable{
	margin: 35px 0 65px;
}
.raiseTable table{
	width: 100%;
}
.raiseTable th{
	padding:15px 0;
	box-sizing: border-box;
	width: 21%;
	background-color: #fffcf3;
	text-align: center;
	color: #825d38;
	font-size: 1.7rem;
}
.raiseTable td{
	padding:15px 0 15px 30px;
	box-sizing: border-box;
	color: #333;
	font-size: 1.6rem;
}
.raiseTable table{
  border-collapse:collapse;
}

.raiseTable table, .raiseTable table td, .raiseTable table th{
  border:1px solid #d8ac80;
}

.consultItem02{
	max-width: 572px;
	padding: 0 10px;
	width: 100%;
	margin: 0 auto 40px;
	box-sizing: border-box;
}

.consultItem02 .contsuBtn {
    font-size: 1.9rem;
    height: 58px;
    padding-left: 20px;
    max-width: 426px;
    margin: 0 auto;
    justify-content: center;
}
.consultItem02 .consuList{
	margin-bottom: 0;
}
.consuTel{
	font-size: 2.88rem;
	text-align: center;
	pointer-events: none;
	padding: 14px 0 12px;
	display: block;
	letter-spacing: 0.1em;
}
.consultItem02  .consuSub {
    padding: 0 0 10px;
    margin-bottom: 10px;
}
.conName{
	font-size: 1.9rem;
	color: #040000;
	margin-top: 20px;
	letter-spacing: 0.05em;
}

/******recruit**** end*****/



/****syouhin***start**/
.caseUl{
	max-width: 1300px;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 60px auto 100px;
	width: 100%;
}
.caseUl ul{}
.caseUl ul li{
	float: left;
	width: 17%;
	text-align: center;
	
}


.caseUl ul li:nth-child(1){
    width: 17%;
}
.caseUl ul li:nth-child(2){
    width: 11%;
}
.caseUl ul li:nth-child(3){
    width: 13%;
}


.caseUl ul li:nth-child(4){
    width: 30%;
}

.caseUl ul li:nth-child(5){
    width: 25%;
}

.caseUl ul li a{
	color: #604518;
	position: relative;
	font-size: 1.6rem;
	display: block;
}
.caseUl ul li a:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 2px;
	height: 22px;
	content: '';
	background-color: #604518;
}
.caseUl ul li:nth-child(5) a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 2px;
	height: 22px;
	content: '';
	background-color: #604518;
}


.cakeWrap{
	background: url('../img/syouhin/back_01.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	min-height: 1877px;
	/*margin-bottom: 15px;*/
    /*margin-bottom: 105px;*/
}

.cakeWrapCont{
	background: url('../img/syouhin/back_02.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	min-height: 1844px;
	/* margin-bottom: 55px; */
}

.cakeWrapCont02{
	background: url('../img/syouhin/back_03.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	min-height: 1950px;
	/*margin-bottom: 55px;*/
}

.cake01{
	text-align: center;
	font-size: 3.4rem;
	color: #604518;
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}
.cake01 span{
	position: relative;
}
.cake01 span:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50px;
	margin: auto;
	width:18px;
	height: 18px;
	content: '';
	background: url('../img/syouhin/icon01.png')no-repeat;
}
.cake01 span:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -50px;
	margin: auto;
	width:18px;
	height: 18px;
	content: '';
	background: url('../img/syouhin/icon01.png')no-repeat;
}
.cakeLightbox{
	display: none;
}
.cakeimg{
	text-align: center;
}
.cakeinfo{
	text-align: center;
	font-size: 3.5rem;
	color: #fff;
	margin: 35px 0;
	letter-spacing: 0.1em;
}
.cakemess{
	font-size: 1.7rem;
	color: #fff;
	line-height: 1.9;
	letter-spacing: 0.45em;
	max-width: 715px;
	margin: 0 auto 50px;
}
.cakeWrapCont .cakemess {
    max-width: 905px;
}

.cakeItem{
	background-color: rgba(255, 255, 255, 0.9);
	padding: 40px 75px 75px;
	border: 1px solid #a87136;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
}
.cakeh3{
	text-align: center;
	font-size: 2.5rem;
	color: #a87136;
	letter-spacing: 0.4em;
}
.cakeItem ul{}
.cakeItem ul li{
	margin-top: 50px;
}
.cakeItem .cakeLeft{
	float: left;
	width: 54%;
	margin-right: 30px;
}
.cakeItem  .cakeRight{
	overflow: hidden;
}

.cakewo01{
	font-size: 2rem;
	color: #a87136;
	letter-spacing: 0.1em;
}
.cakewo02{
	font-size: 3.1rem;
	color: #a87136;
	letter-spacing: 0.4em;
	padding-right: 35px;
	box-sizing: border-box;
	position: relative;
}
.cakeWrapCont .cakewo02 {
    font-size: 3.1rem;
    color: #a87136;
    letter-spacing: 0.2em;
}
.cakewo02 span{
	font-size: 1.7rem;
	letter-spacing: 0.1em;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
    align-items: center;
}

.komachi_wrap span{
	right: 4vw;
}

.cakewo03{
	font-size: 1.6rem;
	color: #4d4d4d;
	margin-top: 25px;
	letter-spacing: 0.1em;
}

.cakeWrapCont .cakewo03 {
    font-size: 1.6rem;
}

.shopImg{
	text-align: center;
	position: relative;
	background: url('../img/syouhin/img_06.png')no-repeat;
	min-height: 296px;
	background-size: cover;
}
.shopWord{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3rem;
	color: #604518;
}


/**qa*start*/
.toggleTitle{
	font-size: 3rem;
	color:#000;
	position: relative;
	padding-left: 55px;
	box-sizing: border-box;
	line-height: 1.5;
	margin-top: 10px;
	padding-bottom: 10px;
	font-family: source-han-serif-japanese, serif;
	border-bottom: 3px solid #604518;
	letter-spacing: 0.4em;
}
.toggleItem{
	margin-top: 20px;
	border-bottom: 1px solid #aeaeae;
	box-sizing: border-box;
	padding-bottom: 25px;
}
.toggleBox{
	display: none;
	box-sizing: border-box;		
}
.toggleBox p{
	position: relative;
	padding-left: 55px;
}
.toggleWrap{
	position: relative;	
	margin-bottom: 105px;
}
.toggleTitle  .open{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	width: 100%;
    text-align: right;
    justify-content: flex-end;
    height: 58px;
}
.toggleBox  .close{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
    text-align: right;
    justify-content: flex-end;
    height: 58px;
}

.qaContent{
	margin:60px 0 60px;
}
.qaContent .qaTxt{
  text-align: center;
  margin-bottom: 35px;
}
.toggle01{
	font-size: 2.6rem;
	line-height: 1.3;
	margin-bottom: 5px;
	position: relative;
	letter-spacing: 0.1em;
}

.toggle02{
	font-size: 1.7rem;
	line-height: 1.3;
	color: #4d4d4d;
	letter-spacing: 0.1em;
}

.toggle03{
	font-size: 1.7rem;
	line-height: 1.3;
	color: #4d4d4d;
	letter-spacing: 0.1em;
}

.gooleBtn{
	font-size: 1.8rem;
	color: #876239;
	text-decoration: underline;
	position: absolute;
	top: 0;
	right: 140px;
	letter-spacing: 0.2em;
}

.toggle04{
	font-size: 2rem;
	line-height: 1.3;
	margin-top: 20px;
	color: #4d4d4d;
	letter-spacing: 0.1em;
}

/**qa end*/


/***syouhin****end**/



/***contact**** start**/
.contactfirat{
	margin: 75px 0 0;
}
.conthdl{
	text-align: center;
	font-size: 2.5rem;
	color: #604518;
	padding-bottom: 15px;
	border-bottom: 1px solid #604518;
	margin-bottom: 15px;
	letter-spacing: 0.4em;
	font-family: source-han-serif-japanese, serif;
}
.conthdl span{
	display: block;
	margin-top: 15px;
}
.contsub{
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.625;
	margin: 30px;
	font-family: source-han-serif-japanese, serif;
}
.cored{
	color: #bc272d;
}
.contImg img{
    display: block;
    margin: 0 auto;
}
.contactItem{
	background: #fffbf0;
	padding: 145px 0 204px;
  position: relative;
}
.contactItem:before{
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/contact/back_01_top.png) center bottom no-repeat;
  background-size: 100% 100%;
  content: '';
  z-index: 2;
  width: 100%;
  height: 145px;
}
.contactItem:after{
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../img/contact/back_01_btm.png) center top no-repeat;
  background-size: 100% 100%;
  content: '';
  z-index: 2;
  width: 100%;
  height: 204px;
}
.contactItem .otherth{
	line-height: 1.7;
}
.textnote{
	font-size: 1.6rem;
	line-height: 1.4;
}
.tableul{}
.tableul ul{
	margin-left: -15px;
}

.tableul ul li{
	float: left;
	width: 85%;
	padding-left: 15px;
	box-sizing: border-box;
	margin-bottom: 4px;
    font-size: 1.5rem;
}

.tableul ul li:nth-child(2){width: 10%;}
.tableul ul li:nth-child(3){width: 5%;}
.mab15{
	margin-bottom: 15px;
}

.rab{
	background-color: #fff;
	border: 1px solid #876239;
	border-radius: 5px;
	height: 41px;
	padding-left: 35px;
	display: flex;
	align-items: center;
}

.tablefirst .tableul ul .rab{
	position: relative;
}
.tablefirst .tableul ul .rab:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	background-color: #633b16;
	width: 15px;
	height: 15px;
	content: '';
	border-radius: 50%;
}

.tabletwo .tableul ul li .rabs{
	position: relative;
}
.tabletwo .tableul ul li .rabs:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	background-color: #f28d1e;
	width: 15px;
	height: 15px;
	content: '';
	border-radius: 50%;
}

.contactItem .tableul ul li input {
    /*padding: 0 10px 0 60px;*/
}
.tableul ul li input::-webkit-input-placeholder {
   color: #000;
   font-size: 16px;
   padding-left: 15px;
}

.personUl{
	max-width: 670px;
	margin: 0 auto 60px;
}
.personUl li{
	font-size: 1.6rem;
	line-height: 1.3;
}
.contactfirat .contactItem input[type=text], 
.contactfirat .contactItem input[type=tel], 
.contactfirat .contactItem input[type=email],
.contactfirat .contactItem textarea,
.contactfirat .contactItem select{
	border: 1px solid #876239;
}
/****contact***/
/****contact***/
.intInfo{
	font-size: 1.5rem;
	text-align: center;
    padding: 25px 0;
}
.introBox{
	max-width:652px;
	width: 100%;
	margin: 0 auto;
	border: 2px solid #90b0ca;
	border-top: 1px solid #295eaa;
	padding: 0 60px;
	box-sizing: border-box;
}
.intop{
	text-align: center;
	padding: 10px 0;
	border-bottom: 2px solid #90b0ca;
}
.inmiddle{
	text-align: center;
}
.inmiddle a{
	font-size: 2.8rem;
	color: #295eaa;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	pointer-events: none;
	padding-left: 35px;
	margin-top: 10px;
    background: url('../img/contact/icon_tel.png') no-repeat 0 center;
}
.inbot{
	text-align: center;
	padding: 10px 0;
}

.formInfo{
	font-size: 1.5rem;
	text-align: center;
	padding: 25px 0 0;
}
.colorRed{
	color: #db4d4d;
}
.contactArea {
  font-size: 1.6rem;
  line-height: 2.26;
}

.contactArea .contactForm {
  padding: 30px 0 0;
}
.contactArea table {
  width: 100%;
}
.contactArea table th,
.contactArea table td {
  padding: 15px 0;
}
.contactArea table th {
    width: 220px;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 42px;
    vertical-align: top;
    text-align: right;
    position: relative;
    padding-right: 75px;
}
.contactArea table th .must {
  padding: 0;
  width: 46px;
  height: 15px;
  color: #db4d4d;
  text-align: center;
  font-size: 1.5rem;
  line-height: 23px;
  font-weight: normal;
  margin: 0 15px;
  position: absolute;
  top: 25px;
  right: 0;
}
.contactArea table th .sbmust{
	color: #808080;
}
.contactArea input[type=text],
.contactArea input[type=tel],
.contactArea input[type=email] {
  border: 1px solid #a5a5a5;
  box-sizing: border-box;
  width: 100%;
  height: 41px;
  font-size: 1.6rem;
  padding: 0 13px;
}
.contactArea textarea {
  border: 1px solid #a5a5a5;
  box-sizing: border-box;
  width: 100%;
  height: 180px;
  font-size: 1.6rem;
  padding: 7px 13px;
  resize: none;
  overflow: hidden;
}
.contactArea  select {
    width: 370px;
    height: 41px;
    border: 1px solid #a5a5a5;
    box-sizing: border-box;
  font-size: 1.6rem;
  padding-left: 13px;
  background: url(../img/contact/ico_select.png) right 18px center no-repeat #fff;
}
.contactArea .marwithThree{
	max-width: 370px;
}
.contactArea .marwithone{
	max-width: 150px;
}





.contactArea .submitBtn {
    text-align: center;
    margin: 30px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactArea  .submitBtn p:first-child{
	margin-right: 20px;
}
.contactArea .submitBtn input[type=submit],
.contactArea .submitBtn input[type=button]:hover,
.contactArea .submitBtn input[type=reset]:hover {
  box-sizing: border-box;
  width: 154px;
  height: 56px;
  border: 1px solid #633b16;
  display: inline-block;
  font-size: 1.6rem;
  color: #fff;
  background: #633b16;
  cursor: pointer;
}
.contactArea .submitBtn input[type=submit]:hover,
.contactArea .submitBtn input[type=button],
.contactArea .submitBtn input[type=reset]{
  box-sizing: border-box;
  width: 154px;
  height: 56px;
  border: 1px solid #633b16;
  display: inline-block;
  font-size: 1.7rem;
  color: #633b16;
  background: #fff;
  cursor: pointer;
}
.protect{
	font-size: 1.5rem;
	line-height: 1.4;
	border: 1px solid #a5a5a5;
	background: #f9fcfe;
	padding: 10px 13px;
}
.dsLine{
	display: inline-block;
}

.flront input{
	float: left;
	margin-right: 15px;
}
.flront .flrontIps{
	overflow: hidden;
	font-size: 1.5rem;
	line-height: 43px;
	color: #575757;
}
.poreItems{
	position: relative;
}
.poreIps{
	position: absolute;
	right: 0;
	bottom: -30px;
	font-size: 1.5rem;
	color: #575757;
}

.contactArea .agreeBtn {
    margin-top: 5px;
    background-color: #e0e0e0;
    padding: 8px 0 8px 20px;
}

.contactArea .agreeBtn label {
  display: flex;
  line-height: 2;
}
.my-checkbox{
    display: none;
}
.my-checkbox:checked+span{
    border: 1px solid #333;
}
 
.my-checkbox+span {
    width: 25px;
    height: 25px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #5f5f5f;
    position: relative!important;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 10px!important;
}
 
.my-checkbox:checked+span:after {
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 100%;
    text-align: center;
    content: '\2714';
    color: #fff;
    background-color: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    line-height: 2;
}
.personA{
	text-decoration: underline;
	color: #754c24;
}
/***contact**** end**/

@media screen and (max-width: 959px){
.introImg {
    float: right;
    margin-left: 35px;
}
.introLeft {
    float: left;
    margin-left: 0;
    margin-right: 35px;
}
.introMess {
    padding-left: 15px;
    padding-top: 10px;
    letter-spacing: 0.1em;
}
.intro01 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}
.introItems .introMess {
    padding: 35px 0;
}
.cakeItem {
    padding: 35px 15px 40px;
}

}

/**/
    
/*　百貨選バナー　*/    
    
.indexbn_wrap{
    width: 100%;
    margin: 100px auto;
    overflow: hidden;
    text-align: center;
}
    
.indexbn_wrap .sp_hide{
    text-align: center;
}
    
.indexbn_wrap .pc_hide{
    display: none;
}
    
.cate{
	font-weight:bold;
}  
    
.cate a{
	color:#604518;
}  
    
/**/    

.cakeWrapCont03{
	background: url('../img/syouhin/back_05_2.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	/*min-height: 1950px;*/
	min-height: 1300px;
	/*margin-bottom: 55px;*/
}

.cakeWrapCont04{
	background: url('../img/syouhin/back_04_2.png')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	/*min-height: 1950px;*/
	min-height: 1200px;
	/*margin-bottom: 55px;*/
}

/*------------------*/

/****syouhin***start**/
.caseUl_2{
	max-width: 1300px;
	/*padding: 0 10px;*/
	box-sizing: border-box;
	margin-top: 20px ;
	width: 100%;
	margin-left: 20%;
}
.caseUl_2 ul{}
.caseUl_2 ul li{
	float: left;
	width: 17%;
	text-align: center;
	
}


.caseUl_2 ul li:nth-child(1){
    width: 12%;
}
.caseUl_2 ul li:nth-child(2){
    width: 21%;
}
.caseUl_2 ul li:nth-child(3){
    width: 24%;
}


.caseUl_2 ul li a{
	color: #604518;
	position: relative;
	font-size: 1.6rem;
	display: block;
}
.caseUl_2 ul li a:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 2px;
	height: 22px;
	content: '';
	background-color: #604518;
}
.caseUl_2 ul li:nth-child(3) a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 2px;
	height: 22px;
	content: '';
	background-color: #604518;
}


/*-----------*/
.inner_2 {
	max-width: 1020px;
	padding: 0 10px;
	height: 1000px;
	box-sizing: border-box;
	margin:0 auto;
	width: 100%;
}

/*-----------*/
.inner_3 {
	max-width: 1020px;
	padding: 0 10px;
	height: 1500px;
	box-sizing: border-box;
	margin:0 auto;
	width: 100%;
}

.contactArea_2 {
  font-size: 1.6rem;
  line-height: 2.26;
}

.contactItem_2{
	/*background: #fffbf0;*/
	padding-bottom: 204px;
  position: relative;
}

.tb_1{
	width: 80%;
	margin-left: auto;
    margin-right: auto;
	font-family: source-han-serif-japanese, serif;
}

.tb01{
	background-color: #604518;
	color: white;
	text-align: left;
	padding: 20px;
	width: 200px;
	font-size: 15px;
}

.tb02{
	padding: 20px;
	font-size: 14px;
	
	
}


.topup{
	margin-top: -300px;
    margin-bottom: 150px;
}

.topup2{
	margin-top: -200px;
	margin-bottom: 150px;
}

.topup3{
	margin-top: -250px;
    margin-bottom: 150px;
}