@charset "UTF-8";

/*======*/
body,html{margin:0px;padding:0px;cursor:default;font-size:12px;line-height:19px;text-align:center;color:#1d0a06;background:#ffffff;}
body {font-family:"メイリオ",ＭＳ Ｐゴシック,Osaka;margin:0px;padding:0px;zoom: 1.0;-moz-transform: scale(1.0);}
	@media all and (max-width: 1024px) {
		body {font-family: Verdana, sans-serif;-webkit-text-size-adjust: none;overflow-x:hidden;min-width:100%;}
	}
a{cursor:pointer;outline:none;text-decoration:none;}
input,textarea,option,select{font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:none;border:1px solid #e0e0e0;}
h1,h2,h3,h4,h5,p,ul,li{font-size:12px;color:#1d0a06;line-height:19px;font-weight:normal;}
img,div,ul,li{vertical-align:top;border:0px;}
ul,li{list-style-type:none;text-align:center;margin:0px;padding:0px;vertical-align:top;}
a:hover img{opacity:0.9;filter: alpha(opacity=95);}
h1,h2,h3,h4,h5,p,div,ul,li,dl,dt,dd,article,nav,span,form{margin:0px auto;padding:0px;}
	@media all and (min-width: 1025px) {
		body {min-width:1200px;background:url(../img/common/bg.webp) no-repeat fixed #ffffff;background-size:2000px 960px;background-position:top center;}
		.pc_none{display:none;}
		#contents{padding-bottom:40px;}
		.index #contents{padding-top:40px;padding-bottom:40px;}
		.etc .main_contents_box{width:1200px;}
		.etc_h2{padding-top:30px;}
	}
	@media all and (max-width: 1024px) {
		body:before{display: block;content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-image: url("../img/common/bg.webp");background-size:auto 100%;background-position: center;}
		#container{position: relative;z-index: 1;}
		.smart_none{display:none;}
		#contents{padding-bottom:25px;}
		.index #contents{padding-top:25px;padding-bottom:25px;}
		.main_contents_box{}
		.etc .main_contents_box{}
		.etc .main_contents_box{width:100%;}
		.etc_h2{padding-top:20px;}
	}


/*======*/
.index_txt{padding:13px 0px;}
	@media all and (max-width: 1024px) {
		.index_txt{width:calc(100% - 20px);}
		.index header nav{display:block;}
	}


/*======*/
h1{width:100%;height:auto;background:#1d0a06;color:#ffffff;}
h1 span{display:block;height:auto;line-height:35px;}
header{width:100%;height:auto;}
.header{width:100%;height:auto;}
.logospace{width:100%;height:auto;position:relative;}
.logospace p{width:1200px;height:auto;position:relative;}
	@media all and (min-width: 1025px) {
		h1 span{width:1200px;}
		.logospace{height:auto;}
		.header div.logo{width:100%;height:auto;}
		.header div.logo p{width:1200px;height:auto;padding:130px 0px;}
			.profile div.logo p{auto;padding:50px 0px 30px 0px;}
		.header div.logo p img{width:341px;height:auto;}
	}
	@media all and (max-width: 1024px) {
		h1 span{width:95%;font-size:10px;}
		.logospace_s{height:auto;}
		.logospace{height:auto;}
		.logospace p{width:100%;height:auto;}
		.header div.logo{width:100%;height:auto;}
		.header div.logo p{width:100%;height:auto;padding:100px 0px;}
			.profile div.logo p{auto;padding:50px 0px 30px 0px;}
		.header div.logo p img{width:70%;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}



/*======*/
.open_time{width:100%;height:auto;margin:0px auto;padding:8px 0px;background:#321610;}
.open_time dl{width:100%;height:auto;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.open_time dl dt.en{margin:0px;font-size:20px;color: #ffffff;letter-spacing: 1px;line-height:100%;text-box-trim: trim-both;}
.open_time dl dt.tel a{color:#ffffff;}
.open_time dl dd{margin:0px;}
.open_time dl dd p.ja{width: auto;height: auto;font-size: 16px;color: #fef7ae;letter-spacing: 2px;line-height:100%; text-box: trim-both cap alphabetic;vertical-align:-1px;}
	@media all and (min-width: 1025px) {
		.open_time dl dt.tel{margin:0px 15px 0px 0px;background:url(../img/header/telephone.png) no-repeat;background-size:87px 17px;background-position:0% 50%;padding-left:93px;}
		.open_time dl dt.open{margin:0px 15px 0px 0px;background:url(../img/header/opentime.png) no-repeat;background-size:87px 17px;background-position:0% 50%;padding-left:93px;}
		.open_time dl dt.reception{margin:0px 15px 0px 0px;background:url(../img/header/reception.png) no-repeat;background-size:87px 17px;background-position:0% 50%;padding-left:93px;}
	}
	@media all and (max-width: 1024px) {
		.open_time{padding:10px 0px 13px 0px;}
		.open_time dl dt.en{font-size:17px;}
		.open_time dl dt.tel{width:auto;margin:0px 5px 0px 0px;background:url(../img/header/telephone_s.png) no-repeat;background-size:50px 15px;background-position:0% 50%;padding-left:56px;}
		.open_time dl dt.open{width:auto;margin:0px 0px 0px 5px;background:url(../img/header/opentime_s.png) no-repeat;background-size:50px 15px;background-position:0% 50%;padding-left:56px;}
		.open_time dl dt.reception{width:auto;background:url(../img/header/reception_s.png) no-repeat;background-size:50px 15px;background-position:0% 50%;padding-left:56px;margin-top:4px;}
		.open_time dl dd {width:100%;padding-top:6px;}
		.open_time dl dd p.ja{font-size: 13px;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}


/*===fixed===*/
#fixedTop {left:0px;top: -150px;width:100%;height:auto;padding:0px;position: fixed;z-index: 9999;background:#311240;}
#fixedTop nav{width:100%;height:auto;background:#311240;position:relative;}
#fixedTop nav .menu{width:100%;height:auto;}
#fixedTop nav ul{width:1200px;height:auto;padding:15px 0px;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;}
#fixedTop nav li{width:auto;height:auto;transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
#fixedTop nav ul li:hover{-webkit-transform:translate(0px,-9px);-ms-transform:translate(0px,-9px);}
#fixedTop nav a span.en{width:100%;padding-bottom:3px;display: block;color:#ffffff;font-size:15px;letter-spacing:2px;line-height:100%;position:relative;}
#fixedTop nav a span.hover{display:block;width:100%;padding:1px 0px 0px 0px;color: #fef7ae;font-size:11px;letter-spacing:1px;line-height:100%;}
#fixedTop nav li a{display: block;padding:0px 10px;}
#fixedTop nav li:nth-of-type(12) a,
#fixedTop nav li:nth-of-type(13) a,
#fixedTop nav li:nth-of-type(14) a
	{padding:0px 0px;}
	@media all and (max-width: 1024px) {
		#fixedTop {display:none;}
	}


/*======*/
h2.h2{width:auto;height:auto;padding:20px 0px;
	display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
h2.h2 div{width:100%;height:auto;margin:0px;}
h2.h2 span.en{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px;font-size:19px;letter-spacing:1px;line-height:150%;position:relative;}
h2.h2 span.en:before{display:block;content:"";width:200px;height:1px;margin:0px auto;padding:0px;border-top:1px solid #1d0a06;}
h2.h2 span.en:after{display:block;content:"";width:200px;height:1px;margin:0px auto;padding:0px;border-top:1px solid #1d0a06;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h2.h2 span.ja{display:inline-block;width:auto;height:auto;padding:3px 15px 4px 15px;font-size:12px;letter-spacing:1px;line-height:100%;color:#fef7ae;background:#1d0a06;}
	@media all and (max-width: 1024px) {
		h2.h2 span.en{font-size:17px;}
		h2.h2 span.en:before{width:150px;}
		h2.h2 span.en:after{width:150px;}
	}


/*======*/
footer{width:100%;height:auto;}
footer{width:100%;height:auto;}
.footer_in{width:100%;height:auto;}
footer div.copy{width:100%;height:auto;background:#1d0a06;}
footer div.copy .copy{width:100%;height:auto;font-size:11px;color:#ffffff;line-height:34px;}
	@media all and (min-width: 1025px) {
		footer div.copy a:link{color:#ffffff;text-decoration:none;}
		footer div.copy a:visited{color:#ffffff;text-decoration:none;}
		footer div.copy a:hover{color:#fef7ae;text-decoration:underline;}
		footer div.copy a:active{color:#ffffff;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		.footer_in{width:100%;height:auto;}
		footer div.copy{width:100%;padding-bottom:70px;}
		footer div.copy .copy{width:100%;float:none;text-align:center;color:#ffffff;font-size:10px;}
		footer div.copy .copy a{color:#ffffff;}
		footer div.copy .copy span{display:none;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}


/*======*/
footer ul.tel{width:100%;height:auto;margin:0px auto;padding:11px 0px;background:#321610;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	 -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
footer ul.tel li a{display:block;}
	@media all and (min-width: 1025px) {
		footer ul.tel li{margin:0px;}
		footer ul.tel li:nth-of-type(1){width:492px;height:17px;}
		footer ul.tel li:nth-of-type(2) p{width:auto;height:auto;font-size:16px;color:#fef7ae;padding-left:20px;letter-spacing:2px;}
	}
	@media all and (max-width: 1024px) {
		footer ul.tel li:nth-of-type(1){display:block;width:94%;height:auto;}
		footer ul.tel li:nth-of-type(2) p{width:100%;height:auto;font-size:13px;color:#fef7ae;padding-top:8px;letter-spacing:2px;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}


/*===■求人ページ用フッター固定お問い合わせ===*/
@media all and (max-width: 1024px) {
	#footerMenu {width: 100%;height: 0px;position: fixed;z-index: 300;bottom:-50;overflow: none;left: 0;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;webkit-transition: all 0.4s ease-in-out;background:#321610;}
	#footerMenu.show {position: fixed;z-index: 300;bottom: 0;height:auto;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
	#footerMenu ul{width:calc(100% - 10px);height:auto;padding-bottom:5px;
		display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
		-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
	#footerMenu a{display:block;padding:6px 0px 6px 0px;}
	#footerMenu p{padding:4px 0px;color:#fef7ae;}
	#footerMenu a span{display:inline-block;padding:6px 0px 6px 0px;color:#ffffff;font-size:14px;line-height:180%;text-box: trim-both cap alphabetic;}
	#footerMenu ul.navigation.one li{width:100%;}
	#footerMenu ul.navigation.two li{width:48%;}
	#footerMenu ul.navigation.three li{width:32%;}
	#footerMenu ul li.tel{background: linear-gradient(to bottom,  #95816f 0%,#79695b 100%);box-shadow: 0 0 0 1px #79695b inset, 0 0 0 2px #95816f inset;}
	#footerMenu ul li.mail{background: linear-gradient(to bottom,  #00c0ef 0%,#00add7 100%);box-shadow: 0 0 0 1px #00add7 inset, 0 0 0 2px #00c0ef inset;}
	#footerMenu ul li.line{background: linear-gradient(to bottom,  #06c152 0%,#03a746 100%);box-shadow: 0 0 0 1px #03a746 inset, 0 0 0 2px #06c152 inset;}
	#footerMenu ul li.tel a span{background:url(../img/footer/tel.png) no-repeat;background-size:auto 20px;background-position:0% 50%;padding-left:23px;}
	#footerMenu ul li.mail a span{background:url(../img/footer/mail.png) no-repeat;background-size:auto 20px;background-position:0% 50%;padding-left:27px;}
	#footerMenu ul li.line a span{background:url(../img/footer/line.png) no-repeat;background-size:auto 20px;background-position:0% 50%;padding-left:27px;}
	@media all and (max-width: 320px) {

	}
}

/*========= ぼかしCSS ===============*/

.mainblur{
	filter: blur(30px);
}


/*========= ナビ ===============*/

#g-nav{
    position:fixed;
	z-index: -1;
	opacity: 0;
	top:0;
	width:100%;
    height: 100vh;
	background:rgba(29,10,6,0.8);
	transition: all 0.3s;
}

#g-nav.panelactive{
	opacity: 1;
	z-index:999;
}

#g-nav.panelactive #g-nav-list{
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#g-nav .logo{max-width:240px;}

#g-nav .g-nav-list{
	max-width:450px;
	width:100%;
    display: none;
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

#g-nav.panelactive .g-nav-list{
    display: block;
}

/*リストのレイアウト設定*/
#g-nav ul.menu{width:95%;height:auto;padding:15px 0px;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;}
#g-nav ul.menu li{width:46%;height:auto;}
#g-nav ul.menu a span.en{width:95%;padding-bottom:2px;display: block;color:#ffffff;font-size:14px;letter-spacing:2px;line-height:100%;position:relative;}
#g-nav ul.menu a span.hover{display:block;width:85%;padding:4px 0px 0px 0px;color: #fef7ae;font-size:11px;letter-spacing:1px;line-height:100%;}
#g-nav ul.menu li a{display: block;padding:0px 10px;}

#g-nav ul.menu li:nth-of-type(9) a,
#g-nav ul.menu li:nth-of-type(10) a
	{padding:0px 0px;}
#g-nav ul.menu li a {display:block;padding:7px 0px;}
#g-nav ul.menu li:nth-of-type(9) ,
#g-nav ul.menu li:nth-of-type(10)
	{width:29px;margin:0px 7px;padding-top:7px;}
#g-nav ul.menu a span.en{border-bottom:1px solid #1d0a06;}

/*======*/
#g-nav .open_time dl dd {padding-top:6px;}
#g-nav .open_time{background:none;}

/*========= ボタン ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 20px;
    height: 5px;
    border-radius: 2px;
	background-color: #90000e;
  	width: 50%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:25px;
}

.openbtn span:nth-of-type(3) {
	top:34px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 20px;
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 20px;
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
}