@charset "UTF-8";


/*************************************************************************
　　　　　　　　　M O B I L E
*************************************************************************/

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

body{-webkit-text-size-adjust: 100%;}

html ,body{
	height:100%;
	font-family:
	YuGothic,
	"游ゴシック",
	"Century Gothic",
	CenturyGothic,
	'Noto Sans',
	Hiragino Sans,
	"ヒラギノ角ゴシック",
	Hiragino Kaku Gothic ProN,
	"ヒラギノ角ゴ ProN W3",
	Meiryo,
	"メイリオ",
	Roboto,
	"Droid Sans",
	Verdana,
	"ＭＳ Ｐゴシック",
	sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50505A;
	font-size: 3.466vw;
	line-height: 5.86666666666667vw;
	}

html{
	overflow-x: hidden;
	}

.wrapper{
	text-align:center;
	opacity:1;
	transition: .5s ease-in-out;
	overflow:hidden
	}

.CVBox .img01.topicon,
.CVBox .img02.topicon{
	display:block;
	}

strong{font-weight:400;}

p{margin:0}

#container{
	overflow:hidden
	}

.contentsTxt{
	font-size:3.2vw;
	text-align:left;
	font-weight:400;
	letter-spacing:0.1vw;
	line-height:1.6;
	}

header#top-head{
	display: none
	}

.pc{display:none!important}
.mob{display:block!important}

/*************************************************************************
　　　　　　　　　 H E A D E R
*************************************************************************/

.header01{
	height:84.5333333333333vw;
	width: 100vw;
	overflow:hidden;
	}

.header01 .innerBox {
	width: 100vw;
	max-width:none;
	margin: 0 auto;
	}

/*************************************************************************
　　　　　　　　　 H E A D E R
*************************************************************************/


.header_logo.mob{display:none}

.pcheader{
	display:none!important;
	}

.header_logo{
	width: 55.33vw;
    height: 25.92vw;
    margin-top: 5vw;
    left: -4vw;
    text-indent: -9999px;
    background: url(../img2/mob/main_title.png) no-repeat;
    background-size: contain;
	}

.header_catch{
	width: 40.3278666666667vw;
    position: absolute;
    margin-top: 37.666667vw;
    max-width: none;
    left: 8.5vw;
	}

.header_Img{
	height: 72vw;
    left: 45%;
    top: 13vw;
    margin: 0;
    position: absolute;
    width: auto;
    max-width: none;
	}





/*************************************************************************
　　　　　　　　　 C V B O X
*************************************************************************/


.CVBox{
	height:auto;
	position:relative;
	padding-top:0;
	width:100%;
	overflow:hidden;
	}

.CVBox.CV01{
	padding-top:0;
	}

.CVBox .innerBox{
	background: url(../img2/CV_shadow.png) repeat-x #00335F;
	background-size:contain;
	}

.CVBox.CV01 .innerBox{
	height: auto;
	max-height:none;
	background: url(../img2/CV_shadow.png) repeat-x #00335F;
	background-size:contain;
	}

.CVBox .contentsTxt {
    margin: 0;
	}

.CVBox .btns a.btn01,
.CVBox .btns a.btn02,
.CVBox .btns a.btn03{
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;
	}

.CVBox .btns{
	text-align:left;
	width:55.9389vw;
	margin:60px auto 20px auto;
	padding: 6.266vw 3vw;
	box-sizing: border-box;
	}

.CVBox .btns{
	width: 100vw;
	margin: 0 auto;
	letter-spacing: 0;
	position: relative;
	display: block;
	height:auto;
	}

.CVBox.CV01 .btns{
	width: 100vw;
	margin: 0 auto;
	letter-spacing: 0;
	position: relative;
	display: block;
	height:48.4vw;
	}


.CVBox .btns a{
	display:inline-block;
	width:55.9389vw;
	height:18.9337333333333vw;
	margin-bottom:0;
	}


.CVBox .btns a ,
.CVBox.CV01 .btns a {
	width: 44vw;
	height: 8.6vw;
	max-width:none;
	max-height:none;
	font-size: 2.93333333333333vw;
	margin-top: 0;
	}

.CVBox .btns a.btn01,
.CVBox .btns a.btn02{
	margin-right:0;
	margin-top:10vw;
	padding-top: 1.5vw;
	box-sizing: border-box;
	position: relative;
	line-height:2;
	}

.CVBox.CV01 .btns a.btn01:link,
.CVBox.CV01 .btns a.btn01:visited,
.CVBox .btns a.btn01:link,
.CVBox .btns a.btn01:visited{
	box-shadow: 0.53vw 0.53vw 0px 1px #000000;
	}

.CVBox .btns a.btn02:link,
.CVBox .btns a.btn02:visited,
.CVBox.CV01 .btns a.btn02:link,
.CVBox.CV01 .btns a.btn02:visited{
	margin-left:4.4vw;
	box-shadow: 0.53vw 0.53vw 0px 1px #000000;
	transition: all 300ms 0s;
	}


.CVBox .btns a.btn01:link, .CVBox .btns a.btn01:visited,
.CVBox .btns a.btn02:link, .CVBox .btns a.btn02:visited {
    	background-size:4%;
	}


.CVBox .CVmessage{
	display: flex;
	color:#FFF;
	margin:5vw auto 0 auto;
	font-size:3.2vw;
	width:52.8vw;
	height:8.26666666666667vw;
	text-align:center;
	box-sizing: content-box;
	letter-spacing: 0;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	line-height:1.5;
	}

.CVBox.CV01 .CVmessage{
	margin:0 auto;
	}

.CVBox .arrow,
.CVBox.CV01 .arrow,
.CVBox.CV01 .btn02 .arrow{
	position: absolute;
	display: block;
	padding-left: 00px;
	margin-left: 0;
	margin-top: 0;
	top: 4vw;
	left: 38vw;
	}

.CVBox.CV01 .btn02{
	}

.CVBox.CV01 .CVmessage{
	margin:0 auto 30px auto;
	}

.CVBox .CVmessage.mv01{
	animation: 0.5s btnShow;
	transform: scale(1);
	-webkit-transform: scale(1);
	}

@keyframes btnShow {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  65% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
  }
  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}



.CVBox a.btnTel,
.CVBox.CV01 .btns a.btnTel,
nav .CVBox.CV01 .btns a.btnTel{
	background: url(../img2/mob/conv_telnum.png) no-repeat center center;
	background-size: 80%;
	width: 61.2vw;
	height: 8.66666666666667vw;
	max-width: none;
	max-height: none;
	text-indent: -9999px;
	display: block;
	position:absolute;
	left:calc(50% - 61.2vw/2);
	top:18vw;
	border:solid 1px #FFF;
	z-index:+1;
	}

nav .CVBox.CV01 .btns a.btnTel{
	margin:0;
	padding:0;
	}

.CVBox .img01{
	width:10.8vw;
	height:11.2vw;
	display:block;
	vertical-align:top;
	margin-left:3vw;
	margin-top:3vw;
	}

.CVBox .img02{
	width:10.8vw;
	height:11.2vw;
	max-width:none;
	max-height:none;
	display: inline-block;
	margin-right:3vw;
	margin-top:3vw;
	}

.CVBox .contentsTxt{
	display: inline-block;
	text-align:center;
	width:100%;
	max-width:none;
	}

.header_img02 {
	height: 40vw;
	max-height: none;
	width: 100%;
	position: relative;
	}

.NO1_icon {
	height: 31.719733vw;
	max-height: none;
	margin: 3vw 4.8vw 0 0;
	}

.NO1_icon.last {
	margin: 3vw 0 0 0;
	}

.header_img02 span {
	width:100%;
	position:relative;
	bottom:2vw;
	font-size: 8px;
	letter-spacing: 0rem;
	display: block;
	}

.header02 {
	background: linear-gradient(-90deg, rgba(0, 165, 206, 0.8), rgba(22, 51, 112, 0.8)), url(../img2/bg_00.png) no-repeat;
	background-blend-mode: multiply;
	background-size: cover;
	height: auto;
	max-height: none;
	background-size: 200%;
	background-position: -35vw 0vw;
	}

.header02 .header_title {
	width: 36.8918666666667vw;
	margin: 8.13vw auto 6.8vw auto;
	}

.header_text {
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,0.75);
	padding: 8vw 0;
	text-align: left;
	}

.header_text span {
	letter-spacing:0.1vw;
	line-height: 1.8;
	max-width: none;
	display: block;
	padding: 0 3vw;
	box-sizing: border-box;
	width:auto;
	}



/*************************************************************************
　　　　　　　　　 S T Y L E
*************************************************************************/

.style.leadTitle {
	width: 68.266vw;
	height: 8.9vw;
	max-width: none;
	max-height: none;
	text-indent: -9999px;
	background: url(../img2/6style_title.png) no-repeat;
	background-size: contain;
	margin: 8.8vw auto 0 auto;
	}

.StyleBox{
	height: auto;
	position: relative;
	box-sizing: border-box;
	margin: 6.667vw auto 0 auto;
	max-width: none;
	width:100%;
	}

.StyleBox .innerBox {
    width: 94.53vw;
    max-width: none;
    margin: 0 auto;
}

.StyleBox.StyleBox1 .innerBox .contentsTxt{
	font-size: 3.466vw
	}

.StyleBox.StyleBox2 {
	padding: 5.8vw 2.8vw;
	background-size:2%;
	}

.StyleBox.StyleBox2 .innerBox .contentsTxt {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top: 5vw;
	}

.StyleBox.StyleBox2 .innerBox .contentsTxt div{
	background: #FFF8D7;
	width: 83.86vw;
	max-width: none;
	padding: 0 6.6vw 3vw 6.6vw;
	margin: 4vw auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.StyleBox .innerBox h3 {
	width: 55vw;
	height: 4.133vw;
	max-width: none;
	max-height: none;
	font-size: 5vw;
	font-weight: 900;
	padding: 10px 0 5px 0;
	margin: -15px auto 10px auto;
	}

.StyleBox .innerBox .styleA h3{
	background-size:19.8465333333333vw 4.133vw;
	}

.StyleBox .innerBox .styleB h3{
	background-size:23.6954666666667vw 4.133vw;
	}

.StyleBox .innerBox .styleC h3{
	background-size:18.5318666666667vw 4.133vw;
	}

.StyleBox .innerBox .styleD h3{
	background-size:33.2197333333333vw 4.133vw;
	}

.StyleBox .innerBox .styleE h3{
	background-size:33.256vw 4.133vw;
	}

.StyleBox .innerBox .styleF h3{
	background-size:30.3094666666667vw 4.133vw;
	}



/*************************************************************************
　　　　　　　　　 R E C O M M E N D
*************************************************************************/
.recomendBox {
	background-size: 2%;
}

.recomend.leadTitle {
	width: 64.2281333333333vw;
	height: 8.8232vw;
	max-width: none;
	max-height:none;
	text-indent: -9999px;
	background: url(../img2/recomend_title.png) no-repeat;
	background-size: contain;
	margin: 5.46vw auto 6.8vw auto;
	}

.recomendBox {
	height: auto;
	position: relative;
	box-sizing: border-box;
	margin:0 auto;
	max-width: none;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding: 6.667vw 0;
	}

.recomendBox .innerBox {
	width: 94.5333333333333vw;
	max-width:none;
	margin: 0 auto;
}

.recomendBox .contentsTxt div {
	width: 94.5333333333333vw;
	max-width:none;
	background: #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin:0 auto;
	margin-bottom: 50px;
	padding: 0;
	box-sizing: border-box;
	}

.recomendBox h3 {
	text-indent: -9999px;
	background: no-repeat center;
	background-size: contain;
	width: 100%;
	height: 2.91867vw;
	max-width: 100%;
	max-height: none;
	display: inline-block;
	margin: 4vw auto;
}

.recomendBox .recomendA h3 {	background-image: url(../img2/mob/recomend_subtitle01.png);	height: 8.106vw;}
.recomendBox .recomendB h3 {	background-image: url(../img2/mob/recomend_subtitle02.png);	height: 8.106vw;}
.recomendBox .contentsTxt div.recomendC{
	margin-bottom:0
	}

.recomendBox h4 {
	text-indent: -9999px;
	background: no-repeat center;
	background-size: contain;
	width: 100%;
	height: 12.9133333333333vw;
	max-height: none;
	display: inline-block;
	margin: 0 auto 4vw auto;
}

.recomendBox .contentsTxt div span {
	padding: 0 6.6vw 3vw 6.6vw;
	display:block;
	}



/*************************************************************************
　　　　　　　　　 7 P O I N T S
*************************************************************************/

.pointBox h2.leadTitle {
	text-indent: -9999px;
	background: url(../img2/7points_title.png) no-repeat;
	background-size: contain;
	width: 66.405vw;
	height: 8.8vw;
	max-width: none;
	max-height: none;
	display: inline-block;
	vertical-align: top;
	margin: 6.8vw auto 12.666vw auto;
	}

.pointBox .contentsTxt{
	font-size:3.46666666666667vw;
	}

.pointBox .contBox02{
	background-image: url(../img2/mob/7points_02BG.png);
	background-repeat:no-repeat;
	background-size: 35%;
	background-position: 60vw 12vw;
	}

.pointBox div h3{
	background:no-repeat left;
	background-size: contain;
	background-position: 3vw 0;
	width:100vw;
	max-width:none;
	}

.pointBox .contBox01 h3{
	background-image: url(../img2/mob/7points_subtitle01.png);
	background-position: 3vw 0;
	height: 10.67vw;
	max-height:none;
	}

.pointBox .contBox02 h3{
	background-image: url(../img2/mob/7points_subtitle02.png);
	background-position: 3vw bottom;
	height: 10.67vw;
	max-height:none;
	}

.pointBox .contBox03 h3{
	background-image: url(../img2/mob/7points_subtitle03.png);
	height:17.06vw;
	max-height:none;
	}

.pointBox .contBox04 h3{
	background-image: url(../img2/mob/7points_subtitle04.png);
	height:10.7vw;
	max-height:none;
	}

.pointBox .contBox05 h3{
	background-image: url(../img2/mob/7points_subtitle05.png);
	height: 10.67vw;
	max-height:none;
	}

.pointBox .contBox06 h3{
	background-image: url(../img2/mob/7points_subtitle06.png);
	height: 10.67vw;
	max-height:none;
	}

.pointBox .contBox07 h3{
	background-image: url(../img2/mob/7points_subtitle07.png);
	height:7.45vw;
	max-height:none;
	}

.pointBox .contBox03, .pointBox .contBox04, .pointBox .contBox05, .pointBox .contBox06, .pointBox .contBox07 {
	margin-top: 9.06666666666667vw;
}
.pointBox .contBox07 {
  margin-bottom: 9.06666666666667vw;
}

.pointBox span,
.pointBox .contBox03 span, .pointBox .contBox06 span {
	display: block;
	width: 94vw;
	margin: 5.5vw 3vw;
	}

.pointBox .contBox02 span{
	padding-bottom: 3vw;
	margin: 5.5vw 3vw  0vw 3vw;
	}

.pointBox_icon {
	height: 24.6vw;
	max-height: none;
	margin: 2.6vw 0vw;
}
.pointBox_icon + .pointBox_icon{
	height: 10.6vw;
    max-height: none;
    margin: 9vw 5vw!important;
    width: 45vw;
}

.pointBox .Jmap img, .pointBox .Wmap img {
    width: 100vw;
    max-width: none;
    margin: 0 auto 5vw auto;
}



 .pointBox .Wmap img {
	margin:5vw auto;
	width:97.0670666666667vw
}


/*************************************************************************
　　　　　　　p r e s e n t a t i o n
*************************************************************************/

.presentationBox {
	height: auto;
	max-height: none;
	background: url(../img2/presentation_shadow.png) repeat-x #4ebbd4;
	padding: 9.06vw 0;
}

.presentationBox span {
	width: 94.5333333333333vw;
	max-width: none;
	}

.presentationBox h2 {
	width: 87.47vw;
	height:10.6vw;
	max-width:none;
	max-height: none;
	margin: 0 auto 5vw auto;
}

/*************************************************************************
　　	  C O U T R Y
*************************************************************************/

.countryBox {
	height: auto;
	position: relative;
	box-sizing: border-box;
	padding: 17vw 3vw 30px 3vw;
	background: url(../img2/country_art_01.png) no-repeat #DDF2F6;
	background-size: 48.66vw 26.26vw;
	background-position: center 6.666vw;
}

.countryBox .innerBox {
	width: 94vw;
	margin: 0 auto;
}

.countryBox .contentsTxt {
	width: 94vw;
	justify-content: space-between;
	}

.countryBox h2 {
	width: 53.86vw;
	height: 4.13vw;
	max-width: none;
	max-height: none;
	display: inline-block;
	margin: 0 auto 10vw auto;
}

.countryBox .contentsTxt img {
	width: 27.46vw;
	max-width: none;
	height: 27.46vw;
	max-height: none;
}

.countryBox .contentsTxt div {
	width: 27.46vw;
	max-width: none;
	margin-bottom: 4vw;
	margin-right: 3.8vw;
	text-align: center;
	font-size: 3.2vw;
	line-height: 3em;
}

.countryBox .contentsTxt div:nth-of-type(7) {
	margin-bottom: 0;
	-webkit-order: 1;
	-moz-order: 1;
	-ms-order: 1;
	order: 1;
}

.countryBox .contentsTxt div:nth-of-type(8) {
	margin-bottom: 0;
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	order: 2;
}

.countryBox .contentsTxt div:nth-of-type(9) {
	margin-right: 0;
	margin-bottom: 0;
	-webkit-order: 3;
	-moz-order: 3;
	-ms-order: 3;
	order: 3;
}

.countryBox .contentsTxt div:nth-of-type(4) {
	-webkit-order: 4;
	-moz-order: 4;
	-ms-order: 4;
	order: 4;
}

.countryBox .contentsTxt div:nth-of-type(5) {
	-webkit-order: 5;
	-moz-order: 5;
	-ms-order: 5;
	order: 5;
}

.countryBox .contentsTxt div:nth-of-type(6) {
	margin-right: 0;
	-webkit-order: 6;
	-moz-order: 6;
	-ms-order: 6;
	order: 6;
}

.countryBox .contentsTxt div:nth-of-type(1) {
	-webkit-order: 7;
	-moz-order: 7;
	-ms-order: 7;
	order: 7;
}

.countryBox .contentsTxt div:nth-of-type(2) {
	-webkit-order: 8;
	-moz-order: 8;
	-ms-order: 8;
	order: 8;
}

.countryBox .contentsTxt div:nth-of-type(3) {
	margin-right: 0;
	-webkit-order: 9;
	-moz-order: 9;
	-ms-order: 9;
	order: 9;
}



/*************************************************************************
　　	  s c h o o l
*************************************************************************/

.schoolBox {
    width: 100%;
}

.schoolBox .innerBox {
	background: ;
	width: 94vw;
	margin: 0 auto;
	}

.schoolBox .contentsTxt {
	width: 94vw;
	font-size:3.46666666666667vw;
	}

.schoolBox .ImgBox, .schoolBox .ImgBox img {
    height: 16.2vw;
    max-height: none;
	}

.schoolBox .ImgBox .img04 {
    height: 16.3vw;
    margin: 4vw auto;
	}

.schoolBox h2 {
	text-indent: -9999px;
	background: url(../img2/school_title.png) no-repeat;
	background-size: contain;
	width: 41.6vw;
	height: 8.4vw;
	max-width:none;
	max-height: none;
	display: inline-block;
	margin: 6vw auto 4vw auto;
	}


/*************************************************************************
　　	  P L A N
*************************************************************************/

.planBox {
	padding: 7.3vw 3vw 6.6vw 3vw;
}

.planBox .innerBox {
	width: 94vw;
	max-width: none;
	margin: 0 auto;
}

.planBox .innerBox .contentsTxt {
	padding: 0 0 5vw 0;
}

.planBox .planImg01 {
	width: 62.4vw;
	height: 20.8vw;
	max-width: none;
	max-height: none;
	}

.planBox h3.leadTitle {
	width: 86.1330vw;
	height: 8.9592vw;
	max-width: none;
	max-height: none;
	display: block;
	margin: 6vw auto 0 auto;
	}

.planBox .contBox01 span {
	font-size:3.46666666666667vw;
	width: 94vw;
	}

.planBox .contBox02{
	font-size:3.2vw;
	line-height:1.5;
	}

.planBox .contBox02 .infoBlock {
	margin: 0 auto 7.33vw auto;
	width: 84vw;
	max-width: none;
	padding-top: 7.33vw;
}

.planBox .contBox02 h3.leadTitle {
	width: 100vw;
	height: 4.7355vw;
	max-width: 100%;
	max-height: none;
	margin: 0 auto 50px auto;
}

.portrait {
	width: 25.2vw;
	height: 25.2vw;
	max-width: none;
	max-height: none;
	margin-left: -3vw;
	}

.planBox .contBox02 .infoBlock .narrowBox01 {
	margin: -10vw 0 0 0;
	}

.planBox .contBox02 .infoBlock div{
	margin-bottom:3.6vw;
	width: 84vw;
	box-sizing: border-box;
	}

.planBox .contBox02 .infoBlock .narrowBox01 div {
	width: 60vw;
	max-width: none;
	display: inline-block;
}

.planBox .contBox02 .infoBlock .narrowBox01 div:nth-child(1),
.planBox .contBox02 .infoBlock .narrowBox01 div:nth-child(2){
	left: 27vw;
	position: relative;
	}

.planBox .contBox02 .infoBlock .narrowBox01 div:nth-child(3),
.planBox .contBox02 .infoBlock .narrowBox01 div:nth-child(4){
	width: 84vw;
	position: relative;
	}

.planBox .contBox02 .infoBlock div span {
	font-size:3.73vw;
	margin: 0 3vw 3.6vw 0;
	padding: 0.4vw 0.66vw 0.4vw 2vw;
	width: 83vw;
	box-sizing: border-box;
	}

.planBox .contBox02 .infoBlock .narrowBox01 div span{
	margin: 0 3vw 0 0;
	}

.planBox .contBox02 .infoBlock .narrowBox01 div span,
.planBox .contBox02 .infoBlock div span.narrow {
	padding: 0.8vw 0.4vw 0.8vw 2vw;
	width: 26.93vw;
	text-align: left;
	}

.planBox .contBox02 .infoBlock .narrowBox01 div p {
	display: inline-block;
	width: 51.225067vw;
	max-width:none;
	}

.planBox .contBox02 .infoBlock div span.narrow.n01 {
	width: 83vw;
	box-sizing: border-box;
	}

.planBox .contBox02 .infoBlock div p.box2line{
	vertical-align:top;
	display: inline-block;
	width: 54vw;
	line-height:1;
	padding: 0;
	}

.planBox .contBox02 .compPlan {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: none;
	margin: 0 auto;
	flex-direction: column;
}

.planBox .innerBox .contentsTxt.contBox02.caseY{
	margin-bottom:0;
	}

.planBox .contBox02 .otherPlan,
.planBox .contBox02 .smaryuPlan,
.planBox .contBox02.caseS .otherPlan,
.planBox .contBox02.caseS .smaryuPlan{
	width: 84vw;
	height: 71.356vw;
	max-width: none;
	max-height: none;
	padding: 0 2.66vw;
	line-height: 1.6;
}

.planBox .contBox02.caseS .smaryuPlan,
.planBox .contBox02.caseY .smaryuPlan{
	height: 92vw;
	}


.planBox .contBox02 .compPlan div p {
	display: inline-block;
	width: 47vw;
	max-width: none;
}

.planBox .contBox02 .smaryuPlan {
	height: 86.956vw;
    background: url(../img2/Logo_smaryu.png) no-repeat #DFF2F7;
    background-size: 39.8vw 9.26vw;
    background-position: 15.5% 92%;
}

.planBox .contBox02 h4 {
	width:100%;
	height:8.4vw;
	margin: 3vw 0 2.266vw 0;
	padding: 2.266vw 0;
	line-height: 1.2;
	}

.planBox .contBox02 .otherPlan h4 {
	background-image: url(../img2/mob/plan_others_title.png) ;
	background-size: 58.4vw 8.5vw;
	}
.planBox .contBox02 .smaryuPlan h4 {
	background-image: url(../img2/mob/plan_smary_title.png);
	background-size: 54.2666666666667vw 8.4vw;
	}

.planBox .contBox02 .otherPlan div,
.planBox .contBox02 .smaryuPlan div{
	margin-left: 4vw;
	}

.planBox .contBox02 .otherPlan div span,
.planBox .contBox02 .smaryuPlan div span {
	padding: 0.53vw 0.53vw 0.53vw 2vw;
	width: 25.6vw;
box-sizing:border-box;
	margin: 0 2vw 1.33vw 0;
	text-align: left;
	font-size: 3.733vw;
}

.planBox .contBox02 .otherPlan div i,
.planBox .contBox02 .smaryuPlan div i {
	font-size: 3.2vw;
	padding: 1.33vw;
	width: 95%;
	margin: 0 0 1.33vw 0;
}

.planBox .contBox02 .otherPlan div b, .planBox .contBox02 .smaryuPlan div b {
	font-size: 4.53vw;
}

.arrowB {
	background: url(../img2/arrowB.png) no-repeat center;
	background-size: contain;
	width: 5.8vw;
	height: 6.6vw;
	max-width: none;
	max-height: none;
	margin: 4vw;
	transform: rotate(90deg);
}

.Plan_icon01 {
	position: absolute;
	left: -4vw;
	top: -10vw;
	width: 21.06vw;
}

.planBox .contBox02 .comments {
	width: 84vw;
	max-width: none;
	margin: 15vw auto 2vw auto;
	box-sizing: border-box;
	padding: 3vw 2vw;
	background: none;
	position: relative;
	font-size: 3.2vw;
	line-height: 1.5;
}

.planBox .contBox02 .comments h4 {
	position: absolute;
	width: 84vw;
	padding: 2vw 0.67vw;
	top: -17vw;
	left: 0;
	box-sizing: border-box;
	font-size:3.73vw;
	text-align:left;
	font-weight:100;
	}

.counselor_img {
	right: -3vw;
	top: -40vw;
	width: 31vw;
	z-index:+1;
	}

.planBox .contBox02 .comments::before {
	width: 7.6vw;
	height: 6.15vw;
	right: 10%;
	top: -6.1vw;
}

/*************************************************************************
　　　　　　　　　S U P P O R T
*************************************************************************/

.SupportBox {
	height: auto;
	position: relative;
	box-sizing: border-box;
	padding: 6.6vw 0;
	}

.SupportBox h2.leadTitle {
	text-indent: -9999px;
	background: url(../img2/support_title.png) no-repeat;
	background-size: contain;
	width: 52.3327vw;
	height: 3.73vw;
	max-width: none;
	max-height: none;
	margin: 0 auto;
	}

.SupportBox h3 {
	width: auto;
	height: 10.7752vw;
	margin: 0 0 3vw 1.3vw;
	}

.SupportBox .innerBox .leadTxt {
	text-align:left;
	padding:0 3vw;
	margin-bottom: 5vw;
	font-size:3.46666666666667vw;
	}

.support01, .support02, .support03, .support04, .support05 {
	font-size:3.46666666666667vw;
	width: 100vw;
	height: 134.266vw;
	background-image: url(../img2/mob/support_arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 10.3364vw;
	box-sizing: border-box;
	padding: 3vw 0 0 13.066vw;
}

.support02 {
	height: 43.95vw;
	background-position: 0 -134.26vw;
	background-color: #E4E4E5;
	padding-top: 12.2666666666667vw;
	}

.support03{
	height:43.65vw;
	background-position:0 -178.266vw;
	}

.support04{
	height:115.133333vw;
	background-position:0 -221.966vw;
	background-color:#E4E4E5;
	padding-top: 12.2666666666667vw;
	}

.support04 .sptBox div{
	margin:1vw 0;
	}

.support05{
	height:50.5333333333333vw;
	background-position:0 -337.066vw;
	padding-top: 12.2666666666667vw;
	}


.sptBox div {
	background: url(../img2/support_icons.png) no-repeat;
	background-size: 7.327vw;
	}

.support01 .sptBox div:nth-of-type(1){	background-position: 3.1vw 0;	}
.support01 .sptBox div:nth-of-type(2){	background-position: 3.1vw -7.9vw;	}
.support01 .sptBox div:nth-of-type(3){	background-position: 3.1vw -15.6vw;	}
.support01 .sptBox div:nth-of-type(4){	background-position: 3.1vw -23.5vw;	}
.support01 .sptBox div:nth-of-type(5){	background-position: 3.1vw -31.3vw;	}
.support01 .sptBox div:nth-of-type(6){	background-position: 3.1vw -39.1vw;	}
.support01 .sptBox div:nth-of-type(7){	background-position: 3.1vw -47vw;	}
.support01 .sptBox div:nth-of-type(8){	background-position: 3.1vw -54.7vw;	}
.support01 .sptBox div:nth-of-type(9){	background-position: 3.1vw -62.6vw;	}
.support01 .sptBox div:nth-of-type(10){	background-position: 3.1vw -70.4vw;	}
.support01 .sptBox div:nth-of-type(11){	background-position: 3.1vw -78.2vw;	}
.support01 .sptBox div:nth-of-type(12){	background-position: 3.1vw -86.1vw;	}
.support01 .sptBox div:nth-of-type(13){	background-position: 3.1vw -93.8vw;	padding-left:0; text-indent:0;}
.support02 .sptBox div:nth-of-type(1){	background-position: 3.1vw -101.7vw;	}
.support03 .sptBox div:nth-of-type(1){	background-position: 3.1vw -109.5vw;	}
.support04 .sptBox div:nth-of-type(1){	background-position: 3.1vw -117.3vw;	}
.support04 .sptBox div:nth-of-type(2){	background-position: 3.1vw -125.2vw;	}
.support04 .sptBox div:nth-of-type(3){	background-position: 3.1vw -133vw;	}
.support04 .sptBox div:nth-of-type(4){	background-position: 3.1vw -140.8vw;	}
.support04 .sptBox div:nth-of-type(5){	background-position: 3.1vw -148.6vw;	}
.support04 .sptBox div:nth-of-type(6){	background-position: 3.1vw -156.4vw;	}
.support04 .sptBox div:nth-of-type(7){	background-position: 3.1vw -164.3vw;	}
.support04 .sptBox div:nth-of-type(8){	background-position: 3.1vw -172.1vw;	}
.support05 .sptBox div:nth-of-type(1){	background-position: 3.1vw -179.9vw;	}
.support05 .sptBox div:nth-of-type(2){	background-position: 3.1vw -187.8vw;	}

.sptBox div {
	width: 84vw;
	height: 7.327vw;
	text-indent: 12vw;
	align-items: center;
	display: flex;
	margin: 0.6vw 0;
	line-height: 1.2;
}

.support04 .sptBox div:nth-of-type(8) p{
	margin-top: 5vw;
	line-height:5vw;
	}

.sptBox div i {
	font-size: 2.93333333333333vw;
	margin-top: 1vw;
	line-height: 1.3;
	}

.Mclm{
	text-indent:0;
	}

.sptBox div p{
	margin-left: 12vw;
	}

.Logo_QQE, .Logo_tabiregi {
	width: 17.9632vw;
	}

.support_tina {
	position: absolute;
    right: 3vw;
    bottom: 149vw;
    width: 40.26vw;
    height: auto;
	}

/*************************************************************************
　　　　　　　　　3 S T E P S
*************************************************************************/
.step3Box {
	padding: 5vw 3vw;
	}

.step3Box h2.leadTitle {
	background: url(../img2/3STEP_title.png) no-repeat;
	background-size: contain;
	background-position: center;
	width: 100vw;
	height: 6.92vw;
	max-width: none;
	max-height: none;
	margin: 5vw auto;
}

.step3Box .innerBox {
	width: 94vw;
	max-width: none;
	margin: 0 auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.step3Box .step1, .step3Box .step2, .step3Box .step3 {
	text-align: left;
	width: 94vw;
	margin: 0 auto;
	text-align: center;
}

.step3Box .step1 div,
.step3Box .step2 div,
.step3Box .step3 div{
	padding: 5.33333333333333vw 0;
	font-size:3.46666666666667vw;
}

.step3Box h3 {
	text-indent: -9999px;
	background-image: url(../img2/mob/3STEP_subT_N1.png);
	background-repeat: no-repeat;
	background-size: 44vw 8vw;
	background-position: center;
	width: 74.4vw;
	height: 8vw;
	margin: 4vw auto 4vw auto;
	padding: 0 0 30px 0;
	display: block;
}

.step3Box .step2 h3 {
	background-image: url(../img2/mob/3STEP_subT_N2.png);
	background-size: 48.4308vw 7.46666666666667vw;
	height: 8vw;
}

.step3Box .step2 h4, .step3Box .step2 p {
	font-size:3.2vw;
	}

.step3Box .step2 h4 {
	width: 30.5106666666667vw;
	margin-top: 5vw;
	border-radius: 3.4vw;
	-webkit-border-radius: 3.4vw;
	font-weight:400;
	letter-spacing:0
	}

.step3Box .step3 h3 {
	background-image: url(../img2/mob/3STEP_subT_N3.png);
	background-size: 34.1854666666667vw 7.5512vw;
	height: 7.5512vw;
}

.step3Box .step2 p {
	margin-top: 12vw;
	padding: 2vw 4vw;
	line-height: 1.5;
}

.step3Box div div div{
	width: 84vw;
	display: inline-block;
	margin-left: 0;
	position: relative;
}
.step3Box .step3 div{
	width: 84vw;
	}

.STEP3_N1, .STEP3_N2, .STEP3_N3 {
	width: 22.2666666666667vw;
	position: absolute;
	top: 5vw;
	left: -0;
}

.step3Box .STEP_img01, .step3Box .STEP_img02 {
	width: 74.4vw;
	margin:0 auto;
	vertical-align: top;
	}

.STEP_icon1, .STEP_icon2, .STEP_icon3 {
	height: 22.31vw;
	margin: 0 4.9vw;
	}


/*************************************************************************
　　　　　　　　　 F O O T E R
*************************************************************************/

.header_img03 {
	height: 46.6666666666667vw;
	max-height: none;
	width: 100%;
	position: relative;
	}

.header_img03 span {
	font-size: 1.33vw;
	line-height:1;
	}

.header_img03 .NO1_icon {
	height: 31.719733vw;
	max-height: none;
	margin: 5vw 4.8vw 0 0;
	}

.header_img03 .NO1_icon.last {
	margin: 5vw 0 0 0;
	}

.CVBox hr.separatorBottom.last{
	background:none;
	margin-top:110px;
	display:block;
	}


/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 0;
	cursor: pointer;
	z-index: 101;
	width:13vw;
	height:13vw;
	background-color:#4EBED7;
}
#nav-toggle div {
	position: relative;
	width: 13vw;
	margin:3.5vw 0vw;
	}

#nav-toggle span{
	display: block;
	position: absolute;
	height: 0.5vw;
	width: 36%;
	background: #fff;
	left: 35%;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	}

#nav-toggle span:nth-child(1) {top: 4px;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 18px;}

.open #nav-toggle {background-color:transparent;}

#top-head .inner{position:relative;}


.sec8 {
	height: 52.933333vw;
	font-size: 1.6vw;
	padding-top: 6vw;
	color: #FFF;
	position: relative;
}

.sec8 h2 {
	width: 100%;
	height: 3.4048vw;
	background-position:center;

}

.sec8 .innerBox .btns{
	margin-bottom:30vw;
	}

.sec8 .btn05{
	position: static;
    width: 34.0928vw;
    height: 7.846933vw;
    margin: 5vw auto;
	}

.sec8 .btn05:hover{
	background:none;
	opacity:1;
	}

.sec8 .snsBlock {
	display: block;
	position:static;
	}

.sec8 .snsBlock img{
	width: 9.7588vw;
	}

.sec8 .snsBlock .btn01, .sec8 .snsBlock .btn02, .sec8 .snsBlock .btn03{
	margin: 0 3.5vw;
	}

.sec8 .backtotop{
	z-index: 3;
	width: 14.0297333333333vw;
	}

.sec8 .snsBlock a:hover img{
	opacity:1;
	}

.sec8 .footerBar {
	text-align: left;
	height: 8.878vw;
	width: 94vw;
	margin: 4vw auto 0 auto;
	padding: 1vw 0 0 0 ;
	text-align:center;
	background-image: url(../img2/Logo_JPX_footer.png);
	line-height:1.2;
	font-size:2.67vw;
}

.sec8 .copy{
	font-size:2.93333333333333vw;
	letter-spacing:0.5vw;
	}


#PageTopBtn2 {
	position: fixed;
	right: 0;
	bottom: 10px;
	display:block!important

}

#PageTopBtn {
	/*display:none!important*/
}

#header .globalMenuBox{
	display:none;
}

header#top-head {
	display:block;
	top: 0vw;
	position: fixed;
	z-index:250;
	}

#top-head{
	position: absolute;
	width: 100%;
	margin: 0 auto 0;
	padding: 0 0 0;
	line-height: 1;
	z-index: 500;
	display: none;
	}


	/* Fixed reset */
#top-head.fixed {

	}
#mobile-head {
	/*width: 56px;
	height: 56px;*/
	position: absolute;
	right:0;
	}

#top-head.fixed .logo,
#top-head .logo {
	position: absolute;
	left: 13px;
	top: 13px;
	color: #333;
	font-size: 26px;
	}

.inner{
	width: 100%;
	font-size: 3.4vw;
	line-height: 2.1em;
	}

#global-nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	visibility:hidden;
	top: -557px;
	width: 100%;
	text-align: center;
	padding:0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	max-height: 95vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	/*スクロール可能に*/
		/*max-height:95.0vh;*/
		/*calc(100.0vh - 9.0vw);*/
		/*overflow:scroll;*/
	}

	/* #global-nav スライドアニメーション */
	.open #global-nav {
		visibility:visible;
	/* #global-nav top + #mobile-head height */
	  /* top:0; */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
	}


	/* #global-nav スライドアニメーション */
	.close #global-nav {
	/* #global-nav top - #mobile-head height */
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	}


#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 3.733vw;
	margin-top: 50px;
	line-height:1.2;
	}

#global-nav ul li {
	float: none;
	position: static;
}

#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 10px 0;
	margin:0;
	background:#00A1BC;
	border-bottom:solid 1vw #4EBED7;
	}



.gM00{
	position: absolute;
    width: 35vw;
    height: 13.9vw;
    left: 0;
    top: 0;
    margin: 0 1.7%;
    padding: 0;
    background-image: url(../img2/mob/logo_col.png);
    background-repeat: no-repeat;
    background-size: 31vw;
    background-position: left center;
    text-indent: -9999px;
	}


#top-head #global-nav ul li a:hover{
	background:#00A1BC;
	color:#FFF;
	text-decoration:none;
	}

.open #global-nav .snsBlock{
	display:block;
	padding-top: 4vw;
	background:#4EBED7
	}

.open #global-nav .snsBlock .twitterBtn,
.open #global-nav .snsBlock .facebookBtn,
.open #global-nav .snsBlock .instagtamBtn{
	width:10.667vw;
	}

#nav-toggle {
	display: block;
	}

	/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
	background: #4EBED7;
	}

.open #nav-toggle span:nth-child(2) {
	width: 0;
	background: #4EBED7;
	left: 50%;
	}

.open #nav-toggle span:nth-child(3) {
	top: 10px;
	background: #4EBED7;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
	}

.wrapper.open{
	opacity:0;
	transition: .5s ease-in-out;
	}

.overlay {
	display:block;
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:0.0;
	transition: .5s ease-in-out;
	position:fixed;
	top:0; left:0;
	z-index:100;
	pointer-events: none;
	}

#js__overlay.open {
	opacity:1;
	pointer-events:auto;

}

#FixedBtns{display:none;}




/***IE11**/

*::-ms-backdrop, .sec2:before {
	background:url(../img2/sec02_base.svg) no-repeat -15.8vw 0;
	}


/***chrome**/

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#contact .inpform select {
	 color: #757575;
}


}/***END max-width:767px ***/


/*************************************************************************
　　　　　　　　　M O B I L E
*************************************************************************/
@media screen and (max-width:750px){
	.sec8 {
		height: 75.933333vw;
		font-size: 1.6vw;
		padding-top: 6vw;
		color: #FFF;
		position: relative;
	}
}