@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
}
/*--------------------------------------------
MV
---------------------------------------------*/
#mv{
	position : relative;
	width : 100%;
	overflow : hidden;
}
#mv .wrap{
	position : absolute;
	left : 0;
	z-index : 3;
	width : 100%;
	background-color : rgba( 0 , 0 , 0 , .6 );
}
#mv h2{
	text-align : center;
	color : white;
	font-weight : 500;
}
#mv h2 span{
	display : block;
}
#mv h2 em{
	display : inline-block;
	line-height : 1;
	position : relative;
}
#mv h2 em:after{
	content : "";
	width : 100%;
	background-color : #f4c340;
	position : absolute;
	left : 0;
	bottom : 0;
	z-index : -1;
}
#mv p{
	position : relative;
	color : white;
	left : 50%;
	-webkit-transform : translateX(-50%);
	        transform : translateX(-50%);
	color : white;
	letter-spacing : .05em;
	text-align : center;
}
#mv .wrap ul{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	margin-left : auto;
	margin-right : auto;
}
#mv .wrap li{
	background-position : center top;
	background-repeat : no-repeat;
	color : white;
	text-align : center;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
#mv .wrap li:nth-child(1){
	background-image : url("../images/mv/icon01.png");
}
#mv .wrap li:nth-child(2){
	background-image : url("../images/mv/icon02.png");
}
#mv .wrap li:nth-child(3){
	background-image : url("../images/mv/icon03.png");
}
@media(max-width: 768px){
	#mv{
		width : 100%;
		height : calc( 1056 * 100vw / 768 );
	}
	#mv .wrap{
		top : calc( 120 * 100vw / 768 );
		height : calc( 100% - calc( 120 * 100vw / 768 ) );
		padding-left : 0;
		padding-right : 0;
	}
	#mv h2{
		margin-top : calc( ( 258 - 22 ) * 100vw / 768 );
	}
	#mv h2 span{
		text-shadow : 0 0 calc( 13 * 100vw / 768 ) rgba(38,50,142,.24);
	}
	#mv h2 span:nth-of-type(1){
		font-size : calc( 36 * 100vw / 768 );
		line-height : calc( 80 * 100vw / 768 );
	}
	#mv h2 span:nth-of-type(2){
		font-size : calc( 56 * 100vw / 768 );
		line-height : calc( 60 * 100vw / 768 );
	}
	#mv h2 em:after{
		height : calc( 10 * 100vw / 768 );
		bottom : calc( -5 * 100vw / 768 );
	}
	#mv p{
		margin-top : calc( ( 57 - 2 - 7 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 40 * 100vw / 768 );
	}
	#mv .wrap ul{
		margin-top : calc( ( 67 - 7 ) * 100vw / 768 );
		width : calc( 672 * 100% / 768 );
	}
	#mv .wrap li{
		padding-top : calc( ( 122 - 3 ) * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 30 * 100vw / 768 );
		background-size : auto calc( 94 * 100vw / 768 );
		width : calc( 100% / 3 );
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#mv{
		width : 100%;
		height : calc( 856 * 100vw / 1400 );
	}
	#mv .wrap{
		top : calc( 120 * 100vw / 1400 );
		height : calc( 100% - 119 * 100vw / 1400 );
		max-width : 100%;
	}
	#mv h2{
		margin-top : calc( ( 148 - 17 ) * 100vw / 1400 );
	}
	#mv h2 span{
		text-shadow : 0 0 calc( 13 * 100vw / 1400 ) rgba(38,50,142,.24);
	}
	#mv h2 span:nth-of-type(1){
		font-size : calc( 46 * 100vw / 1400 );
		line-height : calc( 80 * 100vw / 1400 );
	}
	#mv h2 span:nth-of-type(2){
		font-size : calc( 64 * 100vw / 1400 );
		line-height : calc( 80 * 100vw / 1400 );
	}
	#mv h2 em:after{
		height : calc( 10 * 100vw / 1400 );
	}
	#mv p{
		margin-top : calc( ( 24 - 7 - 6.75 ) * 100vw / 1400 );
		font-size : calc( 18 * 100vw / 1400 );
		line-height : calc( 31.5 * 100vw / 1400 );
	}
	#mv .wrap ul{
		margin-top : calc( ( 76 - 6.75 ) * 100vw / 1400 );
		width : calc( 800 * 100% / 1400 );
	}
	#mv .wrap li{
		padding-top : calc( ( 116 - 6 ) * 100vw / 1400 );
		font-size : calc( 18 * 100vw / 1400 );
		line-height : calc( 30 * 100vw / 1400 );
		background-size : auto calc( 94 * 100vw / 1400 );
	}
}
@media(min-width: 1400px){
	#mv{
		width : 100%;
		height : 856px;
	}
	#mv .wrap{
		top : 120px;
		height : calc( 100% - 119px );
		max-width : 100%;
	}
	#mv h2{
		margin-top : calc( 148px - 17px );
	}
	#mv h2 span{
		text-shadow : 0 0 13px rgba(38,50,142,.24);
	}
	#mv h2 span:nth-of-type(1){
		font-size : 46px;
		line-height : 80px;
	}
	#mv h2 span:nth-of-type(2){
		font-size : 64px;
		line-height : 80px;
	}
	#mv h2 em:after{
		height : 10px;
	}
	#mv p{
		margin-top : calc( 24px - 7px - 6.75px );
		font-size : 18px;
		line-height : 31.5px;
	}
	#mv .wrap ul{
		margin-top : calc( 76px - 6.75px );
		width : 800px;
	}
	#mv .wrap li{
		padding-top : calc( 116px - 6px );
		font-size : 18px;
		line-height : 30px;
	}
}
#mv #slider{
	height : 100%;
	position : relative;
	width : 100%;
	z-index : 2;
}
#mv #slider li{
	height : 100%;
	width : 100%;
	position : absolute;
	top : 0;
	left : 0;
}
#mv #slider li img{
	-webkit-animation : anime 30s 0s infinite;
	        animation : anime 30s 0s infinite;
	z-index : 3;
}
#mv #slider li:nth-child(1) img{
	z-index : 4;
}
#mv #slider li:nth-child(2) img{
	z-index : 3;
	-webkit-animation-delay : 10s;
	        animation-delay : 10s;
}
#mv #slider li:nth-child(3) img{
	-webkit-animation-delay : 20s;
	        animation-delay : 20s;
	z-index : 2;
}
#mv #slider picture{
	height : 100%;
	position : relative;
}
@media(max-width: 768px){
	#mv #slider picture{
		height : calc( 1056 * 100vw / 768 );
	}
	#mv #slider img{
		position : relative;
		width : 100%;
		height : auto;
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#mv #slider picture{
		height : calc( 855 * 100vw / 1400 );
	}
	#mv #slider img{
		position : absolute;
		top : 0;
		left : 0;
		right : 0;
		bottom : 0;
		margin : auto;
		width : auto;
		height : auto;
		min-width : 100%;
		min-height : 100%;
		max-width : inherit;
	}
}
@media(min-width: 1400px){
	#mv #slider picture{
		height : 855px;
	}
	#mv #slider img{
		position : absolute;
		top : 0;
		left : 0;
		right : 0;
		bottom : 0;
		margin : auto;
		width : auto;
		height : auto;
		min-width : 100%;
		min-height : 100%;
		max-width : inherit;
	}
}
@-webkit-keyframes anime{
	0%{
		opacity : 0;
	}
	13%{
		opacity : 1;
	}
	33%{
		opacity : 1;
	}
	46%{
		opacity : 0;
		-webkit-transform : scale( 1.2 ) ;
		        transform : scale( 1.2 ) ;
		z-index : 4;
	}
	100%{
		opacity : 0;
	}
}
@keyframes anime{
	0%{
		opacity : 0;
	}
	13%{
		opacity : 1;
	}
	33%{
		opacity : 1;
	}
	46%{
		opacity : 0;
		-webkit-transform : scale( 1.2 ) ;
		        transform : scale( 1.2 ) ;
		z-index : 4;
	}
	100%{
		opacity : 0;
	}
}
/*--------------------------------------------
SECTION01
---------------------------------------------*/
#section01{
	background : #eee;
}
@media(min-width: 1400px){
	#section01{
		margin-top : 34px;
	}
}
#section01 #bg0101{
	position : relative;
}
#section01 #bg0101:after{
	content : "";
	display : block;
	width : 0;
	height : 0;
	position : absolute;
	top : 100%;
	border-style : solid;
	left : 50%;
	-webkit-transform : translateX(-50%);
	        transform : translateX(-50%);
}
#section01 #bg0101 p{
	color : white;
	text-align : center;
}
@media(max-width: 768px){
	#section01 #bg0101{
		background-color : #09c;
		background-image : linear-gradient(-80deg, #00b4db, #0083b0);
	}
	#section01 #bg0101:after{
		border-width : calc( 50 * 100vw / 768 ) calc( 35 * 100vw / 768 ) 0 calc( 35 * 100vw / 768 );
		border-color : #009cc6 transparent transparent transparent;
	}
	#section01 #bg0101 .wrap{
		padding-top : calc( ( 54 - 3.6 ) * 100vw / 768 );
		padding-bottom : calc( ( 38 - 3.6 ) * 100vw / 768 );
	}
	#section01 #bg0101 p{
		font-size : calc( 36 * 100vw / 768 );
		line-height : 1.2;
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#section01 #bg0101{
		background-color : #09c;
		background-image : linear-gradient(-80deg, #00b4db, #0083b0);
	}
	#section01 #bg0101:after{
		border-width : calc( 50 * 100vw / 1400 ) calc( 35 * 100vw / 1400 ) 0 calc( 35 * 100vw / 1400 );
		border-color : #009cc6 transparent transparent transparent;
	}
	#section01 #bg0101 .wrap{
		padding-top : calc( ( 63 - 3.873 ) * 100vw / 1400 );
		padding-bottom : calc( ( 65 - 3.873 ) * 100vw / 1400 );
	}
	#section01 #bg0101 p{
		font-size : calc( 38.73 * 100vw / 1400 );
		line-height : 1.2;
	}
}
@media(min-width: 1400px){
	#section01 #bg0101{
		background-color : #09c;
		background-image : linear-gradient(-80deg, #00b4db, #0083b0);
	}
	#section01 #bg0101:after{
		border-width : 50px 35px 0 35px;
		border-color : #009cc6 transparent transparent transparent;
	}
	#section01 #bg0101 .wrap{
		padding-top : calc( 63px - 3.873px );
		padding-bottom : calc( 65px - 3.873px );
	}
	#section01 #bg0101 p{
		font-size : 38.73px;
		line-height : 1.2;
	}
}
#section01 #bg0102 h3{
	text-align : center;
}
#section01 #bg0102 em{
	display : inline-block;
	line-height : 1;
	position : relative;
	z-index : 0;
}
#section01 #bg0102 em:after{
	content : "";
	width : 100%;
	background-color : #f4c340;
	position : absolute;
	left : 0;
	z-index : -1;
}
#section01 #bg0102 p{
	color : #000;
}
#section01 #bg0102 a{
	color : #09c;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
#section01 #bg0102 a:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/arrow01.png") left top / cover no-repeat;
}
@media(max-width: 768px){
	#section01 #bg0102 .wrap{
		padding-top : calc( ( 97 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 56 * 100vw / 768 );
		position : relative;
	}
	#section01 #bg0102 h3{
		font-size : calc( 28 * 100vw / 768 );
		line-height : calc( 42 * 100vw / 768 );
	}
	#section01 #bg0102 h3 em{
		font-size : calc( 36 * 100vw / 768 );
		line-height : calc( 48 * 100vw / 768 );
	}
	#section01 #bg0102 h3 em:after{
		height : calc( 10 * 100vw / 768 );
		bottom : calc( 2 * 100vw / 768 );
	}
	#section01 #bg0102 p{
		font-size : calc( 20 * 100vw / 768 );
		line-height : 1.2;
		margin-top : calc( ( 36 - 6 - 2 ) * 100vw / 768 );
		margin-left : calc( 2 * 100% / 720 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	#section01 #bg0102 a{
		font-size : calc( 18 * 100vw / 768 );
		margin-top : calc( ( 12 - 2 ) * 100vw / 768 );
		margin-left : calc( 24 * 100% / 720 );
	}
	#section01 #bg0102 a:before{
		width : calc( 12 * 100% / 680 );
		height : calc( 11 * 100vw / 768 );
		margin-right : calc( 4 * 100% / 680 );
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#section01 #bg0102 .wrap{
		padding-top : calc( ( 85 - 9 ) * 100vw / 1400 );
		padding-bottom : calc( 32 * 100vw / 1400 );
		max-width : calc( 980 * 100% / 1400 );
		position : relative;
	}
	#section01 #bg0102 h3{
		font-size : calc( 30 * 100vw / 1400 );
		line-height : 1.6;
	}
	#section01 #bg0102 h3 em{
		font-size : calc( 42 * 100vw / 1400 );
		line-height : calc( 60 * 100vw / 1400 );
	}
	#section01 #bg0102 h3 em:after{
		height : calc( 10 * 100vw / 1400 );
		bottom : calc( 9 * 100vw / 1400 );
	}
	#section01 #bg0102 p{
		margin-left : auto;
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 18 * 100vw / 1400 );
		margin-top : calc( ( 34 - 2 ) * 100vw / 1400 );
		display : table;
		margin-left : auto;
	}
	#section01 #bg0102 a{
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
		font-size : calc( 14 * 100vw / 1400 );
		margin-top : calc( ( 9 - 2 ) * 100vw / 1400 );
	}
	#section01 #bg0102 a:before{
		width : calc( 8 * 100vw / 1400 );
		height : calc( 7 * 100vw / 1400 );
		margin-right : calc( 7 * 100vw / 1400 );
	}
}
@media(min-width: 1400px){
	#section01 #bg0102 .wrap{
		padding-top : calc( 85px - 9px );
		padding-bottom : 32px;
		max-width : 980px;
		position : relative;
	}
	#section01 #bg0102 h3{
		font-size : 30px;
		line-height : 1.6;
	}
	#section01 #bg0102 h3 em{
		font-size : 42px;
		line-height : 60px;
	}
	#section01 #bg0102 h3 em:after{
		height : 10px;
		bottom : 9px;
	}
	#section01 #bg0102 p{
		margin-left : auto;
		font-size : 14px;
		line-height : 18px;
		margin-top : calc( 34px - 2px );
		display : table;
		margin-left : auto;
	}
	#section01 #bg0102 a{
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
		font-size : 14px;
		margin-top : calc( 9px - 2px );
	}
	#section01 #bg0102 a:before{
		width : 8px;
		height : 7px;
		margin-right : 7px;
	}
}
/*--------------------------------------------
SUPPORT
---------------------------------------------*/
#support h2{
	text-align : center;
	color : #0d357f;
	font-weight : 500;
}
#support h2 span{
	letter-spacing : -.5em;
}
#support .img{
	position : relative;
}
#support .img p{
	text-align : center;
	background-color : #fff;
}
#support .img .bg{
	position : absolute;
	background : #09c;
	width : 100%;
	z-index : -1;
}
#support .texts h4{
	border-bottom-style : solid;
	border-bottom-color : #988d8d;
	font-weight : 700;
}
#support .btn-link{
	-webkit-transition : background-color .3s ease-in , color .3s ease-in , -webkit-transform .3s ease-in;
	        transition : background-color .3s ease-in , color .3s ease-in , -webkit-transform .3s ease-in;
	        transition : background-color .3s ease-in , color .3s ease-in , transform .3s ease-in;
	        transition : background-color .3s ease-in , color .3s ease-in , transform .3s ease-in , -webkit-transform .3s ease-in;
}
@media(max-width: 768px){
	#support .wrap{
		padding-top : calc( ( 74 - 6 ) * 100vw / 768 );
	}
	#support h2{
		font-size : calc( 36 * 100vw / 768 );
		line-height : calc( 48 * 100vw / 768 );
	}
	#support .box{
		margin-top : calc( ( 61 - 6 ) * 100vw / 768 );
	}
	#support .img p{
		width : calc( 634 * 100% / 720 );
		margin-left : auto;
		margin-right : auto;
		height : calc( 466 * 100vw / 768 );
		padding-top : calc( 56 * 100vw / 768 );
		padding-left : calc( 91 * 100% / 634 );
		padding-right : calc( 103 * 100% / 634 );
		-webkit-box-shadow : 0 0 calc( 14 * 100vw / 768 ) rgba(0,0,0,.2);
		        box-shadow : 0 0 calc( 14 * 100vw / 768 ) rgba(0,0,0,.2);
	}
	#support .img .bg{
		height : calc( 468 * 100vw / 768 );
		width : calc( 676 * 100% / 720 );
		left : calc( -24 * 100% / 720 );
		top : calc( 24 * 100vw / 768 );
	}
	#support .texts{
		padding-top : calc( ( 94 - 3 ) * 100vw / 768 );
	}
	#support .texts h4{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.2;
		border-bottom-width : calc( 3 * 100vw / 768 );
		padding-bottom : calc( ( 28 - 3 ) * 100vw / 768 );
	}
	#support .texts p{
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 36 * 100vw / 768 );
		margin-top : calc( ( 20 - 6 ) * 100vw / 768 );
	}
	#support .texts .btn-link{
		font-size : calc( 24 * 100vw / 768 );
		width : calc( 340 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		margin-top : calc( ( 62 - 6 ) * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#support .wrap{
		padding-top : calc( ( 176 - 12 ) * 100vw / 1400 );
		max-width : 100%;
	}
	#support h2{
		font-size : calc( 36 * 100vw / 1400 );
		line-height : calc( 60 * 100vw / 1400 );
	}
	#support .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		margin-top : calc( ( 72 - 12 ) * 100vw / 1400 );
	}
	#support .box .img{
		width : 50%;
	}
	#support .box .texts{
		width : 50%;
	}
	#support .box p{
	}
	#support .img p{
		width : calc( 634 * 100% / 700 );
		margin-left : auto;
		height : calc( 466 * 100vw / 1400 );
		padding-top : calc( 56 * 100vw / 1400 );
		-webkit-box-shadow : 0 0 calc( 14 * 100vw / 1400 ) rgba(0,0,0,.2);
		        box-shadow : 0 0 calc( 14 * 100vw / 1400 ) rgba(0,0,0,.2);
	}
	#support .img p img{
		width : calc( 440 * 100% / 634 );
	}
	#support .img .bg{
		height : calc( 468 * 100vw / 1400 );
		left : 0;
		top : calc( 24 * 100vw / 1400 );
	}
	#support .texts{
		padding-left : 1px;
		padding-top : calc( ( 57 - 6 ) * 100vw / 1400 );
	}
	#support .texts h4{
		font-size : calc( 24 * 100vw / 1400 );
		line-height : calc( 36 * 100vw / 1400 );
		padding-left : calc( 55 * 100% / 699 );
		border-bottom-width : 1px;
		padding-bottom : calc( ( 24 - 6 ) * 100vw / 1400 );
		width : calc( 574 * 100% / 699 );
	}
	#support .texts h4 span{
		display : block;
	}
	#support .texts p{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
		margin-top : calc( ( 32 - 3.5 ) * 100vw / 1400 );
		padding-left : calc( 59 * 100% / 699 );
		width : calc( 571 * 100% / 699 );
	}
	#support .texts .btn-link{
		font-size : calc( 16 * 100vw / 1400 );
		width : calc( 168 * 100% / 669 );
		height : calc( 48 * 100vw / 1400 );
		margin-top : calc( ( 41 - 3.5 ) * 100vw / 1400 );
		margin-left : calc( 412 * 100% / 669 );
	}
}
@media(min-width: 1400px){
	#support .wrap{
		padding-top : calc( 176px - 12px );
		max-width : 100%;
	}
	#support h2{
		font-size : 36px;
		line-height : 60px;
	}
	#support .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		margin-top : calc( 72px - 12px );
	}
	#support .box .img{
		width : 50%;
	}
	#support .box .texts{
		width : 50%;
	}
	#support .box p{
	}
	#support .img p{
		width : 634px;
		margin-left : auto;
		height : 466px;
		padding-top : 56px;
		-webkit-box-shadow : 0 0 14px rgba(0,0,0,.2);
		        box-shadow : 0 0 14px rgba(0,0,0,.2);
	}
	#support .img .bg{
		height : 468px;
		left : 0;
		top : 24px;
	}
	#support .texts{
		padding-left : 1px;
		padding-top : calc( 57px - 6px );
	}
	#support .texts h4{
		font-size : 24px;
		line-height : 36px;
		padding-left : 55px;
		border-bottom-width : 1px;
		padding-bottom : calc( 24px - 6px );
		width : 574px;
	}
	#support .texts h4 span{
		display : block;
	}
	#support .texts p{
		font-size : 14px;
		line-height : 21px;
		margin-top : calc( 32px - 3.5px );
		padding-left : 59px;
		width : 571px;
	}
	#support .texts .btn-link{
		font-size : 16px;
		width : 168px;
		height : 48px;
		margin-top : calc( 41px - 3.5px );
		margin-left : 412px;
	}
}
/*--------------------------------------------
REASON
---------------------------------------------*/
#reason{
	overflow : hidden;
}
#reason h2{
	font-weight : 500;
	color : #0d357f;
	text-align : center;
}
#reason ul{
	background-color : #eee;
}
#reason li{
	background-repeat : no-repeat;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction : column;
	    flex-direction : column;
	background-color : #fff;
}
#reason li:nth-child(1){
	background-image : url("../images/reason/icon01.png");
}
#reason li:nth-child(2){
	background-image : url("../images/reason/icon02.png");
}
#reason li:nth-child(3){
	background-image : url("../images/reason/icon03.png");
}
#reason h3{
	text-align : center;
	font-weight : 500;
}
@media(max-width: 768px){
	#reason{
		margin-bottom : calc( 61 * 100vw / 768 );
	}
	#reason .wrap{
		padding-top : calc( 125 * 100vw / 768 );
		padding-left : 0;
		padding-right : 0;
	}
	#reason h2{
		font-size : calc( 36 * 100vw / 768 );
	}
	#reason .lede{
		margin-top : calc( ( 59 - 6 ) * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#reason ul{
		padding-bottom : calc( 68 * 100vw / 768 );
		margin-top : calc( ( 40 - 6 ) * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		padding-top : calc( 35 * 100vw / 768 );
	}
	#reason li{
		width : 100%;
		-webkit-box-shadow : 0 0 calc( 18 * 100vw / 768 ) rgba(0,0,0,.24);
		        box-shadow : 0 0 calc( 18 * 100vw / 768 ) rgba(0,0,0,.24);
		padding-left : calc( 39 * 100% / 720 );
		padding-right : calc( 35 * 100% / 720 );
		padding-top : calc( 72 * 100vw / 768 );
		padding-bottom : calc( 36 * 100vw / 768 );
	}
	#reason li:nth-child(1){
		background-position : calc( 39 * 100% / 720 ) calc( 44 * 100vw / 768 );
		background-size : auto calc( 78 * 100vw / 768 );
	}
	#reason li:nth-child(2){
		background-position : calc( 80 * 100% / 720 ) calc( 31 * 100vw / 768 );
		background-size : auto calc( 99 * 100vw / 768 );
	}
	#reason li:nth-child(3){
		background-position : calc( 90 * 100% / 720 ) calc( 32 * 100vw / 768 );
		background-size : auto calc( 96 * 100vw / 768 );
	}
	#reason li + li{
		margin-top : calc( 31 * 100vw / 768 );
	}
	#reason h3{
		font-size : calc( 30 * 100vw / 768 );
	}
	#reason li p{
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 36 * 100vw / 768 );
		margin-top : calc( ( 52 - 6 ) * 100vw / 768 );
	}
	#reason .btn-link{
		width : calc( 340 * 100% / 646 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( ( 37 - 6 ) * 100vw / 768 );
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#reason{
		margin-bottom : calc( 134 * 100vw / 1400 );
	}
	#reason .wrap{
		padding-top : calc( 161 * 100vw / 1400 );
		max-width : 100%;
	}
	#reason h2{
		font-size : calc( 36 * 100vw / 1400 );
	}
	#reason .lede{
		width : calc( 1151 * 100% / 1400 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( ( 49 - 2.5 ) * 100vw / 1400 );
	}
	#reason ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		margin-left : calc( 65 * 100% / 1400 );
		padding-left : calc( 60 * 100% / 1400 );
		padding-bottom : calc( 49 * 100vw / 1400 );
		margin-top : calc( ( 91 - 2.5 ) * 100vw / 1400 );
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		padding-right : calc( 65 * 100% / 1400 );
	}
	#reason li{
		width : calc( 350 * 100% / 1210 );
		min-height : calc( 430 * 100vw / 1400 );
		-webkit-box-shadow : 0 0  calc( 18 * 100vw / 1400 ) rgba(0,0,0,.24);
		        box-shadow : 0 0  calc( 18 * 100vw / 1400 ) rgba(0,0,0,.24);
		margin-top : calc( -29 * 100vw / 1400 );
		padding-top : calc( 176 * 100vw / 1400 );
		padding-bottom : calc( 28 * 100vw / 1400 );
	}
	#reason li + li{
		margin-left : calc( 50 * 100% / 1210 );
	}
	#reason li:nth-child(1){
		background-position : center  calc( 74 * 100vw / 1400 );
		background-size : auto calc( 78 * 100vw / 1400 );
	}
	#reason li:nth-child(2){
		background-position : center  calc( 60 * 100vw / 1400 );
		background-size : auto calc( 99 * 100vw / 1400 );
	}
	#reason li:nth-child(3){
		background-position : center  calc( 56 * 100vw / 1400 );
		background-size : auto calc( 96 * 100vw / 1400 );
	}
	#reason h3{
		font-size : calc( 18 * 100vw / 1400 );
	}
	#reason li p{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
		margin-top : calc( ( 33 - 3.5 ) * 100vw / 1400 );
		width : calc( 267 * 100% / 350 );
		margin-left : auto;
		margin-right : auto;
	}
	#reason .btn-link{
		margin-top : auto;
		margin-left : calc( 196 * 100% / 350 );
		border-radius : calc( 17.5 * 100vw / 1400 );
		width : calc( 122 * 100% / 350 );
		height : calc( 35 * 100vw / 1400 );
		font-size : calc( 14 * 100vw / 1400 );
	}
}
@media(min-width: 1400px){
	#reason{
		margin-bottom : 134px;
	}
	#reason .wrap{
		padding-top : 161px;
		max-width : 100%;
	}
	#reason h2{
		font-size : 36px;
	}
	#reason .lede{
		width : 1151px;
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 49px - 2.5px );
	}
	#reason ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		margin-left : 65px;
		padding-left : 60px;
		padding-bottom : 49px;
		margin-top : calc( 91px - 2.5px );
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		padding-right : 65px;
	}
	#reason li{
		width : 350px;
		height : 430px;
		-webkit-box-shadow : 0 0 18px rgba(0,0,0,.24);
		        box-shadow : 0 0 18px rgba(0,0,0,.24);
		margin-top : -29px;
		padding-top : 176px;
		padding-bottom : 28px;
	}
	#reason li + li{
		margin-left : 50px;
	}
	#reason li:nth-child(1){
		background-position : center 74px;
	}
	#reason li:nth-child(2){
		background-position : center 60px;
	}
	#reason li:nth-child(3){
		background-position : center 56px;
	}
	#reason h3{
		font-size : 18px;
	}
	#reason li p{
		font-size : 14px;
		line-height : 21px;
		margin-top : calc( 33px - 3.5px );
		width : 267px;
		margin-left : auto;
		margin-right : auto;
	}
	#reason .btn-link{
		margin-top : auto;
		margin-left : 196px;
		border-radius : 17.5px;
		width : 122px;
		height : 35px;
		font-size : 14px;
	}
}
/*--------------------------------------------
COURSE
---------------------------------------------*/
#course .bg01{
	background-image : linear-gradient(-80deg, #00b4db, #0083b0);
}
#course .bg01 h2{
	text-align : center;
	color : white;
	font-weight : 700;
}
#course .bg01 .lede{
	color : white;
}
#course .bg01 .img{
	border-radius : 50%;
	overflow : hidden;
	display : block;
}
#course .bg01 h3{
	color : white;
	font-weight : 700;
}
#course .bg01 li p{
	color : white;
}
#course .bg01 li p span{
	border : 1px solid #fff;
	padding : 5px;
	margin-bottom : 10px;
	display : block;
	text-align : center;
}
#course .bg01 .btn-link{
	border-color : white;
	color : white;
}
#course .bg01 .btn-link:hover{
	background-color : white;
	color : #09c;
}
@media(max-width: 768px){
	#course .bg01 .wrap{
		padding-top : calc( 105 * 100vw / 768 );
		padding-bottom : calc( 103 * 100vw / 768 );
	}
	#course .bg01 h2{
		font-size : calc( 36 * 100vw / 768 );
	}
	#course .bg01 .lede{
		margin-top : calc( ( 67 - 6 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 38 * 100vw / 768 );
	}
	#course .bg01 ul{
		margin-top : calc( ( 78 - 6 ) * 100vw / 768 );
	}
	#course .bg01 li + li{
		margin-top : calc( 88 * 100vw / 768 );
	}
	#course .bg01 li > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#course .bg01 .img{
		width : calc( 228 * 100% / 720 );
		height : calc( 228 * 100vw / 768 );
		margin-top : calc( 5 * 100vw / 768 );
		-ms-grid-column : 1;
		-ms-grid-column-span : 1;
		    grid-column : 1/2;
		-ms-grid-row : 1;
		-ms-grid-row-span : 3;
		    grid-row : 1/4;
	}
	#course .bg01 li div div{
		width : calc( 468 * 100% / 720 );
	}
	#course .bg01 h3{
		font-size : calc( 36 * 100vw / 768 );
		-ms-grid-column : 3;
		-ms-grid-column-span : 1;
		    grid-column : 3/4;
		-ms-grid-row : 1;
		-ms-grid-row-span : 1;
		    grid-row : 1/2;
	}
	#course .bg01 li p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 38 * 100vw / 768 );
		margin-top : calc( ( 30 - 6 ) * 100vw / 768 );
		-ms-grid-column : 3;
		-ms-grid-column-span : 1;
		    grid-column : 3/4;
		-ms-grid-row : 2;
		-ms-grid-row-span : 2;
		    grid-row : 2/4;
	}
	#course .bg01 .btn-link{
		-ms-grid-column : 1;
		-ms-grid-column-span : 3;
		    grid-column : 1/4;
		-ms-grid-row : 4;
		-ms-grid-row-span : 1;
		    grid-row : 4/5;
		width : calc( 340 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( ( 48 - 6 ) * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#course .bg01 .wrap{
		padding-top : calc( 119 * 100vw / 1400 );
		max-width : calc( 1018 * 100% / 1400 );
		padding-bottom : calc( 89 * 100vw / 1400 );
	}
	#course .bg01 h2{
		font-size : calc( 36 * 100vw / 1400 );
	}
	#course .bg01 .lede{
		margin-top : calc( ( 43 - 2.5 ) * 100vw / 1400 );
	}
	#course .bg01 ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-around;
		/* justify-content : space-between; */
		margin-top : calc( ( 74 - 2.5 ) * 100vw / 1400 );
	}
	#course .bg01 li{
		width : calc( 274 * 100% / 1018 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		    flex-direction : column;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#course .bg01 li > div{
		margin-bottom : calc( ( 33 - 3.5 ) * 100vw / 1400 );
	}
	#course .bg01 .img{
		width : calc( 228 * 100% / 274 );
		height : calc( 228 * 100vw / 1400 );
		margin-left : auto;
		margin-right : auto;
	}
	#course .bg01 h3{
		font-size : calc( 24 * 100vw / 1400 );
		text-align : center;
		margin-top : calc( 32 * 100vw / 1400 );
	}
	#course .bg01 li p{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
		text-align : left;
		margin-top : calc( ( 41 - 3.5 ) * 100vw / 1400 );
	}
	#course .bg01 .btn-link{
		border-radius : calc( 23.5 * 100vw / 1400 );
		width : calc( 168 * 100% / 274 );
		height : calc( 48 * 100vw / 1400 );
		font-size : calc( 16 * 100vw / 1400 );
		margin-top : auto;
		margin-left : auto;
		margin-right : auto;
	}
}
@media(min-width: 1400px){
	#course .bg01 .wrap{
		padding-top : 119px;
		max-width : 1018px;
		padding-bottom : 89px;
	}
	#course .bg01 h2{
		font-size : 36px;
	}
	#course .bg01 .lede{
		margin-top : calc( 43px - 2.5px );
	}
	#course .bg01 ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-around;
		/* justify-content : space-between; */
		margin-top : calc( 74px - 2.5px );
	}
	#course .bg01 li{
		width : 274px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		    flex-direction : column;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#course .bg01 li > div{
		margin-bottom : calc( 33px - 3.5px );
	}
	#course .bg01 .img{
		width : 228px;
		height : 228px;
		margin-left : auto;
		margin-right : auto;
	}
	#course .bg01 h3{
		font-size : 24px;
		text-align : center;
		margin-top : 32px;
	}
	#course .bg01 li p{
		font-size : 14px;
		line-height : 21px;
		text-align : left;
		margin-top : calc( 41px - 3.5px );
	}
	#course .bg01 .btn-link{
		border-radius : 23.5px;
		width : 168px;
		height : 48px;
		font-size : 16px;
		margin-top : auto;
		margin-left : auto;
		margin-right : auto;
	}
}
#course .bg02{
	background-color : #eee;
}
#course .bg02 .img{
	position : relative;
}
#course .bg02 .img a{
	display : block;
	z-index : 1;
	position : relative;
}
#course .bg02 .img .bg{
	background-color : #09c;
	position : absolute;
	z-index : 0;
}
#course .bg02 h4{
	font-weight : 500;
	border-bottom-style : solid;
	border-bottom-color : #a69191;
}
@media(max-width: 768px){
	#course .bg02{
		-webkit-box-shadow : 0 0 calc( 20 * 100vw / 768 ) rgba(0,0,0,.24);
		        box-shadow : 0 0 calc( 20 * 100vw / 768 ) rgba(0,0,0,.24);
	}
	#course .bg02 .wrap{
		padding-top : calc( 67 * 100vw / 768 );
		padding-bottom : calc( 68 * 100vw / 768 );
	}
	#course .bg02 .img{
		width : 100%;
	}
	#course .bg02 .img a{
		width : 100%;
	}
	#course .bg02 .img .bg{
		top : calc( 17 * 100vw / 768 );
		right : calc( -24 * 100% / 720 );
		width : calc( 726 * 100% / 720 );
		height : calc( 363 * 100vw / 768 );
	}
	#course .bg02 .texts{
		padding-top : calc( 73 * 100vw / 768 );
	}
	#course .bg02 h4{
		border-bottom-width : calc( 3 * 100vw / 768 );
		font-size : calc( 30 * 100vw / 768 );
		padding-bottom : calc( 21 * 100vw / 768 );
	}
	#course .bg02 p{
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 36 * 100vw / 768 );
		margin-top : calc( ( 20 - 6 ) * 100vw / 768 );
	}
	#course .bg02 .btn-link{
		width : calc( 340 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( ( 64 - 6 ) * 100vw / 768 );
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#course .bg02{
		-webkit-box-shadow : 0 0 calc( 20 * 100vw / 1400 ) rgba(0,0,0,.24);
		        box-shadow : 0 0 calc( 20 * 100vw / 1400 ) rgba(0,0,0,.24);
	}
	#course .bg02 .wrap{
		max-width : calc( 1120 * 100% / 1400 );
		padding-top : calc( 89 * 100vw / 1400 );
		padding-bottom : calc( 131 * 100vw / 1400 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	#course .bg02 .img{
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-left : calc( 10 * 100% / 1120 );
		width : calc( 530 * 100% / 1120 );
	}
	#course .bg02 .img a{
		width : calc( 475 * 100% / 520 );
		height : calc( 238 * 100vw / 1400 );
	}
	#course .bg02 .img .bg{
		top : calc( 20 * 100vw / 1400 );
		right : 0;
		width : calc( 487 * 100% / 530 );
		height : calc( 240 * 100vw / 1400 );
	}
	#course .bg02 .texts{
		padding-top : calc( 18 * 100vw / 1400 );
		width : calc( 590 * 100% / 1120 );
	}
	#course .bg02 h4{
		border-bottom-width : 1px;
		font-size : calc( 24 * 100vw / 1400 );
		padding-bottom : calc( 16 * 100vw / 1400 );
		padding-left : calc( 53 * 100% / 590 );
	}
	#course .bg02 p{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
		margin-left : calc( 53 * 100% / 590 );
		width : calc( 547 * 100% / 590 );
		margin-top : calc( ( 18 - 3.5 ) * 100vw / 1400 );
	}
	#course .bg02 .btn-link{
		width : calc( 168 * 100% / 590 );
		height : calc( 48 * 100vw / 1400 );
		font-size : calc( 16 * 100vw / 1400 );
		margin-left : auto;
		margin-top : calc( ( 41 - 3.5 ) * 100vw / 1400 );
	}
}
@media(min-width: 1400px){
	#course .bg02{
		-webkit-box-shadow : 0 0 20px rgba(0,0,0,.24);
		        box-shadow : 0 0 20px rgba(0,0,0,.24);
	}
	#course .bg02 .wrap{
		max-width : 1120px;
		padding-top : 89px;
		padding-bottom : 131px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	#course .bg02 .img{
		-ms-flex-negative : 0;
		flex-shrink : 0;
		padding-left : 10px;
		width : 530px;
	}
	#course .bg02 .img a{
		width : 475px;
		height : 238px;
	}
	#course .bg02 .img .bg{
		top : 20px;
		right : 0;
		width : 487px;
		height : 240px;
	}
	#course .bg02 .texts{
		padding-top : 18px;
	}
	#course .bg02 h4{
		border-bottom-width : 1px;
		font-size : 24px;
		padding-bottom : 16px;
		padding-left : 53px;
	}
	#course .bg02 p{
		font-size : 14px;
		line-height : 21px;
		margin-left : 53px;
		width : 547px;
		margin-top : calc( 18px - 3.5px );
	}
	#course .bg02 .btn-link{
		width : 168px;
		height : 48px;
		font-size : 16px;
		margin-left : auto;
		margin-top : calc( 41px - 3.5px );
	}
}
/*--------------------------------------------
FAQ
---------------------------------------------*/
#faq .wrap{
	background-color : #eee;
}
#faq h3{
	text-align : center;
	color : #0d357f;
}
#faq .lede{
	color : #000;
}
#faq dl > div{
	counter-increment : no;
}
#faq dt{
	font-weight : 500;
}
#faq dt:before{
	content : "Q0"counter(no)".";
	margin-right : .5em;
	color : #0d357f;
}
#faq dd:before{
	content : "A:";
	color : #e92f97;
}
@media(max-width: 768px){
	#faq{
		padding-top : calc( 46 * 100vw / 768 );
		background : url("../images/faq/bg_sp.png") center top / cover no-repeat;
		padding-bottom : calc( 72 * 100vw / 768 );
	}
	#faq .wrap{
		width : calc( 720 * 100% / 768 );
		margin-left : auto;
		margin-right : auto;
		padding-top : calc( 82 * 100vw / 768 );
		padding-left : 0;
		padding-right : 0;
		padding-bottom : calc( 57 * 100vw / 768 );
	}
	#faq h3{
		font-size : calc( 36 * 100vw / 768 );
	}
	#faq .lede{
		margin-top : calc( ( 42 - 6 ) * 100vw / 768 );
		text-align : center;
	}
	#faq dl{
		margin-top : calc( 70 * 100vw / 768 );
	}
	#faq dt{
		font-size : calc( 30 * 100vw / 768 );
		margin-left : calc( 37 * 100% / 720 );
	}
	#faq dd{
		width : calc( 708 * 100% / 720 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 38 * 100vw / 768 );
		padding-left : calc( 36 * 100% / 708 );
		padding-right : calc( 28 * 100% / 708 );
		padding-top : calc( ( 58 - 6 ) * 100vw / 768 );
	}
	#faq dl > div:nth-of-type(1) dd{
		background : url("../images/faq/bg_dd01_sp.png") left top / cover no-repeat;
		height : calc( 382 * 100vw / 768 );
	}
	#faq dl > div:nth-of-type(2) dd{
		background : url("../images/faq/bg_dd02_sp.png") left top / cover no-repeat;
		height : calc( 320 * 100vw / 768 );
	}
	#faq dl > div:nth-of-type(3) dd{
		background : url("../images/faq/bg_dd03_sp.png") left top / cover no-repeat;
		height : calc( 263 * 100vw / 768 );
	}
	#faq dl > div:nth-of-type( n + 2){
		margin-top : calc( 51 * 100vw / 768 );
	}
	#faq .btn-link{
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 39 * 100vw / 768 );
		width : calc( 340 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#faq{
		margin-top : calc( 128 * 100vw / 1400 );
		padding-top : calc( 76 * 100vw / 1400 );
		background : url("../images/faq/bg.png") center top / 100% 955px no-repeat;
	}
	#faq .wrap{
		max-width : calc( 1160 * 100% / 1400 );
		padding-top : calc( 59 * 100vw / 1400 );
		padding-left : calc( 80 * 100% / 1400 );
		padding-right : calc( 80 * 100% / 1400 );
		padding-bottom : calc( 75 * 100vw / 1400 );
	}
	#faq h3{
		font-size : calc( 36 * 100vw / 1400 );
	}
	#faq .lede{
		line-height : 1;
		margin-top : calc( 44 * 100vw / 1400 );
	}
	#faq dl{
		margin-top : calc( 77 * 100vw / 1400 );
	}
	#faq dt{
		font-size : calc( 18 * 100vw / 1400 );
		margin-left : calc( 13 * 100% / 1000 );
	}
	#faq dd{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
		padding-left : calc( 60 * 100% / 1000 );
		padding-right : calc( 60 * 100% / 1000 );
		margin-top : calc( -5 * 100vw / 1400 );
		padding-top : calc( ( 59 - 3.5 ) * 100vw / 1400 );
	}
	#faq dl > div:nth-of-type(1) dd{
		background : url("../images/faq/bg_dd01.png") left top no-repeat;
		background-size : 100% 100%;
		width : 100%;
		height : calc( 160 * 100vw / 1400 );
	}
	#faq dl > div:nth-of-type( n + 2){
		margin-top : calc( 38 * 100vw / 1400 );
	}
	#faq dl > div:nth-of-type( n + 2 ) dd{
		background : url("../images/faq/bg_dd02.png") left top no-repeat;
		background-size : 100% 100%;
		width : 100%;
		height : calc( 133 * 100vw / 1400 );
	}
	#faq dl > div:nth-of-type(2) dd{
		height : calc( 152 * 100vw / 1400 );
	}
	#faq dl > div:nth-of-type(3) dd{
		height : calc( 142 * 100vw / 1400 );
	}
	#faq .btn-link{
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 67 * 100vw / 1400 );
		width : calc( 456 * 100% / 1000 );
		height : calc( 74 * 100vw / 1400 );
		font-size : calc( 18 * 100vw / 1400 );
		border-radius : calc( 37 * 100vw / 1400 );
	}
}
@media(min-width: 1400px){
	#faq{
		margin-top : 128px;
		padding-top : 76px;
		background : url("../images/faq/bg.png") center top / 100% 955px no-repeat;
	}
	#faq .wrap{
		max-width : 1160px;
		padding-top : 59px;
		padding-left : 80px;
		padding-right : 80px;
		padding-bottom : 75px;
	}
	#faq h3{
		font-size : 36px;
	}
	#faq .lede{
		line-height : 1;
		margin-top : 44px;
	}
	#faq dl{
		margin-top : 77px;
	}
	#faq dt{
		font-size : 18px;
		margin-left : 13px;
	}
	#faq dd{
		font-size : 14px;
		line-height : 21px;
		padding-left : 60px;
		padding-right : 60px;
		margin-top : -5px;
		padding-top : calc( 59px - 3.5px );
	}
	#faq dl > div:nth-of-type(1) dd{
		background : url("../images/faq/bg_dd01.png") left top no-repeat;
		width : 1000px;
		height : 160px;
	}
	#faq dl > div:nth-of-type( n + 2){
		margin-top : 38px;
	}
	#faq dl > div:nth-of-type( n + 2 ) dd{
		background : url("../images/faq/bg_dd02.png") left top no-repeat;
		width : 1000px;
		height : 133px;
	}
	#faq .btn-link{
		margin-left : auto;
		margin-right : auto;
		margin-top : 67px;
		width : 456px;
		height : 74px;
		font-size : 18px;
		border-radius : 37px;
	}
}
/*--------------------------------------------
CONTACT
---------------------------------------------*/
#contact h3{
	text-align : center;
	color : #0d357f;
	font-weight : 500;
}
@media(max-width: 768px){
	#contact .wrap{
		padding-top : calc( 145 * 100vw / 768 );
		padding-bottom : calc( 108 * 100vw / 768 );
	}
	#contact h3{
		font-size : calc( 36 * 100vw / 768 );
	}
	#contact .lede{
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 38 * 100vw / 768 );
		margin-top : calc( ( 51 - 6 ) * 100vw / 768 );
	}
	#contact ul{
		margin-top : calc( ( 45 - 6 ) * 100vw / 768 );
	}
	#contact li{
		width : calc( 446 * 100% / 720 );
		height : calc( 114 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	#contact li + li{
		margin-top : calc( 17 * 100vw / 768 );
	}
	#contact a{
		width : 100%;
		height : 100%;
		border-radius : calc( 57 * 100vw / 768 );
		font-size : calc( 28 * 100vw / 768 );
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#contact .wrap{
		max-width : calc( 980 * 100% / 1400 );
		padding-top : calc( 141 * 100vw / 1400 );
		padding-bottom : calc( 151 * 100vw / 1400 );
	}
	#contact h3{
		font-size : calc( 36 * 100vw / 1400 );
	}
	#contact .lede{
		text-align : center;
		margin-top : calc( ( 31 - 2.5 ) * 100vw / 1400 );
	}
	#contact ul{
		margin-top : calc( ( 52 - 2.5 ) * 100vw / 1400 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#contact li{
		width : calc( 446 * 100% / 980 );
		height : calc( 114 * 100vw / 1400 );
	}
	#contact a{
		width : 100%;
		height : 100%;
		border-radius : calc( 57 * 100vw / 1400 );
		font-size : calc( 24 * 100vw / 1400 );
	}
}
@media(min-width: 1400px){
	#contact .wrap{
		max-width : 980px;
		padding-top : 141px;
		padding-bottom : 151px;
	}
	#contact h3{
		font-size : 36px;
	}
	#contact .lede{
		text-align : center;
		margin-top : calc( 31px - 2.5px );
	}
	#contact ul{
		margin-top : calc( 52px - 2.5px );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#contact li{
		width : 446px;
		height : 114px;
	}
	#contact a{
		width : 100%;
		height : 100%;
		border-radius : 57px;
		font-size : 24px;
	}
}
/*--------------------------------------------
ABOUT
---------------------------------------------*/
#about{
	background-color : #09c;
	color : white;
}
#about a{
	color : white;
}
#about h3 , #about h4{
	line-height : 1.2;
	font-weight : 500;
}
#about .map a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : end;
	-ms-flex-pack : end;
	justify-content : flex-end;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
#about .map a:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/arrow02.png") left top / cover no-repeat;
}
#about .me{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
}
#about .me .logo{
	-ms-flex-negative : 0;
	flex-shrink : 0;
}
#about .me h5{
	font-weight : 700;
}
#about .me span{
	display : block;
}
@media(max-width: 768px){
	#about .wrap{
		padding-top : calc( 76 * 100vw / 768 );
		padding-bottom : calc( ( 94 - 6 ) * 100vw / 768 );
	}
	#about h3 , #about h4{
		font-size : calc( 30 * 100vw / 768 );
	}
	#about li + li{
		margin-top : calc( 46 * 100vw / 768 );
	}
	#about dl{
		margin-top : calc( ( 32 - 6 ) * 100vw / 768 );
	}
	#about dt , #about dd{
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 38 * 100vw / 768 );
	}
	#about .map{
		margin-top : calc( 38 * 100vw / 768 );
	}
	#about .map-container{
		width : 100%;
		height : calc( 379 * 100vw / 768 );
	}
	#about .map dd{
		line-height : 1;
		margin-top : calc( 6 * 100vw / 768 );
	}
	#about .map a{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 11 * 100vw / 768 );
	}
	#about .map a:before{
		width : calc( 16 * 100% / 720 );
		height : calc( 15 * 100vw / 768 );
		margin-right : calc( 7 * 100% / 720 );
	}
	#about h4{
		margin-bottom : calc( ( 34 - 6 ) * 100vw / 768 );
	}
	#about .texts{
		margin-top : calc( 112 * 100vw / 768 );
	}
	#about .texts p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : calc( 38 * 100vw / 768 );
	}
	#about .texts p + p{
		margin-top : calc( 38 * 100vw / 768 );
	}
	#about .me{
		margin-top : calc( 68 * 100vw / 768 );
		-webkit-box-pack : start;
		-ms-flex-pack : start;
		justify-content : flex-start;
	}
	#about .me .logo{
		width : calc( 112 * 100% / 720 );
		margin-right : calc( 16 * 100% / 720 );
	}
	#about .me h5{
		font-size : calc( 28 * 100vw / 768 );
	}
	#about .me .box{
		padding-top : calc( 4 * 100vw / 768 );
	}
	#about .me .box p{
		margin-top : calc( ( 20 - 5 ) * 100vw / 768 );
	}
	#about .me .box p span{
		font-size : calc( 22 * 100vw / 768 );
		line-height : calc( 32 * 100vw / 768 );
	}
}
@media(min-width: 769px) and (max-width:1399px){
	#about .wrap{
		max-width : 60%;
		padding-top : calc( ( 85 - 1.8 ) * 100vw / 1400 );
		padding-bottom : calc( 52 * 100vw / 1400 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	#about ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		width : calc( 746 * 100% / 1160 );
	}
	#about ul, #about .texts{
		width: 50%;
	}
	#about h3 , #about h4{
		font-size : calc( 18 * 100vw / 1400 );
	}
	#about li{
		width : 100%;
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	#about li + li{
		margin-left : calc( 76 * 100% / 746 );
	}
	#about dl{
		margin-top : calc( ( 37 - 3.5 ) * 100vw / 1400 );
	}
	#about dt , #about dd{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
	}
	#about li:nth-child(1) .map{
		margin-top : calc( 21 * 100vw / 1400 );
	}
	#about li:nth-child(2) .map{
		margin-top : calc( 21 * 100vw / 1400 );
	}
	#about .map-container{
		width : 100%;
		height : calc( 176 * 100vw / 1400 );
	}
	#about .map dd{
		line-height : 1;
		margin-top : calc( ( 12 - 3.5 ) * 100vw / 1400 );
	}
	#about .map a{
		font-size : calc( 12 * 100vw / 1400 );
		margin-top : calc( 14 * 100vw / 1400 );
	}
	#about .map a:before{
		width : calc( 8 * 100vw / 1400 );
		height : calc( 7 * 100vw / 1400 );
		margin-right : calc( 7 * 100vw / 1400 );
	}
	#about h4{
		margin-bottom : calc( ( 17 - 1.8 - 3.5 ) * 100vw / 1400 );
	}
	#about .texts{
		margin-left : calc( 90 * 100% / 1160 );
		/* width : calc( 324 * 100% / 1160 ); */
		width : 40%;
	}
	#about .texts p{
		font-size : calc( 14 * 100vw / 1400 );
		line-height : calc( 21 * 100vw / 1400 );
		width : calc( 314 * 100% / 324 );
		margin-left : 1px;
	}
	#about .texts p + p{
		margin-top : calc( 21 * 100vw / 1400 );
	}
	#about .me{
		margin-top : calc( 67 * 100vw / 1400 );
	}
	#about .me .logo{
		width : calc( 56 * 100% / 324 );
		margin-right : calc( 8 * 100% / 324 );
	}
	#about .me h5{
		font-size : calc( 14 * 100vw / 1400 );
	}
	#about .me .box{
		width: 100%;
		padding-top : calc( 2 * 100vw / 1400 );
	}
	#about .me .box p{
		margin-top : calc( ( 10 - 2.5 ) * 100vw / 1400 );
		white-space : nowrap;
	}
	#about .me .box p span{
		height : calc( ( 16 ) * 100vw / 1400 );
		-webkit-transform-origin : left top;
		        transform-origin : left top;
		line-height : calc( 32 * 100vw / 1400 );
		font-size : calc( 22 * 100vw / 1400 );
		-webkit-transform : scale(.5);
		        transform : scale(.5);
	}
}
@media(min-width: 1400px){
	#about .wrap{
		max-width : 800px;
		padding-top : calc( 85px - 1.8px );
		padding-bottom : 52px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	#about ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	#about h3 , #about h4{
		font-size : 18px;
	}
	#about li{
		width : 335px;
	}
	#about li + li{
		margin-left : 76px;
	}
	#about dl{
		margin-top : calc( 37px - 3.5px );
	}
	#about dt , #about dd{
		font-size : 14px;
		line-height : 21px;
	}
	#about li:nth-child(1) .map{
		margin-top : 21px;
	}
	#about li:nth-child(2) .map{
		margin-top : 21px;
	}
	#about .map-container{
		width : 100%;
		height : 176px;
	}
	#about .map dd{
		line-height : 1;
		margin-top : calc( 12px - 3.5px );
	}
	#about .map a{
		font-size : 12px;
		margin-top : 14px;
	}
	#about .map a:before{
		width : 8px;
		height : 7px;
		margin-right : 7px;
	}
	#about h4{
		margin-bottom : calc( 17px - 1.8px - 3.5px );
	}
	#about .texts{
		margin-left : 90px;
	}
	#about .texts p{
		font-size : 14px;
		line-height : 21px;
		width : 314px;
		margin-left : 1px;
	}
	#about .texts p + p{
		margin-top : 21px;
	}
	#about .me{
		margin-top : 67px;
	}
	#about .me .logo{
		width : 56px;
		margin-right : 8px;
		height: 56px;
	}
		#about .me .logo img{
			width : 56px;
			height: 56px;
		}
	#about .me h5{
		font-size : 14px;
	}
	#about .me .box{
		padding-top : 2px;
	}
	#about .me .box p{
		margin-top : calc( 10px - 2.5px );
	}
	#about .me .box p span{
		font-size : 11px;
		line-height : 16px;
	}
}