body {overflow: hidden;}
.mv {position: relative;border-bottom: #333333 1px solid;border-top: #333333 1px solid; line-height: 2;}
.mv span {position: absolute; left: 0; right: 0; display: block; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 32px; color: #fff; text-align: center; line-height: 1.5;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;}
.mv .scene01 span {left: 0; right: 0; text-align: center; color: #000;top: 20%; }
.mv .scene02 span {left: auto; right: 10%; text-align: left}
.mv .scene03 span {left: 10%; right: auto; text-align: left; color: #000;}
.mv .scene04 span {}
.mv .scene04 span br {display: none;}


.mv .menuImg {position: absolute; left: 0; top: 0; padding: 30px 0; background: #000; opacity: 0.8; width: 100%;}
.mv .menuImg ul {width: 50%; margin: 0 auto;}
.mv .menuImg ul li {float: left; width: 31.25%; margin: 0 3.125% 0 0;}
.mv .menuImg ul li:last-of-type {margin: 0 0 0 0;}
.mv .menuImg ul li a span {display: block; text-align: center; font-size: 19px; color: #fff;}


.tit {max-width: 385px; width: 30%;}
.tit h3 { font-size: 80px; margin: 0 0 20px; color: #fff; line-height: 1; }
.tit .btn {text-align: right;}
.tit .btn a {display: block; text-align: center; color: #fff;}
.tit .btn a:hover {opacity: 0.5;}

.btn a {display: block; background: #ea5000; text-align: center; max-width: 530px; width: 100%; margin: 0 auto; padding: 20px 0; color: #fff; font-weight: bold;}

#slogan { padding: 150px 0; background: #000; color: #fff; font-size: 26px !important; text-align: center; letter-spacing: 0.2em; }
#slogan h2 {padding: 0 10px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;}


#box1 {padding: 0 0 300px; max-width: 1920px; width: 100%; margin: 0 auto;}
#box1 .inner {position: relative; margin:0 0 25px;}
#box1 .inner .ic01 {position: absolute; top: 0; left: 0; width: 100%; text-align: center;}

#box1 .inner h2 {position: absolute; left: 4%; top: 48%; font-size: 22px; font-weight: bold;}

#box1 .inner .txt {position: absolute; font-weight: bold;}
#box1 .inner .txt p:nth-of-type(1) {text-transform: uppercase;}
#box1 .inner .txt p:nth-of-type(2) {color: #ea5000; font-size: 18px; text-transform: uppercase;}
#box1 .inner .txt .white {color: #fff;}

#box1 .inner .txt1 {top: 17%; left: 50%;}
#box1 .inner .txt2 {top: 39%; right:26%;}
#box1 .inner .txt3 {top: 56%; right: 25%;}


#box1 .inner .txt4 {left: 28%; bottom: 14.5%;}
#box1 .inner .txt4 p:nth-of-type(1) {font-size: 18px; color: #000;}
#box1 .inner .txt4 p:nth-of-type(2) {color: #000;}

#box1 .btn {margin: 25px auto 0;}

#box1 .box-txt{font-size:18px; text-align:center;}
#box1 .box-txt .txt{font-size:26px; padding-top: 30px; margin-bottom: 40px; font-weight: bold;}

.box .txt{font-size:15px; margin:0 0 45px; color:#fff; letter-spacing:0.05em;}

#box2 {max-width: 1920px; width: 100%; margin: 0 auto; background: #544e44; padding: 5% 0 0; position: relative;}
#box2 .bg2 {background: #43413f; position: absolute; width: 100%; height: 87%; left: 5%; z-index: 80;}
#box2 .bg3 {background: #352c26; position: absolute; height: 300px; width: 100%; bottom: 0; left: 0;}
#box2 .content {width: 74%; margin: 0 auto; padding: 140px 0 0; position: relative; z-index: 100;}
#box2 .content .tit {margin: 0 0 115px;}
#box2 .content .img1 {width: 43%; max-width: 610px;}
#box2 .content .img2 {position: absolute; top: -13%; right: 0; width: 59.5%; max-width: 840px;}
#box2 .txt{max-width:310px;}

#box3 {background: #352c26; position: relative; z-index: 98; padding: 15% 0 15%; max-width: 1920px; width: 100%; margin: 0 auto;}
#box3 .tit {position: absolute; top: 45%; right: 12%; max-width: 340px;}
#box3 .tit h3 {color: #fff;}
#box3 .tit .btn {text-align: left; max-width:270px;}
#box3 .img1 {position: absolute; top: -12%; right: 2%; width: 37.5%; max-width: 714px; z-index: 100;}
#box3 .img2 {width: 64.5%; max-width: 1230px;}




#box4 {background: #ede9e2; position: relative; text-align: right; max-width: 1920px; width: 100%; margin: 0 auto;}
#box4 .bg {background: #352c26; position: absolute; height: 150px; width: 100%; top: 0; left: 0; z-index: 95;}
#box4 .tit {background: #dcd5c8; padding: 7% 50px 2%; position: absolute; top: 35%; left: 24.7%; z-index: 100; text-align:left; max-width:390px;}
#box4 .tit h3 {color: #000; font-size: 70px;}
#box4 .tit .btn {text-align: left;}
#box4 .img1 {position: absolute; width: 32.5%; max-width: 623px; top: -5%; left: 2%; z-index: 100;}
#box4 .img2 {position: relative; width: 55.5%; max-width: 1060px; z-index: 98;}
#box4 .txt{ color:#000; text-align:left;}

#box5 {padding: 120px 0; text-align:center; max-width: 1920px; width: 100%; margin: 0 auto; }
#box5 .tit {width: 100%; max-width: 100%}
#box5 .tit h3 { color: #000; font-size: 35px; margin-bottom: 0px; font-weight: bold; letter-spacing: 0.1em}
#box5 .tit p { color: #000; font-size: 20px; margin-bottom: 0px; padding-top: 20px; }
#box5 .tit p.btn a {display: block; background: #ea5000; text-align: center; max-width: 300px; width: 100%; margin: 0 auto; padding: 10px; color: #fff; font-weight: bold;font-size: 12px; border-radius: 5px;}
#box5 .ic {position: absolute; left: 0; right: 0; margin: 0 auto; display: block; bottom: 20px;}

#box6{padding:43px 10px 0;}
#box6 .inner{max-width:1000px; margin:0 auto; background:#f4f2f0; border-radius:10px; padding:2.5% 3.5%; position:relative; box-shadow:0px 3px 0px 0px #cec8c0;}
#box6 .inner:before{position:absolute; top:-43px; left:43px; background:url(../../images/top/ic_attack.png) no-repeat; background-size:100% auto; width:50px; height:73px; content:'';}
#box6 .tit2{text-align:center; font-size:30px; line-height:1.4; letter-spacing:0.03em; margin:0 0 40px;}
#box6 .box-txt{line-height:2; width:100%; text-align: center; /* float:left;  */ font-size:18px;}
#box6 .box-form{ max-width: 530px; /* width:52%;  */ margin: 20px auto 0;  /* float:right; */}
#box6 input[type=text],
#box6 input[type=email],
#box6 textarea,
#box6 button{font-size:16px; font-family: 'Quicksand', sans-serif; -webkit-appearance:none; outline:none; padding:9px; display:block; width:100%;}

#box6 .box-form li{padding:0 0 0 130px; margin:0 0 15px; position:relative;}
#box6 .box-form li:last-of-type{margin:0;}
#box6 .box-form li:nth-of-type(1) p{display:inline-block; margin-right:25px;}
#box6 .box-form li:nth-of-type(1) label{padding-left:10px;}
#box6 .box-form li:nth-of-type(1) label,
#box6 .box-form li:nth-of-type(1) input{display:inline-block; vertical-align:middle;}

#box6 input[type=text],
#box6 input[type=email],
#box6 textarea{border:1px solid #ccc; border-radius:3px; background:#fff;}
#box6 textarea{height:100px; resize:none;}

#box6 .selectarea{  display: inline-block; position: relative;  vertical-align: middle; }
#box6 .selectarea::before{    position: absolute; top: 18px; right: 16px; width: 0; height: 0; border-width: 10px 5px 0 5px; border-style: solid; border-color: #ccc transparent transparent transparent; content: ""; pointer-events: none;}
#box6 .selectarea select{   appearance: none; width: 150px; padding: 11px 15px; padding-right: 1em; border: 1px solid #ccc; border-radius: 5px; outline: 0; background: #fff; background-image: none; box-shadow: none; text-indent: 0.01px;  cursor: pointer;}
#box6 button{background:#ea5000; text-align:center; color:#fff;  border-radius:5px; border:none; cursor:pointer;
transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;}
#box6 button:hover{opacity:.5;}

#box6 .box-form li span{position:absolute; top:6px; left:0;}
.dropImg{text-align: center;}

#rain {height: 100px;}


#news {padding: 0 0 5%; color: #fff; background: #342718;}
#news .content h3 {text-align: center; font-size: 20px; letter-spacing: 3px; margin: 0 auto 20px;}
#news .content ul {max-width: 840px; width: 100%; margin: 0 auto; padding: 0 20px; height: 455px; overflow-y: scroll; 
	scrollbar-color: #ea5000 #F5F5F5;
	scrollbar-width: thin;
}


@media screen and (min-width: 0\0) {
#news .content ul {
	scrollbar-base-color: #F5F5F5;
	scrollbar-face-color: #ea5000;
	scrollbar-3dlight-color: #F5F5F5;
	scrollbar-highlight-color: #ea5000;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #ea5000;
	scrollbar-shadow-color: #F5F5F5;
	scrollbar-dark-shadow-color: #F5F5F5;
}
}

#news .content ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#news .content ul::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#news .content ul::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ea5000;
	height: 245px;
}
#news .content ul::-moz-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ea5000;
	height: 245px;
}

#news .content ul li {padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #655a48; text-align: center;}
#news .content ul li p:nth-of-type(1) {color: #ab9b7d; font-size: 16px; margin: 0 auto 10px;}
#news .content ul li p:nth-of-type(2) {}
#news .content ul li a{ color: white; text-decoration: underline;}




#btnFix { position: fixed; bottom: 5vw; right: 12px; z-index: 9999; }
#btnFix a { display: block; cursor: pointer;}
#btnFix a:hover { opacity: .8;}
#btnFix p{ cursor: pointer; font-size: 12px; text-align: right; letter-spacing:0.2em; padding: 0 0 5px; }
#btnFix.hide{display:none !important;}


/*
@media only screen and (max-width: 1600px){
	


	
	#slogan { font-size: 2vw; }

	
	#box1 .inner .txt p:nth-of-type(1) {font-size: 1vw;}
	#box1 .inner .txt p:nth-of-type(2) {font-size: 0.8vw;}

	#box1 .inner .txt1 {top: 27%; left: 25%;}
	#box1 .inner .txt2 {top: 32%; right: 30%;}
	#box1 .inner .txt3 {top: 56%; right: 32%;}

	#box1 .inner .txt4 p:nth-of-type(1) {font-size: 0.8vw;}
	#box1 .inner .txt4 p:nth-of-type(2) {font-size: 1vw;}
	#box1 .inner .txt4 {bottom: 9%;}
	
}
*/

@media only screen and (max-width: 1600px){
	#box3 .tit {top: 38%; right: 5%}
	#box4 .tit h3 {color: #000; font-size: 3.4vw;}
}


@media only screen and (max-width: 1400px){
	
#box1 .inner h2 {left: 5%; font-size: 18px;}

}
@media only screen and (max-width: 1024px){
	#box1 .box-txt{font-size:18px;}
	#box1 .box-txt .txt{font-size:22px;}
	
	.box .txt{margin:0 0 20px;}

	#box3 .tit {right: 5%;}
	
	#box5 > img:nth-of-type(1) {width: 65%;}
	
	
}

@media only screen and (max-width: 1000px){
#box4 .tit{top:33%; padding:9% 4% 2%; width:43%;}
#box1 .inner h2 {left: 2%; font-size: 16px;}

}

@media only screen and (max-width: 767px){
	.mv span {font-size: 6vw; line-height: 1.4;}
	.mv .scene01 span {left: 0; right: 0; top: 20%; bottom: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); text-align: center;}
	.mv .scene02 span {left: 0; right: 0; top: auto; bottom: 5%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); text-align: center;}
	.mv .scene03 span {left: 0; right: 0; text-align: center; top: 5%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
	.mv .scene04 span {top: 8%; color: #000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
	.mv .scene04 span br {display: block;}

	.mv .menuImg {display: none;}
	
/*	#btnFix{ position: static; padding: 0 3vw; margin: 30px auto 0;}
	#btnFix p{ display: none;}*/
		#btnFix{ display: none !important;}

	#slogan {font-size: 18px !important; padding: 50px 0;}
	#box1 .inner .txt p:nth-of-type(1) {font-size: 2.5vw;}
	#box1 .inner .txt p:nth-of-type(2) {font-size: 1.8vw;}
	#box1 .inner h2 {left: 3%; font-size: 3vw; top: 6%;}

	#box1 .inner .txt1 {top: 17%; left: 55%;}
	#box1 .inner .txt2 {top: 37%; right: 12%;}
	#box1 .inner .txt3 {top: 60%; right: 8%;}
	#box1 .inner .txt4 p:nth-of-type(1) {font-size: 2.8vw;}
	#box1 .inner .txt4 p:nth-of-type(2) {font-size: 2vw;}
	#box1 .inner .ic01 {display: none;}
	#box1 .inner .txt4 {left: 20%; bottom: 10%;}

	
	.btn a {width: 90%; padding: 15px 0;}

	#box1 {padding: 0 0;}
	#box1 .btn {margin: 50px auto 50px;}

	.tit {position: static !important; width: 100% !important; margin: 0 auto 30px !important; max-width: 100%;}
	.tit h3 {font-size: 10vw; margin: 0 auto; text-align: center; line-height: 1.2; padding: 30px 0;}
	.tit h3 br {display: none;}
	
	.box .txt{width:90%; max-width:530px !important; margin:0 auto 30px;}
	
	#box2 .bg2 {display: none;}
	#box2 .content {width: 100%; padding: 0;}
	
	
	.img1 {position: static !important; width: auto !important; transform: none !important; max-width: 100% !important;}
	.img2 {position: static !important; width: auto !important; transform: none !important; max-width: 100% !important;}
	
	
	#box3 {padding: 10% 0 0;}
	#box3 .tit{width:100%; max-width:767px;}
	#box3 .tit .btn{max-width:767px;}
	
	#box4 .bg {display: none;}
	#box4 .tit {margin: 0 auto !important; max-width:767px;}
	#box5 {padding: 50px 0 0;}
	#box5 .tit h3 {text-align: center; font-size: 7vw; padding: 0;}
	#box5 > img:nth-of-type(1) {width: 100%;}
	
	#box6 .inner{padding:20px 15px;}
	#box6 .inner:before{width:35px; height:51px; top:-30px; left:30px;}
	#box6 .box-txt{width:100%; float:none; font-size:14px; margin:0 0 30px;}
	#box6 .tit2{font-size:4.5vw; margin:0 0 20px;}	
	#box6 .box-form{width:100%; float:none; font-size:14px;}
	#box6 input[type=text],
	#box6 textarea,
	#box6 button{font-size:14px;}
	
	#news {background: #342718; padding: 50px 0;}
	#news canvas {display: none;}
	#news .content {position: static; padding: 0 20px;}
	#news .content h3 {font-size: 6vw;}
	#news .content ul{padding: 0 15px;}
	#news .content ul li p:nth-of-type(1) {}
	#news .content ul li p:nth-of-type(2) {font-size: 14px; padding: 0;}
	#nakatsukaImg{display: none;}
	#news .content ul li {text-align: left;}
}

.bnrMainOtemae{padding: 20px; text-align: center; margin-top: 50px;}
@media only screen and (max-width: 1700px){
	#box4 .tit {
		padding: 6% 50px 2%;
	}
}
@media only screen and (max-width: 1440px){
	#box4 .tit {
		padding: 6% 3% 2%;
	}
}
@media only screen and (max-width: 767px){
	#box4 .tit {
		padding: 7% 30px 30px;
	}
	#box4 .tit h3 { font-size: 10vw;}
	.bnrMainOtemae{margin-top: 0;}
}