@charset "shift_jis";

/*font-size:.625rem;/*10px*/
/*font-size:.75rem;/*12px*/
/*font-size:.875rem;/*14px*/
/*font-size:1rem;/*16px*/
/*font-size:1.125rem;/*18px*/
/*font-size:1.25rem;/*20px*/

/*font-size:1.5rem;/*24px*/
/*font-size:1.625rem;/*26px*/
/*font-size:1.75rem;/*28px*/

/*font-size:1.875rem;/*30px*/

/*font-size:2.25rem;/*36px*/

/*font-size:2.125rem;/*34px*/

/*font-size:2.5rem;/*40px*/

/*font-size:3rem;/*48px*/

/*font-size:3.125rem;/*50px*/

/*font-size:3.125rem;/*58px*/

/*font-size:3.625rem;/*60px*/

/*font-size:4rem;/*64px*/


#AS-footer{
	position:relative;
	z-index:10;
}

h1{position:relative;font-size:4rem;text-align:center;}
h2{position:relative;font-size:3rem;text-align:center;line-height:1.2;}
h3{position:relative;font-size:1.75rem;text-align:center;line-height:1.4;}
h4{position:relative;font-size:1.75rem;text-align:center;line-height:1.2;}

h2{margin:0 auto .5em;}

.heading h2{font-size:3.625rem;}

h3{margin:0 auto .5em;}

h4{
	max-width:800px;
	padding:0 .5em .5em;
	margin:0 auto 1em;
}

h4::before{
	content:"";
	display:block;
	position:absolute;
	left:-1rem;
	right:-1rem;
	bottom:0;
	border-bottom:1px dashed #666666;
}

h4::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-1.5rem;
	height:3rem;
	border-left:1px dashed #666666;
	border-right:1px dashed #666666;
}

.column h4{
	margin-bottom:1rem;
}

.column h4::before{
	right:auto;
	width:30%;
}

.column h4::after{
	right:auto;
	border-right:none;
}

.summary h4{
	padding:0;
}

.summary h4::before,
.summary h4::after{
	display:none;
}

.wrapper p,
.wrapper ul{
	max-width:800px;
	padding:0 1rem;
	margin:0 auto 1em;
}

.wrapper strong{
	display:inline-block;
	font-weight:normal;
	font-size:110%;
	padding:0 .2em;
}

.wrapper .read{
	max-width:1000px;
	padding-top:120px;
}

.wrapper ul{
	padding:0 1rem;
	margin:0 auto 1rem;
}

.wrapper img{
	max-width:100%;
	width:100%;
	height:auto;
}

.wrapper .logo{
	vertical-align:text-bottom;
}

.wrapper sup{
	font-size:.5em;
}


.fs14{font-size:.875rem;}
.fs20{font-size:1.25rem;}
.fs28{font-size:1.75rem;}
.fs48{font-size:3rem;}
.fs60{font-size:3.625rem;}
.fs60{font-size:3.625rem;}
.fs72{font-size:4.5rem;}

.read{font-size:1.25rem;}

.notes{font-size:.875rem;}


.wrapper{
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	line-height:1.8;
}

.wrapper *{
	box-sizing:border-box;
}

.section{
	position:relative;
	word-break:break-all;
}

.section p{
	word-break:normal;
}

.article{
	overflow:hidden;
	position:relative;
	display:flex;
	background:-webkit-linear-gradient(top, rgb(238,238,238) 0, rgb(255,255,255) 100%);
	background:linear-gradient(to bottom, rgb(238,238,238) 0, rgb(255,255,255) 100%);
	min-height:80vh;
	align-items:center;
}

.article > .inner{
	position:relative;
	min-height:0%;
	max-width:1200px;
	margin:0 auto;
	padding:200px 40px;
	flex-basis:100%;
	z-index:1;
}

.article.last > .inner{
	padding-bottom:80px;
}

.heading{
	background:-webkit-linear-gradient(top, rgb(0,0,0) 0, rgb(24,24,20) 100%);
	background:linear-gradient(to bottom, rgb(0,0,0) 0, rgb(24,24,20) 100%);
	color:#ffffff;
}

.heading .article{
	background:none;
	color:#ffffff;
}

.title{
	position:relative;
	padding-top:120px;
	z-index:1;
}

.title::before{
	content:"";
	position:absolute;
	display:block;
	background:url(../images/wave1_w.png) top center no-repeat;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}

.heading .title::before{
	background-image:url(../images/wave1_b.png);
}

.mission{
	overflow:hidden;
	position:relative;
	display:inline-block;
	width:7.6em;
	height:2.3em;
	margin-bottom:1rem;
	border:1px solid transparent;
	font-size:1.375rem;
	line-height:1;
	z-index:1;
}

.mission::before{
	content:attr(data-txt);
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:6.4em;
	height:2.3em;
	margin:0 .6em 0;
	padding:.7em .2em .6em;
	border:1px dashed #444444;
	border-top-color:transparent;
	border-bottom-color:transparent;
	color:#999999;
	font-size:1.375rem;
	line-height:1;
	text-align:center;
	z-index:-1;
	box-sizing:border-box;
}

.mission::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:7.6em;
	height:1.5em;
	margin:.4em 0 .4em;
	padding:.3em .8em .2em;
	border:1px dashed #444444;
	border-left-color:transparent;
	border-right-color:transparent;
	font-size:1.375rem;
	line-height:1;
	z-index:-1;
	box-sizing:border-box;
}

.lineup{
	width:100%;
}

.summary{
	background-color:rgba(0,0,0,.05);
	max-width:900px;
	margin:0 auto;
	padding:50px;
}

.column{
	display:flex;
	width:100%;
}

.column *{
	text-align:left;
}

.column > *{
	padding:0 1rem;
	min-height:0%;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:100%;
}

.col2{flex-basis:200%;}
.col3{flex-basis:300%;}
.col4{flex-basis:400%;}

.middle{align-items:center;}

.reverse{flex-direction:row-reverse;}

.wrapper .figure{padding:0;text-align:center;margin:2rem auto;}

.notes{
	display:table;
	width:100%;
	text-align:left;
}

.notes > li{
	display:table-row;
}

.notes > li > span{
	display:table-cell;
}

.notes > li > span:first-child{
	text-align:right;
	padding-right:.5em;
}


.orange{color:#FF6600;}
.red{color:#B20000;}
.blue{color:#0059B2;}
.violet{color:#8500B2;}


.btn{
	position:relative;
	display:inline-block;
	min-width:14em;
	margin:3px;
	padding:.4em 2em;
	border:1px solid #666666;
	color:#000000;
	text-align:center;
	line-height:1;
}

.btn::after{
	content:"";
	position:absolute;
	top:.2em;
	bottom:0;
	right:1em;
	height:1.25em;
	width:1.25em;
	border:1px solid transparent;
	border-top-color:#666666;
	border-right-color:#666666;
	transform:rotate(45deg);
	transform-origin:center;
	line-height:1;
	transition:right .5s ease;
}

.btn:hover::after{
	right:.5em;
}


.heading .btn{
	border-color:#cccccc;
	color:#ffffff;
}

.heading .btn::after{
	border-top-color:#cccccc;
	border-right-color:#cccccc;
}


.btn.orange{
	background-color:#FF6600;
	border-color:#FF6600;
	color:#ffffff;
}

.btn.orange::after{
	border-top-color:#ffffff;
	border-right-color:#ffffff;
}

.lineup{
	max-width:1060px;
	margin:0 auto;
}

.lineup + .lineup{
	padding-top:2em;
	border-top:1px dashed #CCCCCC;
}

.lineup .figure{
	background:url(../images/wave2_s.png) right top no-repeat;
	padding:2rem 1rem;
}

.lineup .figure img{
	max-width:280px;
}

.lineup h3{
	padding:0 1rem;
	font-size:2.125rem;
}

.box{
	overflow:hidden;
	background-color:#000000;
	max-width:900px;
	margin:0 auto;
	padding:1em 1em 0;
	color:#ffffff;
	text-align:center;
}

.sub{
	display:inline-block;
	background-color:#dddddd;
	margin:.2em 4px 1px;
	padding:.6em 1em;
	font-size:1rem;
	line-height:100%;
	vertical-align:top;
}


.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb1em{margin-bottom:1em !important;}
.mb2em{margin-bottom:2em !important;}
.mb3em{margin-bottom:3em !important;}
.mb4em{margin-bottom:4em !important;}
.mb6em{margin-bottom:6em !important;}
.mt0{margin-top:0 !important;}

.ptb5{padding:5px 0 !important;}

.bb1{border-bottom:1px solid #444444;padding-bottom:.4em;}


.lead{
	display:flex:
	align-items:center;
}

.lead::before,
.lead::after{
	content:"";
	display:inline-block;
	border-top:1px solid #FF6600;
	vertical-align:middle;
	width:.4em;
	padding:0 .5em;
}

.video{
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:56.25%;
	}

.video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}



/* img of flowers
------------------------------------------------------------------ */


.img{
	position:absolute;
	z-index:0;
}

.img.product1{
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../images/product1.png) center center no-repeat !important;
}

.img.product2{
	top:0;
	left:0;
	bottom:0;
	background:url(../images/product2.png) center center no-repeat !important;
}

.img.product2 img{
	visibility:hidden;
}

.img.product1 img{
	visibility:hidden;
}

.img.wave1{
	top:-100px;
	width:100%;
	margin:auto;
	padding-right:200px;
	text-align:center;
}

.img.wave2{
	right:-100px;
	bottom:-100px;
}

.img.wave3{
	left:0;
	bottom:5%;
	max-width:30%;
}

.img.wave4{
	top:5%;
	width:100%;
	margin:auto;
	text-align:center;
}

.img.wave5{
	right:0;
	top:5%;
	max-width:30%;
}

.img.wave6{
	left:0;
	bottom:5%;
	max-width:30%;
}


/* styles
------------------------------------------------------------------ */

.style1,
.style2,
.style3,
.style4{
	overflow:hidden;
	position:relative;
	display:inline-block;
	margin:0 3px;
	padding:0;
	vertical-align:middle;
	line-height:1em;
	z-index:1;
}




/* lead
------------------------------------------------------------------ */


.lead::before,
.lead::after{
	opacity:0;
}

.move .lead::before,
.move .lead::after{
	animation: lead .5s ease .2s forwards;
}

@keyframes lead {
  0% {opacity:0;}
  100% {opacity:1;}
}



/* style1
------------------------------------------------------------------ */

.style1{
	opacity:0;
	color:rgba(255,255,255,0);
}

.style1::before{
	content:'';
	position:absolute;
	top:1px;
	left:0;
	right:100%;
	bottom:1px;
	background-color:#ffffff;
}

.move .style1{
	animation: style1 .5s ease .2s forwards;
}

.move .style1::before{
	animation: style1-base .5s ease .2s forwards;
}

@keyframes style1 {
  0% {opacity:0;color:rgba(255,255,255,0);}
  1% {opacity:1;color:rgba(255,255,255,0);}
  50% {opacity:1;color:rgba(255,255,255,0);}
  51% {opacity:1;color:rgba(255,255,255,1);}
  100% {opacity:1;color:rgba(255,255,255,1);}
}

@keyframes style1-base {
  0% {left:0%;right:100%;}
  40% {left:0%;right:0%;}
  60% {left:0%;right:0%;}
  100% {left:100%;right:0%;}
}

.style1.orange{
	color:rgba(255,102,0,0);
}

.style1.orange::before{
	background-color:#FF6600;
}

.move .style1.orange{
	animation: style1-orange .5s ease .2s forwards;
}

@keyframes style1-orange {
  0% {opacity:0;color:rgba(255,102,0,0);}
  1% {opacity:1;color:rgba(255,102,0,0);}
  50% {opacity:1;color:rgba(255,102,0,0);}
  51% {opacity:1;color:rgba(255,102,0,1);}
  100% {opacity:1;color:rgba(255,102,0,1);}
}





/* style2
------------------------------------------------------------------ */

.style2{
	opacity:0;
	color:rgba(255,255,255,0);
}

.style2::before{
	content:'';
	position:absolute;
	top:100%;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255,102,0,1);
}

.style2::after{
	content:'';
	position:absolute;
	top:98%;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255,102,0,1);
	opacity:0;
}

.move .style2{
	animation: style2 .5s ease .2s forwards;
}

.move .style2::before{
	animation: style2-base .5s ease .2s forwards;
}

.move .style2::after{
	animation: style2-base2 .5s ease .2s forwards;
}

@keyframes style2 {
  0% {opacity:0;color:rgba(255,255,255,0);}
  1% {opacity:1;color:rgba(255,255,255,0);}
  50% {opacity:1;color:rgba(255,255,255,0);}
  51% {opacity:1;color:rgba(255,255,255,1);}
  100% {opacity:1;color:rgba(255,255,255,1);}
}

@keyframes style2-base {
  0% {top:100%;bottom:0%;}
  40% {top:0%;bottom:0%;}
  60% {top:0%;bottom:0%;}
  100% {top:0%;bottom:100%;}
}

@keyframes style2-base2 {
  0% {opacity:0;background-color:rgba(255,102,0,1);}
  40% {opacity:0;background-color:rgba(255,102,0,1);}
  60% {opacity:1;background-color:rgba(255,102,0,1);}
  100% {opacity:1;background-color:rgba(255,255,255,1);}
}





/* style3
------------------------------------------------------------------ */

.style3{
	opacity:0;
	color:rgba(255,102,0,0);
}

.style3::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:100%;
	bottom:0;
	background-color:rgba(255,102,0,1);
	z-index:-1;
}

.move .style3{
	animation: style3 1s ease .2s forwards;
}

.move .style3::after{
	animation: style3-base .5s ease .2s forwards, style3-base2 1s ease 1.2s forwards;
}

@keyframes style3 {
  0% {opacity:0;color:rgba(255,255,255,0);}
  1% {opacity:1;color:rgba(255,255,255,0);}
  50% {opacity:1;color:rgba(255,255,255,1);}
  100% {opacity:1;color:rgba(255,102,0,1);}
}

@keyframes style3-base {
  0% {left:0%;right:100%;}
  40% {left:0%;right:0%;}
  60% {left:0%;right:0%;}
  100% {left:0%;right:0%;}
}

@keyframes style3-base2 {
  0% {background-color:rgba(255,102,0,1);}
  100% {background-color:rgba(255,255,255,1);}
}





/* style4
------------------------------------------------------------------ */

.style4{
	opacity:0;
	color:rgba(255,255,255,0);
}

.style4::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:100%;
	bottom:0;
	background-color:rgba(255,255,255,1);
	z-index:-1;
}

.move .style4{
	animation: style4 1s ease .2s forwards;
}

.move .style4::after{
	animation: style4-base .5s ease .2s forwards, style4-base2 1s ease 1.2s forwards;
}

@keyframes style4 {
  0% {opacity:0;color:rgba(255,102,0,0);}
  1% {opacity:1;color:rgba(255,102,0,0);}
  50% {opacity:1;color:rgba(255,102,0,1);}
  100% {opacity:1;color:rgba(255,255,255,1);}
}

@keyframes style4-base {
  0% {left:0%;right:100%;}
  40% {left:0%;right:0%;}
  60% {left:0%;right:0%;}
  100% {left:0%;right:0%;}
}

@keyframes style4-base2 {
  0% {background-color:rgba(255,255,255,1);}
  100% {background-color:rgba(255,102,0,1);}
}




/* pop
------------------------------------------------------------------ */

.style-pop{
	position:relative;
	top:1em;
	opacity:0;
}

.move .style-pop{
	animation: pop 1s ease .5s forwards;
}

@keyframes pop {
  0% {opacity:0;top:1em;}
  100% {opacity:1;top:0;}
}





/* heading title
------------------------------------------------------------------ */

.heading .title::before{
	opacity:0;
}

.heading .move .title::before{
	opacity:1;
	transition:opacity 2s ease;
}

.img.wave6{
	opacity:0;
}

.move .img.wave6{
	opacity:1;
	transition:opacity 2s ease;
}



/* mission
------------------------------------------------------------------ */

.mission{
	opacity:0;
}

.move .mission{
	animation: mission .4s steps(6, start) .5s forwards;
}

@keyframes mission {
  0% {opacity:1;}
  20% {opacity:0;}
  40% {opacity:1;}
  60% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}



/* lineup
------------------------------------------------------------------ */

.lineup .figure img{
	position:relative;
	right:3em;
	opacity:0;
}

.move .lineup .figure img{
	animation: lineup 1s ease 0s forwards;
}

@keyframes lineup {
  0% {opacity:0;right:3em;}
  100% {opacity:1;right:0;}
}



/* rate
------------------------------------------------------------------ */

.rate-box{
	position:relative;
	max-width:800px;
	padding:0 .5em .5em;
	margin:1rem auto 2rem;
	line-height:1.1;
}

.rate-box *{
	position:relative;
	vertical-align:middle;
}

.rate-box span{
	font-size:.875rem;
}

.rate-box strong{
	font-size:1.75rem;
}

.rate-box .fs20{
	font-size:1.25rem;
}

.rate-inner{
	display:flex;
	padding:1rem 0;
	border-top:1px solid #444444;
	align-items:center;
}

.rate-inner:first-child{
	border-top:none;
}

.rate-head{
	font-size:1.75rem;
	text-align:center;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:100%;
}

.wifi5 .rate-head{
	color:#bbbbbb;
	font-size:1.25rem;
}

.rate-bar{
	font-size:1.5rem;
	text-align:right;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:400%;
}

.rate-bom{
	position:absolute;
	bottom:100%;
	right:0;
	padding:.2rem 0;
	font-size:1rem;
	z-index:1;
}

.rate-value{
	overflow:hidden;
	background-color:#aaaaaa;
	border-radius:0 4rem 4rem 0;
	height:2rem;
	width:100%;
}

.rate-value > div{
	position:absolute;
	top:0;
	right:0;
	display:flex;
	width:7em;
	height:2rem;
	padding-right:1rem;
	align-items:center;
	justify-content:flex-end;
}

.wifi6 .rate-value{
	background-color:#FF6600;
}

.wifi5 .rate-value{
	width:36%;
}

.move .rate-box{
	opacity:0;
	animation: rate-box 1s ease 0s forwards;
}

.move .wifi6 .rate-value{
	width:0%;
	animation: rate-wifi6 1.5s ease .2s forwards;
}

.move .wifi5 .rate-value{
	width:0%;
	animation: rate-wifi5 2s ease 0s forwards;
}

.move .rate-bom{
	opacity:0;
	animation: rate-bom .5s ease 1.5s forwards;
}

@keyframes rate-box {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes rate-wifi6 {
  0% {width:0%;}
  100% {width:100%;}
}

@keyframes rate-wifi5 {
  0% {width:0%;}
  100% {width:36%;}
}

@keyframes rate-bom {
  0% {opacity:0;}
  100% {opacity:1;}
}


/* for IE adjustment
------------------------------------------------------------------ */

@media all and (-ms-high-contrast:none){

.style1,
.style2,
.style3,
.style4{
	padding-top:.1em;
}

.move .style2::after{
	top:96%;
	bottom:2%;
}

.move .style3::after{
	bottom:.1em;
}

.move .style4::after{
	bottom:.1em;
}

.rate-bom{
	padding:0;
}

.rate-value > div{
	padding-top:.4em;
}

}







/* loader
------------------------------------------------------------------ */

.loader {
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000000;
	opacity:1;
	z-index:1;
}

.loader .bar {
	position:fixed;
	display:block;
	top:50%;
	left:0;
	right:0;
	width: 40px;
	height: 40px;
	margin:-20px auto 0;
	border-top: 3px solid rgba(255, 255, 255, .1);
	border-right: 3px solid rgba(255, 255, 255, .1);
	border-bottom: 3px solid rgba(255, 255, 255, .1);
	border-left:3px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	transform: translateZ(0);
	animation: loader .8s infinite linear;
	opacity:1;
	z-index:2;
}

.run .loader{
	display:none;
	z-index:-1;
}

@-webkit-keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




/* slidein
------------------------------------------------------------------ */

.slidein,
.title{
	position:relative;
	transform:scale(.9);
}

.title.read{
	transform:scale(1);
}

.heading .move .slidein,
.open .move .slidein,
.open .move .title{
	transform:scale(1);
	transition:all 1s ease;
}




/* accordion
------------------------------------------------------------------ */

.accordion{
	overflow:hidden;
	display:none;
	transform:all 1s ease;
}

.accordion.open{
	display:block;
}

.toggle{
	position:absolute;
	bottom:0;
	border-bottom:2px solid #ffffff;
	width:100%;
	transition:all .2s ease;
	z-index:2;
}

.toggle:hover{
	border-width:6px;
}

.toggle .closeText{
	display:none;
}

.toggle.open .openText{
	display:none;
}

.toggle.open .closeText{
	display:block;
}

.toggle a{
	display:flex;
	background-color:#ffffff;
	width:8em;
	margin:0 auto;
	padding:1px 1px 6px;
	color:#666666;
	font-size:.875rem;
	line-height:1;
	justify-content:center;
	flex-direction:column;
	transition:all .2s ease;
}

.toggle a:hover{
	opacity:.9;
}

.toggle a span{
	display:block;
	min-height:0%;
	width:4em;
	margin:0 auto 2px;
	border-bottom:1px solid #666666;
	font-size:.875rem;
	line-height:1;
	text-align:center;
	order:1;
}

.toggle a::before{
	content:"";
	display:block;
	height:2px;
	width:.8em;
	margin:2px auto;
	border-top:4px solid #000000;
	border-bottom:4px solid #000000;
	font-size:.875rem;
	line-height:1;
	text-align:center;
	order:2;
}

.toggle a::after{
	content:"";
	display:block;
	height:0;
	width:0;
	margin:0 auto;
	border-style:solid;
	border-color:#000000 transparent transparent transparent;
	border-width:1.2em 1.6em 0;
	font-size:.875rem;
	line-height:1;
	order:3;
}

.toggle.open{
	border-color:#000000;
}

.toggle.open:hover{
	border-width:6px;
}

.toggle.open a{
	background-color:#000000;
	color:#cccccc;
}

.toggle.open a::before{
	border-color:#ffffff;
	order:3;
}

.toggle.open a::after{
	border-color:transparent transparent #ffffff transparent;
	border-width:0 1.6em 1.2em;
	order:2;
}




/* slider
------------------------------------------------------------------ */

.slider{
	position:relative;
	overflow:hidden;
	width:100%;
}

.slider-inner{
	position:relative;
	width:100%;
	padding-top:37.5%;
}

.slider-inner > div{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
	cursor:pointer;
	z-index:1;
	transition:opacity 1s ease;
}

.slider[data-pos="0"] .slider-inner > div:nth-child(1){z-index:10;}
.slider[data-pos="1"] .slider-inner > div:nth-child(2){z-index:10;}
.slider[data-pos="2"] .slider-inner > div:nth-child(3){z-index:10;}
.slider[data-pos="3"] .slider-inner > div:nth-child(4){z-index:10;}
.slider[data-pos="4"] .slider-inner > div:nth-child(5){z-index:10;}
.slider[data-pos="5"] .slider-inner > div:nth-child(6){z-index:10;}
.slider[data-pos="6"] .slider-inner > div:nth-child(7){z-index:10;}
.slider[data-pos="7"] .slider-inner > div:nth-child(8){z-index:10;}
.slider[data-pos="8"] .slider-inner > div:nth-child(9){z-index:10;}
.slider[data-pos="9"] .slider-inner > div:nth-child(10){z-index:10;}

.slider .slider-inner > div.pre{z-index:11;opacity:0;}

.slider-nav{
	display:flex;
	justify-content:center;
	align-items:center;
}

.slider-nav > div{
	min-height:0%;
	padding:.5rem;
}

.slider-nav > div a{
	display:block;
	background-color:#aaaaaa;
	height:.6rem;
	width:.6rem;
	border-radius:100%;
}

.slider-nav > .slideer-nav-check a{
	height:.8rem;
	width:.8rem;
	border-radius:0;
}

.slider[data-pos="0"] .slider-nav > div:nth-child(1) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="1"] .slider-nav > div:nth-child(2) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="2"] .slider-nav > div:nth-child(3) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="3"] .slider-nav > div:nth-child(4) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="4"] .slider-nav > div:nth-child(5) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="5"] .slider-nav > div:nth-child(6) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="6"] .slider-nav > div:nth-child(7) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="7"] .slider-nav > div:nth-child(8) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="8"] .slider-nav > div:nth-child(9) a{background-color:#ff6600;cursor:default;}
.slider[data-pos="9"] .slider-nav > div:nth-child(10) a{background-color:#ff6600;cursor:default;}

.slider[data-pos="0"] .slider-nav > div:nth-child(1) a:hover{opacity:1;}
.slider[data-pos="1"] .slider-nav > div:nth-child(2) a:hover{opacity:1;}
.slider[data-pos="2"] .slider-nav > div:nth-child(3) a:hover{opacity:1;}
.slider[data-pos="3"] .slider-nav > div:nth-child(4) a:hover{opacity:1;}
.slider[data-pos="4"] .slider-nav > div:nth-child(5) a:hover{opacity:1;}
.slider[data-pos="5"] .slider-nav > div:nth-child(6) a:hover{opacity:1;}
.slider[data-pos="6"] .slider-nav > div:nth-child(7) a:hover{opacity:1;}
.slider[data-pos="7"] .slider-nav > div:nth-child(8) a:hover{opacity:1;}
.slider[data-pos="8"] .slider-nav > div:nth-child(9) a:hover{opacity:1;}
.slider[data-pos="9"] .slider-nav > div:nth-child(10) a:hover{opacity:1;}



/*
.slider{
	position:relative;
	overflow:hidden;
	width:100%;
}

.slider-inner{
	position:relative;
	left:0%;
	display:flex;
	width:400%;
	transition:all .5s ease;
}

.slider[data-pos="0"] .slider-inner{
	left:0%;
}

.slider[data-pos="1"] .slider-inner{
	left:-100%;
}

.slider[data-pos="2"] .slider-inner{
	left:-200%;
}

.slider[data-pos="3"] .slider-inner{
	left:-300%;
}

.slider-inner > div{
	width:100%;
}

.slider-nav{
	display:flex;
	justify-content:center;
	}

.slider-nav > div{
	padding:.5rem;
	}

.slider-nav > div a{
	display:block;
	background-color:#aaaaaa;
	height:1rem;
	width:1rem;
	}

.slider[data-pos="0"] .slider-nav > div:nth-child(1) a{
	background-color:#ff6600;
	cursor:default;
}

.slider[data-pos="1"] .slider-nav > div:nth-child(2) a{
	background-color:#ff6600;
	cursor:default;
}

.slider[data-pos="2"] .slider-nav > div:nth-child(3) a{
	background-color:#ff6600;
	cursor:default;
}

.slider[data-pos="3"] .slider-nav > div:nth-child(4) a{
	background-color:#ff6600;
	cursor:default;
}

.slider[data-pos="0"] .slider-nav > div:nth-child(1) a:hover{
	opacity:1;
}

.slider[data-pos="1"] .slider-nav > div:nth-child(2) a:hover{
	opacity:1;
}

.slider[data-pos="2"] .slider-nav > div:nth-child(3) a:hover{
	opacity:1;
}

.slider[data-pos="3"] .slider-nav > div:nth-child(4) a:hover{
	opacity:1;
}
*/


/* navigator
------------------------------------------------------------------ */

.navigator{
	position:fixed;
	right:20px;
	top:0;
	bottom:0;
	display:flex;
	z-index:10;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:.6875rem;
}

.navigator div{
	position:relative;
	min-height:0%;
	height:2em;
	width:1px;
	padding-right:6px;
	padding-top:11px;
	transition:height 1s ease;
}

.navigator div.open{
	height:6em;
}

.navigator div::before{
	content:"";
	display:block;
	background-color:#aaaaaa;
	height:100%;
	width:1px;
	z-index:1;
	transition:height 1s ease;
}

.navigator span{
	position:absolute;
	top:0%;
	right:0;
	display:none;
	background-color:#ffffff;
	height:7px;
	width:7px;
	margin:2px;
	border:1px solid #000000;
	border-radius:100%;
}

.navigator div:nth-last-child(1)::before,
.navigator div span{
	display:none;
}

.navigator a{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:11px;
	color:#999999;
}

.navigator a:hover{
	opacity:1;
}

.navigator a::before{
	content:"";
	display:block;
	background-color:rgba(0,0,0,.5);
	height:9px;
	width:9px;
	margin:0 auto;
	border:1px solid #aaaaaa;
	border-radius:100%;
	z-index:3;
}

.navigator a:hover::before{
	background-color:#FF6600;
}

.navigator a::after{
	content:"TOP";
	position:absolute;
	top:0;
	bottom:0;
	display:block;
	right:100%;
	width:6em;
	padding-right:8px;
	text-align:right;
	line-height:1;
}

.navigator a:hover::after{
	color:#FF6600;
}

.navigator div:nth-child(2) a::after{
	content:"MISSION 1";
}

.navigator div:nth-child(3) a::after{
	content:"MISSION 2";
}

.navigator div:nth-child(4) a::after{
	content:"MISSION 3";
}

.navigator div.current::before{
	background-color:#FF6600;
}

.navigator div.current a{
	color:#FF6600;
	cursor:default;
}

.navigator div.current span{
	display:block;
}

.navigator div.current:nth-last-child(1) span{
	top:0% !important;
}

.navigator div.current a::before{
	background-color:transparent;
	border-color:#FF6600;
}



.scaleadjust{
transform: scale(100%);
transform-origin: left center;
transition: transform .4s;
}

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

.scaleadjust{transform: scale(130%);}

}



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

#contents h1{font-size:2.5rem;line-height:1.6;}
#contents h2{font-size:2rem;line-height:1.6;}
#contents h3{font-size:1.125rem;line-height:1.6;}
#contents h4{font-size:1.125rem;line-height:1.6;}

#contents .heading h2{font-size:2rem;}
#contents .lineup h3{font-size:1.75rem;}

.rate-box span{
	font-size:.5rem;
}

.rate-box strong{
	font-size:1.5rem;
}

.rate-box .fs20{
	font-size:1rem;
}

.rate-head{
	font-size:1.125rem;
}

.wifi5 .rate-head{
	font-size:1.25rem;
}

.rate-bar{
	font-size:1.125rem;
	flex-basis:300%;
}

.rate-value > div{
	width:10em;
}


.fs14{font-size:.875rem;}
.fs20{font-size:1.25rem;}
.fs28{font-size:1.5rem;}
.fs48{font-size:2rem;}
.fs60{font-size:2.125rem;}
.fs72{font-size:3rem;}

/*font-size:.625rem;/*10px*/
/*font-size:.75rem;/*12px*/
/*font-size:.875rem;/*14px*/
/*font-size:1rem;/*16px*/
/*font-size:1.125rem;/*18px*/
/*font-size:1.25rem;/*20px*/

/*font-size:1.5rem;/*24px*/
/*font-size:1.625rem;/*26px*/
/*font-size:1.75rem;/*28px*/

/*font-size:1.875rem;/*30px*/

/*font-size:2.25rem;/*36px*/

/*font-size:2.125rem;/*34px*/

/*font-size:2.5rem;/*40px*/

/*font-size:3rem;/*48px*/

/*font-size:3.125rem;/*50px*/

/*font-size:3.125rem;/*58px*/

/*font-size:3.625rem;/*60px*/

/*font-size:4rem;/*64px*/

.btn{
	min-width:45%;
	margin-left:2%;
	margin-right:2%;
}

.read{font-size:1rem;}

.notes{font-size:.875rem;}

.navigator{font-size:.5rem;}

.article > .inner{
	padding:10vh .5rem;
}

.column{
	flex-direction:column;
}

.column > *{
	width:100%;
	padding:0;
	flex-basis:auto;
}

.column > .col,
.column > .co2,
.column > .co3{
	flex-basis:auto;
}

.heading .column,
.lineup.column{
	flex-direction:row;
}

.heading .column > *,
.lineup.column > *{
	width:auto;
	padding:0 1rem;
	flex-basis:100%;
}

.heading .column > .co2,
.lineup.column > .co2{
	flex-basis:200%;
}

.heading .column > .co3,
.lineup.column > .co3{
	flex-basis:300%;
}

.summary{
	padding-left:1rem;
	padding-right:1rem;
}

.wrapper .figure{
	margin:1rem auto;
}

.img.product1,
.img.product2{
	background-size:contain !important;
}

.column h4{
	margin-bottom:1em;
	text-align:center;
}

.column h4::before{
	right:-1rem;
	width:auto;
}

.column h4::after{
	right:0;
	border-right:1px dashed #666666;
}

}

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

.img.product1,
.img.product2{
	background-size:cover !important;
	top:20vh;
	bottom:20vh;
}

.img.wave4{
	padding-right:40%;
}

#contents .heading h2{font-size:1.75rem;}

.title::before{
	background-size:cover;
}

.navigator a::after{display:none;}

.heading .column,
.lineup.column{
	flex-direction:column;
}

.heading .column > *,
.lineup.column > *{
	width:100%;
	padding:0;
	flex-basis:auto;
}

.heading .column > .col,
.heading .column > .co2,
.heading .column > .co3,
.lineup.column > .col,
.lineup.column > .co2,
.lineup.column > .co3{
	flex-basis:auto;
}

.sp-bg-black{
	background-color:rgba(0,0,0,.6);
}

.img.wave1{
	padding-right:50%;
}

.img.wave2{
	padding-left:50%;
}

.product .figure img,
.lineup .figure img{
	max-width:60% !important;
}

.product .col{
	order:-1;
}

}