@charset "UTF-8";

.sp { display: none!important}

.h1like { left: 0; top:16vw; font-size: 10vw; line-height: .8em; text-align: center; width: 100% }
.wrap .eng.abso { left: 0; top:32vw; font-size: 5vw; line-height: 1em; text-align: center; width: 100% }

.absobox { overflow-x: hidden; position: absolute; }
.h3like { position: absolute; }
.linebox { position: absolute; }

.fl { width: 50%; float: left } 
.fr { width: 50%; float: right }
.hf { width: 50%; }

/*zoom*/

figure {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


.sup{ font-size: 60%; vertical-align: super; }

.palletbox { display: table; border-collapse: collapse; border-spacing: 0; width: 100% }
.pallet { display: table-cell; }
.lnks a { color: #000; font-size: .8em; line-height: 1.0em; display: inline-block; border: #ccc 1px solid; padding: 8px 12px; margin: 5px }
.lnks { padding: 30px 0 30px }
.yokoku p { padding: 0; margin: 0 0 5px 0 }

.absobox { bottom: 0vw; left: 0; width:50vw; overflow-x: hidden; position: absolute; }
.h3like { font-size: 2.4vw; line-height: 1em; position: absolute; }

.wideBgEx{-webkit-animation-name:wideBgEx;animation-name:wideBgEx}
.wideEx{-webkit-animation-name:wideEx;animation-name:wideEx}


@-webkit-keyframes wideEx{0%{width:0%}to{width:30%}}
@keyframes wideEx{0%{width:0%}to{width:30%}}

@media only screen and (min-width: 1202px) {

#fstbox { height: 45vw; min-height: 500px; margin-bottom: 10vw; }
#fstbox .flt { width: 60%; margin-left: 40% } 
#fstbox .frt { margin-left: 80px;  }
#fstbox .linebox { top: 6vw; left: 80px; }
#fstbox .h3like { top: 8vw; left: 80px; }
#fstbox .bgtxtbox { width:calc(50vw - 50px); }

#scdbox { height: 45vw; min-height: 500px; margin-bottom: 10vw; }
#scdbox .flt { width: 60% } 
#scdbox .frt { margin-left: calc(50vw - 40px ); }
#scdbox .linebox { top: 6vw; right: 80px; }
#scdbox .h3like { top: 8vw; right: 80px; }
#scdbox .abso.phdate { bottom: 0px; left: 20px; text-align: left; display: inline; font-size: .7em; line-height: 1em; color: #fff }
#scdbox .bgtxtbox { width:calc(50vw - 50px); }

#thdbox { height: 45vw; min-height: 500px; margin-bottom: 10vw; }
#thdbox .flt { width: 60%; margin-left: 40% } 
#thdbox .frt { margin-left: 80px;  }
#thdbox .linebox { top: 6vw; left: 80px; }
#thdbox .h3like { top: 8vw; left: 80px; }
#thdbox .abso.phdate { bottom: -30px; right: 20px; text-align: right; display: inline; font-size: .7em; line-height: 1em; }
#thdbox .bgtxtbox { width:calc(50vw - 50px); }

.fulheight { height: 100vh; overflow-y: hidden }
.h2box { width: 60%; padding: 80px 0 80px 40%; }
.h2box h2 { font-size: 2.4vw; line-height: 1em; }
.txtbox { padding: 50px; font-size: 1em; line-height: 2.0em; }
@-webkit-keyframes wideBgEx{0%{width:0vw}to{width:calc(60vw - 50px)}}
@keyframes wideBgEx{0%{width:0vw}to{width:calc(60vw - 50px)}}

}

@media only screen and (max-width: 1201px) {

#fstbox { height: 45vw; min-height: 600px; margin-bottom: 10vw; }
#fstbox .flt { width: 55%; margin-left: 45% } 
#fstbox .frt { width: 70%; margin-left: 0px;  }
#fstbox .linebox { top: 8vw; left: 40px; }
#fstbox .h3like { top: 8vw; left: 40px; }
#fstbox .bgtxtbox { width: 60vw }

#scdbox { height: 45vw; min-height: 600px; margin-bottom: 10vw; }
#scdbox .flt { width: 60% } 
#scdbox .frt { margin-left: calc(40vw - 60px ); width: 60vw }
#scdbox .linebox { top: 8vw; right: 40px; }
#scdbox .h3like { top: 8vw; right: 40px; }
#scdbox .abso.phdate { bottom: 0px; left: 10px;  text-align: left; display: inline; font-size: .7em; line-height: 1em; }
#scdbox .bgtxtbox { width: 60vw }

#thdbox { height: 45vw; min-height: 600px; margin-bottom: 10vw; }
#thdbox .flt { width: 55%; margin-left: 45% } 
#thdbox .frt { width: 100%; margin-left: 0px;  }
#thdbox .linebox { top: 8vw; left: 40px; }
#thdbox .h3like { top: 8vw; left: 40px; }
#thdbox .abso.phdate { bottom: 0px; right: 10px;  text-align: right; display: inline; font-size: .7em; line-height: 1em; }
#thdbox .bgtxtbox { width: calc(80vw - 50px); }

.fulheight { height: 100vh; overflow-y: hidden }
.h2box { width: 70%; padding: 60px 0 60px 30%; }
.h2box h2 { font-size: 2.4vw; line-height: 1em; }
.txtbox { padding: 40px; font-size: .9em; line-height: 2.0em; }

@-webkit-keyframes wideBgEx{0%{width:0vw}to{width:calc(80vw - 50px)}}
@keyframes wideBgEx{0%{width:0vw}to{width:calc(80vw - 50px)}}

}

@media only screen and (max-width: 991px) and (orientation: portrait) {


#fstbox { height: 45vw; min-height: 500px; margin-bottom: 10vw; }
#fstbox .flt { width: 65%; margin-left: 35% } 
#fstbox .frt { width: 80%; margin-left: 0px;  }
#fstbox .linebox { top: 8vw; left: 40px; }
#fstbox .h3like { top: 8vw; left: 40px; }
#fstbox .bgtxtbox { width: 70vw }

#scdbox { height: 45vw; min-height: 600px; margin-bottom: 10vw; }
#scdbox .flt { width: 60% } 
#scdbox .frt { margin-left: calc(40vw - 60px ); width: 60vw }
#scdbox .linebox { top: 8vw; right: 40px; }
#scdbox .h3like { top: 8vw; right: 40px; }
#scdbox .abso.phdate { bottom: 0px; left: 10px;  text-align: left; display: inline; font-size: .7em; line-height: 1em; }
#scdbox .bgtxtbox { width: 60vw }

#thdbox { height: 45vw; min-height: 600px; margin-bottom: 10vw; }
#thdbox .flt { width: 65%; margin-left: 35% } 
#thdbox .frt { width: 100%; margin-left: 0px;  }
#thdbox .linebox { top: 8vw; left: 40px; }
#thdbox .h3like { top: 8vw; left: 40px; }
#thdbox .abso.phdate { top: -30px; right: 10px;  text-align: right; display: inline; font-size: .7em; line-height: 1em; }
#thdbox .bgtxtbox { width: calc(80vw - 50px); }

.fulheight { height: 50vh; overflow-y: hidden }
.h2box { width: 70%; padding: 60px 0 60px 30%; }
.h2box h2 { font-size: 2.4vw; line-height: 1em; }
.txtbox { padding: 40px; font-size: .9em; line-height: 2.0em; }

}

@media only screen and (max-width: 680px) {

}