@charset "UTF-8";


body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 22px;
	color: #FEFFE4;

	background: #BE9258;
}
#wrapper{
	line-height: 1.8;
	letter-spacing: 0;
	
	font-weight: 400;
	/*word-break: break-all;*/
	word-break: break-all;
	font-weight: lighter;

}
h2,h3,h4,dt,dd,p{ font-weight: 400;}



a {
	text-decoration: none;
	color: #333631;
}
a:hover {
	opacity: 0.7;
}
img {
	vertical-align: top;
}
.pc {
	display: block;
}
.sp {
	display: none !important;
}
.onlysp {
	display: none !important;
}

.hedWrapp{position: absolute; top: 0; z-index: 120; width: 100%; }
.header{  width: 100%; margin: 0 auto; border-radius: 5px;  box-sizing: border-box; padding: 27px 0 29px 45px; position: absolute; height: 90px; z-index: 100;
}
.navfix .hedWrapp{ opacity: 1;}


.header h1{ width: 241px; float: left;}
.header h1 img{ width: 100%; height: auto;}
.header ul{ float: right; margin-right: 40px; padding-top: 11px;  font-size: 24px; font-weight: bold;}
.header li{ display: inline-block;padding:0 30px; font-size: 16px; position: relative; border-right: 1px solid #fff;}
.header li a{ color: #fff;}
.header li:last-child{ border-right: none; padding-right: 0;} 


@media screen and (min-width:901px) {
.header{ position: fixed; top: 0; width: 100%; height: 80px; padding: 14px 0 29px 45px; border-radius: 0; }
}






#menu-btn_sp {
	position: fixed;
	left: 28px;
	top: 28px;
	width: 39px;
	z-index: 10000;
	cursor: pointer;
}

.inner{ max-width: 700px; margin: 0 auto;}




/* footer */
footer {

}

.footerinner{ padding: 45px 0 35px;}

.footerinner h3{ font-size: 16px; font-weight: 600; margin-bottom: 35px;}
.snsList{ margin-bottom: 55px;}
.snsList li{ display: inline-block; margin: 0 20px;}


.companybtn a{ width: 290px; height: 60px; line-height: 60px; color: #000; font-size: 18px; font-weight: 600; background: #fff; display: block; position: relative; border-radius: 3px;}


.companybtn a:after{ content: ""; display: block; width: 14px; height: 14px; background: url("../img/linkicon.svg") left top no-repeat; background-size: cover;  position: absolute; right: 18px; top: 23px;}
.companybtn a:before {
    content: "";
    display: block;
    width: 2px;
    height: 32px;
    background: url(../img/dotline_b.svg) left top no-repeat;
    position: absolute;
    right: 51px;
    top: 15px;
    background-size: cover;
}
.companybtn a:hover:after{background: url("../img/linkicon_w.svg") left top no-repeat;}

.companybtn li{   display: inline-block; box-sizing: border-box;}
/*.companybtn li:nth-child(even) a{ background: #4DBBAA;}*/

.companybtn li a:hover{background: #4DBBAA;}

.companybtn li:nth-child(even){ padding-left: 10px;}
.companybtn li:nth-child(odd){ padding-right: 10px}

.footlogo{ width: 200px; margin: 0 auto; padding-top: 55px; margin-bottom: 23px; }
.footlogo img{ width: 100%; height: auto}
.cptxt{ font-size: 11px;}

.foottxtxs{ font-weight: 500; font-size: 16px;}
.foottxtxs a{ color: #fff; text-decoration: underline;}


.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 20px;
	height: 20px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger.close span {
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top:20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.close span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.close span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.close span:nth-of-type(3) {
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}
.contents {
	padding-top: 0;
}
.menuWrapp {
	position: fixed;
	left: 0;
	top: -200vh;
	z-index: 90;
	width: 100%;
	background: #000;
	height: 100vh;
	transition: all 0.3s ease;
}
.menuWrapp.on {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1210;
	width: 100%;
	background: #000;
	height: 100vh;
}
.close {
	color: #fff;
	position: absolute;
}
.sp_menu {
	height: 100%;
	
	width: 100%;
	display: table;box-sizing: border-box; padding: 20px;
}
.sp_menuWrap {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
	border-radius: 5px;
}
.sp_menu ul li {
	font-size: 24px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
	letter-spacing: 0.08em;
}
.sp_menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
}
.sp_menuWrap{ position: relative}
.sp_menuWrap


.footer .inner{ max-width: 100%; box-sizing: border-box; padding: 50px;}

@media screen and (max-width:900px) {
body {
	font-size: 10px;
}
.pc {
	display: none !important;
}
.sp {
	display: block!important;
}
a:hover {
	opacity: 1;
}
img {
	max-width: 100%;
	height: auto
}
/* header */
	
.contents {
	box-sizing: border-box;
}

.menuWrapp {
	position: fixed;
	left: 0;
	top: -110vh;
	z-index: 120;
	width: 100%;
	background: #950000;
	height: 100vh;
	transition: all 0.3s ease;
}
.menuWrapp.on {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1210;
	width: 100%;
	background: #950000;

	height: 100vh;
}
}

	 .splogos{ display: none;}

footer{ padding: 90px 0; position: relative;}
footer p{ font-size: 20px; text-align: center;}

.fooLogo{ width: 137px; position: absolute; right: 40px; top: 50px;}
.fooLogo img{ width: 100%; height: auto}

 @media screen and (max-width:900px) {
	 
	 .businesshours{ top: auto; bottom: 0; left: 0; text-align: center}
	 
	 .header {
    
    width: 89.3%;
    margin: 0 auto;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 11px 0 0 27px;
    position: relative;
		 height: 60px; box-sizing: border-box;
}
.header h1 {
    width: 74px;
    float: none;
}
	 

	 
	 
	 
	 
	 .inner{ padding: 0 20px;}
	 
	 .splogos{ display: block;}
body {
	font-weight: 400;
}
.onlysp {
	display: block;
}
#menu-btn_sp {
    left: auto;
    right: 36px;
    top: 23px;
    background: none;
    height: 47px;
    width: 47px;
}
	 
	 
.hedWrapp {
    position: absolute;
    top: 20px;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 47px;
	height: 47px;
}
.menu-trigger span {
	position: absolute;
left: 25%;
    width: 55%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
	opacity: 0.9;
}
.menu-trigger.close span {
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 15px;
}
.menu-trigger span:nth-of-type(2) {
	top: 22px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 16px;
}
.menu-trigger.close span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.menu-trigger.close span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.close span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
.sp_menu ul li {
	font-size: 36px;
	margin-bottom: 30px;
}
	 
	 
.footlogo {
    padding-top: 55px;
    margin-bottom: 23px;
    text-align: left;
    padding-left: 20px;
	width: 200px;
}
	 .cptxt {
		 text-align: left;
		  padding-left: 20px;
    
}
	 .footerinner{ position: relative;}
	 
	 .ptopBtn{ width: 40px; height: 40px; position: absolute; right: 20px; bottom: 40px}
	 
.btmbtn{ /*background: #1F1F1F;*/ padding: 20px; position: fixed; bottom: 0; width: 100%; box-sizing: border-box; z-index: 100;}
.btmbtn a{ font-size: 18px; font-weight: 600; color: #fff; text-align: center; width: 100%; height: 80px; line-height: 80px; display: block; background: #4DBBAA; border-radius: 5px;}
	 .footer{ padding-bottom: 0;}
	 .main{z-index: 101;}
}

	 .menuWrapp .btmbtn{ padding: 40px; display: none !important;}
	 .menuWrapp.on .btmbtn{ padding: 40px; display: block !important;}

.businesshours{ font-size: 18px; position: absolute; left: 280px; top: 34px; z-index: 1000;}
.businesshours dt{ color: #D7BE2E; border: 1px solid #D7BE2E; padding: 5px 10px; display: inline-block; margin-right: 20px;}
.businesshours dd{ color: #fff; display: inline-block;}






.scroll {
    position: absolute;
    z-index: 10;
    top: auto;
    right: 50%;
    /*overflow: hidden;*/
    width: 1px;
    height: 45px;
    letter-spacing: 0.08em;
    bottom: 0;
}
.scrolltext {
 position: absolute;
    font-weight: normal;
    font-size: 12px;
    bottom: 58px;
    color: #fff;
    left: 48.5%;
    /* transform: rotate( 
-90deg
 ); */
    font-weight: bold;
    letter-spacing: 0.173em;
	z-index: 10;

}
.scroll:after, .scroll:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	content: ''
}
.scroll:before {
	z-index: 10;
	-webkit-animation: scroll 2.4s infinite normal;
	animation: scroll 2.4s infinite normal;
	border: 1px solid #fff;
	width: 12px; height: 12px;
	margin-left: -6px;
	border-radius: 50%;
	
}
.scroll:after {
	background: #fff
}
.scroll:before{ top: 14px;}


@-webkit-keyframes scroll {
0% {
-webkit-transform:translate3d(0, -100%, 0)
}
15% {
-webkit-transform:translate3d(0, -98%, 0)
}
85% {
-webkit-transform:translate3d(0, 98%, 0)
}
100% {
-webkit-transform:translate3d(0, 100%, 0)
}
}
@keyframes scroll {
0% {
transform:translate3d(0, -100%, 0)
}
15% {
transform:translate3d(0, -98%, 0)
}
85% {
transform:translate3d(0, 98%, 0)
}
100% {
transform:translate3d(0, 100%, 0)
}
}

/* =================
clearfix
================= */
.cfx:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
	 
	 
  
.cfx { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .cfx { height: 1%; }  
.cfx { display: block; }  
/* End hide from IE-mac */  
  


@media screen and (max-width:900px) {
	 
	 
	 .businesshours{ top: auto; bottom: 20px; left: 0; text-align: center; width: 100%;}
	 .enwtTxt {
		 font-size: 12px;}
	 .copy{ font-size: 16px;}
	.sectitls p{ font-size: 24px;}
	.footer { padding: 50px 0}
	.fooLogo{ position: relative; margin: 0 auto; left: auto; top: auto; right: auto; bottom: auto; padding-top: 0;}
	footer p {
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
}
	
	#menu-btn_sp{ background: #000; border-radius: 50%;} 
}