@charset "UTF-8";

/*** s0 ***/
.xScrollSwitch.s0{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s0 .inner{
	width:100%;
}
.xScrollSwitch.s0 .block01{
	width:100%;
}
.xScrollSwitch.s0 .block01 .block01-inner{
	width:100%;
	position:relative;
}
.xScrollSwitch.s0 .main01.mm01{
	width:100%;
}
/* 311 */
.xScrollSwitch.s0 .main01.mm02{
	width:100%;
}
.xScrollSwitch.s0 .main01.mm02 .space01{
	height:46px;
	background-color:#fff;
}
.xScrollSwitch.s0 .main01.mm02 .space02{
	height:65px;
	background-color:#fff;
}
.xScrollSwitch.s0 .main01.mm02 .img01-outer{
	position:relative;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver01{
	position:relative;
	width:100%;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver01.abso-display{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver01.not-display{
	opacity:0;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver01 .msg01{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:18.66% auto 0;
	width:52.4%;
}

.xScrollSwitch.s0 .main01.mm02 .img01.ver02{
	display:none;
	position:relative;
	width:100%;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	margin:26.93% 0 0;
	padding:41.6% 0 0;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .msg01{
	position:absolute;
	top:0;
	left:0;
	margin:4.26% 0 0 11.6%;
	width:29.86%;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .balloon01{
	position:absolute;
	top:0;
	left:0;
	margin:9.86% 0 0 46.4%;
	width:41.86%;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .count01{
	position:absolute;
	top:0;
	left:0;
	margin:20.4% 0 0 40.66%;
	width:53.33%;
	text-align:center;
	line-height:1;
	font-weight:bold;
	color:#80c9d0;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .count01 .num01{
	display:inline-block;
	padding:0 0 0 11.25%;
	font-size:7.2vw;
	background:url(../img/s0_heart01.png) no-repeat left center;
	background-size:4vw auto;
	font-family:"Helvetica Neue", HelveticaNeue, Helvetica, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .count01 .time01{
	display:block;
	margin:1.33% 0 0;
	font-size:4vw;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .count01 .time01 .txt{
	font-size:2.5vw;
	font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .count01 .time01 .kakko01{
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight:normal;
}
.xScrollSwitch.s0 .main01.mm02 .img01.ver02 .panel01 .count01 .time01 .kakko02{
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight:normal;
}
/* /311 */

.xScrollSwitch.s0 .heart-area{
	width:100%;
	height:100%;
	overflow:hidden;
}
.xScrollSwitch.s0 .heart-area .heart-area-inner{
	width:100%;
	height:100%;
	position:relative;
}
.xScrollSwitch.s0 .heart-area .heart{
	position:absolute;
	bottom:-20%;
	left:0;
	line-height:0;
	font-size:0;
}
.xScrollSwitch.s0 .heart-area .heart.ht01{
	background:url(../img/s0_heart02_01.png) no-repeat left center;
	background-size:100% 100%;
}
.xScrollSwitch.s0 .heart-area .heart.ht02{
	background:url(../img/s0_heart02_02.png) no-repeat left center;
	background-size:100% 100%;
}
.xScrollSwitch.s0 .heart-area .heart.ht01.w01{
	padding:11.2% 0 0;
	width:10.13%;
}
.xScrollSwitch.s0 .heart-area .heart.ht01.w02{
	padding:calc(11.2% * 0.8) 0 0;
	width:calc(10.13% * 0.8);
}
.xScrollSwitch.s0 .heart-area .heart.ht01.w03{
	padding:calc(11.2% * 0.6) 0 0;
	width:calc(10.13% * 0.6);
}
.xScrollSwitch.s0 .heart-area .heart.ht02.w01{
	padding:10.66% 0 0;
	width:12.53%;
}
.xScrollSwitch.s0 .heart-area .heart.ht02.w02{
	padding:calc(10.66% * 0.8) 0 0;
	width:calc(12.53% * 0.8);
}
.xScrollSwitch.s0 .heart-area .heart.ht02.w03{
	padding:calc(10.66% * 0.6) 0 0;
	width:calc(12.53% * 0.6);
}
.xScrollSwitch.s0 .heart-area .text-area{
	top:0;
	left:0;
	padding:18.66% 0;
	width:100%;
	z-index:8;
}
.xScrollSwitch.s0 .text01{
	margin:0 auto;
	width:66.66%;
}
.xScrollSwitch.s0 .text02{
	margin:9.33% auto 0;
	width:100%;
	text-align:center;
	line-height:1.9;
	font-size:3.73vw;
}
.xScrollSwitch.s0 .text02 p{
	margin:4% 0 0;
}
.xScrollSwitch.s0 .text02 .small{
	line-height:1.6;
	font-size:2.93vw;
}
/* 検索 */
.xScrollSwitch.s0 .search-area01{
	margin:9.33% auto 0;
	width:100%;
	text-align:center;
}
#theme_311 h3{
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	letter-spacing:1px;
	margin-left:-10px;
	margin-bottom:12px;
}
.riff-Search{
	margin: 0 auto;
}


/*** s1 ***/
.xScrollSwitch.s1{
	margin:-65px auto 0;
	padding:65px 0 0;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s1 .inner{
	width:100%;
}
.xScrollSwitch.s1 .block01{
	width:100%;
}
.xScrollSwitch.s1 h3{
	width:100%;
}


/*** s2 ***/
.xScrollSwitch.s2{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s2 .inner{
	width:100%;
}
.xScrollSwitch.s2 .block01{
	padding:6.66% 0 18.66%;
	width:100%;
}
.xScrollSwitch.s2 .text03{
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s2 .tab01{
	margin:5.33% 0 0 5.33%;
	width:89.33%;
	display:flex;
	justify-content:space-between;
}
.xScrollSwitch.s2 .tab01 li{
	width:17.61%;
}
.xScrollSwitch.s2 .tab01 li:nth-child(1){
	width:14.62%;
}
.xScrollSwitch.s2 .tab01 li:nth-child(2){
	width:20.59%;
}
.xScrollSwitch.s2 .tab01 li span{
	cursor:pointer;
	display:block;
	width:100%;
	padding:64.4% 0 0;
	line-height:0;
	font-size:0;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% 100%;
}
.xScrollSwitch.s2 .tab01 li span.active{
	cursor:default;
}
.xScrollSwitch.s2 .tab01 li:nth-child(1) span{
	padding:77.55% 0 0;
	background-image:url(../img/s2_tab01_01_off.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(2) span{
	padding:55.07% 0 0;
	background-image:url(../img/s2_tab01_02_off.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(3) span{
	background-image:url(../img/s2_tab01_03_off.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(4) span{
	background-image:url(../img/s2_tab01_04_off.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(5) span{
	background-image:url(../img/s2_tab01_05_off.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(1) span.active{
	background-image:url(../img/s2_tab01_01_on.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(2) span.active{
	background-image:url(../img/s2_tab01_02_on.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(3) span.active{
	background-image:url(../img/s2_tab01_03_on.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(4) span.active{
	background-image:url(../img/s2_tab01_04_on.png);
}
.xScrollSwitch.s2 .tab01 li:nth-child(5) span.active{
	background-image:url(../img/s2_tab01_05_on.png);
}

.xScrollSwitch.s2 .msg01{
	margin:9.33% 0 0;
	width:100%;
	text-align:center;
	letter-spacing:0.1em;
}
.xScrollSwitch.s2 .msg01 .p01{
	line-height:1.3;
	font-size:3.6vw;
	font-weight:bold;
	color:#107283;
}
.xScrollSwitch.s2 .msg01 .p02{
	margin:2.66% 0 0;
	line-height:1.5;
	font-size:3.2vw;
}
.xScrollSwitch.s2 .msg01 .p02 a{
	display:inline-block;
	margin:1.33% 0 0;
	font-weight:bold;
	color:#107283;
	text-decoration:underline;
}

.xScrollSwitch.s2 .list01{
	margin:6.66% 0 0;
	width:100%;
}
.xScrollSwitch.s2 .list01>div{
	margin:0 auto;
	width:92.26%;
}
.xScrollSwitch.s2 .list01>div>ul{
	width:100%;
}
.xScrollSwitch.s2 .list01>div>ul>li{
	margin:0 0 -2.66%;
	width:100%;
}
.xScrollSwitch.s2 .list01>div>ul>li>div{
	margin:0 auto;
	width:97.1%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.xScrollSwitch.s2 .list01>div>ul>li a{
	display:block;
	margin:0 0 2.97%;
	width:48.51%;
	color:#666;
	letter-spacing:0;
	background-color:#fff;
	position:relative;
}
.xScrollSwitch.s2 .list01>div>ul>li a span{
	display:block;
}
.xScrollSwitch.s2 .list01>div>ul>li .photo01{
	width:100%;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01{
	padding:0 0 21%;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01 .text01{
	margin:4.34% auto 0;
	width:87.73%;
	text-align:center;
	line-height:1.3;
	font-size:3.2vw;
	font-weight:bold;
	color:#107283;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01 .text02{
	margin:3.06% auto 0;
	width:87.73%;
	text-align:center;
	line-height:1.3;
	font-size:2.66vw;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01 .iconArea{
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 6%;
	width:100%;
	text-align:center;
	line-height:0;
	font-size:0;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01 .iconArea>span{
	display:inline-block;
	margin:0 1.53%;
	padding:10.47% 0 0;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01 .iconArea>span.icon01{
	width:40.79%;
	background:url(../img/s2_icon01.png) no-repeat left top;
	background-size:100% 100%;
}
.xScrollSwitch.s2 .list01>div>ul>li .box01 .iconArea>span.icon02{
	width:46.93%;
	background:url(../img/s2_icon02.png) no-repeat left top;
	background-size:100% 100%;
}
.xScrollSwitch.s2 .list01 .paging01{
	display:none;
	padding:14.93% 0 0;
	width:100%;
	position:relative;
}
.xScrollSwitch.s2 .list01 .paging01 .arrow01{
	position:absolute;
	top:0;
	left:0;
	margin:6.66% 0 0 14.66%;
	width:8.26vw;
	height:8.26vw;
	background:url(../img/s2_arrow01.png) no-repeat left top;
	background-size:100% 100%;
	outline:none;
}
.xScrollSwitch.s2 .list01 .paging01 .arrow02{
	position:absolute;
	top:0;
	right:0;
	margin:6.66% 14.66% 0 0;
	width:8.26vw;
	height:8.26vw;
	background:url(../img/s2_arrow02.png) no-repeat left top;
	background-size:100% 100%;
	outline:none;
}
.xScrollSwitch.s2 .list01 .paging01 .swiper-pagination{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:9.33% auto 0;
	width:53.06%;
	line-height:0;
}
.xScrollSwitch.s2 .list01 .paging01 .swiper-pagination .swiper-pagination-bullet{
	margin:0 2.2% 2.2%;
	width:2.13vw;
	height:2.13vw;
	background-color:#fff;
	border:1px solid #84cdd7;
	opacity:1;
	outline:none;
}
.xScrollSwitch.s2 .list01 .paging01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#84cdd7;
}


/*** s3 ***/
.xScrollSwitch.s3{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background:url(../img/a_bg02.png) repeat center top;
}
.xScrollSwitch.s3 .inner{
	width:100%;
}
.xScrollSwitch.s3 .block01{
	padding:17.33% 0 18.66%;
	width:100%;
}

.xScrollSwitch.s3 h4{
	margin:0 auto;
	width:60.13%;
}
.xScrollSwitch.s3 .explain01{
	margin:6.66% 0 0;
	width:100%;
	text-align:center;
	line-height:0;
	font-size:0;
}
.xScrollSwitch.s3 .explain01 .icn01{
	margin:0 auto;
	width:17.73%;
}
.xScrollSwitch.s3 .explain01 .exp01{
	margin:1.33% auto 0;
	width:100%;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s3 .explain01 .icn02{
	margin:2.66% auto 0;
	width:20.4%;
}
.xScrollSwitch.s3 .explain01 .exp02{
	margin:1.33% auto 0;
	width:100%;
	line-height:1.5;
	font-size:3.46vw;
}

.xScrollSwitch.s3 .msg01{
	margin:9.33% 0 0;
	width:100%;
	text-align:center;
	letter-spacing:0.1em;
}
.xScrollSwitch.s3 .msg01 .p01{
	line-height:1.3;
	font-size:3.6vw;
	font-weight:bold;
	color:#107283;
}
.xScrollSwitch.s3 .msg01 .p02{
	margin:2.66% 0 0;
	line-height:1.5;
	font-size:3.2vw;
}
.xScrollSwitch.s3 .msg01 .p02 a{
	display:inline-block;
	margin:1.33% 0 0;
	font-weight:bold;
	color:#107283;
	text-decoration:underline;
}
.xScrollSwitch.s3 .list01{
	margin:6.66% 0 0;
	width:100%;
}
.xScrollSwitch.s3 .list01>div{
	margin:0 auto;
	width:92.26%;
}
.xScrollSwitch.s3 .list01>div>ul{
	width:100%;
}
.xScrollSwitch.s3 .list01>div>ul>li{
	margin:0 0 -2.66%;
	width:100%;
}
.xScrollSwitch.s3 .list01>div>ul>li>div{
	margin:0 auto;
	width:97.1%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.xScrollSwitch.s3 .list01>div>ul>li a{
	display:block;
	margin:0 0 2.97%;
	width:48.51%;
	color:#666;
	letter-spacing:0;
	background-color:#fff;
	position:relative;
}
.xScrollSwitch.s3 .list01>div>ul>li a span{
	display:block;
}
.xScrollSwitch.s3 .list01>div>ul>li .photo01{
	width:100%;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01{
	padding:0 0 21%;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01 .text01{
	margin:4.34% auto 0;
	width:87.73%;
	text-align:center;
	line-height:1.3;
	font-size:3.2vw;
	font-weight:bold;
	color:#107283;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01 .text02{
	margin:3.06% auto 0;
	width:87.73%;
	text-align:center;
	line-height:1.3;
	font-size:2.66vw;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01 .iconArea{
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 5%;
	width:100%;
	text-align:center;
	line-height:0;
	font-size:0;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01 .iconArea>span{
	display:inline-block;
	margin:0 1.53%;
	padding:10.47% 0 0;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01 .iconArea>span.icon01{
	width:40.79%;
	background:url(../img/s2_icon01.png) no-repeat left top;
	background-size:100% 100%;
}
.xScrollSwitch.s3 .list01>div>ul>li .box01 .iconArea>span.icon02{
	width:46.93%;
	background:url(../img/s2_icon02.png) no-repeat left top;
	background-size:100% 100%;
}
.xScrollSwitch.s3 .list01 .paging01{
	display:none;
	padding:14.93% 0 0;
	width:100%;
	position:relative;
}
.xScrollSwitch.s3 .list01 .paging01 .arrow01{
	position:absolute;
	top:0;
	left:0;
	margin:6.66% 0 0 14.66%;
	width:8.26vw;
	height:8.26vw;
	background:url(../img/s2_arrow01.png) no-repeat left top;
	background-size:100% 100%;
	outline:none;
}
.xScrollSwitch.s3 .list01 .paging01 .arrow02{
	position:absolute;
	top:0;
	right:0;
	margin:6.66% 14.66% 0 0;
	width:8.26vw;
	height:8.26vw;
	background:url(../img/s2_arrow02.png) no-repeat left top;
	background-size:100% 100%;
	outline:none;
}
.xScrollSwitch.s3 .list01 .paging01 .swiper-pagination{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:9.33% auto 0;
	width:53.06%;
	line-height:0;
}
.xScrollSwitch.s3 .list01 .paging01 .swiper-pagination .swiper-pagination-bullet{
	margin:0 2.2% 2.2%;
	width:2.13vw;
	height:2.13vw;
	background-color:#fff;
	border:1px solid #84cdd7;
	opacity:1;
	outline:none;
}
.xScrollSwitch.s3 .list01 .paging01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#84cdd7;
}


/*** s4 ***/
.xScrollSwitch.s4{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s4 .inner{
	width:100%;
}
.xScrollSwitch.s4 .block01{
	padding:18.66% 0 0;
	width:100%;
}
.xScrollSwitch.s4 h4{
	margin:0 auto;
	width:83.2%;
}
.xScrollSwitch.s4 .text01{
	margin:6.66% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s4 .box01{
	margin:9.33% auto 0;
	padding:10.44% 0;
	width:89.33%;
	background:url(../img/a_bg02.png) repeat center top;
}
.xScrollSwitch.s4 .text02{
	margin:0 auto;
	width:66.86%;
}
.xScrollSwitch.s4 .text03{
	margin:2.98% auto 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s4 .banner01{
	margin:5.33% auto 0;
	width:91.04%;
}
.xScrollSwitch.s4 .banner01 a{
	display:block;
}
.xScrollSwitch.s4 .text04{
	margin:2.66% auto 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s4 .btn01{
	margin:1.33% auto 0;
	width:87.91%;
}
.xScrollSwitch.s4 .btn01 a{
	display:block;
}


/*** s5 ***/
.xScrollSwitch.s5{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s5 .inner{
	width:100%;
}
.xScrollSwitch.s5 .block01{
	padding:5.33% 0 9.33%;
	width:100%;
}
.xScrollSwitch.s5 .box01{
	margin:0 auto;
	padding:10.44% 0 11.475%;
	width:89.33%;
	background:url(../img/a_bg02.png) repeat center top;
	position:relative;
}
.xScrollSwitch.s5 .box01 .jump01{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:-72px 0 0;
	width:100%;
	height:0;
	line-height:0;
	font-size:0;
}
.xScrollSwitch.s5 .text01{
	margin:0 auto;
	width:39.55%;
}
.xScrollSwitch.s5 .text02{
	margin:2.98% auto 0;
	width:91.04%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s5 .movie01{
	margin:7.46% auto 0;
	padding:51.19% 0 0;
	width:91.04%;
	height:0;
	line-height:0;
	font-size:0;
	position:relative;
}
.xScrollSwitch.s5 .movie01 iframe{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
}
.xScrollSwitch.s5 .text03{
	margin:5.38% auto 0;
	width: 100%;
	text-align: right;
	font-size: 2.93vw;
	line-height: 1.5;
	letter-spacing: 0.16em;
}
.xScrollSwitch.s5 .text03 a {
	font-weight: bold;
	text-decoration: underline;
	color: #107283;
}
.xScrollSwitch.s5 .banner01{
	margin: 7.868% auto 0;
	width:91.04%;
}
.xScrollSwitch.s5 .banner01 a{
	display:block;
}


/*** s6 ***/
.xScrollSwitch.s6{
	margin:0 auto;
	padding:65px 0 0;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s6 .inner{
	width:100%;
}
.xScrollSwitch.s6 .block01{
	width:100%;
}
.xScrollSwitch.s6 h3{
	width:100%;
}


/*** s7 ***/
.xScrollSwitch.s7{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s7 .inner{
	width:100%;
}
.xScrollSwitch.s7 .block01{
	padding:13.33% 0 0;
	width:100%;
}
.xScrollSwitch.s7 h4{
	margin:0 auto;
	width:45.86%;
}
.xScrollSwitch.s7 .text01{
	margin:6.66% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s7 .box01{
	margin:9.33% auto 0;
	padding:10.44% 0;
	width:89.33%;
	background:url(../img/a_bg02.png) repeat center top;
}
.xScrollSwitch.s7 .text02{
	margin:0 auto;
	width:35.37%;
}
.xScrollSwitch.s7 .text03{
	margin:4.47% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s7 .list01{
	margin:7.46% auto -3.27%;
	width:91.04%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.xScrollSwitch.s7 .list01 li{
	margin:0 0 3.27%;
	width:48.36%;
}

.xScrollSwitch.s7 .text04{
	margin:10.44% auto 0;
	width:41.49%;
}
.xScrollSwitch.s7 .text05{
	margin:4.47% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s7 .btn01{
	margin:7.46% auto 0;
	width:88.05%;
}
.xScrollSwitch.s7 .btn01 a{
	display:block;
}


/*** s8 ***/
.xScrollSwitch.s8{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s8 .inner{
	width:100%;
}
.xScrollSwitch.s8 .block01{
	padding:9.33% 0 18%;
	width:100%;
}
.xScrollSwitch.s8 .banner01{
	margin:0 auto -4%;
	width:89.33%;
}
.xScrollSwitch.s8 .banner01 a{
	display:block;
	margin:0 0 4.47%;
	width:100%;
}


/*** s9 ***/
.xScrollSwitch.s9{
	margin:0 auto;
	padding:65px 0 0;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s9 .inner{
	width:100%;
}
.xScrollSwitch.s9 .block01{
	width:100%;
}
.xScrollSwitch.s9 h3{
	width:100%;
}


/*** s10 ***/
.xScrollSwitch.s10{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s10 .inner{
	width:100%;
}
.xScrollSwitch.s10 .block01{
	padding:10.66% 0 18.66%;
	width:100%;
}
.xScrollSwitch.s10 h4{
	margin:0 auto;
	width:78.66%;
}
.xScrollSwitch.s10 .text01{
	margin:5.06% auto 0;
	width:79.06%;
}
.xScrollSwitch.s10 .text02{
	margin:3.33% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s10 .term01{
	margin:4% auto 0;
	width:89.33%;
}


/*** s11 ***/
.xScrollSwitch.s11{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background:url(../img/a_bg02.png) repeat center top;
}
.xScrollSwitch.s11 .inner{
	width:100%;
}
.xScrollSwitch.s11 .block01{
	padding:18.66% 0;
	width:100%;
}
.xScrollSwitch.s11 h4{
	margin:0 auto;
	width:52.4%;
}
.xScrollSwitch.s11 .text01{
	margin:6.66% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s11 .list01{
	margin:6.66% auto -2.98%;
	width:89.33%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.xScrollSwitch.s11 .list01 a{
	display:block;
	margin:0 0 2.98%;
	width:48.65%;
	color:#666;
	letter-spacing:0;
}
.xScrollSwitch.s11 .list01 a span{
	display:block;
}
.xScrollSwitch.s11 .list01 a .photo01{
	width:100%;
}
.xScrollSwitch.s11 .list01 a .box01{
	padding:58% 0 0;
	background-color:#fff;
	position:relative;
}
.xScrollSwitch.s11 .list01 a .box01 .box01-inner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}
.xScrollSwitch.s11 .list01 a .box01 .text02{
	margin:4.34% auto 0;
	width:87.73%;
	text-align:center;
	line-height:1.3;
	font-size:3.2vw;
	font-weight:bold;
	color:#107283;
}
.xScrollSwitch.s11 .list01 a .box01 .text03{
	margin:3.06% auto 0;
	width:87.73%;
	line-height:1.3;
	font-size:2.66vw;
}


/*** s12 ***/
.xScrollSwitch.s12{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s12 .inner{
	width:100%;
}
.xScrollSwitch.s12 .block01{
	padding:18.66% 0 13.33%;
	width:100%;
}
.xScrollSwitch.s12 h4{
	margin:0 auto;
	width:85.46%;
}
.xScrollSwitch.s12 .text01{
	margin:6.66% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s12 .btn01{
	margin:6.66% auto 0;
	width:78.66%;
}
.xScrollSwitch.s12 .list01 a{
	display:block;
}


/*** s13 ***/
.xScrollSwitch.s13{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s13 .inner{
	padding:0 0 9.3%;
	width:100%;
}
.xScrollSwitch.s13 .block01{
	margin:0 auto;
	padding:7.48% 0;
	width:89.33%;
	border:1px solid #cacaca;
}
.xScrollSwitch.s13 h4{
	margin:0 auto;
	width:26.64%;
}
.xScrollSwitch.s13 .list01{
	margin:6.66% auto 0;
	padding:0 0 0 1em;
	width:85.02%;
	line-height:1.6;
	font-size:2.93vw;
	list-style-type:disc;
}



/*** s14 ***/
.xScrollSwitch.s14{
	margin:0 auto;
	padding:65px 0 0;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s14 .inner{
	width:100%;
}
.xScrollSwitch.s14 .block01{
	width:100%;
}
.xScrollSwitch.s14 h3{
	width:100%;
}


/*** s15 ***/
.xScrollSwitch.s15{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s15 .inner{
	width:100%;
}
.xScrollSwitch.s15 .block01{
	padding:13.33% 0 18.66%;
	width:100%;
}
.xScrollSwitch.s15 .banner01{
	margin:0 auto;
	width:89.33%;
}
.xScrollSwitch.s15 .banner01 a{
	display:block;
	margin:0 auto 8.95%;
	width:100%;
	color:#444;
	text-decoration:none;
}
.xScrollSwitch.s15 .banner01 a:nth-child(3){
	margin-bottom:9.33%;
}
.xScrollSwitch.s15 .banner01 a:nth-child(4){
	margin-bottom:14.92%;
}
.xScrollSwitch.s15 .banner01 a:nth-child(5){
	margin-bottom:0;
}
.xScrollSwitch.s15 .banner01 a .text{
	display:block;
	margin:2.98% 0 0;
	width:100%;
	line-height:1.5;
	font-size:3.46vw;
	position:relative;
}
.xScrollSwitch.s15 .banner01 a .text img{
	position:absolute;
	top:0;
	right:0;
	width:25.97%;
}
.xScrollSwitch.s15 .btn01{
	margin:13.33% auto 0;
	width:78.66%;
}
.xScrollSwitch.s15 .btn01 a{
	display:block;
}


/*** s16 ***/
.xScrollSwitch.s16{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background:url(../img/a_bg02.png) repeat center top;
}
.xScrollSwitch.s16 .inner{
	width:100%;
}
.xScrollSwitch.s16 .block01{
	padding:18.66% 0;
	width:100%;
}
.xScrollSwitch.s16 h4{
	margin:0 auto;
	width:50.93%;
}
.xScrollSwitch.s16 .text01{
	margin:6.66% 0 0;
	width:100%;
	text-align:center;
	line-height:1.5;
	font-size:3.46vw;
}
.xScrollSwitch.s16 .list01{
	margin:9.33% auto -2.98%;
	width:89.33%;
}
.xScrollSwitch.s16 .list01 a{
	display:block;
	margin:0 0 2.98%;
	width:100%;
	color:#666;
	border-radius:1.33vw;
	overflow:hidden;
	background-color:#84cdd7;
}
.xScrollSwitch.s16 .list01 a span{
	display:block;
}
.xScrollSwitch.s16 .list01 a .thum01{
	width:100%;
}
.xScrollSwitch.s16 .list01 a .box01{
	padding:2.23% 0;
	position:relative;
}
.xScrollSwitch.s16 .list01 a .box01::after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:0;
	margin:-1.94% 2.98% 0 0;
	padding:3.88% 0 0;
	width:3.88%;
	background:url(../img/s16_icon01.png) no-repeat left top;
	background-size:100% 100%;
}
.xScrollSwitch.s16 .list01 a .box01 .text02{
	margin:0 0 0 2.98%;
	width:87.16%;
	line-height:1.6;
	font-size:3.2vw;
	font-weight:bold;
	color:#fff;
	letter-spacing:0;
}
.xScrollSwitch.s16 .list01 a .box01 .text03{
	margin:0.74% 0 0 2.98%;
	width:87.16%;
	line-height:1.5;
	font-size:2.93vw;
	color:#fff;
	letter-spacing:0;
}


/*** s17 ***/
.xScrollSwitch.s17{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.xScrollSwitch.s17 .inner{
	width:100%;
}
.xScrollSwitch.s17 .block01{
	padding:10.66% 0;
	width:100%;
}
.xScrollSwitch.s17 h4{
	margin:0 auto;
	width:20.4%;
}
.xScrollSwitch.s17 .banner01{
	margin:6.66% auto -2.66%;
	width:66%;
	max-width:330px;
}
.xScrollSwitch.s17 .banner01 a{
	display:block;
	margin:0 0 6.06%;
	width:100%;
}