.disp_pc{display:block!important;}
.disp_sp{display:none!important;}
.disp_pc_in{display:inline-block;}
.disp_sp_in{display:none;}

/********mv********/
#main{background: /*url(../images/bg.png) */ repeat-x 0 0 #97ced5;}
#main .mv{max-width:1280px; margin:0 auto;}
#main .mv .noteWrap{
	letter-spacing: -0.5em;
	padding: 0.5em 0;
	margin: 0 auto;
	width: 1000px;
}
#main .mv .note{
	display: inline-block;
	letter-spacing: normal;
	color: #fff;
	vertical-align: top;
	font-size: 12px;
	box-sizing: border-box;
	width: 49%;
}
#main .mv .note li{
	padding-left: 2.5em;
	text-indent: -2.5em;
	font-weight: bold;
}
#main .mv .note:nth-child(even){
	margin-left: 1%;
}
#main .mv img{display:block;}
#main .mv .disp_sp{display:none;}
#main .btnarea{ text-align:center; background:#3d909b; padding:35px 0;}

/******content******/
.content .tabarea{ background:#9ad0d7; padding-top:20px;}
.content .tabarea ul{max-width:1000px; margin:0 auto; overflow:hidden;}
.content .tabarea ul li{width:32.6%; margin-left:1%; float:left;}
.content .tabarea ul li img{width:100%; display:block;}
.content .tabarea ul li .disp_sp{display:none;}
.content .tabarea ul li:first-child{margin-left:0;}
.content h2{margin-top:55px; border-bottom:4px solid #00a2c4;}
.content h2 img{ margin:0 auto; display:block;}
.content h3{margin-top:50px; font-weight:bold; font-size:32px; text-align:center;}
.content h3 span{ font-size:21px; padding:5px 15px; border-radius:5px; background:#00a2c4; margin-right: 15px; color:#ffe400; vertical-align: 5px; display:inline-block;}
.content .step{margin:30px auto 0; max-width:1000px;}
.content .step li{margin-top:20px;}
.content .btnarea2{background: url(../images/bg2.png) repeat-x 0 0; text-align:center; padding:38px 0; margin-top:70px;}

.content .groupshop {margin:30px auto 0; max-width:1000px;}
.content .groupshop li{ float: left; width: 50%; margin: 0 0 10px; padding: 0 10px; }


.content .exbox{margin:0px auto; max-width:1000px;}
.content .exbox h2{ margin-top:80px; border:none;}
.content .exbox h2 img{}
.content .exbox .box{}
.content .exbox .boxf{width:100%; display:block;}
.content .exbox .box .inbox{ padding:30px; background: url(../images/line2.png) repeat-y 0 0; background-size:100%;}
.content .exbox .box h4{font-size:30px; text-align:center; color:#02a3c4; padding-bottom:10px; border-bottom:2px solid #02a3c4; font-weight:bold;}
.content .exbox .box .float_box{ overflow:hidden; max-width:100%; margin-top:30px;}
.content .exbox .box .float_box .boxleft{ float:left; width:20%; margin-left:2%;}
.content .exbox .box .float_box .boxright{float:right; width:75%;}
.content .box .float_box .boxright p{font-size:30px; font-weight:bold; margin-top:5%; /*letter-spacing:2.0px;*/}
.content .box .float_box .boxright p span{color:#02a3c4; font-size:32px;}
.content .box .bgblue{ border-radius:5px; padding:50px 0; background:#02a3c4; margin-top:15px;}
.content .box .bgblue p{ text-align:center; /*font-size:34px;*/ font-size: 28px; color:#fff; font-weight:bold;}
.content .box .bgblue p span{ /*font-size:41px;*/ font-size: 32px; color:#ffe400; border-bottom:1px solid #ffe400;}
.content .exbox .box .inbox .bob{padding:30px 0;}
.content .box .bgblue p span em{font-size:34px;}
.content .exbox .box .inbox .txt1{ margin-top:40px; padding-top:40px; border-top:2px dotted #02a3c4; text-align:center; font-size:30px; font-weight:bold;}
.content .exbox .box .inbox .txt2{text-align:center; font-size:20px; font-weight:bold;}
.content .rtxt{ font-size:12px; margin-top:5px;}

.content .tablebox{margin:80px auto 0; max-width:1000px;}
.content .tablebox h2{text-align:center; margin:0; border-bottom:none;}
.content .tablebox table{margin-top:25px; width:100%;}
.content .tablebox table td{padding:12px 10px; border:1px solid #efefef; font-size:15px; font-weight:bold; vertical-align:middle;}
.content .tablebox table td a{font-size: 15px;}
.content .tablebox table .td1{text-align:center; background:#02a3c4; border-bottom:1px solid #fff; border-top:1px solid #02a3c4; border-left:1px solid #02a3c4; border-right:1px solid #02a3c4; color:#fff;}
.content .tablebox table .td2{ /*text-align:center;*/ background:#efefef; border-bottom:1px solid #fff; border-top:1px solid #efefef;}
.content .tablebox table .td3{text-align:center; color:#c90f42; font-size:26px;}
.content .tablebox table .td4{text-align:center; background:#efefef; width:12%;}
.content .tablebox table td span{font-size:26px;}
.content .pccenter{ text-align:center;}


/********footer**********/
#footer{ border-top:1px solid #efefef; margin-top:80px;}
#footer .fc{ padding:25px 0; max-width:1000px; margin:0 auto; overflow:hidden;}
#footer .fc .fl{float:left; width:56%; margin-top:20px;}
#footer .fc .fr{float:right;}
#page-top {position: fixed; bottom: 20px; right: 20px;}

@media screen and (max-width: 768px) {
.disp_pc{display:none!important;}
.disp_sp{display:block!important;}
.disp_pc_in{display:none;}
.disp_sp_in{display:inline-block;}

/********mv********/
#main .mv{max-width:100%;}
#main .mv img{display:none;}
#main .mv .disp_sp{display:block;}
#main .btnarea{ text-align:center; background:#3d909b; padding:15px 0;}
.widsp{width:90%; margin:0 auto;}
#main .mv .noteWrap{
	padding: 0.5em 3.125%;
	width: auto;
}
#main .mv .note{
	width: auto;
}

/******content******/
.content .tabarea ul{max-width:100%;}
.content .tabarea ul li img{display:none;}
.content .tabarea ul li .disp_sp{display:block;}
.content h2{margin-top:30px; border-bottom:2px solid #00a2c4; padding-bottom:5px;}
.content h2 img{ width:90%; margin:0 auto; display:block;}
.content h3{margin-top:25px; font-weight:bold; font-size:18px; text-align:center;}
.content h3 span{ font-size:13px; padding:3px 10px; border-radius:5px; background:#00a2c4; margin-right: 10px; color:#ffe400; vertical-align: 3px; display:inline-block;}
.content .step{margin:20px auto 0; max-width:90%;}
.content .step li{margin-top:20px;}
.content .btnarea2{background: url(../images/bg2.png) repeat-x 0 0; text-align:center; padding:21px 0; margin-top:40px;}

.content .groupshop {display: block;}
.content .groupshop li{ display: block; float: none; width: 100%;}

  
  
.content .exbox{margin:0px auto; max-width:90%;}
.content .exbox h2{ margin-top:40px; border:none;}
.content .exbox .mt40{margin-top:20px;}
.content .exbox .boxf{width:100%; display:block;}
.content .exbox .box .inbox{ padding:20px 0px;}
.content .exbox .box .sp_box{margin:0 auto; width:90%;}
.content .exbox .box h4{font-size:16px; letter-spacing: -1.0px;}
.content .exbox .box .float_box{margin-top:20px;}
.content .exbox .box .float_box .boxleft{ float:none; width:100%; margin-left:0%;}
.content .exbox .box .float_box .boxright{float:none; width:100%;}
.content .box .float_box .boxright p{font-size:16px; font-weight:bold; margin-top:5%; letter-spacing:1.0px;}
.content .box .float_box .boxright p span{color:#02a3c4; font-size:17px;}
.content .box .bgblue{ border-radius:0px; padding:0; background:none; margin-top:15px;}
.content .exbox .box .inbox .spstyle{margin-top:30px; padding-top:30px; border-top:2px dotted #074480;}
.content .exbox .box .inbox .bob{padding:0;}
.content .rtxt{ font-size:11px; margin-top:5px; padding-left:1em; text-indent:-1em;}

.content .tablebox{margin:40px auto 0; max-width:90%;}
.content .tablebox table{margin-top:10px;}
.content .tablebox table td{padding:10px 5px; font-size:11px;}
.content .tablebox table td a{font-size:11px;}
.content .tablebox table .td1{width:18%;}
.content .tablebox table .td2{width:22%;}
.content .tablebox table .td3{font-size:15px; width:18%;}
.content .tablebox table .td4{width:12%; width:21%;}
.content .tablebox table td span{font-size:15px;}

.content .pccenter{ text-align:left; padding-left:1em; text-indent:-1em;}

/********footer**********/
#footer{ border-top:1px solid #efefef; margin-top:25px;}
#footer .fc{ padding:20px 0; max-width:90%; margin:0 auto; overflow:hidden;}
#footer .fc .fl{float:none; width:100%;}
#footer .fc .fr{float:none; }
#footer .fc .fr p{text-align:center; margin-top:10px; font-size:13px;}
.sptop { width:10%; margin-top:25px;}

}


@media screen and (max-width: 350px) {
	.content .tablebox table td{padding:10px 2px;}
	.content .tablebox table .td1{width:18%;}
	.content .tablebox table .td2{width:22%;}
	.content .tablebox table .td3{width:18%;}
	.content .tablebox table .td4{width:21%;}
}



@media only screen and (max-width: 768px){
.mobile-scroller-table-wrap {
  overflow-x: scroll;
  padding: 0 0 10px;
}
.mobile-scroller-table-wrap::-webkit-scrollbar {
		height: 5px;
}
.mobile-scroller-table-wrap::-webkit-scrollbar-track {
		background: #efefef;
		border-radius: 5px;
}
.mobile-scroller-table-wrap::-webkit-scrollbar-thumb {
		background: #02a3c4;
		border-radius: 5px;
}
.mobile-scroller-table-wrap table{
  min-width: 600px; 
}
}