@charset "UTF-8";

html,body{height:100%;}

.sp{display: none;}

.faSpecialHeaderWrapper{
	z-index:1000;
	background: #fff;
	border-bottom:1px solid #000;
	height:170px;
	position: relative;
}

.faSpecialFooterWrapper{
	z-index:100;
	overflow: auto;
	position: absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translate(0,-50%);
	padding-top: 70px;
}

#faSpecial{
	opacity:0;
	transition: all .25s ease;
}

#faSpecial.start{
	opacity:1;
}

/* loading */

#faSpecialLoading{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background: #fff;
	z-index:10000;
}

#faSpecialLoading .loading{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background: url(../images/loading.gif) #fff;
	background-size: 100%;
	width: 116px;
	height: 50px;
	text-indent:-99em;
	overflow: hidden;
}

.test,
.testStage{
	position: fixed;
	right:0px;
	top:0px;
	font-size:11px;
	color:#0000ff;
	z-index:10000;
}

.testStage{top:10px;}


/* section */

.section {
  width: 100%;
  height:100%;
}

.fasection{
	position: absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:100%;
	height:100vh;
}
.fasection.is-show{z-index:10;}

.fasection-last{
	overflow:auto;
}

.js-section-last{
/*	height:2000px !important; */
	position: relative;
	opacity:0;
}

/* スクロールアイコン */

.faSpecialScroll{
	content:'';
	display: block;
	background: url(../images/scroll.png);
	width: 35px;
	height: 68px;
	position: fixed;
	left:50%;
	bottom:20px;
	margin-left: 17px;
	z-index:700;
	transition: all 1.25s ease;
}

html.section3 .faSpecialScroll,
html.section4 .faSpecialScroll,
html.section6 .faSpecialScroll,
html.section7 .faSpecialScroll,
html.section9 .faSpecialScroll,
html.section10 .faSpecialScroll,
html.section12 .faSpecialScroll,
html.section13 .faSpecialScroll{background-image: url(../images/scroll_white.png);}


html.section20 .faSpecialScroll{
	bottom:180px;
}

#faSpecialMenu{
	display: block;
	width: 45px;
	height: 45px;
	position: fixed;
	left:52%;
	top:20px;
	margin-left: -22px;
	z-index:800;
	cursor:pointer;
}

#faSpecialMenu p{
	position: absolute;
	left:0%;
	bottom:0%;
	font-size:11px;
	text-align: center;
	width:100%;
	line-height: 1.0;
	transition: all .55s ease;
}

#faSpecialMenu span{
	content:'';
	width:45px;
	height:1px;
	background: #000;
	position: absolute;
	left:0px;
	transition: all .55s ease;
}

html.section3 #faSpecialMenu span,
html.section4 #faSpecialMenu span,
html.section6 #faSpecialMenu span,
html.section7 #faSpecialMenu span,
html.section9 #faSpecialMenu span,
html.section10 #faSpecialMenu span,
html.section12 #faSpecialMenu span,
html.section13 #faSpecialMenu span{background: #fff;}
html.section3 #faSpecialMenu p,
html.section4 #faSpecialMenu p,
html.section6 #faSpecialMenu p,
html.section7 #faSpecialMenu p,
html.section9 #faSpecialMenu p,
html.section10 #faSpecialMenu p,
html.section12 #faSpecialMenu p,
html.section13 #faSpecialMenu p{color: #fff;}

html.section14 #faSpecialMenu.is-open span{background: #fff;}

#faSpecialMenu span:nth-child(1){top:5px;}
#faSpecialMenu span:nth-child(2){top:15px;}
#faSpecialMenu span:nth-child(3){top:25px;}

#faSpecialMenu.is-open p{opacity:0;}

#faSpecialMenu.is-open span:nth-child(1){
	transform:rotate(45deg);
	top:20px;
	left:-2px;
}

#faSpecialMenu.is-open span:nth-child(2){
	opacity:0;
	left:-25px;
}

#faSpecialMenu.is-open span:nth-child(3){
	transform:rotate(-45deg);
	top:20px;
	left:-2px;
}

#faSpecialGnav{
	width:980px;
	position:fixed;
	left:50%;
	top:0;
	margin-left: -460px;
	background: rgba(0,0,0,0.1);
	z-index:500;
	display: none;
}

.section14 #faSpecialGnav{background: rgba(0,0,0,0.5);}

#faSpecialGnav ul{
	padding:80px 0 20px 0;
	text-align: center;
	font-size:0px;
}

#faSpecialGnav ul li{
	font-size:13px;
	margin:0 15px;
	display: inline-block;
}

#faSpecialGnav ul li span{
	cursor:pointer;
}

#faSpecialGnav ul li span:hover{text-decoration: underline;}

html.section3 #faSpecialGnav span,
html.section4 #faSpecialGnav span,
html.section6 #faSpecialGnav span,
html.section7 #faSpecialGnav span,
html.section9 #faSpecialGnav span,
html.section10 #faSpecialGnav span,
html.section12 #faSpecialGnav span,
html.section13 #faSpecialGnav span,
html.section14 #faSpecialGnav span{color: #fff;}


/* 背景ブロック */

.faSpecialBg{
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
}

.faSpecialBg > div{
	content:'';
	background: url(../images/bg_01.png) no-repeat center center;
	background-size: cover;
	width:100%;
	height:100%;
	transition: all 0.75s ease;
	opacity:0;
	position: fixed;
}

.faSpecialBg > .faSpecialBg1{
	background-image: url(../images/bg_01.png);
	width:110%;
	height:110%;
	transition: all 0.75s 0.1s ease;
	animation: netmove 20s alternate infinite;
}
.faSpecialBg > .faSpecialBg2{background-image: url(../images/bg_02.png);}
.faSpecialBg > .faSpecialBg3{background-image: url(../images/bg_03.png);}
.faSpecialBg > .faSpecialBg4{background-image: url(../images/bg_04.png);}
.faSpecialBg > .faSpecialBg5{background-image: url(../images/bg_05.png);}
.faSpecialBg > .faSpecialBg6{background-image: url(../images/bg_06.png);}
.faSpecialBg > .faSpecialBg7{background-image: url(../images/bg_07.png);}
.faSpecialBg > .faSpecialBg8{background-image: url(../images/bg_08.png);}
.faSpecialBg > .faSpecialBg9{background-image: url(../images/bg_09.png);}
.faSpecialBg > .faSpecialBg10{background-image: url(../images/bg_10.png);}
.faSpecialBg > .faSpecialBg11{background-image: url(../images/bg_11.png);}
.faSpecialBg > .faSpecialBg12{background-image: url(../images/bg_12.png);}
.faSpecialBg > .faSpecialBg13{background-image: url(../images/bg_13.png);}
.faSpecialBg > .faSpecialBg14{background: #fff;}
.faSpecialBg > .faSpecialBg15{background: #fff;}
.faSpecialBg > .faSpecialBg16{background: #fff;}
.faSpecialBg > .faSpecialBg17{background: #fff;}

.faSpecialBg > div.is-show{opacity:1;}


@keyframes netmove { 
  0%   { transform:  translate(0px, 0px) scale(1.01,1.01) skew(0deg,0deg);    } 
  15%   { transform:  translate(10px, 0px) scale(1.0,1.0) skew(2deg,2deg);   }
  85%   { transform:  translate(-10px, 0px) scale(0.99,0.99) skew(-2deg,-2deg);   }
  100%  { transform:  translate(0px, 0px) scale(1.01,1.01) skew(0deg,0deg);   } 
} 


/* stage common タイトルや文字など */

.titleSection{margin-bottom: 4vw;}

.titleLine{
	font-size:3vw;
	line-height: 1.5;
	margin-bottom: 2vw;
	padding-bottom: 30px;
	color:#aaa;
	border-bottom:2px solid #aaa;
	letter-spacing: 5px;
}

.titleBlock{
	font-size:2vw;
	line-height: 1.8;
	margin-bottom: 2vw;
	font-weight: normal;
}

.titleOnpage{
	font-size:20px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.textblock{
	z-index:5;
}

.textStage{
	font-size:18px;
	line-height: 2.0;
	transition: all 1.25s ease;
	margin-bottom: 2vw;
	text-align:justify;
}

.textStage strong{
	display: block;
	margin-bottom: 0.5em;
}

.textStageSub{
	font-size:13px;
	line-height: 2.0;
	transition: all 1.25s ease;
	margin-bottom: 4vw;
}

.textOnpage{
	font-size:14px;
	line-height: 2.0;
	margin-bottom: 3vw;
	padding:0 5px;
}

.imageOnpage{
	text-align: center;
	padding:0 5px;
}


.imageOnpage .btnPlus{
	text-align: right;
	margin-top: 20px;
}

.noticeList{
	font-size:12px;
	line-height: 1.5;
	transition: all .25s ease;
}

.productimageNotice{
	font-size:13px;
	line-height: 2.0;
	transition: all .25s ease;
	color:#fff;
}

.productimageNotice li{
	text-indent:-1em;
	margin-left: 1em;
}

.faSpecialIcon{
	margin-top: 80px;
}

.faSpecialIcon li{
	width:24%;
	margin-right: 0%;
	margin-bottom: 3%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.faSpecialIcon li:last-child{
	margin-right: 0;
}

.faSpecialIcon li img{
	max-width:100%;
}

.faSpecialIcon li .hover{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	opacity:0;
	transition: all 1.25s ease;
}


.faSpecialIcon li:hover .hover{opacity:1;}


.faSpecialIcon li .btnPlus{margin-right: 8px;}
.faSpecialIcon li .btnPlus.mt10{}

.faSpecialIconWhite{margin-top: 50px;}
.faSpecialIconWhite li{
	width:29%;
	text-align: center;
	margin:0 2% 30px 0;
	display: inline-block;
	vertical-align: top;
	transition: all .25s ease;
	position: relative;
}

.faSpecialIconWhite li:hover{
}
.faSpecialIconWhite li:nth-child(3n){margin-right: 0;}


/* ------------------------ グレーゾーン右側のスライダー ---------------------------- */

.detailtextslider {}

.detailtextslider-inner {
  position: relative;
  max-width: auto;
  margin: 0 auto;
}

.detailtextslider-list {
  margin-bottom: 0;
}

.detailtextslider-list-wrapper {
  position: relative;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
}

.detailtextslider-list span {
  display: block;
  cursor:pointer;
}

.detailtextslider .swiper-slide{width:100%;}

.detailtextslider .swiper-button-prev,
.detailtextslider .swiper-button-next {
  border: none;
  background: url(../images/arrow_slider2.png) no-repeat center center;
  position: absolute;
  top: 50%;
  width: 25px;
  height: 57px;
  text-indent: -99em;
  overflow: hidden;
  z-index: 10;
  margin-top: -29px;
  cursor: pointer;
  transition: all .25s ease;
}

.detailtextslider .swiper-button-prev {
  left: -35px;
  transform: rotate(180deg);
}

.detailtextslider .swiper-button-next {
  right: -35px;
}
.detailtextslider .swiper-button-prev:hover,
.detailtextslider .swiper-button-next:hover {
	opacity:0.7;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0;}

/* ------------------------stage 1---------------------------- */

#faSpecial1,
#faSpecial2,
#faSpecial3,
#faSpecial4,
#faSpecial5,
#faSpecial6{
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	transition: all .25s 0.5s ease;
}


#faSpecial1{z-index:500;}
#faSpecial2{z-index:495;}
#faSpecial3{z-index:490;}
#faSpecial4{z-index:485;}
#faSpecial5{z-index:480;}
#faSpecial6{z-index:475;}
.js-section-last{z-index:470;}

#faSpecial1.is-out,
#faSpecial2.is-out,
#faSpecial3.is-out,
#faSpecial4.is-out,
#faSpecial5.is-out,
#faSpecial6.is-out{
	transform:translate(0,-100%);
	transition: all .55s ease;
	opacity:0;
}

/* ------------------------section 0---------------------------- */

.fasection0 .logo{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	opacity:0;
	transition: all 1.25s ease;
}

.fasection0.is-show .logo{opacity:1;}

/* ------------------------section 1---------------------------- */

.fasection1 .logo{
	position: absolute;
	left:10%;
	top:40%;
	width:34%;
}

.productimage{
	position: absolute;
	right:0%;
	top:50%;
	width:100%;
	transform:translate(0,-50%);
}

.fasection1 .productimage{
	/*
	width:101.5%;
	right:-0.40%;
	top:49.5%;
	*/
}
.faSpecialMovie2 video{}

.productimage img{width:100%;}

/* animation */

.productimage img{transition: all 1.25s ease;opacity:0;}

.fasection1 .logo{transition: all 1.25s ease;opacity:0;transform:translate(-30px,0);}
.fasection1 .productimage img{transform:translate(0px,0);}
.fasection1.is-show .logo{opacity:1;transition-delay:0.2s;transform:translate(0px,0);}
.fasection1.is-show .productimage img{opacity:1;transition-delay:0.4s;transform:translate(0px,0);}


/* ------------------------section 2---------------------------- */

.fasection2 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}

.productimageLink{
	position: absolute;
	right:13%;
	top:48%;
	width:30vw;
	height:30vw;
	transform:translate(0%,-50%);
	display: none;
}

.productimageLink span{
	position: absolute;
	content:'';
	display: block;
	cursor:pointer;
}

.productimageLink span.link1{
	left:0;
	top:0;
	width:47%;
	height:45%;
}

.productimageLink span.link2{
	right:0;
	top:0;
	width:47%;
	height:45%;
}

.productimageLink span.link3{
	left:10%;
	top:48%;
	width:80%;
	height:38%;
}

/* animation */

.fasection2 .titleBlock{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection2 .textStage,
.fasection2 .textStageSub,
.fasection2 .noticeList{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection2.is-show .titleBlock,
.fasection2.is-show .textStage,
.fasection2.is-show .textStageSub,
.fasection2.is-show .noticeList,
.fasection2.is-show .productimage img{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection2.is-show .titleBlock{transition-delay:0.3s;}
.fasection2.is-show .textStage{transition-delay:0.6s;}
.fasection2.is-show .textStageSub{transition-delay:0.9s;}
.fasection2.is-show .noticeList{transition-delay:1.2s;}


/* ------------------------section 3---------------------------- */

.fasection3 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}

.fasection3:before{
	content:'';
	display: block;
	position: absolute;
	left:0px;
	bottom:0px;
	background: rgba(82, 90, 97, 0.9);
	width:100%;
	height:0vh;
}

/* animation */
.fasection3:before{transition: all .55s 0.5s ease;height:0vh;}
.fasection3 .faSpecialIcon{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}

.fasection3.is-show:before{transition: all .55s ease;height:100vh;}

.fasection3.is-show .faSpecialIcon{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection3.is-show .faSpecialIcon{transition-delay:0.7s;}
.fasection3.is-show .productimage img{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}


/* ------------------------section 4---------------------------- */

.fasection4 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}

.fasection4 .titleBlock{color:#fff;}
.fasection4 .textStage{color:#fff;}

/* animation */

.fasection4 .titleSection{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection4 .titleBlock{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection4 .textStage{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection4 .productimage img{opacity:0;transition: all 1.25s 1s ease;}

.fasection4.is-show .titleSection,
.fasection4.is-show .titleBlock,
.fasection4.is-show .textStage,
.fasection4.is-show .productimage img{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection4.is-show .productimage img{transition-delay:0s;}

.fasection4.is-show .titleSection{transition-delay:0.3s;}
.fasection4.is-show .titleBlock{transition-delay:0.6s;}
.fasection4.is-show .textStage{transition-delay:0.9s;}

/* ------------------------section 5---------------------------- */

.fasection5 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}

.fasection5 .titleLine {color:#1BAEC2;border-color:#1BAEC2;}

.fasection5 .productimage{
	position: absolute;
	right:0%;
	top:50%;
	width:100%;
	transform:translate(0,-50%);
}

.fasection5 .productimageNotice{
	position: absolute;
	left:70%;
	top:70%;
}

.fasection5 .productimage-after{
	position: absolute;
	right:0%;
	top:50%;
	transform:translate(0,-50%);
	width:100%;
	display: none;
}
.fasection5 .productimage-after img{width:100%;}

/* animation */

.fasection5 .titleLine{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection5 .textStage{transition: all .65s 0s ease;opacity:0;transform:translate(-30px,0);}
.fasection5 .productimageNotice{transition: all .65s 0s ease;opacity:0;transform:translate(30px,0);}
.fasection5 .productimage img{transition: all 0.25s 0s ease;opacity:0;}
.fasection5.is-show .titleLine,
.fasection5.is-show .textStage,
.fasection5.is-show .productimageNotice,
.fasection5.is-show .productimage img{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection5.is-show .titleLine{transition-delay:0.3s;}
.fasection5.is-show .textStage{transition-delay:0.6s;}
.fasection5.is-show .productimageNotice{transition-delay:5s;}



/* ------------------------section 6---------------------------- */

.fasection6 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}
.fasection6 .titleLine {color:#1BAEC2;border-color:#1BAEC2;}

.fasection6 .bggray{
	content:'';
	display: block;
	position: absolute;
	left:0px;
	bottom:0px;
	background: rgba(82, 90, 97, 0.9);
	width:100%;
	height:100vh;
	height:0vh;
}

.fasection6 .detailTextBlock{
	position: absolute;
	right:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
	color:#fff;
}

.imageOnpageInner{
	background: rgba(255,255,255,0.3);
	padding:15px;
}
.imageOnpage img{max-width:100%;}

/* animation */
.fasection6 .titleLine{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection6 .faSpecialIcon{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection6 .titleOnpage,
.fasection6 .detailtextslider{transition: all .65s ease;opacity:0;transform:translate(30px,0);}

.fasection6 .bggray.is-show{transition: all .55s ease;height:100vh;}
.fasection6 .titleLine.is-show,
.fasection6 .faSpecialIcon.is-show{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection6.is-show .detailtextslider{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection6 .titleLine.is-show{transition-delay:0.6s;}
.fasection6 .faSpecialIcon.is-show{transition-delay:0.7s;}
.fasection6.is-show .titleOnpage{transition-delay:0.8s;}
.fasection6.is-show .detailtextslider{transition-delay:0.9s;}


/* ------------------------section 7---------------------------- */

.fasection7 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:40%;
}

.fasection7 .titleBlock,
.fasection7 .textStage{color:#fff;}
.fasection7 .titleLine {color:#17A080;border-color:#17A080;}

/* animation */

.fasection7 .titleSection,
.fasection7 .titleBlock,
.fasection7 .textStage{transition: all 1.25s ease;opacity:0;transform:translate(-30px,0);}
.fasection7.is-show .titleBlock,
.fasection7.is-show .titleSection,
.fasection7.is-show .textStage,
.fasection7 .productimage.is-show img{opacity:1;transform:translate(0,0);}

.fasection7.is-show .titleSection{transition-delay:0.3s;}
.fasection7.is-show .titleBlock{transition-delay:0.6s;}
.fasection7.is-show .textStage{transition-delay:0.9s;}


/* ------------------------section 8---------------------------- */

.fasection8 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:35%;
}

.fasection8 .titleLine {color:#17A080;border-color:#17A080;}

.fasection8 .productimage{
	position: absolute;
	right:0%;
	top:50%;
	width:100%;
	transform:translate(0,-50%);
}

.fasection8 .productimage-after{
	position: absolute;
	right:0%;
	top:50%;
	transform:translate(0,-50%);
	width:100%;
	display: none;
}
.fasection8 .productimage-after img{width:100%;}


.fasection8 .productimageNotice{
	position: absolute;
	left:70%;
	top:70%;
}

/* animation */

.fasection8 .titleLine{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection8 .textStage{transition: all .65s 0s ease;opacity:0;transform:translate(-30px,0);}
.fasection8 .productimage img{transition: all 1.25s 0s ease;opacity:0;}
.fasection8 .productimageNotice{transition: all .65s 0s ease;opacity:0;transform:translate(30px,0);}
.fasection8.is-show .titleLine,
.fasection8.is-show .textStage,
.fasection8.is-show .productimage img,
.fasection8.is-show .productimageNotice{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection8.is-show .titleLine{transition-delay:0.3s;}
.fasection8.is-show .textStage{transition-delay:0.6s;}
.fasection8.is-show .productimageNotice{transition-delay:5s;}


/* ------------------------section 9---------------------------- */

.fasection9 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}
.fasection9 .titleLine {color:#17A080;border-color:#17A080;}

.fasection9 .bggray{
	content:'';
	display: block;
	position: absolute;
	left:0px;
	bottom:0px;	
	background: rgba(82, 90, 97, 0.9);
	width:100%;
	height:0vh;
}

.fasection9 .detailTextBlock{
	position: absolute;
	right:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
	color:#fff;
}

/* animation */
.fasection9 .bggray{transition: all .55s 0.5s ease;height:0vh;}
.fasection9 .titleLine{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection9 .faSpecialIcon{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection9 .detailtextslider{transition: all .65s ease;opacity:0;transform:translate(30px,0);}

.fasection9 .bggray.is-show{transition: all .55s ease;height:100vh;}
.fasection9 .titleLine.is-show,
.fasection9 .faSpecialIcon.is-show,
.fasection9.is-show .detailtextslider{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection9. .titleLineis-show{transition-delay:0.6s;}
.fasection9 .faSpecialIcon.is-show{transition-delay:0.7s;}
.fasection9.is-show .detailtextslider{transition-delay:1.0s;}


/* ------------------------section 10---------------------------- */

.fasection10 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}

.fasection10 .titleBlock,
.fasection10 .textStage{color:#fff;}
.fasection10 .titleLine{color:#17A080;border-color:#17A080;}

/* animation */

.fasection10 .titleSection,
.fasection10 .titleBlock,
.fasection10 .textStage{transition: all 1.25s ease;opacity:0;transform:translate(-30px,0);}
.fasection10.is-show .titleBlock,
.fasection10.is-show .titleSection,
.fasection10.is-show .textStage,
.fasection10 .productimage.is-show img{opacity:1;transform:translate(0,0);}

.fasection10.is-show .titleSection{transition-delay:0.3s;}
.fasection10.is-show .titleBlock{transition-delay:0.6s;}
.fasection10.is-show .textStage{transition-delay:0.9s;}

/* ------------------------section 11---------------------------- */

.fasection11 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}

.fasection11 .titleLine {color:#A1D072;border-color:#A1D072;}

.fasection11 .productimage{
	position: absolute;
	right:0%;
	top:50%;
	width:100%;
	transform:translate(0,-50%);
}

.fasection11 .productimage-after{
	position: absolute;
	right:0%;
	top:50%;
	transform:translate(0,-50%);
	width:100%;
	display: none;
}
.fasection11 .productimage-after img{width:100%;}

.fasection11 .productimageNotice{
	position: absolute;
	left:70%;
	top:70%;
}

/* animation */

.fasection11 .titleLine{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection11 .textStage{transition: all .65s 0s ease;opacity:0;transform:translate(-30px,0);}
.fasection11 .productimage img{transition: all 1.25s 0s ease;opacity:0;}
.fasection11 .productimageNotice{transition: all .65s 0s ease;opacity:0;transform:translate(30px,0);}
.fasection11.is-show .titleLine,
.fasection11.is-show .textStage,
.fasection11.is-show .productimage img,
.fasection11.is-show .productimageNotice{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection11.is-show .titleLine{transition-delay:0.3s;}
.fasection11.is-show .textStage{transition-delay:0.6s;}
.fasection11.is-show .productimageNotice{transition-delay:5s;}


/* ------------------------section 12---------------------------- */

.fasection12 .textblock{
	position: absolute;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
}
.fasection12 .titleLine {color:#A1D072;border-color:#A1D072;}

.fasection12 .bggray{
	content:'';
	display: block;
	position: absolute;
	left:0px;
	bottom:0px;
	background: rgba(82, 90, 97, 0.9);
	width:100%;
	height:0vh;
}

.fasection12 .detailTextBlock{
	position: absolute;
	right:9%;
	top:50%;
	transform:translate(0,-50%);
	width:38%;
	color:#fff;
}

.fasection12 .imageOnpage{
	text-align: left;display: inline-block;
	width:60%;
}

/* animation */
.fasection12 .bggray{transition: all .55s 0.5s ease;height:0vh;}
.fasection12 .titleLine{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection12 .faSpecialIcon{transition: all .65s ease;opacity:0;transform:translate(-30px,0);}
.fasection12 .titleOnpage,
.fasection12 .textOnpage,
.fasection12 .imageOnpage{transition: all .65s ease;opacity:0;transform:translate(30px,0);}

.fasection12 .bggray.is-show{transition: all .55s ease;height:100vh;}
.fasection12.is-show .titleLine,
.fasection12.is-show .faSpecialIcon,
.fasection12.is-show .titleOnpage,
.fasection12.is-show .textOnpage,
.fasection12.is-show .imageOnpage{opacity:1;transform:translate(0,0);transition: all 1.25s ease;}
.fasection12.is-show .titleLine{transition-delay:0.6s;}
.fasection12.is-show .faSpecialIcon{transition-delay:0.7s;}
.fasection12.is-show .titleOnpage{transition-delay:0.8s;}
.fasection12.is-show .textOnpage{transition-delay:0.9s;}
.fasection12.is-show .imageOnpage{transition-delay:1.0s;}


/* ------------------------section 13---------------------------- */

.fasection13 .textblock{
	position: absolute;
	left:9%;
	top:35%;
	transform:translate(0,-50%);
	width:30%;
}

.fasection13 .titleBlock{color:#fff;}
.fasection13 .textblock img{max-width:100%;}
.fasection13 .titleLine {color:#17A080;border-color:#17A080;}

.applislider {
  overflow: hidden;
  position: absolute;
  left:0px;
  bottom:0px;
  width:100%;
  z-index:100;
  background: #93A0B5;
  padding:30px 0;
  opacity:0;
  transform:translate(0,100%);
}

#faSpecial5.is-out .applislider{transform: translate(0,0%);}

.applislider-inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

.applislider-list {
  margin-bottom: 0;
}

.applislider-list-wrapper {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.applislider-list span {
  display: block;
  cursor:pointer;
}

.applislider .swiper-button-prev,
.applislider .swiper-button-next {
  border: none;
  background: url(../images/arrow_slider.png) no-repeat center center;
  position: absolute;
  top: 50%;
  width: 42px;
  height: 77px;
  text-indent: -99em;
  overflow: hidden;
  z-index: 10;
  margin-top: -38px;
  cursor: pointer;
  transition: all .25s ease;
}

.applislider .swiper-button-prev {
  left: -75px;
  transform: rotate(180deg);
}

.applislider .swiper-button-next {
  right: -75px;
}
.applislider .swiper-button-prev:hover,
.applislider .swiper-button-next:hover {
	opacity:0.7;
}


/* animation */

.fasection13 .titleSection{transition: all 1.25s ease;opacity:0;transform:translate(-30px,0);}
.fasection13 .titleBlock{transition: all 1.25s ease;opacity:0;}
.fasection13 .applislider{transition: all 1.25s ease;opacity:0;}
.fasection13.is-show .titleBlock,
.fasection13.is-show .titleSection,
.fasection13.is-show .productimage img{opacity:1;transform:translate(0,0);}
.fasection13.is-show .applislider{opacity:1;transform:translate(0,0);transition-delay:1.0s;}

.faSpecialScroll.is-margin{bottom:190px;}
.fasection13.is-show .titleSection{transition-delay:0.3s;}

/* ------------------------section 14---------------------------- */

.fasection14{}

.fasection14 .bottomslider-title{
	padding-top: 100px;
	text-align: center;
	font-size: 28px;
	list-style-type: 1.9em;
	margin-bottom: 40px;
	transition: all 1.25s ease;
	opacity:0;
}

.bottomslider {
  width:1000px;
  z-index:100;
  padding:30px 0;
  opacity:0;
  margin:0 auto 100px;
  overflow: hidden;
}

.bottomslider-inner {
  position: relative;
  max-width: 333px;
  margin: 0 auto;
}

.bottomslider-list {
  margin-bottom: 0;
  text-align: center;
}

.bottomslider-list-item {
	display: inline-block;
}

.bottomslider-list-item:nth-child(2) {margin-left: 20px;}

.bottomslider-list-wrapper {
	position: relative;
	width: 390px;
	margin: 0 auto;
	opacity:0;
	transition: all .25s ease;
}

.bottomslider-list-wrapper.swiper-container-horizontal {opacity:1;}

.bottomslider-list a {
	display: block;
	font-size: 16px;
	color:#111;
	text-align: center;
}

.bottomslider-list .swiper-slide{
}


.bottomslider-list .swiper-slide img{
	opacity:0.5;
	transition: all .25s ease;
	transform-origin:center center;
	width:100%;
}

.bottomslider-list .swiper-slide p{
	transition: all .25s ease;
}

.bottomslider-list .swiper-slide-active{z-index:10;}

.bottomslider-list .swiper-slide-active img{
	opacity:1;
	transform:scale(1.35,1.35);
	transform-origin:center center;
}

.bottomslider-list .swiper-slide-active p{
	transform:translate(0,35px);
}


.bottomslider .swiper-button-prev,
.bottomslider .swiper-button-next {
  border: none;
  background: url(../images/arrow_slider.png) no-repeat center center;
  position: absolute;
  top: 50%;
  width: 42px;
  height: 77px;
  text-indent: -99em;
  overflow: hidden;
  z-index: 10;
  margin-top: -38px;
  cursor: pointer;
  transition: all .25s ease;
}

.bottomslider .swiper-button-prev {
  left: -130px;
  transform: rotate(180deg);
}

.bottomslider .swiper-button-next {
  right: -130px;
}
.bottomslider .swiper-button-prev:hover,
.bottomslider .swiper-button-next:hover {
	opacity:0.7;
}

.bottomslider .swiper-pagination{
	text-align: left;
	bottom:30px;
	left:10px;
	display: none;
}
.bottomslider .swiper-pagination-bullet{
	background: none;
	border:1px solid #DADBDB;
	background: #DADBDB;
	width:4px;
	height:4px;
	margin: 0 3px;
}

.bottomslider .swiper-pagination-bullet-active{
	background: #595757;
	border-color:#595757;
}

/* animation */

.fasection14Inner{
	position:absolute;
	left:0%;
	top:50%;
	width:100%;
	transform:translate(0%,-50%);
}

.fasection14 .bottomslider-title{opacity:0;}
.fasection14 .bottomslider{transition: all 1.25s ease;opacity:0;}
.fasection14.is-show .bottomslider-title{opacity:1;transform:translate(0,0);}
.fasection14.is-show .bottomslider{opacity:1;}



/* ------------------------section 15---------------------------- */

.fasection15{}

.fasection15 .faSpecialNewProduct{opacity:0;transition: all 1.25s ease;opacity:0;}
.fasection15.is-show .faSpecialNewProduct{opacity:1;}


/* ------------------------section 16---------------------------- */

.fasection16{}
.faSpecialTool{}

.fasection16 .faSpecialTool{transition: all 1.25s ease;opacity:0;}
.fasection16.is-show .faSpecialTool{opacity:1;}

.fasection16 .faSpecialFooterWrapper{transition: all 1.25s ease;opacity:0;}
.fasection16.is-show .faSpecialFooterWrapper{opacity:1;}


/* ------------------------section 17---------------------------- */

.fasection17{}
.fasection17 .faSpecialFooterWrapper{transition: all 1.25s ease;opacity:0;}

.fasection17.is-show .faSpecialFooterWrapper{opacity:1;}

/* ------------------------modal---------------------------- */

.modalBtn{cursor:pointer;}

.faSpecialModal{
	position: absolute;
	left:0px;
	top:0px;
	z-index:1000;
}

.modal{
	position:fixed;
	left:10%;
	top:50%;
	width:80%;
	transform:translate(0,-50%);
	color:#fff;
	display: none;
	overflow: hidden;
}

.modalAbsoluteIcon{
	position: absolute;
	left:50px;
	top:0px;
	z-index:10;
}

.modalSummery{width:50%;}

.modalSummery .modalTitleIcon img{max-width:100%;}

.modalSummery p{line-height: 1.9;}

.modalLeft{
	padding-top: 190px;
	padding-left: 5px;
	float: left;
	width:350px;
}

.modalOnecol{
	padding-top: 190px;
}

.modalLeftTitle{
	font-size:20px;
	line-height: 1.6;
	margin-bottom: 5px;
}

.modalLeftText{
	font-size:13px;
	line-height: 1.7;
	min-height:160px;
}

.modalLeftNotice {
	font-size:11px;
	padding-top: 10px;
    padding-left: 1.5rem;
    line-height: 13px;
}
.modalLeftNotice::before {
content:"";
margin-left: -1.5rem;
}

.modalRight{
	float: right;
	width:calc(100% - 380px);
}

#modal14_2 .modalRight{padding-top: 160px;}

.modalRightTitle{
	font-size:14px;
	line-height: 1.6;
	margin-bottom: 15px;
	font-weight: bold;
}

.modalRightText{
	font-size:12px;
	line-height: 1.8;
	margin-bottom: 30px;
}

.modalTitleIcon{
	margin-bottom: 25px;
}

.modalRight p{
	font-size:13px;
	line-height: 2.0;
	margin-bottom: 1.5em;
}

.modalRightImage img{max-width:100%;}
.modalRightImage.modalBtn2{cursor:pointer;}
.modalRightImage.modalBtn2 > span{
	display: block;
	text-align: right;
	padding-top: 15px;
}

.modalClose{
	position: fixed;
	right:5%;
	top:5%;
	cursor:pointer;
	z-index:1000;
	display: none;
}

.modalScaleImage img{
	width:80vw;
}

#modal20 .modalScaleImage{text-align: center;}
#modal20 img{width:80%;}

.modalMovie{
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height:100%;
    transform: translate(0,0%);
    color: #fff;
    display: none;
    overflow: hidden;
	background: rgba(0,0,0,0.9);
}

.modalMovieInner{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.modalAppli{
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height:100%;
    transform: translate(0,0%);
    background: url(../images/bg_13_2.png) no-repeat center center;
    background-size: cover;
}

.modalAppliInner{
	position:absolute;
	width:90%;
	max-width:1100px;
	left:10%;
	top:50%;
	transform:translate(0%,-50%);
}

.modalAppliInner img{
}

.modalAppliTitle{
	position: relative;
	margin-bottom: 30px;
}

.modalAppliTitle > img{max-width:100%;}

.modalAppliTitleImage{
	position: absolute;
	right:0px;
	top:45px;
	width:18%;
}

.modalAppliTitleImage img{
	max-width:100%;
}

.modalAppliLead{
	font-size:11px;
	line-height: 1.5;
	margin-bottom: 30px;
	width:70%;
	min-height:80px;
}

.modalAppliLead p{}

.modalAppliLeadOpen{
	display:none;
	content:'';
	background:url(../images/btn_plus.png) no-repeat left top;
	width:22px;
	height:22px;
	position:absolute;
	right:22%;
	top:110px;
	cursor:pointer;
}

.modalAppliLeadOpen.open{
	background:url(../images/btn_minus.png) no-repeat left top;
}

.modalAppliText{
	overflow: hidden;
	width:90%;
}

.modalAppliText img{
	max-width:100%;
}

.modalAppliText h3{
	font-size:16px;
	border-bottom:1px solid #fff;
	line-height: 1.6;
	margin-bottom: 5px;
	position: relative;
	margin-top: 30px;
	cursor:pointer;
	padding-right: 30px;
}

.modalAppliText h3:first-child{margin-top: 0;}

.modalAppliText h3:after{
	display:block;
	content:'';
	background:url(../images/btn_plus.png) no-repeat left top;
	width:22px;
	height:22px;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-12px;
}

.modalAppliText h3.open:after{
	background:url(../images/btn_minus.png) no-repeat left top;
}

.modalAppliText ul{
	font-size:11px;
	display: none;
}

.modalAppliText ul li{
	text-indent:-1em;
	margin-left: 1em;
}

.modalAppliTextDetail{
	width:53%;
	overflow: hidden;
	float: left;
}

.modalAppliTextImage{
	float: right;
	width:45%;
	text-align: right;
	cursor:pointer;
}

.modalAppliTextImage > img{
	display: block;
	margin-bottom: 5px;
}

.faSpecialModal2{
	position: absolute;
	left:0px;
	top:0px;
	z-index:1100;
}

.modal2{
	position:fixed;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	transform:translate(0,-0%);
	color:#fff;
	display: none;
	overflow: hidden;
	background: #525A61;
}

.modal2 .modalScaleImage{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:60%;
}

.modal2 .modalScaleImage img{width:100%;}

.modalClose2{
	position: fixed;
	right:5%;
	top:5%;
	cursor:pointer;
	z-index:1100;
	display: none;
}

.faSpecialModal3{
	position: absolute;
	left:0px;
	top:0px;
	z-index:1100;
}

.modal3{
	position:fixed;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	transform:translate(0,-0%);
	color:#fff;
	display: none;
	overflow: hidden;
	background: #525A61;
}

.modalClose3{
	position: fixed;
	right:5%;
	top:5%;
	cursor:pointer;
	z-index:1100;
	display: none;
}

.modal-movie-inner{
	width:798px;
	height:450px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	border:1px solid #ccc;
}

/* ------------------------ modalのスライダー ---------------------------- */

.modalslider {
	margin:0 50px;
}

.modalslider-inner {
  position: relative;
  max-width: auto;
  margin: 0 auto;
  padding-bottom: 20px;
}

.modalslider-list {
  margin-bottom: 0;
}

.modalslider-list-wrapper {
  position: relative;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
}

.modalslider-list span {
  display: block;
  cursor:pointer;
}

.modalslider .swiper-slide{width:100%;}

.modalslider .swiper-button-prev,
.modalslider .swiper-button-next {
  border: none;
  background: url(../images/arrow_slider2.png) no-repeat center center;
  position: absolute;
  top: 50%;
  width: 25px;
  height: 57px;
  text-indent: -99em;
  overflow: hidden;
  z-index: 10;
  margin-top: -29px;
  cursor: pointer;
  transition: all .25s ease;
}

.modalslider .swiper-button-prev {
  left: -50px;
  transform: rotate(180deg);
}

.modalslider .swiper-button-next {
  right: -50px;
}
.modalslider .swiper-button-prev:hover,
.modalslider .swiper-button-next:hover {
	opacity:0.7;
}

.modalslider .swiper-pagination{}
.modalslider .swiper-pagination-bullet{
	background: none;
	border:1px solid #fff;
	margin: 0 6px;
}

.modalslider .swiper-pagination-bullet-active{background: #fff;}

/* ------------------------video---------------------------- */

.faSpecialMovieWrapper{
	height: 100vh;
	position: fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	z-index:100;
}

.faSpecialMovie{display: none;}

.video {
  background-size: 100%;
  right: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  transform:translate(0%,-50%);
  z-index: 1;
}


/* ------------------------最新の機器情報---------------------------- */

.faSpecialNewProduct{
	text-align: center;
	position: absolute;
	z-index:100;
	width:100%;
	height: 100vh;
	background: #E9E9E9;
}

.faSpecialNewProductInner{
	position: absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translate(0,-50%);
}

.faSpecialNewProductTitle{
	line-height: 1.0;
	font-size:30px;
	margin-bottom: 50px;
}

.faSpecialNewProductTitleList{
	font-size:0px;
}

.faSpecialNewProductTitleList li{
	display: inline-block;
	margin:0 3px;
	font-size:13px;
	width:115px;
	vertical-align: top;
}

.faSpecialNewProductTitleList li .productImage{
	border-bottom:1px solid #333;
	margin-bottom: 10px;
}

.faSpecialNewProductTitleList li p{
	color:#000;
	font-size:13px;
	line-height: 1.6;
}



/* ------------------------開発キット---------------------------- */

.faSpecialTool{padding-top: 100px;}

.faSpetialToolTitle{
	text-align: center;
	line-height: 1.0;
	font-size:27px;
	letter-spacing:5px;
	margin-bottom: 30px;
    padding-top: 100px;
}
.toolslider {
	margin:0 0px;
}

.toolslider-inner {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.toolslider-list {
  margin-bottom: 0;
}

.toolslider-list-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.toolslider-list span {
  display: block;
  cursor:pointer;
}

.toolslider .swiper-slide{width:100%;}

.toolslider .swiper-button-prev,
.toolslider .swiper-button-next {
  border: none;
  background: url(../images/arrow_slider3.png) no-repeat center center;
  position: absolute;
  top: 50%;
  width: 25px;
  height: 57px;
  text-indent: -99em;
  overflow: hidden;
  z-index: 10;
  margin-top: -29px;
  cursor: pointer;
  transition: all .25s ease;
}

.toolslider .swiper-button-prev {
  left: 0px;
  transform: rotate(180deg);
}

.toolslider .swiper-button-next {
  right: 0px;
}
.toolslider .swiper-button-prev:hover,
.toolslider .swiper-button-next:hover {
	opacity:0.7;
}

.toolslider .swiper-pagination{}
.toolslider .swiper-pagination-bullet{
	background: none;
	border:1px solid #000;
	margin: 0 6px;
}

.toolslider .swiper-pagination-bullet-active{background: #000;}

.toolslider-title{
	display: inline-block;
	padding:10px 15px 10px 80px;
	min-width:500px;
	background: #525A61;
	color:#fff;
	font-size:23px;
	letter-spacing: 3px;
	line-height: 1.4;
}

.toolslider-title-icon{
	display: inline-block;
	vertical-align: middle;
	font-size:12px;
	background: #fff;
	letter-spacing: 0px;
	line-height: 1.0;
	padding:3px;
	border:2px solid #C50819;
	color:#C50819;
	font-weight: bold;
	position: relative;
	top:-2px;
}

.toolslider-content{
	padding:20px 80px;
}

.toolslider-feature-list{
	font-size:14px;
	margin-bottom: 40px;
}

.toolslider-feature-list li{
	margin-bottom: 10px;
	text-indent:-1em;
	margin-left: 1em;
}

.toolslider-image{position: relative;}

.toolslider-image img{
	max-width:100%;
}

.toolslider-image > a{
	display: block;
	content:'';
	position: absolute;
}

.toolslider-image > a.link1{
	left:30%;
	top:5%;
	width:14%;
	height:30%;
}

.toolslider-image > a.link2{
	left:45%;
	top:5%;
	width:14%;
	height:30%;
}

.toolslider-image > a.link3{
	left:60.5%;
	top:5%;
	width:21%;
	height:30%;
}



/* SP用 */
@media screen and (max-width: 639px){

	.sp{display: block;}
	.pc{display: none;}

	img{max-width:100%;}

	.faSpecialHeaderWrapper{
		z-index:1000;
		background: #fff;
		border-bottom:1px solid #ccc;
		height:auto;
		position: relative;
	}

	.faSpecialFooterWrapper{
		z-index:100;
		overflow: auto;
		position: relative;
		padding-top: 0px;
		top:0;
		transform:translate(0,0);
	}

	/* section */

	.section {
	  height:auto;
	}

	.fasection{
		position: static;
		z-index:1;
		width:100%;
		height:auto;
		overflow: hidden;
	}

	/* スクロールアイコン */

	.faSpecialScroll{
		background: url(../images/scroll.png);
		background-size: 20px;
		width: 20px;
		height: 40px;
		position: absolute;
		left:50%;
		top:140vw;
		margin-left: -10px;
		transition: all 1.25s ease;
	}

	#faSpecialMenu{
		width: 30px;
		height: 32px;
		margin-left: -15px;
	}

	#faSpecialMenu p{font-size:9px;}
	#faSpecialMenu span{width:30px;}


	#faSpecialMenu span:nth-child(1){top:3px;}
	#faSpecialMenu span:nth-child(2){top:10px;}
	#faSpecialMenu span:nth-child(3){top:17px;}

	#faSpecialMenu.is-open span{background: #fff;}
	#faSpecialMenu.is-open span:nth-child(1){top:10px;}
	#faSpecialMenu.is-open span:nth-child(3){top:10px;}

	#faSpecialGnav{
		width:100%;
		left:0%;
		top:0;
		margin-left: 0px;
		background: rgba(0,0,0,0.8);
	}

	#faSpecialGnav ul{padding:60px 0 20px 0;}

	#faSpecialGnav ul li{
		font-size:4vw;
		margin:0 15px 8vw;
		color:#fff;
		display: block;
		text-align: center;
	}

	#faSpecialGnav ul li span{cursor:pointer;}
	#faSpecialGnav ul li span:hover{text-decoration: none;}


	/* 背景ブロック */

	.faSpecialBg{display: none;}

	/* stage common タイトルや文字など */

	.titleSection{margin-bottom: 4vw;}

	.titleLine{
		font-size:5.5vw;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 4vw;
		padding-bottom: 3vw;
		letter-spacing: 5px;
	}

	.titleBlock{
		font-size:4vw;
		line-height: 1.8;
		margin-bottom: 2vw;
		text-align:justify;
	}

	.titleOnpage{
		font-size:5vw;
		line-height: 1.4;
		margin-bottom: 5px;
	}

	.textblock{
		z-index:5;
	}

	.textStage{
		font-size:3vw;
		line-height: 1.7;
		transition: all 1.25s ease;
		margin-bottom: 4vw;
		text-align:justify;
	}

	.textStage strong{
		font-weight: bold;
		margin-bottom: .5em;
	}

	.textStageSub{
		font-size:3vw;
		line-height: 2.0;
		transition: all 1.25s ease;
		margin-bottom: 4vw;
	}

	.textOnpage{
		font-size:2.5vw;
		line-height: 2.0;
		margin-bottom: 5vw;
	}

	.imageOnpage{text-align: center;}
	.imageOnpage .btnPlus{margin-top: 10px;}
	.imageOnpage .btnPlus img{width:15px;}

	.noticeList{
		font-size:2.5vw;
		line-height: 1.5;
		transition: all .25s ease;
	}

	.productimageNotice{
		font-size:2.5vw;
		line-height: 1.6;
		color:#fff;
	}

	.productimageNotice li{
		text-indent:-1em;
		margin-left: 1em;
	}

	.faSpecialIcon{
		margin-top: 80px;
		text-align: center;
	}

	.faSpecialIcon li{
		width:32%;
		margin:0 1%;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}

	.faSpecialIcon li:first-child{margin-left: 0;}
	.faSpecialIcon li:last-child{margin-right: 0;}

	.faSpecialIcon li img{
		max-width:100%;
	}

	.faSpecialIcon li .btnPlus img{width:15px;}

	.faSpecialIcon li .btnPlus.mt10{
		margin-top: 10px;
	}

	.faSpecialIconWhite{margin-top: 0px;}
	.faSpecialIconWhite li{
		width:22%;
		margin:0 1% 5vw;
	}
	.faSpecialIconWhite li:hover{
		transform:scale(1,1);
	}
	.faSpecialIconWhite li:nth-child(3n){margin-right: 0;}


	/* ------------------------ detailtextslider---------------------------- */

	.detailtextslider .swiper-button-prev,
	.detailtextslider .swiper-button-next {
	  top: 20%;
	}

	/* ------------------------stage 1---------------------------- */

	#faSpecial1,
	#faSpecial2,
	#faSpecial3,
	#faSpecial4,
	#faSpecial5,
	#faSpecial6{
		position: static;
		transition: all .25s 0.5s ease;
		height:auto;
	}

	#faSpecial1.is-out,
	#faSpecial2.is-out,
	#faSpecial3.is-out,
	#faSpecial4.is-out,
	#faSpecial5.is-out,
	#faSpecial6.is-out{
		transform:translate(0,0);
		opacity:1;
	}


	/* ------------------------section 1---------------------------- */

	.fasection1{		
		padding:20vw 0;
		position: relative;
	}

	.fasection1:before{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: url(../images/bg_01.png) no-repeat center center;
		background-size: cover;
		width:100%;
		height:100%;
		opacity:0;
		transition: all 1.25s ease;
	}

	.fasection1 .logo{
		margin:0vw auto 0vw;
		position: static;
		width:70%;
	}

	.fasection1 .logo img{width:100%;}

	.productimage{
		position: static;
		width:100%;
		transform:translate(0,0%);
		overflow: hidden;
	}

	.fasection1 .productimage{width:100%;}

	.productimage img{
		float: right;
		width:180%;
		max-width:200%;
	}

	.spvideo{
		width:100%;
		overflow: hidden;
	}

	.spvideo video{
		float: right;
		width:180%;
		max-width:200%;
	}

	.spvideo1,
	.spvideo2,
	.spvideo3,
	.spvideo4{display: none;}

	.fasection1 .spvideo{
		position: absolute;
		left:0px;
		top:30vw;
		padding-bottom: 100%;
	}

	/* animation */

	.productimage img{transition: all 1.25s ease;opacity:1;}

	.fasection1 .productimage img{opacity:0;transform:translate(0px,0);}
	.fasection1 .logo{transition: all 1.25s ease;opacity:0;transform:translate(0px,0);}

	.fasection1.is-show1 .logo{opacity:1;}
	.fasection1.is-show2 .productimage img{opacity:1;}
	.fasection1.is-show3:before{opacity:1;}


	/* ------------------------section 2---------------------------- */

	.fasection2{
		background: url(../images/bg_02_sp.png) no-repeat center bottom;
		background-size: 100%;
		padding:25vw 0 0;
	}

	.fasection2 .textblock{
		position: static;
		transform:translate(0,0%);
		width:76%;
		margin:0 auto;
	}

	.fasection2 .titleBlock,
	.fasection2 .textStage,
	.fasection2 .textStageSub,
	.fasection2 .noticeList,
	.fasection2 .productimage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection2.is-spshow .titleBlock,
	.fasection2.is-spshow .textStage,
	.fasection2.is-spshow .textStageSub,
	.fasection2.is-spshow .noticeList,
	.fasection2.is-spshow .productimage{opacity:1;transform:translate(0px,0);}

	.fasection2.is-spshow .titleBlock{transition-delay:0;}
	.fasection2.is-spshow .textStage{transition-delay:0.2s;}
	.fasection2.is-spshow .textStageSub{transition-delay:0.4s;}
	.fasection2.is-spshow .noticeList{transition-delay:0.6s;}
	.fasection2.is-spshow .productimage{transition-delay:1s;}


	/* ------------------------section 3---------------------------- */

	.fasection3{
		background: url(../images/bg_02_sp.png) no-repeat center bottom;
		background-size: 100%;
		padding:25vw 0 5vw;
		position: relative;
	}

	.fasection3 .textblock{
		position: static;
		margin-left: 5%;
		transform: translate(0,0%);
		width:90%;
	}

	.fasection3:before{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: rgba(82, 90, 97, 0.9);
		width:100%;
		height:100%;
	}

	/* animation */
	.fasection3:before{transition: all 1.25s 0.5s ease;height:100%;}
	.fasection3 .faSpecialIcon,
	.fasection3 .productimage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection3.is-spshow .faSpecialIcon,
	.fasection3.is-spshow .productimage{opacity:1;transform:translate(0px,0);}

	.fasection3.is-spshow .faSpecialIcon{transition-delay:0;}
	.fasection3.is-spshow .textStage{transition-delay:0.2s;}


	/* ------------------------section 4---------------------------- */

	.fasection4{
		background: url(../images/bg_04.png) no-repeat center center;
		background-size: cover;
		padding:30vw 0 5vw;
	}

	.fasection4 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection4 .titleBlock{color:#fff;}
	.fasection4 .textStage{color:#fff;}

	/* animation */

	.fasection4 .titleSection,
	.fasection4 .titleBlock,
	.fasection4 .textStage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}
	.fasection4 .productimage img{opacity:0;transition: all 1.25s ease;}


	.fasection4.is-spshow .titleSection,
	.fasection4.is-spshow .titleBlock,
	.fasection4.is-spshow .textStage{opacity:1;transform:translate(0px,0);}
	.fasection4.is-spshow .productimage img{opacity:1;}

	.fasection4.is-spshow .titleSection{transition-delay:0;}
	.fasection4.is-spshow .titleBlock{transition-delay:0.2s;}
	.fasection4.is-spshow .textStage{transition-delay:0.6s;}
	.fasection4.is-spshow .productimage img{transition-delay:1s;}


	/* ------------------------section 5---------------------------- */

	.fasection5{
		padding:15vw 0;
		position: relative;
	}

	.fasection5:before{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: url(../images/bg_05_sp.png) no-repeat center bottom;
		background-size: cover;
		width:100%;
		height:100%;
		opacity:0;
		transition: all 1.25s ease;
	}

	.fasection5 .textblock{
		position: relative;
		left:0;
		top:0;
		transform:translate(0,0%);
		width:70%;
		margin-left: 15%;
		margin-bottom: 80vw;
	}

	.fasection5 .titleLine {color:#1BAEC2;border-color:#1BAEC2;}

	.fasection5 .productimage{
		position: absolute;
		right:0%;
		top:70vw;
		width:100%;
		transform:translate(0,0%);
	}

	.fasection5 .productimageNotice{
		position: static;
		width:45%;
		margin-left: 50%;
	}

	.fasection5 .productimage-after{
		position: absolute;
		right:0%;
		top:69.5vw;
		width:100%;
		transform:translate(0,0%);
		display: none;
	}
	.fasection5 .productimage-after img{
		float: right;
		width:180%;
		max-width:180%;
	}

	.fasection5 .spvideo{
		position: absolute;
		left:0px;
		top:70vw;
		padding-bottom: 100%;
	}


	/* animation */

	.fasection5 .titleLine,
	.fasection5 .textStage,
	.fasection5 .productimageNotice{transition: all 1.25s 0s ease;opacity:0;transform:translate(-20px,0);}
	.fasection5 .productimage img{transition: all 0.25s 0s ease;opacity:1;}

	.fasection5.is-show1:before{opacity:1;}

	.fasection5.is-spshow .titleLine,
	.fasection5.is-spshow .textStage,
	.fasection5.is-spshow .productimageNotice{opacity:1;transform:translate(0px,0);}


	/* ------------------------section 6---------------------------- */

	.fasection6{
		background: rgba(0,0,0,0.5);
		background-size: cover;
		padding:18vw 0 0;
	}

	.fasection6 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}
	.fasection6 .titleLine {color:#1BAEC2;border-color:#1BAEC2;}

	.fasection6 .bggray{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: rgba(82, 90, 97, 0.9);
		width:100%;
		height:100vh;
		height:0vh;
	}

	.fasection6 .faSpecialIcon{margin-bottom: 10vw;}

	.fasection6 .productimage{display: none;}

	.fasection6 .detailTextBlock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
		margin-bottom: 5vw;
	}

	.imageOnpage img{max-width:100%;}

	.fasection6 .titleLine,
	.fasection6 .faSpecialIcon,
	.fasection6 .titleOnpage,
	.fasection6 .detailtextslider{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection6.is-spshow .titleLine,
	.fasection6.is-spshow .faSpecialIcon,
	.fasection6.is-spshow .titleOnpage,
	.fasection6.is-spshow .detailtextslider{opacity:1;transform:translate(0px,0);}

	.fasection6.is-spshow .titleLine{transition-delay:0.0s;}
	.fasection6.is-spshow .faSpecialIcon{transition-delay:0.2s;}
	.fasection6.is-spshow .titleOnpage{transition-delay:0.4s;}


	/* ------------------------section old7---------------------------- */

/*
	.fasection7{
		background: rgba(0,0,0,0.5);
		background-size: cover;
		padding:0vw 0 10vw;
	}

	.fasection7 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}
	.fasection7 .titleLine {color:#1BAEC2;border-color:#1BAEC2;}

	.fasection7 .productimage{display: none;}


	.fasection7 .detailTextBlock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection7:before{opacity:1;}
	.fasection7 .titleLine,
	.fasection7 .faSpecialIcon,
	.fasection7 .titleOnpage,
	.fasection7 .textOnpage,
	.fasection7 .imageOnpage img{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection7.is-spshow .titleLine,
	.fasection7.is-spshow .faSpecialIcon,
	.fasection7.is-spshow .titleOnpage,
	.fasection7.is-spshow .textOnpage,
	.fasection7.is-spshow .imageOnpage img{opacity:1;transform:translate(0px,0);}

	.fasection7.is-spshow .titleLine{transition-delay:0.0s;}
	.fasection7.is-spshow .faSpecialIcon{transition-delay:0.2s;}
	.fasection7.is-spshow .titleOnpage{transition-delay:0.4s;}
	.fasection7.is-spshow .textOnpage{transition-delay:0.6s;}
	.fasection7.is-spshow .imageOnpage img{transition-delay:0.8s;}
*/

	/* ------------------------section 7---------------------------- */

	.fasection7{
		background: url(../images/bg_07.png) no-repeat center center;
		background-size: cover;
		padding:25vw 0 0;
	}

	.fasection7 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection7 .titleBlock,
	.fasection7 .textStage{color:#fff;}
	.fasection7 .titleLine {color:#17A080;border-color:#17A080;}


	.fasection7 .titleSection,
	.fasection7 .titleBlock,
	.fasection7 .textStage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection7.is-spshow .titleSection,
	.fasection7.is-spshow .titleBlock,
	.fasection7.is-spshow .textStage{opacity:1;transform:translate(0px,0);}

	.fasection7.is-spshow .titleSection{transition-delay:0.0s;}
	.fasection7.is-spshow .titleBlock{transition-delay:0.2s;}
	.fasection7.is-spshow .textStage{transition-delay:0.4s;}


	/* ------------------------section 8---------------------------- */


	.fasection8{
		padding:18vw 0;
		position: relative;
	}

	.fasection8:before{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: url(../images/bg_08_sp.png) no-repeat center center;
		background-size: cover;
		width:100%;
		height:100%;
		opacity:0;
		transition: all 1.25s ease;
	}

	.fasection8 .textblock{
		position: relative;
		left:0;
		top:0;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
		margin-bottom: 80vw;
	}

	.fasection8 .titleLine {color:#17A080;border-color:#17A080;}

	.fasection8 .productimage{
		position: absolute;
		right:0%;
		top:62vw;
		width:100%;
		transform:translate(0,0%);
	}

	.fasection8 .productimage-after{
		position: absolute;
		right:0%;
		top:61.5vw;
		width:100%;
		transform:translate(0,0%);
		display: none;
	}
	.fasection8 .productimage-after img{
		float: right;
		width:180%;
		max-width:180%;
	}

	.fasection8 .productimageNotice{
		position: static;
		width:45%;
		margin-left: 49%;
	}

	.fasection8 .spvideo{
		position: absolute;
		left:0px;
		top:62vw;
		padding-bottom: 100%;
	}

	/* animation */

	.fasection8 .titleLine,
	.fasection8 .textStage,
	.fasection8 .productimageNotice{transition: all 1.25s 0s ease;opacity:0;transform:translate(-20px,0);}
	.fasection8 .productimage img{opacity:1;transform:translate(0,0);}

	.fasection8.is-spshow .titleLine,
	.fasection8.is-spshow .textStage,
	.fasection8.is-spshow .productimageNotice{opacity:1;transform:translate(0px,0);}

	.fasection8.is-spshow .titleLine{transition-delay:0.0s;}
	.fasection8.is-spshow .textStage{transition-delay:0.2s;}
	.fasection8.is-spshow .productimageNotice{transition-delay:0.4s;}

	.fasection8.is-show1:before{opacity:1;}


	/* ------------------------section 9---------------------------- */


	.fasection9{
		background-size: cover;
		padding:20vw 0 7vw;
		position: relative;
	}

	.fasection9 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}
	.fasection9 .titleLine {color:#17A080;border-color:#17A080;}

	.fasection9 .bggray{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;	
		background: rgba(82, 90, 97, 0.9);
		width:100%;
		height:100%;
	}

	.fasection9 .detailTextBlock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection9 .productimage{display: none;}
	.fasection9 .faSpecialIcon{margin-top: 5vw;}
	.fasection9 .faSpecialIcon li{margin-bottom: 3vw;}

	/* animation */

	.fasection9 .bggray{transition: all .55s 0.5s ease;height:100%;}
	.fasection9 .titleLine,
	.fasection9 .faSpecialIcon,
	.fasection9 .titleOnpage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection9.is-spshow .titleLine,
	.fasection9.is-spshow .faSpecialIcon,
	.fasection9.is-spshow .titleOnpage,
	.fasection9.is-spshow .detailtextslider{opacity:1;transform:translate(0px,0);}

	.fasection9.is-spshow .titleLine{transition-delay:0.0s;}
	.fasection9.is-spshow .faSpecialIcon{transition-delay:0.2s;}
	.fasection9.is-spshow .titleOnpage{transition-delay:0.4s;}


	/* ------------------------section old11---------------------------- */

/*

	.fasection11{
		background: rgba(82, 90, 97, 0.9);
		background-size: cover;
		padding:0vw 0 10vw;
		position: relative;
	}

	.fasection11 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}
	.fasection11 .titleLine {color:#17A080;border-color:#17A080;}

	.fasection11 .detailTextBlock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection11 .productimage{display: none;}

	.fasection11 .titleLine,
	.fasection11 .faSpecialIcon,
	.fasection11 .titleOnpage,
	.fasection11 .textOnpage,
	.fasection11 .imageOnpage img{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection11.is-spshow .titleLine,
	.fasection11.is-spshow .faSpecialIcon,
	.fasection11.is-spshow .titleOnpage,
	.fasection11.is-spshow .textOnpage,
	.fasection11.is-spshow .imageOnpage img{opacity:1;transform:translate(0px,0);}

	.fasection11.is-spshow .titleLine{transition-delay:0.0s;}
	.fasection11.is-spshow .faSpecialIcon{transition-delay:0.2s;}
	.fasection11.is-spshow .titleOnpage{transition-delay:0.4s;}
	.fasection11.is-spshow .textOnpage{transition-delay:0.6s;}
	.fasection11.is-spshow .imageOnpage img{transition-delay:0.8s;}
*/

	/* ------------------------section 10---------------------------- */

	.fasection10{
		background: url(../images/bg_10.png) no-repeat center center;
		background-size: cover;
		padding:30vw 0 0;
	}


	.fasection10 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection10 .titleBlock,
	.fasection10 .textStage{color:#fff;}
	.fasection10 .titleLine{color:#17A080;border-color:#17A080;}

	/* animation */

	.fasection10 .titleSection,
	.fasection10 .titleBlock,
	.fasection10 .textStage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection10.is-spshow .titleSection,
	.fasection10.is-spshow .titleBlock,
	.fasection10.is-spshow .textStage{opacity:1;transform:translate(0px,0);}

	.fasection10.is-spshow .titleSection{transition-delay:0.0s;}
	.fasection10.is-spshow .titleBlock{transition-delay:0.2s;}
	.fasection10.is-spshow .textStage{transition-delay:0.4s;}


	/* ------------------------section 11---------------------------- */

	.fasection11{
		padding:18vw 0;
		position: relative;
	}

	.fasection11:before{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: url(../images/bg_11_sp.png) no-repeat center center;
		background-size: cover;
		width:100%;
		height:100%;
		opacity:0;
		transition: all 1.25s ease;
	}


	.fasection11 .textblock{
		position: relative;
		left:0;
		top:0;
		z-index:10;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
		margin-bottom: 80vw;
	}

	.fasection11 .titleLine {color:#A1D072;border-color:#A1D072;}

	.fasection11 .productimage{
		position: absolute;
		right:0%;
		top:80vw;
		width:100%;
		transform:translate(0,0%);
	}

	.fasection11 .productimage-after{
		position: absolute;
		right:0%;
		top:79.5vw;
		width:100%;
		transform:translate(0,0%);
		display: none;
	}

	.fasection11 .productimage-after img{
		float: right;
		width:180%;
		max-width:180%;
	}


	.fasection11 .productimageNotice{
		position: static;
		width:45%;
		margin-left: 40%;
	}

	.fasection11 .spvideo{
		position: absolute;
		left:0px;
		top:80vw;
		padding-bottom: 100%;
	}

	.fasection11 .productimage img{transition: all 1.25s 0s ease;opacity:1;}

	.fasection11 .titleLine,
	.fasection11 .textStage,
	.fasection11 .productimageNotice{transition: all 1.25s 0s ease;opacity:0;transform:translate(-20px,0);}

	.fasection11.is-spshow .titleLine,
	.fasection11.is-spshow .textStage,
	.fasection11.is-spshow .productimageNotice{opacity:1;transform:translate(0px,0);}

	.fasection11.is-spshow .titleLine{transition-delay:0.0s;}
	.fasection11.is-spshow .textStage{transition-delay:0.2s;}
	.fasection11.is-spshow .productimageNotice{transition-delay:0.4s;}

	.fasection11.is-show1:before{opacity:1;}


	/* ------------------------section 12---------------------------- */

	.fasection12{
		background: url(../images/bg_12.png) no-repeat center center;
		background-size: cover;
		padding:17vw 0 10vw;
		position: relative;
	}

	.fasection12 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}
	.fasection12 .titleLine {color:#A1D072;border-color:#A1D072;}

	.fasection12 .faSpecialIcon{margin-top: 5vw;}
	.fasection12 .faSpecialIcon li{margin-bottom: 3vw;}

	.fasection12 .bggray{
		content:'';
		display: block;
		position: absolute;
		left:0px;
		bottom:0px;
		background: rgba(82, 90, 97, 0.9);
		width:100%;
		height:100%;
	}

	.fasection12 .detailTextBlock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:76%;
	}

	.fasection12 .imageOnpage{
		text-align: center;
		display: inline-block;
		width:80%;
		margin-left: 10%;
	}

	.fasection12 .imageOnpage > img{width:100%;}

	.fasection12 .productimage{display: none;}

	/* animation */
	.fasection12 .bggray{transition: all .55s 0.5s ease;height:100%;}

	.fasection12 .titleLine,
	.fasection12 .faSpecialIcon,
	.fasection12 .titleOnpage,
	.fasection12 .textOnpage,
	.fasection12 .imageOnpage{transition: all 1.25s ease;opacity:0;transform:translate(-20px,0);}

	.fasection12.is-spshow .titleLine,
	.fasection12.is-spshow .faSpecialIcon,
	.fasection12.is-spshow .titleOnpage,
	.fasection12.is-spshow .textOnpage,
	.fasection12.is-spshow .imageOnpage{opacity:1;transform:translate(0px,0);}



	/* ------------------------section 13---------------------------- */

	.fasection13{
		background: url(../images/bg_13.png) no-repeat center center;
		background-size: cover;
		padding:30vw 0 0;
		position: relative;
	}

	.fasection13{
		position: relative;
	}

	.fasection13 .textblock{
		position: static;
		margin-left: 12%;
		transform:translate(0,0%);
		width:70%;
	}

	.fasection13 .titleLine {color:#17A080;border-color:#17A080;}

	.applislider {
	  overflow: hidden;
	  position: static;
	  left:0px;
	  bottom:0px;
	  width:100%;
	  z-index:100;
	  background: #93A0B5;
	  padding:30px 0;
	  opacity:1;
	  transform:translate(0,0%);
	}

	.applislider-inner {
	  position: relative;
	  max-width: 1000px;
	  margin: 0 auto;
	}

	.applislider-list {
	  margin-bottom: 0;
	}

	.applislider-list-wrapper {
	  position: relative;
	  width: 90%;
	  margin: 0 auto;
	  overflow: hidden;
	}

	.applislider-list a {
	  display: block;
	}

	.applislider .swiper-button-prev,
	.applislider .swiper-button-next {
	  border: none;
	  background: url(../images/arrow_slider.png) no-repeat center center;
	  background-size: 100%;
	  position: absolute;
	  top: 50%;
	  width: 15px;
	  height: 28px;
	  text-indent: -99em;
	  overflow: hidden;
	  z-index: 10;
	  margin-top: -14px;
	  cursor: pointer;
	  transition: all .25s ease;
	}

	.applislider .swiper-button-prev {
	  left: 5px;
	  transform: rotate(180deg);
	}

	.applislider .swiper-button-next {
	  right: 5px;
	}
	.applislider .swiper-button-prev:hover,
	.applislider .swiper-button-next:hover {
		opacity:1.0;
	}

	.fasection13 .titleSection{transition: all 1.25s ease;opacity:1;transform:translate(0px,0);}
	.fasection13 .titleBlock{transition: all 1.25s ease;opacity:1;}
	.fasection13 .applislider{transition: all 1.25s ease;opacity:1;}


	/* ------------------------section 14---------------------------- */

	.fasection14{
		padding:20vw 0;
		position: relative;
	}

	.fasection14 .bottomslider-title{
		padding-top: 0px;
		font-size: 3.5vw;
		line-height: 1.9;
		margin-bottom: 6vw;
	}

	.bottomslider {
	  width:280px;
	  z-index:100;
	  padding:0px 0;
	  overflow:visible;
	  position: relative;
	  margin-bottom: 20px;
	}

	.bottomslider-inner {
	  position: relative;
	  max-width: 280px;
	  margin: 0 auto;
	}

	.bottomslider-list {
	  margin-bottom: 0;
	}

	.bottomslider-list-item {margin:0 0 20px 0;}
	.bottomslider-list-item:nth-child(2){margin-left: 0;}

	.bottomslider-list-wrapper {
	  position: relative;
	  width: 280px;
	  margin: 0 auto;
	  overflow: hidden;
	}

	.bottomslider-list a {
		display: block;
		font-size: 14px;
		color:#111;
		text-align: center;
	}

	.bottomslider-list .swiper-slide{
	}


	.bottomslider-list .swiper-slide img{
		opacity:1.5;
		transition: all .25s ease;
		transform-origin:center center;
		width:100%;
	}

	.bottomslider-list .swiper-slide p{
		transition: all .25s ease;
	}

	.bottomslider-list .swiper-slide-active{z-index:10;}

	.bottomslider-list .swiper-slide-active img{
		opacity:1;
		transform:scale(1,1);
		transform-origin:center center;
	}

	.bottomslider-list .swiper-slide-active p{
		transform:translate(0,0);
	}


	.bottomslider .swiper-button-prev,
	.bottomslider .swiper-button-next {
	  border: none;
	  background: url(../images/arrow_slider3.png) no-repeat center center;
	  background-size: 100%;
	  position: absolute;
	  top: 50%;
	  width: 25px;
	  height: 57px;
	  text-indent: -99em;
	  overflow: hidden;
	  z-index: 10;
	  margin-top: -29px;
	  cursor: pointer;
	  transition: all .25s ease;
	}

	.bottomslider .swiper-button-prev {
	  left: -30px;
	  transform: rotate(180deg);
	}

	.bottomslider .swiper-button-next {
	  right: -30px;
	}
	.bottomslider .swiper-button-prev:hover,
	.bottomslider .swiper-button-next:hover {
		opacity:1.0;
	}

	.fasection14 .bottomslider-title{transition: all 1.25s ease;opacity:1;}
	.fasection14 .bottomslider{transition: all 1.25s ease;opacity:1;}

	.js-section-last{opacity:1;}

	.fasection14Inner{
		position:static;
		transform:translate(0,0);
	}


	/* ------------------------section 15---------------------------- */

	.fasection15{
		padding:0vw 0 0;
		position: relative;
	}

	.fasection15 .faSpecialNewProduct{
		opacity:1;
		position:relative;
		height:auto;
	}
	.faSpecialNewProductInner{
		position:static;
		transform:translate(0,0);
	}

	/* ------------------------section 16---------------------------- */

	.fasection16{
		padding:0vw 0 10vw;
		position: relative;
	}

	.fasection16 .faSpecialTool{opacity:1;}
	.fasection16 .faSpecialFooterWrapper{opacity:1;}


	/* ------------------------section 17---------------------------- */

	.fasection17{
		padding:0vw 0 0;
		position: relative;
	}

	.fasection17 .faSpecialFooterWrapper{transition: all 1.25s ease;opacity:1;}

	.fasection17.is-show .faSpecialFooterWrapper{opacity:1;}


	/* ------------------------modal---------------------------- */

	.faSpecialModal{
		position: absolute;
		left:0px;
		top:0px;
		z-index:1000;
	}

	.modal{
		position:fixed;
		left:0%;
		top:0%;
		width:100%;
		height:100vh;
		background: #636A70;
		transform:translate(0,0%);
		color:#fff;
		display: none;
		overflow: hidden;
		box-sizing:border-box;
		padding:12%;
	}

	.modalInner{
		position:absolute;
		left:11%;
		top:50%;
		width:78%;
		transform:translate(0%,-50%);
	}

	.modalOnecol{padding:0;}

	.modalScaleImage img{
		max-width:100%;
	}

	.modalAbsoluteIcon{
		position:static;
		text-align: center;
		margin-bottom: 15px;
	}

	.modalAbsoluteIcon img{height:85px;}
	.modalAbsoluteIcon-withtag img{height:104px;}
	.modalAbsoluteIcon-2line img{height:95px;}

	.modalSummery{
		width:100%;
	}
	.modalSummery .modalTitleIcon{text-align: center;}
	.modalSummery .modalTitleIcon img{height:120px;}

	.modalSummery p{
		line-height: 1.9;
	}

	.modalProduct{
		padding:100px 10% 0;
	}

	.modalLeft{
		padding:0;
		float: none;
		width:auto;
		text-align: left;
		margin-bottom: 10px;
	}

	.modalLeftTitle{
		font-size:11px;
	}

	.modalLeftText{
		font-size:10px;
		min-height:0;
		margin-bottom: 25px;
	}

	.modalLeftNotice{
		font-size:8px;
	}

	.modalLeft img{height:40px;}

	.modalRight{
		float: none;
		width:auto;
	}

	#modal14_2 .modalRight{padding-top: 0px;}

	.modalRightTitle {
		font-size: 11px;
		line-height: 1.6;
		margin-bottom: 8px;
		font-weight: bold;
	}

	.modalTitleIcon{
		margin-bottom: 25px;
	}

	.modalRight strong{font-weight: bold;display: block;}

	.modalRight p{
		font-size:10px;
		line-height: 1.6;
		margin-bottom: 1.5em;
	}

	.modalRightImage.modalBtn2 > span{width:15px;}

	.modalClose{
		position: fixed;
		right:3%;
		top:3%;
		cursor:pointer;
		z-index:1000;
		display: none;
		width:30px;
	}

	.modalScaleImage{
		position:absolute;
		top:50%;
		text-align: center;
		transform:translate(0%,-50%);
		background: rgba(255,255,255,0.5);
		padding:20px 15px;
		width:90%;
		left:5%;
		box-sizing:border-box;
	}

	.modalScaleImage img{
		width:80vw;
	}

	#modal20 .modalScaleImage{text-align: center;}
	#modal20 img{width:80%;}

	.modalMovie{
	    position: fixed;
	    left: 0%;
	    top: 0%;
	    width: 100%;
	    height:100%;
	    transform: translate(0,0%);
	    color: #fff;
	    display: none;
	    overflow: hidden;
		background: rgba(0,0,0,0.9);
	}

	.modalMovieInner{
		position:absolute;
		left:5%;
		top:50%;
		width:90%;
		transform:translate(0%,-50%);
	}

	.modalMovieInner iframe{
		width:100%;
		height:50vw;
	}

	.modalAppli{
	    position: fixed;
	    left: 0%;
	    top: 0%;
	    width: 100%;
	    height:100%;
	    padding:0;
	    transform: translate(0,0%);
	    background: url(../images/bg_13_2_sp.png) no-repeat center center;
	    background-size: cover;
	}

	.modalAppliInner{
		position:absolute;
		width:100%;
		left:0%;
		top:50%;
		transform:translate(0%,-50%);
	}

	.modalAppliTitle{
		text-align: center;
		position: relative;
		margin-bottom: 20px;
	}

	.modalAppliTitle > img{max-width:100%;}

	.modalAppliTitleImage{
		display: none;
	}

	.modalAppliLead{
		font-size:2vw;
		line-height: 1.5;
		margin:0 auto 30px;
		width:84%;
		min-height:70px;
	}

	.modalAppliLeadOpen{
		background:url(../images/btn_plus.png) no-repeat left top;
		background-size: 100%;
		width:11px;
		height:11px;
		position:absolute;
		right:24%;
		top:70px;
		cursor:pointer;
	}

	.modalAppliLeadOpen.open{
		background:url(../images/btn_minus.png) no-repeat left top;
		background-size: 100%;
	}

	.modalAppliText{
		margin:0 auto 0px;
		width:84%;
	}

	.modalAppliText img{
		max-width:100%;
	}

	.modalAppliText h3{
		font-size:2.5vw;
		border-bottom:1px solid #fff;
		line-height: 1.6;
		margin-bottom: 5px;
		padding-right: 20px;
	}

	.modalAppliText h3:after {
	    background: url(../images/btn_plus.png) no-repeat left top;
	    background-size: 100%;
	    width: 11px;
	    height: 11px;
	    margin-top: -6px;
	}

	.modalAppliText h3.open:after{
		background-image:url(../images/btn_minus.png);
	    background-size: 100%;
	}


	.modalAppliText ul{
		font-size:2vw;
		margin-bottom: 10px;
	}

	.modalAppliTextDetail{
		width:auto;
		overflow: hidden;
		float: none;
	}

	.modalAppliTextImage{
		padding-top: 20px;
		float: none;
		width:auto;
	}

	.modalAppliTextImage > span{
		display: none;
	}

	.faSpecialModal2{
		position: absolute;
		left:0px;
		top:0px;
		z-index:1100;
	}

	.modal2{
		position:fixed;
		left:0%;
		top:0%;
		width:100%;
		height:100vh;
		transform:translate(0,0%);
		color:#fff;
		display: none;
		overflow: hidden;
		box-sizing:border-box;
		padding:12%;
	}

	.modal2 .modalScaleImage {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 94%;
	}

	.modalClose2 {
		right: 3%;
		top: 3%;
		width:30px;
	}

	.faSpecialModal3{
		position: absolute;
		left:0px;
		top:0px;
		z-index:1100;
	}

	.modal3{
		position:fixed;
		left:0%;
		top:0%;
		width:100%;
		height:100vh;
		transform:translate(0,0%);
		color:#fff;
		display: none;
		overflow: hidden;
		box-sizing:border-box;
		padding:12%;
	}

	.modalClose3 {
		right: 3%;
		top: 3%;
		width:30px;
	}

	.modal-movie-inner{
		width:80%;
		height:auto;
	}

	/* ------------------------ modalのスライダー ---------------------------- */

	.modalslider {margin:0 0px;}
	.modalslider-inner {padding-bottom: 10px;}

	.modalslider-list {
	  margin-bottom: 0;
	}

	.modalslider-list-wrapper {
	  position: relative;
	  width: auto;
	  margin: 0 auto;
	  overflow: hidden;
	}

	.modalslider-list span {
	  display: block;
	  cursor:pointer;
	}

	.modalslider .swiper-slide{width:100%;}

	.modalslider .swiper-button-prev,
	.modalslider .swiper-button-next {
	  border: none;
	  background: url(../images/arrow_slider2.png) no-repeat center center;
	  background-size: 100%;
	  position: absolute;
	  top: 50%;
	  width: 12px;
	  height: 30px;
	  margin-top: -15px;
	}

	.modalslider .swiper-button-prev {
	  left: -30px;
	  transform: rotate(180deg);
	}

	.modalslider .swiper-button-next {
	  right: -30px;
	}
	.modalslider .swiper-button-prev:hover,
	.modalslider .swiper-button-next:hover {
		opacity:1;
	}

	.modalslider .swiper-pagination{}
	.modalslider .swiper-pagination-bullet{
		margin: 0 4px;
		width:4px;
		height:4px;
	}

	/* ------------------------video---------------------------- */

	.faSpecialMovieWrapper{
		height:0;
		position: fixed;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		width: 100%;
		z-index:100;
	}

	.faSpecialMovie{display: none;}

	.video {
	  background-size: 100%;
	  right: 0;
	  width: 100%;
	  position: absolute;
	  top: 50%;
	  transform:translate(0%,-50%);
	  z-index: 1;
	}


	/* ------------------------最新の機器情報---------------------------- */

	.faSpecialNewProduct{
		padding:20vw 15%;
		width: calc(100% - 30%);
	}

	.faSpecialNewProductTitle{
		font-size:3.5vw;
		margin-bottom: 5vw;
	}

	.faSpecialNewProductTitleList{
		font-size:0px;
	}

	.faSpecialNewProductTitleList li{
		display: inline-block;
		margin:0 1%;
		font-size:2vw;
		width:23%;
		vertical-align: top;
	}

	.faSpecialNewProductTitleList li .productImage{margin-bottom: 5vw;}
	.faSpecialNewProductTitleList li p{font-size:2vw;}

	.bottomslider .swiper-pagination{display: block;}

	/* ------------------------開発キット---------------------------- */

	.faSpecialTool{
		padding-top: 15vw;
	}

	.faSpetialToolTitle{
		font-size:13px;
		letter-spacing:2px;
		margin-bottom: 20px;
	}
	.toolslider {
		margin:0 0px;
	}

	.toolslider-inner {
	  position: relative;
	  max-width: auto;
	  margin: 0 auto;
	  padding-bottom: 20px;
	}

	.toolslider-list {
	  margin-bottom: 0;
	}

	.toolslider-list-wrapper {
	  position: relative;
	  width: auto;
	  margin: 0 auto;
	  overflow: hidden;
	}

	.toolslider-list span {
	  display: block;
	  cursor:pointer;
	}

	.toolslider .swiper-slide{width:100%;}

	.toolslider .swiper-button-prev,
	.toolslider .swiper-button-next {
	  background: url(../images/arrow_slider3.png) no-repeat center center;
	  background-size: 100%;
	  top: 50%;
	  width: 12px;
	  height: 28px;
	  margin-top: -14px;
	}

	.toolslider .swiper-button-prev {
	  left: 20px;
	  transform: rotate(180deg);
	}

	.toolslider .swiper-button-next {right: 20px;}
	.toolslider .swiper-button-prev:hover,
	.toolslider .swiper-button-next:hover {opacity:1;}

	.toolslider .swiper-pagination-bullet{
		width:4px;
		height:4px;
		margin: 0 3px;
	}

	.toolslider-title{
		padding:5px 0px 5px 30px;
		min-width:0px;
		color:#fff;
		font-size:12px;
		letter-spacing: 0px;
		margin-bottom: 5px;
		width: 90%;
		box-sizing: border-box;
	}

	.toolslider-title-icon{
		font-size:7px;
		padding:2px;
		border:1px solid #C50819;
		top:-1px;
	}

	.toolslider-content{
		padding:20px 30px;
	}

	.toolslider-feature-list{
		font-size:9px;
		margin-bottom: 40px;
		line-height: 1.6;
	}

	.toolslider-feature-list li{
		margin-bottom: 0px;
	}
	
	.toolslider-image{text-align: center;padding:0 10%;}
	.toolslider-image img{max-width:100%;}


	.toolslider-image > a.link1{
		left:21%;
		top:23%;
		width:46%;
		height:8%;
	}

	.toolslider-image > a.link2{
		left:21%;
		top:44%;
		width:46%;
		height:8%;
	}

	.toolslider-image > a.link3{
		left:21%;
		top:64%;
		width:46%;
		height:8%;
	}


}