@charset "UTF-8";
.home #mv{
	background-color : #eee;
	overflow : hidden;
}
@media screen and (max-width: 768px){
	.home #mv{
		padding-top : calc( 44 * 100vw / 768 );
		padding-bottom : calc( 20 * 100vw / 768 );
	}
	.home #mv .slick-track li img{
		width : auto;
		max-width : inherit;
		height : calc( 324 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.home #mv{
		padding-top : 14px;
		padding-bottom : 16px;
	}
	.home #mv .slick-track li{
		margin-left : 10px;
		margin-right : 10px;
	}
}
@media print,screen and (min-width: 769px){
	.home #articles{
		background-repeat : no-repeat;
		background-position : center center;
		background-image : url("../images/home/bg_articles.png");
		background-size : cover;
		margin-bottom:40px;
	}
	.home #articles .wrap{
		padding-top : 45px;
		padding-bottom : 60px;
	}
}
.home #topics{
	background-position : 0 0;
	background-repeat : repeat;
	position : relative;
	overflow : hidden;
}
.home #topics p{
	 margin:30px;
}
.home #topics .slick-slide img{
	width : auto;
	max-width : inherit;
}
.home #topics .slide-arrow{
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
	z-index : 5;
}
@media screen and (max-width: 768px){
	.home #topics{
		background-image : url("../images/home/bg_topics_sp.png");
		padding-top : calc( ( 44 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 52 * 100vw / 768 );
		padding-left : calc( 13 * 100% / 768 );
		padding-right : calc( 13 * 100% / 768 );
	}
	.home #topics #slider02{
		margin-top : calc( 46 * 100vw / 768 );
		font-size : 0;
	}
	.home #topics .slide-arrow{
		width : auto;
		max-width : inherit;
		height : calc( 60 * 100vw / 768 );
	}
	.home #topics .prev-arrow{
		left : calc( -12 * 100vw / 768 );
	}
	.home #topics .next-arrow{
		right : calc( -12 * 100vw / 768 );
	}
	.home #topics .slick-slide li{
		margin-left : calc( 13 * 100vw / 768 );
		margin-right : calc( 13 * 100vw / 768 );
	}
	.home #topics .slick-slide img{
		height : calc( 345 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.home #topics{
		background-image : url("../images/home/bg_topics.png");
		padding-top : calc( 46px - 6px );
		padding-bottom : 49px;
	}
	.home #topics #slider02{
		margin-top : 32px;
	}
	.home #topics .slick-slide li{
		margin-left : 3px;
		margin-right : 3px;
	}
	.home #topics .slick-slide img{
		height : 254px;
	}
	.home #topics .prev-arrow{
		left : calc( 50% - 565px );
	}
	.home #topics .next-arrow{
		right : calc( 50% - 565px );
	}
	.home #topics .slick-list{
		margin-left : calc( -254px );
	}
}
@media screen and ( min-width: 769px ) and ( max-width: 1030px){
	.home #topics .prev-arrow{
		left : 0;
	}
	.home #topics .next-arrow{
		right : 0;
	}
}
.home #school{
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	overflow : hidden;
}
.home #school ul{
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
}
.home #school ul img{
	width : auto;
	max-width : inherit;
}
.home #school .box{
	text-align : center;
}
.home #school .box p img{
	width : auto;
	max-width : inherit;
}
.home #school .box a{
	display : inline-block;
}
.home #school .box a img{
	width : auto;
	max-width : inherit;
}
@media screen and (max-width: 768px){
	.home #school{
		background-image : url("../images/home/bg_school_sp.png");
		padding-top : calc( ( 54 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 30 * 100vw / 768 );
	}
	.home #school ul{
		margin-top : calc( 42 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		justify-content : space-between;
	}
	/*.home #school ul li:nth-child(n+3){
		margin-top : calc( 31 * 100vw / 768 );
	}*/
	/*.home #school ul li:last-child:nth-child(odd){
		margin-left : auto;
		margin-right : auto;
	}*/
	.home #school ul li{
		margin-left : auto;
		margin-right : auto;
		margin-bottom: 20px;
	}
	.home #school ul img{
		/*height : calc( 347 * 100vw / 768 );*/
	}
	.home #school .box{
		margin-top : calc( 35 * 100vw / 768 );
		display : flex;
		flex-direction : column-reverse;
	}
	.home #school .box a img{
		height : calc( 115 * 100vw / 768 );
	}
	.home #school .box p{
		margin-top : calc( 26 * 100vw / 768 );
	}
	.home #school .box p img{
		height : calc( 40 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.home #school{
		background-image : url("../images/home/bg_school_pc.png");
		padding-top : calc( 45px - 6px );
		padding-bottom : 30px;
	}
	.home #school ul{
		margin-top : 14px;
		margin-left : -20px;
	}
	.home #school ul li{
		margin-left : 20px;
		margin-top : 20px;
	}
	.home #school ul img{
		/*height : 250px;*/
	}
	.home #school .box{
		margin-top : 37px;
		position : relative;
	}
	.home #school .box p{
		position : absolute;
		top : -18px;
		left : calc( 50% - 243px );
	}
	.home #school .box p img{
		height : 83px;
	}
	.home #school .box a img{
		height : 60px;
	}
}
@media screen and (max-width: 768px){
	.home #column .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-top : 0;
	}
	.home #column .wrap > section{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
}
.home #feature{
	background-color : #d61518;
}
.home #feature .text{
	color : #fff;
}
.home #feature h3{
	color : #fff;
	font-weight : 300;
	text-align : center;
	margin-bottom:30px;
}
.home #feature h3 span:nth-of-type(3){
	font-weight : 700;
}
.home #feature ul{
	background-color : #fff;
}
.home #feature li + li{
	border-style : solid;
	border-color : #d61518;
}
.home #feature li a{
	display : flex;
	width : 100%;
	background-color : #fff;
	color : #222;
}
.home #feature .img{
	flex-shrink : 0;
}
.home #feature h4{
	font-weight : 500;
}
@media screen and (max-width: 768px){
	.home #feature{
		padding-top : calc( 53 * 100vw / 768 );
		padding-bottom : calc( 50 * 100vw / 768 );
		margin-bottom:20px;
	}
	.home #feature h3 span:nth-of-type(1){
		font-size : calc( 76 * 100vw / 768 );
	}
	.home #feature h3 span:nth-of-type(2){
		font-size : calc( 51 * 100vw / 768 );
	}
	.home #feature h3 span:nth-of-type(3){
		font-size : calc( 82 * 100vw / 768 );
	}
	.home #feature h3 span:nth-of-type(4){
		font-size : calc( 49 * 100vw / 768 );
	}
	.home #feature ul{
		margin-top : calc( 46 * 100vw / 768 );
	}
	.home #feature li + li{
		border-top-width : calc( 12 * 100vw / 768 );
	}
	.home #feature li a{
		padding-top : calc( 14 * 100vw / 768 );
		padding-bottom : calc( 18 * 100vw / 768 );
		padding-left : calc( 13 * 100% / 720 );
		padding-right : calc( 13 * 100% / 720 );
	}
	.home #feature .img{
		width : calc( 80 * 100vw / 768 );
	}
	.home #feature li a > div{
		margin-left : calc( 13 * 100vw / 768 );
	}
	.home #feature li h4{
		font-size : calc( 30 * 100vw / 768 );
	}
	.home #feature li div p{
		margin-top : calc( ( 5 - 3 ) * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		line-height : 1.25;
	}
}
@media print,screen and (min-width: 769px){
	.home #feature{
		padding-top : 35px;
		padding-bottom : 19px;
		padding-left : 20px;
		padding-right : 20px;
		/*margin-bottom:20px;*/
	}
	.home #feature h3 span:nth-of-type(1){
		font-size : 37px;
	}
	.home #feature h3 span:nth-of-type(2){
		font-size : 25px;
	}
	.home #feature h3 span:nth-of-type(3){
		font-size : 40px;
	}
	.home #feature h3 span:nth-of-type(4){
		font-size : 30px;
	}
	.home #feature ul{
		margin-top : 30px;
	}
	.home #feature li + li{
		border-top-width : 5px;
	}
	.home #feature li a{
		align-items : center;
		padding-top : 12px;
		padding-bottom : 12px;
		padding-left : 13px;
		padding-right : 13px;
	}
	.home #feature .img{
		width : 160px;
	}
	.home #feature li a > div{
		margin-left : 13px;
	}
	.home #feature li h4{
		font-size : 20px;
		line-height : 1.25;
	}
	.home #feature li div p{
		font-size : 16px;
		line-height : 1.25;
		margin-top : calc( 5px - 2px );
	}
}
.home #experience p{
	text-align : center;
	color : #222;
}
.home #experience ul{
	display : flex;
	justify-content : space-between;
}
.home #experience ul img{
	width : auto;
	max-width : inherit;
}
@media screen and (max-width: 768px){
	.home #experience{
		padding-top : calc( ( 72 - 4 ) * 100vw / 768 );
	}
	.home #experience p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.31;
		margin-top : calc( ( 20 - 4 ) * 100vw / 768 );
	}
	.home #experience ul{
		margin-top : calc( ( 21 - 4 ) * 100vw / 768 );
	}
	.home #experience ul img{
		height : calc( 347 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.home #experience{
		padding-top : calc( 19px - 6px );
	}
	.home #experience p{
		font-size : 16px;
		line-height : 1.5;
		margin-top : calc( 10px - 4px );
	}
	.home #experience ul{
		margin-top : calc( 13px - 4px );
	}
	.home #experience ul img{
		height : 250px;
	}
}
.home #couse ul{
	display : flex;
	flex-wrap : wrap;
}
.home #couse ul a{
	display : block;
	text-align : center;
	background : url("../images/home/bg_couse.png") 0 0 / cover no-repeat;
	color : #222;
	font-weight : 500;
}
.home #couse ul a span{
	font-weight : 400;
}
@media screen and (max-width: 768px){
	.home #couse{
		padding-top : calc( ( 63 - 4 ) * 100vw / 768 );
		padding-bottom: 50px;
margin-top: 20px;
	}
	.home #couse ul{
		margin-top : calc( 24 * 100vw / 768 );
		justify-content : space-between;
	}
	.home #couse ul li:nth-child( n + 3){
		margin-top : calc( 12 * 100vw / 768 );
	}
	.home #couse ul li:last-child:nth-child(odd){
		margin-left : auto;
		margin-right : auto;
	}
	.home #couse ul li{
		width : calc( 357 * 100% / 720 );
	}
	.home #couse a{
		height : calc( 90 * 100vw / 768 );
		width : 100%;
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.15;
		padding-top : calc( ( 18 - 2 ) * 100vw / 768 );
	}
	.home #couse a span{
		font-size : calc( 22 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.home #couse{
		padding-top : calc( 33px - 6px );
		padding-left:10px;
		padding-right:10px;
		padding-bottom: 50px;
margin-top: 30px;
	}
	.home #couse ul{
		/*margin-top : 7px;*/
		margin-top : 30px;
		justify-content : space-between;
	}
	.home #couse li:nth-child(n+3){
		margin-top : 11px;
	}
	.home #couse a{
		width : 245px;
		height : 70px;
		font-size : 16px;
		line-height : 1.25;
		padding-top : calc( 17px - 2px );
	}
}

@media screen and (max-width: 768px){
	.home #ad{
		padding-top : calc( ( 63 - 4 ) * 100vw / 768 );
		padding-bottom: 50px;
		margin-top: 20px;
	}
	.home #ad ul{
		margin-top : 30px;
		text-align: center;
		justify-content : space-between;
	}
	.home #ad li{
		margin : 11px 11px 11px 11px;
	}


}
@media print,screen and (min-width: 769px){
	.home #ad{
	margin-top : 30px;
		padding-top : calc( 33px - 6px );
		padding-left:10px;
		padding-right:10px;
		padding-bottom: 50px;
	}
	.home #ad ul{
		margin-top : 30px;
		overflow: hidden;
		justify-content : space-between;
	}
	.home #ad li{
		margin : 11px 11px 11px 11px;
		/*width:45%;*/
		float: left;
	}

}


.home #section{
	padding: 0px 0 60px 0;
}

.content #section{
	padding: 0px 0 60px 0;
}


.content #mv{
	background-color : #eee;
	overflow : hidden;
}
@media screen and (max-width: 768px){
	.content #mv{
		padding-top : calc( 44 * 100vw / 768 );
		padding-bottom : calc( 20 * 100vw / 768 );
		margin-bottom:20px;
	}
	.content #mv .slick-track li img{
		width : auto;
		max-width : inherit;
		/*height : calc( 324 * 100vw / 768 );*/
height : calc( 245 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content #mv{
		padding-top : 14px;
		padding-bottom : 16px;
		margin-bottom:20px;
	}
	.content #mv .slick-track li{
		margin-left : 10px;
		margin-right : 10px;
	}
}

@media screen and (max-width: 768px){
	.content #content .wrap{
		/*padding-top : calc( ( 62 - 4 ) * 100vw / 768 );変更0307*/
		/*padding-top : calc( ( 12 - 4 ) * 100vw / 768 )*/
		/*padding-bottom : calc( ( 162 - 12 ) * 100vw / 768 ); 変更0228*/
		padding-bottom : calc( ( 62 - 12 ) * 100vw / 768 );
	}
	.content #content h3 + h3{
		margin-top : calc( ( 61 - 4 ) * 100vw / 768 );
	}
	.content #content .title01{
		/*margin-top : calc( ( 113 - 3 ) * 100vw / 768 );*/
		margin-top : 20px;
	}
	.content #content .text{
		/*margin-top : calc( ( 49 - 7 ) * 100vw / 768 );*/
		margin-top : calc( ( 49 - 7 ) * 100vw / 768 );
		margin-bottom:20px;/*追加0307*/
	}
	.content #content .text-large{
		/*margin-top : calc( ( 69 - 7 - 12 ) * 100vw / 768 );*/
		margin-top : calc( ( 69 - 7 - 12 ) * 100vw / 768 );
		margin-bottom:20px;/*追加0307*/
font-family : "Noto Sans JP" , sans-serif　!important;
	}
	/*追加 0228*/
	.content #aside01{
		margin-bottom : 40px;
	}
	.content #aside01 .title01{
		/*margin-top : calc( ( 113 - 3 ) * 100vw / 768 );*/
		margin-top : 20px;
	}
	.content #aside01 .text{
		/*margin-top : calc( ( 49 - 7 ) * 100vw / 768 );*/
	}
	.content #aside01 .text-large{
		/*margin-top : calc( ( 69 - 7 - 12 ) * 100vw / 768 );*/
	}
}
@media print,screen and (min-width: 1100px){
	.content #content .wrap{
		/*padding-top : calc( 45px - 3px ); */
		padding-bottom :calc( 5px - 7px );  /*calc( 176px - 7px ); 変更0228*/
	}
	.content #content h3 + h3{
		margin-top : calc( 52px - 3px );
	}
	.content #content .title01{
		/*margin-top : calc( 69px - 2px ); 変更0228*/
		margin-top : calc( 49px - 2px );
		
	}
	.content #content .text{
		/*margin-top : calc( 26px - 3.5px );*/
		margin-top : calc( 26px - 3.5px );
		 margin-bottom:20px;/*追加0307*/
	}
	.content #content .text-large{
		/*margin-top : calc( 70px - 7px );*/
		 margin-bottom:20px;/*追加0307*/
	}
	/*追加 0228*/
	.content #aside01{
		margin-bottom : 40px;
		margin-top:85px;
	}
	.content #aside01 .title01{
		/*margin-top : calc( 69px - 2px ); 変更0228*/
		margin-top : calc( 49px - 2px );
		
	}
	.content #aside01 .text{
		/*margin-top : calc( 26px - 3.5px );*/
	}
	.content #aside01 .text-large{
		/*margin-top : calc( 70px - 7px );*/
		/*margin-top : calc( 26px - 3.5px );*/
	}
}
@media screen and (max-width: 768px){
	.content .column .wrap{
		padding-bottom : calc( ( 89 - 3.5 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content .column .wrap{
		padding-bottom : 41px;
	}
}
/*追加 0228*/
@media screen and (max-width: 768px){
	.content #aside01 .wrap{
		padding-top : calc( ( 62 - 4 ) * 100vw / 768 );
		/*padding-top : calc( ( 12 - 4 ) * 100vw / 768 )*/
		/*padding-bottom : calc( ( 162 - 12 ) * 100vw / 768 ); 変更0228*/
		/*padding-bottom : calc( ( 62 - 12 ) * 100vw / 768 );*/
	}
}
@media print,screen and (min-width: 769px){
	.content #aside01 .wrap{
		/*margin-top : calc( 111px - 2px );*/
		/*padding-bottom : 483px;*/
		padding-top : calc( 45px - 3px ); 
		/*padding-bottom : calc( 15px - 7px ); 変更0228*/
	}
}

/*追加 0228*/
#slider_album .img img{
	width : auto;
	max-width : inherit;
	text-align : center;
}
#slider_album .img p + p{
	text-align : center;
}

#slider_album li.slick-slide{
	position : relative;
}
#slider_album li.slick-slide h4{
	letter-spacing : .1em;
	position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
height:55px;
	background-color : rgba(0,0,0,.8);
	color : #fff;
}
#slider_album li.slick-slide img{
	width : auto;
	max-width : inherit;
}
#slider_album .slick-dots button{
	border-radius : 0;
}
@media screen and (max-width: 768px){

	#slider_album .img{
		margin-top : calc( 17 * 100vw / 768 );
		text-align : center;
	}
	#slider_album .img img{
		height : calc( 288 * 100vw / 768 );
	}
	#slider_album .img p + p{
		font-size : calc( 26 * 100vw / 768 );
		margin-top : calc( 11 * 100vw / 768 );
	}

	#slider_album{
		width : calc( 720 * 100% / 768 );
		margin-top : calc( 36 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	#slider_album li.slick-slide img{
		height : calc( 537 * 100vw / 768 );
	}
	#slider_album .slide-arrow{
		width : calc( 60 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
		top : 50%;
		position : absolute;
		z-index : 2;
		-webkit-transform : translateY(-50%);
		        transform : translateY(-50%);
	}
	#slider_album .prev-arrow{
		left : calc( -24 * 100% / 768 );
	}
	#slider_album .next-arrow{
		right : calc( -24 * 100% / 768 );
	}
	#slider_album h4{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
		padding-left : calc( 45 * 100% / 720 );
		padding-right : calc( 45 * 100% / 720 );
		padding-top : calc( ( 12 - 2.6 ) * 100vw / 768 );
		padding-bottom : calc( ( 12 - 2.6 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#slider_album .box{
		display : flex;
		align-items : flex-start;
		margin-top : -42px;
	}
	#slider_album .img{
		flex-shrink : 0;
		margin-right : 20px;
	}
	#slider_album .img img{
		height : 288px;
	}
	#slider_album .img p + p{
		font-size : 16px;
		margin-top : 4px;
	}

	#slider_album{
		margin-top : 21px;
	}
	#slider_album div.slick-slide{
		margin-left : 5px;
		margin-right : 5px;
	}
	#slider_album div.slick-slide img{
		height : 349px;
	}
	#slider_album h4{
		font-size : 14px;
		line-height : 1.5;
		padding-left : 5px;
		padding-right : 3px;
		padding-top : calc( 5px - 3.5px );
		padding-bottom : calc( 5px - 3.5px );
	}
}
@media print,screen and (min-width: 769px){
	.content #articles{
		background-repeat : no-repeat;
		background-position : center center;
		background-image : url("../images/home/bg_articles.png");
		background-size : cover;
		margin-top : 17px;
	}
	.content #articles .wrap{
		/*padding-top : 45px;*/
		padding-top :10px;
		padding-bottom : 60px;
	}
}
.content .countdown{
	color : #222;
	margin : 0 0 40px 0;
}
.content .countdown p{
	text-align : center;
}
.content .countdown ul{
	display : flex;
	justify-content : center;
	margin-left : auto;
	margin-right : auto;
	flex-wrap : wrap;
}
.content .countdown li{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-color : #aaa;
	border-style : solid;
}
.content .countdown li.off , .content .countdown li.off ~ li{
	background-color : #aaa;
	color : #8d8d8d;
}
@media screen and (max-width: 768px){
	.content .countdown .wrap{
		padding-top : calc( ( 120 - 33 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 93 * 100vw / 768 );
	}
	.content .countdown p{
		font-size : calc( 26 * 100vw / 768 );
		margin-top : calc( 25 * 100vw / 768 );
		margin-bottom : calc( 25 * 100vw / 768 );
	}
	.content .countdown ul{
		margin-top : calc( 65 * 100vw / 768 );
		justify-content : space-between;
	}
	.content .countdown li{
		width : calc( 70 * 100vw / 768 );
		height : calc( 70 * 100vw / 768 );
		font-size : calc( 28 * 100vw / 768 );
		border-width : 1px;
	}
	.content .countdown li:nth-child(n+11){
		margin-top : calc( 3 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content .countdown .wrap{
		padding-top : calc( 57px - 6px );
		padding-bottom : 36px;
	}
	.content .countdown p{
		font-size : 18px;
		margin-top : 19px;
		margin-bottom : 19px;
	}
	.content .countdown ul{
		width : 548px;
		margin-top : 34px;
	}
	.content .countdown li{
		width : 53px;
		height : 53px;
		font-size : 21px;
		border-width : 1px;
	}
	.content .countdown li:not(:nth-child(10n + 1)){
		margin-left : 2px;
	}
	.content .countdown li:nth-child(n+11){
		margin-top : 2px;
	}
}
.content #blog{
	background-repeat : repeat;
	background-position : 0 0;
}
@media screen and (max-width: 768px){
	.content #blog{
		background-image : url("../images/school/bg03_sp.png");
		background-size : auto calc( 1149 * 100vw / 768 );
	}
	.content #blog {
		/*padding-top : calc( ( 63 - 4 ) * 100vw / 768 );*/
		padding-top : calc( ( 4 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 98 * 100vw / 768 );
	}
	.content #blog  > a{
		margin-top : calc( ( 79 - 28 - 5 ) * 100vw / 768 );
		width : calc( 300 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content #blog{
		background-image : url("../images/school/bg02_pc.png");
	}
	.content #blog {
		/*padding-top : calc( 86px - 6px );*/
		padding-top : 0;
		/*padding-bottom : 67px;*/
	}
	.content #blog > a{
		margin-top : 28px;
	}
}
.content #staff{
	background-repeat : repeat-x;
	background-position : 0 0;
	color : #222;
}

.content #staff div.slick-slide{
	background-color : #fff;
	box-shadow : 3px 3px #999;
}
.content #staff .box{
	display : flex;
	align-items : flex-start;
	width : 100%;
	height : 100%;
}
.content #staff .img{
	flex-shrink : 0;
	margin-top : auto;
}
.content #staff .img img{
	width : 100%;
	max-width : inherit;
}
.content #staff .head{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #d61518;
	color : #fff;
}
.content #staff .slick-dots button{
	border-radius : 0;
}
@media screen and (max-width: 768px){
	.content #staff{
		/*background-image : url("../images/school/bg02_sp.png");
		background-size : auto calc( 849 * 100vw / 768 );*/
		padding-bottom : calc( 39 * 100vw / 768 );
		padding-top : calc( 39 * 100vw / 768 );/*追加0307*/
		/*background-repeat : repeat;*/
	}
	.content #staff .wrap{
		padding-top : calc( ( 60 - 4 ) * 100vw / 768 );
	}
	.content #staff .wrap > p{
		margin-top : calc( ( 31 - 4 - 7 ) * 100vw / 768 );
	}
	.content #staff #slider02{
		margin-top : calc( ( 76 - 7 ) * 100vw / 768 );
		width : calc( 720 * 100% / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	.content #staff .slide-arrow{
		width : calc( 60 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
		top : 50%;
		position : absolute;
		z-index : 2;
		-webkit-transform : translateY(-50%);
		        transform : translateY(-50%);
	}
	.content #staff .prev-arrow{
		left : calc( -24 * 100% / 768 );
	}
	.content #staff .next-arrow{
		right : calc( -24 * 100% / 768 );
	}
	.content #staff div.slick-slide{
		width : calc( 720 * 100vw / 768 );
	}
	.content #staff li.slick-slide{
		height : calc( 410 * 100vw / 768 );
	}
	.content #staff .box{
		padding-left : calc( 5 * 100vw / 768 );
		padding-right : calc( 48 * 100vw / 768 );
	}
	.content #staff .img img{
		/*height : calc( 365 * 100vw / 768 );*/
	}
	.content #staff .box > div{
		margin-left : calc( 16 * 100vw / 768 );
		margin-top : calc( 45 * 100vw / 768 );
	}
	.content #staff .head{
		font-size : calc( 24 * 100vw / 768 );
		height : calc( 29 * 100vw / 768 );
		padding-left : calc( 2 * 100vw / 768 );
		padding-right : calc( 2 * 100vw / 768 );
	}
	.content #staff h4{
		font-size : calc( 50 * 100vw / 768 );
		margin-top : calc( 16 * 100vw / 768 );
	}
	.content #staff li .text{
		margin-top : calc( ( 12 - 2.6 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
		letter-spacing : 0;
	}
	.content #staff .catchphrase{
		font-weight : bold;
	}
	.content #staff .btn-more{
		margin-top : calc( ( 20 - 2.6 ) * 100vw / 768 );
		width : calc( 334 * 100vw / 768 );
		height : calc( 50 * 100vw / 768 );
	}
	.content #staff .slick-dots{
		padding-top : calc( 35 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content #staff{
		/*background-image : url("../images/school/bg02_pc.png");*/
		/*background-size : auto 549px;*/
		/*padding-bottom : 33px;*/
		padding-top : 33px;/*追加0307*/
	}
	.content #staff .wrap{
		/*padding-top : calc( 64px - 6px );*/
	}
	.content #staff .wrap > p{
		margin-top : calc( 21px - 7px );;
		text-align : center;
	}
	.content #staff #slider02{
		margin-top : calc( 31px - 7px );
	}
	.content #staff div.slick-slide{
		width : 520px;
		margin-left : 9px;
		margin-right : 9px;
	}
	.content #staff li.slick-slide{
		height : 250px;
	}
	.content #staff .box{
		padding-left : 10px;
		padding-right : 10px;
	}
	.content #staff .img img{
		/*height : 240px;*/
	}
	.content #staff .box > div{
		margin-left : 6px;
		margin-top : 31px;
	}
	.content #staff .head{
		font-size : 13px;
		/*height : 17px;*/
		padding : 2px;
		margin-top:5px;
	}
	.content #staff ul{
		display: flex;
	}
	.content #staff li{
		border-style: solid;
		border-color: #eee;
		border-width: 8px;
		padding: 22px;
		margin-right: 20px;
		width: 270px;
	}
	.content #staff li .text{
		margin-top : calc( 12px - 3.5px );
	}
	.content #staff h4{
		font-size : 30px;
		margin-top : 12px;
	}
	.content #staff .catchphrase{
		font-weight : bold;
	}
	.content #staff .btn-more{
		margin-top : calc( 20px - 3.5px );
	}
}



.content #section .index_button a{
	margin-top: 10px;
	font-size: 16px;
	border-width: 1px;
	width: 205px;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-style: solid;
	border-color: #aaa;
	margin-left: auto;
	margin-right: auto;
	color: #222;
}

@media screen and (max-width: 768px){
	.content #section01 .wrap{
		padding-top : calc( ( 32 - 4 ) * 100vw / 768 );
	}
	.content #section01 .box-flex{
		margin-top : calc( 64 * 100vw / 768 );
	}
	.content #section01 .fluid{
		/*margin-top : calc( ( 119 - 7 ) * 100vw / 768 );*/
		margin-top : calc( ( 50 - 7 ) * 100vw / 768 );
	}
	.content #section01 .wrap > h4:nth-of-type(1){
		margin-top : calc( ( 26 - 3 ) * 100vw / 768 );
	}
	.content #section01 .wrap > p:nth-of-type(2){
		margin-top : calc( ( 49 - 7 ) * 100vw / 768 );
	}
	.content #section01 .list01{
		margin-top : calc( ( 59 - 7 ) * 100vw / 768 );
	}
	.content #section01 .list02{
		margin-top : calc( 166 * 100vw / 768 );
	}
	.content #section01 .list03{
		margin-top : calc( 124 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
.content #section01{
	padding:15px 0 0 0;
	margin: 0px 0 40px 0;
}

	.content #section01 .wrap{
		/*padding-top : calc( 45px - 6px );*/
	}
	.content #section01 .box-flex{
		margin-top : 51px;
	}
	.content #section01 .fluid{
		/*margin-top : calc( 73px - 3.5px );*/
		margin-top : calc( 30px - 3.5px );
		
	}
	.content #section01 .wrap > h4:nth-of-type(1){
		margin-top : calc( 21px - 2px );
	}
	.content #section01 .wrap > p:nth-of-type(2){
		margin-top : calc( 27px - 3.5px );
	}
	.content #section01 .list01{
		margin-top : calc( 66px - 3.5px );
	}
	.content #section01 .list02{
		margin-top : calc( 54px - 3.5px );
	}
	.content #section01 .list03{
		margin-top : 131px;
	}
}

@media screen and (max-width: 768px){
	.content #section{
	padding:15px 0 0 0;
	}
	.content #section .wrap{
		/*padding-top : calc( ( 32 - 4 ) * 100vw / 768 );*/
		padding-bottom : calc( ( 32 - 4 ) * 100vw / 768 );
	}
	.content #section .box-flex{
		margin-top : calc( 64 * 100vw / 768 );
	}
	.content #section .fluid{
		margin-top : calc( ( 119 - 7 ) * 100vw / 768 );
	}
	.content #section .wrap > h4:nth-of-type(1){
		margin-top : calc( ( 26 - 3 ) * 100vw / 768 );
	}
	.content #section .wrap > p:nth-of-type(2){
		margin-top : calc( ( 49 - 7 ) * 100vw / 768 );
	}
	.content #section .list01{
		margin-top : calc( ( 59 - 7 ) * 100vw / 768 );
	}
	.content #section .list02{
		/*margin-top : calc( 166 * 100vw / 768 );*/
	}
	.content #section .list03{
		margin-top : calc( 124 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content #section{
		padding:15px 0 0 0;
		margin: 0px 0 20px 0;
	}
	.content #section .wrap{
		/*padding-top : calc( 45px - 6px );*/
		padding-bottom : calc( 45px - 6px )
	}
	.content #section .box-flex{
		margin-top : 51px;
	}
	.content #section .fluid{
		margin-top : calc( 73px - 3.5px );
	}
	.content #section .wrap > h4:nth-of-type(1){
		margin-top : calc( 21px - 2px );
	}
	.content #section .wrap > p:nth-of-type(2){
		margin-top : calc( 27px - 3.5px );
	}
	.content #section .list01{
		/*margin-top : calc( 66px - 3.5px );*/
	}
	.content #section .list02{
		/*margin-top : calc( 54px - 3.5px );*/
	}
	.content #section .list03{
		/*margin-top : 131px;*/
	}
}


.content #contact{
	color : #222;
}
.content #contact .comment{
	margin:0 0 20px 0;
}
.content #contact dt .required{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
.content #contact dt .required:after{
	content : "必須";
	display : block;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #dd5a6f;
}
.content #contact input[type="text"] , .content #contact input[type="email"] , .content #contact input[type="tel"] , .content #contact select , .content #contact textarea{
	border-style : solid;
	border-color : #999;
}
.content #contact input[type="text"] , .content #contact input[type="email"] , .content #contact input[type="tel"]{
	padding-left : .5em;
}
.content #contact input[type="text"]:placeholder-shown , .content #contact input[type="email"]:placeholder-shown , .content #contact input[type="tel"]:placeholder-shown{
	color : #999;
}
.content #contact .radios{
	display : flex;
	flex-wrap : wrap;
}
.content #contact .radios label{
	position : relative;
}
.content #contact .radios label input{
	display : none;
}

.content #contact .radios label span{
	display : flex;
	align-items : center;
}
.content #contact .radios label span::before{
	content : "";
	display : block;
	border-radius : 50%;
}
.content #contact .radios label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	border-radius : 50%;
}
.content #contact .radios span:before{
	border-style : solid;
	border-color : #999;
}
.content #contact .radios input:checked + span:before{
	background-color : #f93;
	border-color : #f93;
}
.content #contact #contact_email , .content #contact #contact_email_confirm{
	display : block;
}
.content #contact input[type="submit"]{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	background-color : #638c0b;
	letter-spacing : .1em;
}
.content #contact input[type="submit"]{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	background-color : #638c0b;
	letter-spacing : .1em;
}
/*追加*/
.content #contact input[type="reset"]{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	background-color : #626262;
	letter-spacing : .1em;
}
.content #contact input[type="reset"]{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	background-color : #626262;
	letter-spacing : .1em;
}
/*追加*/
@media screen and (max-width: 768px){
	.content #contact .wrap{
		/*padding-top : calc( ( 106 - 4 ) * 100vw / 768 );*/
		padding-bottom : calc( ( 113 - 7 ) * 100vw / 768 );
	}
	.content #contact dl{
		margin-top : calc( 61 * 100vw / 768 );
	}
	.content #contact dt{
		width : 100%;
		background-color : #eee;
		padding-left : calc( 36 * 100% / 720 );
		padding-right : calc( 36 * 100% / 720 );
		display : flex;
		align-items : center;
	}
	.content #contact dt label{
		font-size : calc( 26 * 100vw / 768 );
		height : calc( 79 * 100vw / 768 );
		display : flex;
		justify-content : space-between;
		width : 100%;
		align-items : center;
	}
	.content #contact dt .required:after{
		width : calc( 77 * 100vw / 768 );
		height : calc( 41 * 100vw / 768 );
	}
	.content #contact dd{
		font-size : calc( 26 * 100vw / 768 );
		padding-top : calc( 34 * 100vw / 768 );
		padding-bottom : calc( 33 * 100vw / 768 );
		padding-left : calc( 36 * 100% / 720 );
		padding-right : calc( 36 * 100% / 720 );
	}
	.content #contact input[type="text"] , .content #contact input[type="email"] , .content #contact input[type="tel"] , .content #contact select , .content #contact textarea{
		border-width : calc( 2 * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		border-radius : calc( 3 * 100vw / 768 );
	}
	.content #contact input[type="text"] , .content #contact input[type="email"] , .content #contact input[type="tel"] , .content #contact select{
		height : calc( 60 * 100vw / 768 );
	}
	.content #contact #contact_name , .content #contact #contact_college , .content #contact #contact_tel{
		width : 100%;
	}
	.content #contact .radios{
		display : flex;
		flex-wrap : wrap;
		margin-left : calc( -26 * 100vw / 768 );
		margin-top : calc( -22 * 100vw / 768 );
	}
	.content #contact .radios li{
		margin-left : calc( 26 * 100vw / 768 );
		margin-top : calc( 9 * 100vw / 768 );
	}
	.content #contact .radios span:before{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
		margin-right : calc( 6 * 100vw / 768 );
		-ms-grid-row-align : center;
		align-self : center;
	}
	.content #contact .radios input:checked + span:after{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
	}
	.content #contact #contact_email , .content #contact #contact_email_confirm{
		width : 100%;
	}
	.content #contact #contact_email{
		margin-bottom : calc( 9 * 100vw / 768 );
	}
	.content #contact #contact_email_confirm{
		margin-top : calc( 9 * 100vw / 768 );
	}
	.content #contact #contact_zip{
		margin-left : calc( 8 * 100vw / 768 );
		width : calc( 200 * 100vw / 768 );
	}
	.content #contact #contact_address01{
		width : calc( 240 * 100vw / 768 );
		margin-left : calc( 24 * 100vw / 768 );
	}
	.content #contact #contact_address02 , .content #contact #contact_address03{
		width : 100%;
	}
	.content #contact #contact_address02{
		margin-top : calc( 16 * 100vw / 768 );
	}
	.content #contact #contact_address03{
		margin-top : calc( 12 * 100vw / 768 );
	}
	.content #contact .reserve li{
		display : flex;
		align-items : flex-start;
	}
	.content #contact .reserve li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.content #contact .reserve span{
		margin-top : calc( 16 * 100vw / 768 );
		width : calc( 140 * 100vw / 768 );
		flex-shrink : 0;
	}
	.content #contact .reserve select{
		width : calc( 520 * 100vw / 768 );
		display : block;
	}
	.content #contact .reserve select + select{
		margin-top : calc( 8 * 100vw / 768 );
	}
	.content #contact .reserve + p{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 20 * 100vw / 768 );
	}
	.content #contact textarea{
		width : 100%;
		height : calc( 160 * 100vw / 768 );
	}
	.content #contact input[type="submit"]{
		margin-top : calc( ( 53 - 33 ) * 100vw / 768 );
		width : calc( 600 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
	}
	/*追加*/
	.content #contact input[type="reset"]{
		margin-top : calc( ( 53 - 33 ) * 100vw / 768 );
		width : calc( 600 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
	}
	/*追加*/
	.content #contact .wrap > p , .content #contact .wrap > h5 , .content #contact .wrap > h6 , .content #contact .wrap > ul > li{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		letter-spacing : .1em;
	}
	.content #contact h5{
		margin-top : calc( ( 46 - 7 ) * 100vw / 768 );
	}
	.content #contact .wrap > ul{
		margin-top : calc( ( 40 - 7 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content #contact .wrap{
		/*padding-top : calc( 63px - 6px );*/
		padding-bottom : calc( 49px - 3.5px );
		width : 750px;
	}
	.content #contact dl{
		margin-top : calc( 32px - 22px );
	}
	.content #contact dl > div{
		display : flex;
		align-items : flex-start;
		padding-top : 22px;
		padding-bottom : 22px;
	}
	.content #contact dl > div + div{
		border-top : 1px solid #e5e5e5;
	}
	.content #contact dt{
		width : 195px;
		flex-shrink : 0;
		margin-top : 9px;
	}
	.content #contact dt label{
		font-size : 16px;
	}
	.content #contact dt .required:after{
		font-size : 12px;
		width : 47px;
		height : 16px;
	}
	.content #contact dd{
		margin-left : 28px;
		flex-grow : 1;
		font-size : 16px;
	}
	.content #contact input[type="text"] , .content #contact input[type="email"] , .content #contact input[type="tel"] , .content #contact select , .content #contact textarea{
		border-width : 1px;
		font-size : 16px;
		border-radius : 3px;
	}
	.content #contact input[type="text"] , .content #contact input[type="email"] , .content #contact input[type="tel"] , .content #contact select{
		height : 33px;
	}
	.content #contact #contact_name , .content #contact #contact_college , .content #contact #contact_tel{
		width : 322px;
	}
	.content #contact .radios{
		display : flex;
		flex-wrap : wrap;
		margin-left : -32px;
		margin-top : -10px;
	}
	.content #contact .radios li{
		margin-left : 32px;
		margin-top : 15px;
	}
	.content #contact .radios span:before{
		border-width : 1px;
		width : 11px;
		height : 11px;
		margin-right : 5px;
		-ms-grid-row-align : center;
		align-self : center;
	}
	.content #contact .radios input:checked + span:after{
		width : 11px;
		height : 11px;
		border-width : 1px;
	}
	.content #contact #contact_email , .content #contact #contact_email_confirm{
		width : 484px;
	}
	.content #contact #contact_email{
		margin-bottom : 6px;
	}
	.content #contact #contact_email_confirm{
		margin-top : 6px;
	}
	.content #contact #contact_zip{
		margin-left : 5px;
		width : 166px;
	}
	.content #contact #contact_address01{
		width : 233px;
		margin-left : 18px;
	}
	.content #contact #contact_address02 , .content #contact #contact_address03{
		width : 439px;
	}
	.content #contact #contact_address02{
		margin-top : 14px;
	}
	.content #contact #contact_address03{
		margin-top : 9px;
	}
	.content #contact .reserve li{
		display : flex;
		align-items : flex-start;
	}
	.content #contact .reserve li + li{
		margin-top : 12px;
	}
	.content #contact .reserve span{
		margin-top : 6px;
		width : 87px;
	}
	.content #contact .reserve select{
		width : 322px;
		display : block;
	}
	.content #contact .reserve select + select{
		margin-top : 6px;
	}
	.content #contact .reserve + p{
		font-size : 14px;
		margin-top : 16px;
	}
	.content #contact textarea{
		width : 484px;
		height : 91px;
	}
	.content #contact input[type="submit"]{
		margin-top : calc( 39px - 22px );
		width : 306px;
		height : 53px;
		font-size : 16px;
	}
/*追加*/
	.content #contact input[type="reset"]{
		margin-top : calc( 39px - 22px );
		width : 306px;
		height : 53px;
		font-size : 16px;
	}
/*追加*/
	.content #contact .wrap > p , .content #contact .wrap > h5 , .content #contact .wrap > h6 , .content #contact .wrap > ul > li{
		font-size : 14px;
		line-height : 1.5;
	}
	.content #contact h5{
		margin-top : calc( 45px - 3.5px );
	}
	.content #contact .wrap > ul{
		margin-top : calc( 21px - 3.5px );
	}
}

/*--チェックボックスリスト*/
.content #contact dd input[type=checkbox] {display:none;margin:0;}
.content #contact dd ul.upink li{float:none;display:inline-block;width:auto;margin:0 9px 8px 0;}
.content #contact dd ul.upink li > label{color:#222;display:inline; margin:0;padding:0;}
.content #contact dd ul.upink li > label{
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position:relative;
  display:inline-block;
  padding: 0 0 0 26px;
  vertical-align: middle;
  cursor: pointer;
}
.content #contact dd ul.upink li > label:hover:after{border-color:#0171bd;}
.content #contact dd ul.upink li > label:after{
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top:50%;left:4px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius:50%;
	content: '';
}
.content #contact dd ul.upink li > label:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top:50%;left:10px;
	display: block;
	margin-top: -7px;
	width:5px;height:9px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.content #contact dd input[type=checkbox]:checked + label:before {opacity: 1;}
.content #contact dd input[type=checkbox]:checked + label{color:#F60;}
.content #contact dd .dokod #site{display:inline-block; margin-left:5px;}
.content #contact dd .dokod #site label{ background-color:#F93;display:inline-block; padding:3px 4px 4px 2px;}
.content #contact dd .dokod #site input:disabled + label{background-color:#CCC; color:#999;}
.content #contact dd .dokod #site input:disabled:checked + label{background-color:#CCC; color:#999;}
.content #contact dd .dokod #site input:checked + label{background-color:#FFC; color:#F30;}


.content #contact ul#evli{
	width:100%;
	clear:both;
	overflow:hidden;
}
.content #contact ul#evli > li{
	/*width:50%;*/
	width:50%;
	float:left;
	height:auto;
}
.content #contact .gtable{
	height:260px;
	overflow:auto;
}
.content #contact .gtable ul{
	width:100%;
	font-size:14px;
	text-align:left;
}
.content #contact #guid{
	width:100%;
	margin:0 auto;
}
.content #contact #guid h1{
	font-size:26px;
	text-align:center;
	font-family:'Mplus 1p', serif;
	font-weight:500;
	line-height:1;
	padding:16px 0 18px;
	color:#FFF;
	text-shadow:2px 2px 2px #003399;
	margin:0 0 16px;
background: #66b6fc;
background: -moz-linear-gradient(top,  #66b6fc 0%, #b2e1ff 100%);
background: -webkit-linear-gradient(top,  #66b6fc 0%,#b2e1ff 100%);
background: linear-gradient(to bottom,  #66b6fc 0%,#b2e1ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b6fc', endColorstr='#b2e1ff',GradientType=0 );
}
.content #contact #guid h3{font-size:16px;
	color:#096;
	margin:0 auto 10px;}
.content #contact #guid #chp h3{
	text-align:center;
	font-size:18px;
	padding:20px 0 0;
}

.content #contact .pl{
	font-size:14px;
	line-height:1.4;
}
.content #contact .pl p{
	margin:0 0 6px;
	padding-top:2px;
}
.content #contact .evlid{
	border:1px solid #999;
	margin:0 3px 6px;
}
.content #contact .kout{
	width:100%;
	/*background-color:#C6E7FB;*/
	padding:5px 0 3px;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #999;
}
.content #contact .kout h5{
	display:block;
	font-size:18px;
	/*font-weight: bold; */
	width:5em;
	/*color:#00C;*/
	float:left;
	text-align:left;
	margin:0 0 0 6px;
}
.content #contact .kout a{
	display:block;
	padding:2px 5px 1px;
	font-size:14px;
	text-decoration:none;
	float:right;
	margin-right:5px;
	border:1px solid #006;
	/*border-radius:5px;*/
	/*color:#006;*/
	/*background: linear-gradient(#E8F4FF, #7DC1F4);*/
}
.content #contact .kout a:hover{
	/*color:#06C;*/
	/*background:linear-gradient(#F6FDFF, #96D8FA);*/
}

/*--チェックボックスリスト*/
.content #contact .gtable input[type=checkbox] {display: none;margin:0;}
.content #contact .gtable li{float:none;display:block;width:auto;margin:0 3px 0 3px;
padding:6px 0;
border-bottom:1px dotted #999;
}
.content #contact .gtable li:last-child{border-bottom-style:none;}
.content #contact .gtable li > label{color:#222; margin:0;padding:0;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position:relative;
  display:inline-block;
  padding: 0 0 0 28px;
  vertical-align: middle;
  cursor: pointer;
}
.content #contact .gtable li span{ /*color:#099;font-weight:bold;*/ }
.content #contact .gtable li > label:hover:after{border-color:#0171bd;}
.content #contact .gtable li > label:after{
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 2px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 6px;
	content: '';
}
.content #contact .gtable li > label:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.content #contact .gtable li input[type=checkbox]:checked + label:before {opacity: 1;}
.content #contact .gtable li input[type=checkbox]:checked + label{color:#F60;}
@media screen and (max-width:481px){
.content #contact #guid h1{
	font-size:large;}
.content #contact ul#evli > li{
	width:100%;
	float:none;
	height:auto;
}
.content #contact .kout{padding:3px 0 1px;}
.content #contact .kout h4{font-size:16px}
.content #contact .gtable{height:auto;}
.content #contact .gtable ul{font-size:small;}
.content #contact .gtable li span{font-weight:normal;}
.content #contact .kout a{ font-size:12px;}
}

/*報告table*/
.content #contact #hkf{
	border-top:1px solid #CCC;
	width:100%;
	margin:30px 0 30px 0;
	clear:both;
	overflow:hidden;
	font-size:16px;
}
.content #contact #hkf table{
	border-collapse:collapse;
	line-height:1;
	border-left:1px solid #CCC;
}
.content #contact #hkf td,.content #contact #hkf th{
	padding:4px 6px;
	border-bottom:1px solid #CCC;
}
.content #contact #hkf th{display:none;
	font-weight:normal;
	background-color:#bbb;
	/*color:#32349A;*/
}
.content #contact #hkf tr.disp th{ display:table-cell;}
.content #contact #hkf td span{font-size:smaller;}

.content #contact input.shiken{
	width: 83%;

}
.content #contact input.bun{
	width: 75%;
	
}
.content #contact .bngo td{
	text-align:left;
}
.content #contact .bngo{
	float:left;
	width: 100%;
}
.content #contact .bngo th,.content #contact .bngo td{border-right:1px solid #CCC;}
table.bngo th:first-child {width:37%;}
table.bngo th:nth-child(2){ width:25%;}
table.bngo th:nth-child(3){ width:8%;}
table.bngo th:nth-child(4),table.bngo th:last-child{ width:12%;}
table.bngo th select{
	padding: 4px;
	border: 1px solid #999;
	background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
	background:-moz-linear-gradient(top,#f5f5f5,#fff);
}
.content #contact .red  {
content: "必須";
/*display: block;
display: flex;*/
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
background-color: #dd5a6f;
margin-left:2px;
padding: 0 3px 0 3px;
}
/*.content #contact #hkf table td:first-child,.content #contact #hkf table th:first-child{ width:400px; text-align:left;}*/

/*記入注意点*/
.content #contact #kinyu{
	font-size:16px;
	text-align:left;
	margin:30px auto 16px;
}
.content #contact #kinyu h3{
	margin:0 auto 10px;
	font-size:18px;
}
.content #contact #kc{margin:0 0 10px;}
.content #contact #kinyu h4{
	font-size:16px;
	margin:0 0 2px;
}
.content #contact #bunrui{margin:0 0 10px;}
.content #contact #bunrui li{display:inline-block; margin:0 20px 0 0;}
.content #contact #bunrui li i{ margin:0 2px 0 0; }

/*校舎情報*/
.content #kousha_info .bg{
	background-repeat : repeat-x repeat-y;
	background-position-x : 0;
}
.content #kousha_info .img img{
	width : auto;
	max-width : inherit;
}
.content #kousha_info dl > div{
	display : flex;
}
.content #kousha_info dt{
	flex-shrink : 0;
	text-align : center;
}
.content #kousha_info dt img{
	width : auto;
	max-width : inherit;
}
.content #kousha_info dd , .content #kousha_info dd a:only-child{
	color : #222;
}
@media screen and (max-width: 768px){
	.content #kousha_info .bg{
		background-image : url("../images/school/bg_sp.png");
		background-size : auto calc( 475 * 100vw / 768 );
		background-position-y : calc( 24 * 100vw / 768 );
	}
	.content #kousha_info .wrap{
		padding-top : calc( 8 * 100vw / 768 );
	}
	.content #kousha_info .img{
		text-align : center;
	}
	.content #kousha_info .img img{
		height : calc( 506 * 100vw / 768 );
	}
	.content #kousha_info .box > div{
		margin-top : calc( ( 24 - 3 ) * 100vw / 768 );
	}
	.content #kousha_info dl{
		margin-top : calc( 36 * 100vw / 768 );
	}
	.content #kousha_info dl > div{
		align-items : flex-start;
	}
	.content #kousha_info dl > div:nth-of-type(1) dt img{
		height : calc( 57 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(2){
		align-items : center;
		margin-top : calc( 13 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(2) dt img{
		height : calc( 52 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(3){
		margin-top : calc( 22 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(3) dt img{
		height : calc( 46 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(4){
		margin-top : calc( 22 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(4) dt img{
		height : calc( 46 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(5){
		margin-top : calc( 22 * 100vw / 768 );
	}
	.content #kousha_info dl > div:nth-of-type(5) dt img{
		height : calc( 46 * 100vw / 768 );
	}
	.content #kousha_info dt{
		width : calc( 48 * 100vw / 768 );
		margin-right : calc( 12 * 100vw / 768 );
	}
	.content #kousha_info dd{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
	}
	.content #kousha_info .btn-map{
		margin-top : calc( ( 15 - 2.6 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content #kousha_info{
		/*margin-top : -30px;*/
		margin:0 0 30px 0;
	}
	.content #kousha_info .bg{
		background-image : url("../images/school/bg_pc.png");
		background-size : auto 336px;
		background-position-y : center;
	}
	.content #kousha_info .box{
		display : flex;
		align-items : center;
	}
	.content #kousha_info .img{
		flex-shrink : 0;
		margin-right : 24px;
	}
	.content #kousha_info .img img{
		height : 358px;
	}
	.content #kousha_info dl{
		margin : 16px 0 40px 0;
	}
	.content #kousha_info dl > div{
		align-items : center;
	}
	.content #kousha_info dl > div:nth-of-type(1) dt img{
		height : 38px;
	}
	.content #kousha_info dl > div:nth-of-type(2) dt img{
		height : 35px;
	}
	.content #kousha_info dl > div:nth-of-type(3) dt img{
		height : 32px;
	}
	.content #kousha_info dl > div:nth-of-type(4) dt img{
		height : 32px;
	}
	.content #kousha_info dl > div:nth-of-type(5) dt img{
		height : 32px;
	}
	.content #kousha_info dl > div + div{
		margin-top : 8px;
	}
	.content #kousha_info dt{
		width : 40px;
		margin-right : 12px;
	}
	.content #kousha_info dd{
		font-size : 16px;
		line-height : 1.31;
	}
	.content #kousha_info .btn-map{
		margin-left : 10px;
	}
}
.content #course .bg{
	background : url("../images/course/bg.png") repeat;
	background-color : #fbe7e7;
}
.content #course .wrap02 > li{
	border-style : solid;
	border-color : #ccc;
	background-color : #fff;
	position : relative;
}
.content #course .wrap01 .title01{
		margin-top : 0px;
		
	}
.content #course .wrap02 .title01{
		/*margin-top : calc( 69px - 2px ); 変更0228*/
		margin-top : 0px;
		
	}
.content #course .tag{
	position : absolute;
	z-index : 1;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	letter-spacing : .1em;
	color : #fff;
	-webkit-writing-mode : vertical-rl;
	    -ms-writing-mode : tb-rl;
	        writing-mode : vertical-rl;
}
.content #course .tag.standard{
	background-color : #f90;
}
.content #course .tag.popular{
	background-color : #e5004f;
}
.content #course .tag.new{
	background-color : blue;
}
.content #course .description dl , .content #course .description dl > div{
	display : flex;
	align-items : center;
}
.content #course .description dt , .content #course .description dd{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	flex-wrap : .1em;
}
.content #course .description dt{
	color : #fff;
}
.content #course .description dd{
	color : #222;
}
.content #course .description .color01 dt{
	background-color : #8fc31f;
}
.content #course .description .color01 dd{
	background-color : #e9f3d2;
}
.content #course .description .color02 dt{
	background-color : #0068b7;
}
.content #course .description .color02 dd{
	background-color : #cce1f1;
}


.content #course .support ul:nth-child(1){
	display : flex;
	flex-wrap : wrap;
	align-items : center;
}
.content #course .support ul:nth-child(2){
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	margin-top : 5px;
}
.content #course .support ul:nth-child(3){
	display : flex;
	flex-wrap : wrap;
	align-items : center;
}
.content #course .support ul:nth-child(4){
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	margin-top : 15px;
}
.content #course .support ul:nth-child(5){
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	margin-top : 5px;
}
.content #course .support li{
	background-repeat : no-repeat;
	background-position-y : center;
	color : #fff;
}
.content #course .support li:empty:before{
	content : attr(data-text);
}
.content #course .support ul:nth-child(1) li:nth-child(1){
	background-color : #5cc3d8;
	background-image : url("../images/course/icon01.png");
}
.content #course .support ul:nth-child(1) li:nth-child(1):empty{
	background-color : rgba(92,195,216,.2);
}
.content #course .support ul:nth-child(1) li:nth-child(2){
	background-color : #f97399;
	background-image : url("../images/course/icon02.png");
}
.content #course .support ul:nth-child(1) li:nth-child(2):empty{
	background-color : rgba(249,115,153,.2);
}

.content #course .support ul:nth-child(2) li:nth-child(1){
	background-image : url("../images/course/icon03.png");
	background-color : #93d051;
}
.content #course .support ul:nth-child(2):empty li:nth-child(1):empty{
	background-color : rgba(147,208,81,.2);
}
.content #course .support ul:nth-child(2) li:nth-child(2){
	background-color : #866dad;
	background-image : url("../images/course/icon04.png");
}
.content #course .support ul:nth-child(2) li:nth-child(2):empty{
	background-color : rgba(134,109,173,.2);
}



.content #course .support ul:nth-child(3) li:nth-child(1){
	background-color : #5cc3d8;
	background-image : url("../images/course/icon01.png");
}
.content #course .support ul:nth-child(3) li:nth-child(1):empty{
	background-color : rgba(92,195,216,.2);
}
.content #course .support ul:nth-child(3) li:nth-child(2){
	background-color : #f97399;
	background-image : url("../images/course/icon02.png");
}
.content #course .support ul:nth-child(3) li:nth-child(2):empty{
	background-color : rgba(249,115,153,.2);
}

.content #course .support ul:nth-child(4) li:nth-child(1){
	background-image : url("../images/course/icon03.png");
	background-color : #5fc6db;
}
.content #course .support ul:nth-child(4):empty li:nth-child(1):empty{
	background-color : rgba(147,208,81,.2);
}
.content #course .support ul:nth-child(4) li:nth-child(2){
	background-color : #866dad;
	background-image : url("../images/course/icon04.png");
}
.content #course .support ul:nth-child(4) li:nth-child(2):empty{
	background-color : rgba(134,109,173,.2);
}

.content #course .support ul:nth-child(5) li:nth-child(1){
	background-image : url("../images/course/icon03.png");
	background-color : #93d051;
}
.content #course .support ul:nth-child(5):empty li:nth-child(1):empty{
	background-color : rgba(147,208,81,.2);
}
.content #course .support ul:nth-child(5) li:nth-child(2){
	background-color : #866dad;
	background-image : url("../images/course/icon04.png");
}
.content #course .support ul:nth-child(5) li:nth-child(2):empty{
	background-color : rgba(134,109,173,.2);
}



.content #event .event .detail a{

		    align-items: center;
		    justify-content: center;
		    text-align: center;
		    border-style: solid;
		    border-color: #aaa;
		    margin-left: auto;
		    margin-right: auto;
		    color: #222;
}
@media screen and (max-width: 768px){
	.content #event .event .detail a{
		border-width: calc( 3 * 100vw / 768 );
		    width: calc( 300 * 100vw / 768 );
		    height: calc( 80 * 100vw / 768 );
		    font-size: calc( 26 * 100vw / 768 );
		    margin-top: calc( ( 50 - 5 ) * 100vw / 768 );
		     display: flex;
	}
}
@media print,screen and (min-width: 768px){
	.content #event .event .detail a{
	 margin-top: 10px;
    font-size: 16px;
    border-width: 1px;
    width: 205px;
    height: 37px;
    display: flex;
		
	}
}

.content #event .event .yoyaku {
	display : flex;
	align-items : center;
	/*justify-content : center;*/
	/*text-align : right;*/
	font-weight : 700;
	color : #fff;
	margin:10px 30px 10px 0;
	float: right;
	width: 250px;
}
.content #event .event .yoyaku a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-weight : 700;
	color : #fff;
	background-color : #e60012;
}
@media screen and (max-width: 768px){
	.content #event .event .yoyaku {

	float: none;
	width: 100%;
}
	.content #event .event .yoyaku a{
		margin-top : calc( 21 * 100vw / 768 );
		/*margin-left : calc( 52 * 100% / 658 );*/
		margin-left:auto;
		margin-right:auto;
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 600 * 100% / 658 );
		height : calc( 80 * 100vw / 768 );
		border-radius : calc( 6 * 100vw / 768 );
		
	}
}
@media print,screen and (min-width: 768px){
	.content #event .event .yoyaku a{
		margin-left : 19px;
		font-size : 16px;
		width : 100%;
		height : 43px;
		border-radius : 6px;
	}
}


.content #course .support ul a{
	display : block;
	width : 100%;
	height : 100%;
	color : #fff;
	background-image : url("../images/ui/icon/search.png");
	background-size : contain;
	background-repeat : no-repeat;
}
.content #course .support dd{
	font-weight : 700;
	color : #e60012;
}
.content #course .support dd span{
	font-weight : 400;
}
.content #course .support .box a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-weight : 700;
	color : #fff;
	background-color : #e60012;
	margin: 15px 0 15px 15px;
}

@media screen and (max-width: 768px){
	.content #course{
		/*padding-top : calc( ( 89 - 4 ) * 100vw / 768 );*/
	}
	.content #course > ul{
		margin-top : calc( ( 56 - 3 ) * 100vw / 768 );
	}
	.content #course > ul > li + li{
		margin-top : calc( ( 56 - 3 ) * 100vw / 768 );
	}
	.content #course .wrap01{
		padding-bottom : calc( 34 * 100vw / 768 );
	}
	.content #course .wrap02{
		padding-top : calc( 40 * 100vw / 768 );
		padding-bottom : calc( 110 * 100vw / 768 );
	}
	.content #course .wrap02 > li{
		border-width : calc( 8 * 100vw / 768 );
		padding-top : calc( ( 41 - 3 ) * 100vw / 768 );
		padding-left : calc( 25 * 100% / 720 );
		padding-right : calc( 21 * 100% / 720 );
		padding-bottom : calc( 31 * 100vw / 768 );
	}
	.content #course .wrap02 > li + li{
		margin-top : calc( 52 * 100vw / 768 );
	}
	.content #course .tag{
		width : calc( 34 * 100vw / 768 );
		height : calc( 136 * 100vw / 768 );
		font-size : calc( 22 * 100vw / 768 );
		left : calc( -22 * 100vw / 768 );
		top : calc( 40 * 100vw / 768 );
	}
	.content #course .description dl{
		margin-top : calc( 25 * 100vw / 768 );
	}
	.content #course .description dl > div + div{
		margin-left : calc( 14 * 100vw / 768 );
	}
	.content #course .description dt , .content #course .description dd{
		font-size : calc( 26 * 100vw / 768 );
		height : calc( 36 * 100vw / 768 );
	}
	.content #course .description dt{
		width : calc( 134 * 100vw / 768 );
	}
	.content #course .description dd{
		width : calc( 136 * 100vw / 768 );
	}
	.content #course .text{
		margin-top : calc( ( 17 - 7 ) * 100vw / 768 );
		letter-spacing : 0;
		color : #555;
	}
	.content #course .support{
		margin-top : calc( ( 29 - 7 ) * 100vw / 768 );
	}
	.content #course .support li{
		/*height : calc( 40 * 100vw / 768 );*/
		height : calc( 60 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		letter-spacing : -.05em;
		padding-top : calc( 18 * 100vw / 768 );
		
		
	}
	.content #course .support li:nth-child(-n+2) , .content #course .support li:nth-child(n+3):empty{
		/*padding-top : calc( 9 * 100vw / 768 );*/
	}
	.content #course .support li a{
		font-size : calc( 24 * 100vw / 768 );
		/*padding-top : calc( 9 * 100vw / 768 );*/
		background-size : auto calc( 20 * 100vw / 768 );
		/*background-position-y : calc( 18 * 100vw / 768 );
		background-position-x : calc( 100% - ( 2 * 100vw / 768 ) );*/
		background-position-y : calc( 5 * 100vw / 768 );
		background-position-x : calc( 100% - ( 5 * 100vw / 768 ) );
	}
	
	
	.content #course .support  ul:nth-child(1) li:nth-child(1){
		/*width : calc( 146 * 100% / 658 );*/
		width : calc( 312 * 100% / 658 );
		padding-left : calc( 42 * 100% / 658 );
		
		background-size : auto calc( 32 * 100vw / 768 );
		background-position-x : calc( 4 * 100vw / 768 );
		
	}
	.content #course .support  ul:nth-child(1) li:nth-child(2){
		width : calc( 217 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		padding-left : calc( 47 * 100vw / 768 );
		background-size : auto calc( 31 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
	}
	.content #course .support  ul:nth-child(2) li:nth-child(1){
		width : calc( 312 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		
		background-size : auto calc( 28 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
	}
	.content #course .support  ul:nth-child(2) li:nth-child(1) a{
		padding-left : calc( 39 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(2) li:nth-child(1):empty{
		padding-left : calc( 39 * 100% / 658 );
	}
	.content #course .support ul:nth-child(2) li:nth-child(2){
		width : calc( 336 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		background-size : auto calc( 29 * 100vw / 768 );
		background-position-x : calc( 8 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(2) li:nth-child(2) a{
		padding-left : calc( 41 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(2) li:nth-child(2):empty{
		padding-left : calc( 41 * 100vw / 768 );
	}
	
	
	.content #course .support  ul:nth-child(3) li:nth-child(1){
		/*width : calc( 146 * 100% / 658 );*/
		width : calc( 312 * 100% / 658 );
		padding-left : calc( 42 * 100% / 658 );
		background-size : auto calc( 32 * 100vw / 768 );
		background-position-x : calc( 4 * 100vw / 768 );
	}
	.content #course .support  ul:nth-child(3) li:nth-child(2){
		width : calc( 217 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		padding-left : calc( 47 * 100vw / 768 );
		background-size : auto calc( 31 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
	}
	.content #course .support  ul:nth-child(4) li:nth-child(1){
		/*width : calc( 212 * 100% / 658 );*/
		width : calc( 312 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		
		padding-left : calc( 42 * 100% / 658 );
		background-size : auto calc( 28 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
		
	}
	.content #course .support  ul:nth-child(4) li:nth-child(1) a{
		padding-left : calc( 39 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(4) li:nth-child(1):empty{
		padding-left : calc( 39 * 100% / 658 );
	}
	.content #course .support ul:nth-child(4) li:nth-child(2){
		width : calc( 336 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		background-size : auto calc( 29 * 100vw / 768 );
		background-position-x : calc( 8 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(4) li:nth-child(2) a{
		padding-left : calc( 41 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(4) li:nth-child(2):empty{
		padding-left : calc( 41 * 100vw / 768 );
	}
	
	.content #course .support  ul:nth-child(5) li:nth-child(1){
		width : calc( 312 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		background-size : auto calc( 28 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
	}
	.content #course .support  ul:nth-child(5) li:nth-child(1) a{
		padding-left : calc( 39 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(5) li:nth-child(1):empty{
		padding-left : calc( 39 * 100% / 658 );
	}
	.content #course .support ul:nth-child(5) li:nth-child(2){
		width : calc( 336 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		background-size : auto calc( 29 * 100vw / 768 );
		background-position-x : calc( 8 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(5) li:nth-child(2) a{
		padding-left : calc( 41 * 100vw / 768 );
	}
	.content #course .support ul:nth-child(5) li:nth-child(2):empty{
		padding-left : calc( 41 * 100vw / 768 );
	}
	
	.content #course .support .box{
		margin-top : calc( 35 * 100vw / 768 );
	}
	.content #course .support .box dl dt{
		font-size : calc( 26 * 100vw / 768 );
	}
	.content #course .support .box dd{
		margin-top : calc( 27 * 100vw / 768 );
margin-bottom : calc( 27 * 100vw / 768 );
		font-size : calc( 46 * 100vw / 768 );
		padding-left : calc( 60 * 100vw / 768 );
		text-align : right;
	}
	.content #course .support .box dd .sp{
		font-size : calc( 26 * 100vw / 768 );
	}
	.content #course .support .box a{
		margin-top : calc( 21 * 100vw / 768 );
		/*margin-left : calc( 52 * 100% / 658 );*/
		margin-left : auto;
		margin-right : auto;
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 600 * 100% / 658 );
		height : calc( 80 * 100vw / 768 );
		border-radius : calc( 6 * 100vw / 768 );
	}
}

@media print,screen and (min-width: 769px){
	.content #course{
		/*padding-top : calc( 50px - 6px );*/
	}
	.content #course > ul{
		margin-top : calc( 49px - 2px );
	}
	.content #course > ul > li + li{
		margin-top : calc( 54px - 2px );
	}
	.content #course .wrap01{
		padding-bottom : 18px;
	}
	.content #course .wrap02{
		padding-top : 16px;
		padding-bottom : 36px;
	}
	.content #course .wrap02 > li{
		border-width : 6px;
		padding-top : 31px;
		padding-left : 20px;
		padding-right : 20px;
		padding-bottom : calc( 20px - 3.5px );
		display : flex;
		justify-content : space-between;
		align-items : flex-start;
	}
	.content #course .wrap02 > li + li{
		margin-top : 20px;
	}
	.content #course .wrap02 > li .description{
		width : 488px;
	}
	.content #course .wrap02 > li .support{
		width : 498px;
	}
	.content #course .tag{
		width : 24px;
		height : 70px;
		font-size : 14px;
		left : -6px;
		top : 8px;
	}
	.content #course .description dl{
		margin-top : 13px;
	}
	.content #course .description dl > div + div{
		margin-left : 10px;
	}
	.content #course .description dt , .content #course .description dd{
		font-size : 14px;
		height : 20px;
		width : 70px;
	}
	.content #course .text{
		margin-top : calc( 12px - 3.5px );
		letter-spacing : 0;
	}
	.content #course .support li{
		height : 40px;
		font-size : 14px;
	}
	.content #course .support li:nth-child(-n+2) , .content #course .support li:nth-child(n+3):empty{
		padding-top : 13px;
	}
	.content #course .support li a{
		font-size : 14px;
		/*padding-top : 13px;*/
		background-size : auto 16px;
		/*background-position-y : 23px;*/
		background-position-x : calc( 100% - 5px );
	}
	
	
	.content #course .support ul:nth-child(1) li:nth-child(1){
		/*width : 120px;*/
		width : 230px;
		padding-left : 49px;
		background-size : auto 32px;
		background-position-x : 8px;
	}
	.content #course .support ul:nth-child(1) li:nth-child(2){
		/*width : 157px;*/
		width : 230px;
		margin-left : 4px;
		padding-left : 47px;
		background-size : auto 31px;
		background-position-x : 6px;
	}
	
	.content #course .support ul:nth-child(2) li:nth-child(1){
		/*width : 212px;*/
		width : 230px;
		/*margin-left : 5px;*/
		background-size : auto 28px;
		background-position-x : 10px;
	}
	.content #course .support ul:nth-child(2) li:nth-child(1) a{
		padding-left : 43px;
	}
	.content #course .support ul:nth-child(2) li:nth-child(1):empty{
		padding-left : 43px;
	}
	.content #course .support ul:nth-child(2) li:nth-child(2){
		/*width : 237px;*/
		width : 250px;
		/*margin-top : 5px;*/
		margin-left : 5px;
		background-size : auto 29px;
		background-position-x : 11px;
	}
	.content #course .support ul:nth-child(2) li:nth-child(2) a{
		padding-left : 49px;
	}
	.content #course .support ul:nth-child(2) li:nth-child(2):empty{
		padding-left : 49px;
	}
	
	
	
	.content #course .support ul:nth-child(3) li:nth-child(1){
		/*width : 120px;*/
		width : 230px;
		padding-left : 49px;
		background-size : auto 32px;
		background-position-x : 8px;
	}
	.content #course .support ul:nth-child(3) li:nth-child(2){
		/*width : 157px;*/
		width : 230px;
		margin-left : 4px;
		padding-left : 47px;
		background-size : auto 31px;
		background-position-x : 6px;
	}
	
	.content #course .support ul:nth-child(4) li:nth-child(1){
		/*width : 150px;*/
		width : 230px;
		padding-left : 49px;
		background-size : auto 32px;
		background-position-x : 8px;
	}
	.content #course .support ul:nth-child(4) li:nth-child(1) a{
		padding-left : 43px;
	}
	.content #course .support ul:nth-child(4) li:nth-child(1):empty{
		padding-left : 43px;
	}
	.content #course .support ul:nth-child(4) li:nth-child(2){
		/*width : 237px;*/
		width : 250px;
		/*margin-top : 5px;*/
		margin-left : 5px;
		background-size : auto 29px;
		background-position-x : 11px;
	}
	.content #course .support ul:nth-child(4) li:nth-child(2) a{
		padding-left : 49px;
	}
	.content #course .support ul:nth-child(4) li:nth-child(2):empty{
		padding-left : 49px;
	}
	
	.content #course .support ul:nth-child(5) li:nth-child(1){
		/*width : 212px;*/
		width : 230px;
		/*margin-left : 5px;*/
		background-size : auto 28px;
		background-position-x : 10px;
	}
	.content #course .support ul:nth-child(5) li:nth-child(1) a{
		padding-left : 43px;
	}
	.content #course .support ul:nth-child(5) li:nth-child(1):empty{
		padding-left : 43px;
	}
	.content #course .support ul:nth-child(5) li:nth-child(2){
		/*width : 237px;*/
		width : 250px;
		/*margin-top : 5px;*/
		margin-left : 5px;
		background-size : auto 29px;
		background-position-x : 11px;
	}
	.content #course .support ul:nth-child(5) li:nth-child(2) a{
		padding-left : 49px;
	}
	.content #course .support ul:nth-child(5) li:nth-child(2):empty{
		padding-left : 49px;
	}
	
	.content #course .support .box{
		display : flex;
		align-items : flex-start;
		margin-top : 9px;
	}
	.content #course .support .box dl{
		margin-top : 1px;
	}
	.content #course .support .box dl dt{
		font-size : 14px;
	}
	.content #course .support .box dd{
		margin-top : 10px;
		margin-bottom : 20px;
		font-size : 35px;
		padding-left : 20px;
	}
	.content #course .support .box dd span{
		font-size : 14px;
	}
	.content #course .support .box a{
		margin-left : 19px;
		font-size : 16px;
		width : 230px;
		height : 53px;
		border-radius : 6px;
	}
}


.content #lede .text-large{
		width: 100%;
	}
@media screen and (max-width: 768px){
	.content #lede .wrap{
		padding-top : calc( ( 35 - 7 ) * 100vw / 768 );
		padding-bottom : calc( ( 76 - 3 ) * 100vw / 768 );
	}
	.content #lede .img{
		text-align : center;
		margin-top : calc( ( 30 - 7 ) * 100vw / 768 );
	}
	.content #lede .img img{
		max-width : 100%;
		width : auto;
	}
}
@media print,screen and (min-width: 769px){
	.content #lede .wrap{
		padding-top : 30px;
		padding-bottom : calc( 30px - 2px );
	}
	.content #lede .box{
		display : flex;
		justify-content : space-between;
	}
	.content #lede .text{
		font-size : 14px;
		line-height : 2;
		margin-top : calc( 15px - 7px );
	}
	.content #lede .img{
		flex-shrink : 0;
		width : 300px;
		margin-left : 35px;
	}
}

.content #section .mag{
	display : flex;
	align-items : center;
	letter-spacing : .1em;
	margin-top:10px;
}
.content #section .mag:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/search02.png") 0 0 / contain no-repeat;
}
@media screen and (max-width: 768px){
	.content #section .mag{
		justify-content : center;
		font-size : calc( 26 * 100vw / 768 );
	}
	.content #section .mag:before{
		width : calc( 39 * 100vw / 768 );
		height : calc( 39 * 100vw / 768 );
		margin-right : calc( 6 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1100px){
	.content #section .mag{
		font-size : 14px;
	}
	.content #section .mag:before{
		margin-right : 6px;
		width : 30px;
		height : 30px;
	}
}

.content #twitok {
    width: 80%;
    margin:auto;
    padding: 20px;
    
}

.content #twit {
    margin: auto;
    font-size: 10.5pt !important;
    line-height: 14pt!important;
}

.SandboxRoot.env-bp-970 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }

.SandboxRoot.env-bp-820 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }
    

@media screen and (max-width: 768px) and (min-width: 480px) {
	iframe .twitter-timeline-rendered{
		width: 490px !important;
	}
	.content #twitok {
		width: 100%;
		margin:0 auto;
		padding: 10px;
	}
}

@media screen and (max-width: 480px) {
	iframe.twitter-timeline-rendered {
		width: 460px !important;
		margin:0 auto;
	}
	.content #twitok {
		width: 100%;
		margin:0 auto;
		padding: 10px;
	}
}



/*追加 0228* ここまで/
/*--------------------------------------------
CONTENT02
---------------------------------------------*/
@media screen and (max-width: 768px){
	.content02 #section01 .wrap{
		padding-top : calc( ( 62 - 4 ) * 100vw / 768 );
	}
	.content02 #section01 .box-flex{
		margin-top : calc( 64 * 100vw / 768 );
	}
	.content02 #section01 .fluid{
		margin-top : calc( ( 119 - 7 ) * 100vw / 768 );
	}
	.content02 #section01 .wrap > h4:nth-of-type(1){
		margin-top : calc( ( 26 - 3 ) * 100vw / 768 );
	}
	.content02 #section01 .wrap > p:nth-of-type(2){
		margin-top : calc( ( 49 - 7 ) * 100vw / 768 );
	}
	.content02 #section01 .list01{
		margin-top : calc( ( 59 - 7 ) * 100vw / 768 );
	}
	.content02 #section01 .list02{
		margin-top : calc( 166 * 100vw / 768 );
	}
	.content02 #section01 .list03{
		margin-top : calc( 124 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content02 #section01 .wrap{
		padding-top : calc( 45px - 6px );
	}
	.content02 #section01 .box-flex{
		margin-top : 51px;
	}
	.content02 #section01 .fluid{
		margin-top : calc( 73px - 3.5px );
	}
	.content02 #section01 .wrap > h4:nth-of-type(1){
		margin-top : calc( 21px - 2px );
	}
	.content02 #section01 .wrap > p:nth-of-type(2){
		margin-top : calc( 27px - 3.5px );
	}
	.content02 #section01 .list01{
		margin-top : calc( 66px - 3.5px );
	}
	.content02 #section01 .list02{
		margin-top : calc( 54px - 3.5px );
	}
	.content02 #section01 .list03{
		margin-top : 131px;
	}
}
@media screen and (max-width: 768px){
	.content02 #aside01 .wrap{
		padding-top : calc( ( 215 - 3 ) * 100vw / 768 );
		padding-bottom : calc( 105 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content02 #aside01 .wrap{
		margin-top : calc( 111px - 2px );
		padding-bottom : 483px;
	}
}
/*--------------------------------------------
CONTENT03
---------------------------------------------*/
@media screen and (max-width: 768px){
	.content03 #section01 .wrap{
		padding-top : calc( ( 58 - 3 ) * 100vw / 768 );
	}
	.content03 #section01 .wrap > .text{
		margin-top : calc( ( 49 - 7 ) * 100vw / 768 );
	}
	.content03 #section01 .link-controller{
		margin-top : calc( ( 61 - 7 ) * 100vw / 768 );
	}
	.content03 #section01 .link-target{
		margin-top : calc( ( 109 - 4 ) * 100vw / 768 );
	}
	.content03 #section01 .link-target .fluid{
		background-image : url("../images/components/link-target/bg_sp.png");
	}
}
@media print,screen and (min-width: 769px){
	.content03 #section01 .wrap{
		padding-top : calc( 68px - 2px );
	}
	.content03 #section01 .wrap > .text{
		padding-top : calc( 27px - 3.5px );
	}
	.content03 #section01 .link-controller{
		margin-top : calc( 82px - 3.5px );
	}
	.content03 #section01 .link-target{
		margin-top : calc( 136px - 6px );
	}
	.content03 #section01 .link-target .fluid{
		background-image : url("../images/components/link-target/bg_pc.png");
	}
}
/*--------------------------------------------
CONTENT04
---------------------------------------------*/
.content04 #section01{
	overflow : hidden;
}
.content04 #section01 .note{
	letter-spacing : .1em;
	color : #222;
}
.content04 #section01 .note a{
	text-decoration : underline;
}
@media screen and (max-width: 768px){
	.content04 #section01 .wrap{
		padding-top : calc( ( 65 - 4 ) * 100vw / 768 );
		padding-bottom : calc( ( 48 - 7 ) * 100vw / 768 );
	}
	.content04 #section01 .tab-controller{
		margin-top : calc( 68 * 100vw / 768 );
	}
	.content04 #section01 .note{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		margin-top : calc( ( 19 - 7 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content04 #section01 .wrap{
		padding-top : calc( 52px - 6px );
		padding-bottom : calc( 23px - 7px );
	}
	.content04 #section01 .tab-controller{
		margin-top : 33px;
	}
	.content04 #section01 .note{
		font-size : 14px;
		line-height : 2;
		margin-top : calc( 19px - 7px );
	}
}
/*--------------------------------------------
CONTENT05
---------------------------------------------*/
@media screen and (max-width: 768px){
	.content05 #lede .wrap{
		padding-top : calc( ( 35 - 7 ) * 100vw / 768 );
		padding-bottom : calc( ( 76 - 3 ) * 100vw / 768 );
	}
	.content05 #lede .img{
		text-align : center;
		margin-top : calc( ( 30 - 7 ) * 100vw / 768 );
	}
	.content05 #lede .img img{
		max-width : 100%;
		width : auto;
	}
}
@media print,screen and (min-width: 769px){
	.content05 #lede .wrap{
		padding-top : 10px;
		padding-bottom : calc( 60px - 2px );
	}
	.content05 #lede .box{
		display : flex;
		justify-content : space-between;
	}
	.content05 #lede .text{
		font-size : 14px;
		line-height : 2;
		margin-top : calc( 15px - 7px );
	}
	.content05 #lede .img{
		flex-shrink : 0;
		width : 300px;
		margin-left : 35px;
	}
}
.content05 #model{
	letter-spacing : .1em;
}
.content05 #model .title01{
	margin-left : auto;
	margin-right : auto;
}
.content05 #model .bg{
	background : url("../images/ui/bg/fluid.png") 0 0 repeat;
}
.content05 #model h4{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	width : 100%;
}
.content05 #model .wrap > ul > li:nth-child(1) h4{
	background-color : #8fc31f;
}
.content05 #model .wrap > ul > li:nth-child(2) h4{
	background-color : #dd5a6f;
}
.content05 #model .wrap > ul > li:nth-child(3) h4{
	background-color : #f39800;
}
.content05 #model li li{
	line-height : 1.2;
}
@media screen and (max-width: 768px){
	.content05 #model .title01{
		width : calc( 720 * 100% / 768 );
	}
	.content05 #model .bg{
		margin-top : calc( 26 * 100vw / 768 );
	}
	.content05 #model .wrap{
		padding-top : calc( 53 * 100vw / 768 );
		padding-bottom : calc( ( 78 - 28 ) * 100vw / 768 );
	}
	.content05 #model h4{
		height : calc( 60 * 100vw / 768 );
		font-size : calc( 28 * 100vw / 768 );
	}
	.content05 #model ul ul{
		margin-top : calc( ( 9 - 7 ) * 100vw / 768 );
		padding-bottom : calc( ( 28 - 7 ) * 100vw / 768 );
	}
	.content05 #model li li{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
}
@media print,screen and (min-width: 769px){
	.content05 #model .title01{
		width : 1060px;
	}
	.content05 #model .bg{
		margin-top : 14px;
	}
	.content05 #model .wrap{
		padding-top : 30px;
		padding-bottom : calc( 29px - 1.4px );
	}
	.content05 #model .wrap > ul{
		display : flex;
		justify-content : space-between;
	}
	.content05 #model .wrap > ul > li{
		width : 340px;
	}
	.content05 #model h4{
		height : 40px;
		font-size : 16px;
	}
	.content05 #model ul ul{
		margin-top : calc( 10px - 1.4px );
	}
	.content05 #model li li{
		font-size : 14px;
		line-height : 1.2;
	}
	.content05 #model li li + li{
		margin-top : 15px;
	}
}
.content05 #contact{
	color : #222;
}
.content05 #contact dt .required{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
.content05 #contact dt .required:after{
	content : "必須";
	display : block;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #dd5a6f;
}
.content05 #contact input[type="text"] , .content05 #contact input[type="email"] , .content05 #contact input[type="tel"] , .content05 #contact select , .content05 #contact textarea{
	border-style : solid;
	border-color : #999;
}
.content05 #contact input[type="text"] , .content05 #contact input[type="email"] , .content05 #contact input[type="tel"]{
	padding-left : .5em;
}
.content05 #contact input[type="text"]:placeholder-shown , .content05 #contact input[type="email"]:placeholder-shown , .content05 #contact input[type="tel"]:placeholder-shown{
	color : #999;
}
.content05 #contact .radios{
	display : flex;
	flex-wrap : wrap;
}
.content05 #contact .radios label{
	position : relative;
}
.content05 #contact .radios label input{
	display : none;
}

.content05 #contact .radios label span{
	display : flex;
	align-items : center;
}
.content05 #contact .radios label span::before{
	content : "";
	display : block;
	border-radius : 50%;
}
.content05 #contact .radios label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	border-radius : 50%;
}
.content05 #contact .radios span:before{
	border-style : solid;
	border-color : #999;
}
.content05 #contact .radios input:checked + span:before{
	background-color : #f93;
	border-color : #f93;
}
.content05 #contact #contact_email , .content05 #contact #contact_email_confirm{
	display : block;
}
.content05 #contact input[type="submit"]{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	background-color : #638c0b;
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	.content05 #contact .wrap{
		padding-top : calc( ( 106 - 4 ) * 100vw / 768 );
		padding-bottom : calc( ( 113 - 7 ) * 100vw / 768 );
	}
	.content05 #contact dl{
		margin-top : calc( 61 * 100vw / 768 );
	}
	.content05 #contact dt{
		width : 100%;
		background-color : #eee;
		padding-left : calc( 36 * 100% / 720 );
		padding-right : calc( 36 * 100% / 720 );
		display : flex;
		align-items : center;
	}
	.content05 #contact dt label{
		font-size : calc( 26 * 100vw / 768 );
		height : calc( 79 * 100vw / 768 );
		display : flex;
		justify-content : space-between;
		width : 100%;
		align-items : center;
	}
	.content05 #contact dt .required:after{
		width : calc( 77 * 100vw / 768 );
		height : calc( 41 * 100vw / 768 );
	}
	.content05 #contact dd{
		font-size : calc( 26 * 100vw / 768 );
		padding-top : calc( 34 * 100vw / 768 );
		padding-bottom : calc( 33 * 100vw / 768 );
		padding-left : calc( 36 * 100% / 720 );
		padding-right : calc( 36 * 100% / 720 );
	}
	.content05 #contact input[type="text"] , .content05 #contact input[type="email"] , .content05 #contact input[type="tel"] , .content05 #contact select , .content05 #contact textarea{
		border-width : calc( 2 * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		border-radius : calc( 3 * 100vw / 768 );
	}
	.content05 #contact input[type="text"] , .content05 #contact input[type="email"] , .content05 #contact input[type="tel"] , .content05 #contact select{
		height : calc( 60 * 100vw / 768 );
	}
	.content05 #contact #contact_name , .content05 #contact #contact_college , .content05 #contact #contact_tel{
		width : 100%;
	}
	.content05 #contact .radios{
		display : flex;
		flex-wrap : wrap;
		margin-left : calc( -26 * 100vw / 768 );
		margin-top : calc( -22 * 100vw / 768 );
	}
	.content05 #contact .radios li{
		margin-left : calc( 26 * 100vw / 768 );
		margin-top : calc( 9 * 100vw / 768 );
	}
	.content05 #contact .radios span:before{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
		margin-right : calc( 6 * 100vw / 768 );
		-ms-grid-row-align : center;
		align-self : center;
	}
	.content05 #contact .radios input:checked + span:after{
		width : calc( 26 * 100vw / 768 );
		height : calc( 26 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
	}
	.content05 #contact #contact_email , .content05 #contact #contact_email_confirm{
		width : 100%;
	}
	.content05 #contact #contact_email{
		margin-bottom : calc( 9 * 100vw / 768 );
	}
	.content05 #contact #contact_email_confirm{
		margin-top : calc( 9 * 100vw / 768 );
	}
	.content05 #contact #contact_zip{
		margin-left : calc( 8 * 100vw / 768 );
		width : calc( 200 * 100vw / 768 );
	}
	.content05 #contact #contact_address01{
		width : calc( 240 * 100vw / 768 );
		margin-left : calc( 24 * 100vw / 768 );
	}
	.content05 #contact #contact_address02 , .content05 #contact #contact_address03{
		width : 100%;
	}
	.content05 #contact #contact_address02{
		margin-top : calc( 16 * 100vw / 768 );
	}
	.content05 #contact #contact_address03{
		margin-top : calc( 12 * 100vw / 768 );
	}
	.content05 #contact .reserve li{
		display : flex;
		align-items : flex-start;
	}
	.content05 #contact .reserve li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.content05 #contact .reserve span{
		margin-top : calc( 16 * 100vw / 768 );
		width : calc( 140 * 100vw / 768 );
		flex-shrink : 0;
	}
	.content05 #contact .reserve select{
		width : calc( 520 * 100vw / 768 );
		display : block;
	}
	.content05 #contact .reserve select + select{
		margin-top : calc( 8 * 100vw / 768 );
	}
	.content05 #contact .reserve + p{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 20 * 100vw / 768 );
	}
	.content05 #contact textarea{
		width : 100%;
		height : calc( 160 * 100vw / 768 );
	}
	.content05 #contact input[type="submit"]{
		margin-top : calc( ( 53 - 33 ) * 100vw / 768 );
		width : calc( 600 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
	}
	.content05 #contact .wrap > p , .content05 #contact .wrap > h5 , .content05 #contact .wrap > h6 , .content05 #contact .wrap > ul > li{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		letter-spacing : .1em;
	}
	.content05 #contact h5{
		margin-top : calc( ( 46 - 7 ) * 100vw / 768 );
	}
	.content05 #contact .wrap > ul{
		margin-top : calc( ( 40 - 7 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content05 #contact .wrap{
		padding-top : calc( 63px - 6px );
		padding-bottom : calc( 49px - 3.5px );
		width : 750px;
	}
	.content05 #contact dl{
		margin-top : calc( 32px - 22px );
	}
	.content05 #contact dl > div{
		display : flex;
		align-items : flex-start;
		padding-top : 22px;
		padding-bottom : 22px;
	}
	.content05 #contact dl > div + div{
		border-top : 1px solid #e5e5e5;
	}
	.content05 #contact dt{
		width : 195px;
		flex-shrink : 0;
		margin-top : 9px;
	}
	.content05 #contact dt label{
		font-size : 16px;
	}
	.content05 #contact dt .required:after{
		font-size : 12px;
		width : 47px;
		height : 16px;
	}
	.content05 #contact dd{
		margin-left : 28px;
		flex-grow : 1;
		font-size : 16px;
	}
	.content05 #contact input[type="text"] , .content05 #contact input[type="email"] , .content05 #contact input[type="tel"] , .content05 #contact select , .content05 #contact textarea{
		border-width : 1px;
		font-size : 16px;
		border-radius : 3px;
	}
	.content05 #contact input[type="text"] , .content05 #contact input[type="email"] , .content05 #contact input[type="tel"] , .content05 #contact select{
		height : 33px;
	}
	.content05 #contact #contact_name , .content05 #contact #contact_college , .content05 #contact #contact_tel{
		width : 322px;
	}
	.content05 #contact .radios{
		display : flex;
		flex-wrap : wrap;
		margin-left : -32px;
		margin-top : -10px;
	}
	.content05 #contact .radios li{
		margin-left : 32px;
		margin-top : 15px;
	}
	.content05 #contact .radios span:before{
		border-width : 1px;
		width : 11px;
		height : 11px;
		margin-right : 5px;
		-ms-grid-row-align : center;
		align-self : center;
	}
	.content05 #contact .radios input:checked + span:after{
		width : 11px;
		height : 11px;
		border-width : 1px;
	}
	.content05 #contact #contact_email , .content05 #contact #contact_email_confirm{
		width : 484px;
	}
	.content05 #contact #contact_email{
		margin-bottom : 6px;
	}
	.content05 #contact #contact_email_confirm{
		margin-top : 6px;
	}
	.content05 #contact #contact_zip{
		margin-left : 5px;
		width : 166px;
	}
	.content05 #contact #contact_address01{
		width : 233px;
		margin-left : 18px;
	}
	.content05 #contact #contact_address02 , .content05 #contact #contact_address03{
		width : 439px;
	}
	.content05 #contact #contact_address02{
		margin-top : 14px;
	}
	.content05 #contact #contact_address03{
		margin-top : 9px;
	}
	.content05 #contact .reserve li{
		display : flex;
		align-items : flex-start;
	}
	.content05 #contact .reserve li + li{
		margin-top : 12px;
	}
	.content05 #contact .reserve span{
		margin-top : 6px;
		width : 87px;
	}
	.content05 #contact .reserve select{
		width : 322px;
		display : block;
	}
	.content05 #contact .reserve select + select{
		margin-top : 6px;
	}
	.content05 #contact .reserve + p{
		font-size : 14px;
		margin-top : 16px;
	}
	.content05 #contact textarea{
		width : 484px;
		height : 91px;
	}
	.content05 #contact input[type="submit"]{
		margin-top : calc( 39px - 22px );
		width : 306px;
		height : 53px;
		font-size : 16px;
	}
	.content05 #contact .wrap > p , .content05 #contact .wrap > h5 , .content05 #contact .wrap > h6 , .content05 #contact .wrap > ul > li{
		font-size : 14px;
		line-height : 1.5;
	}
	.content05 #contact h5{
		margin-top : calc( 45px - 3.5px );
	}
	.content05 #contact .wrap > ul{
		margin-top : calc( 21px - 3.5px );
	}
}
/*--------------------------------------------
CONTENT06
---------------------------------------------*/
@media screen and (max-width: 768px){
	.content06 #section .wrap{
		padding-top : calc( 15 * 100vw / 768 );
		padding-bottom : calc( 63 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content06 #section .wrap{
		padding-top : 72px;
		padding-bottom : 42px;
	}
}
/*--------------------------------------------
CONTENT07
---------------------------------------------*/
@media screen and (max-width: 768px){
	.content07 #section .wrap{
		padding-top : calc( 15 * 100vw / 768 );
		padding-bottom : calc( 186 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content07 #section .wrap{
		padding-top : 72px;
		padding-bottom : 67px;
	}
}
/*--------------------------------------------
CONTENT08
---------------------------------------------*/
.content08 #section01 .bg{
	background-repeat : repeat-x;
	background-position-x : 0;
}
.content08 #section01 .img img{
	width : auto;
	max-width : inherit;
}
.content08 #section01 dl > div{
	display : flex;
}
.content08 #section01 dt{
	flex-shrink : 0;
	text-align : center;
}
.content08 #section01 dt img{
	width : auto;
	max-width : inherit;
}
.content08 #section01 dd , .content08 #section01 dd a:only-child{
	color : #222;
}
@media screen and (max-width: 768px){
	.content08 #section01 .bg{
		background-image : url("../images/school/bg_sp.png");
		background-size : auto calc( 475 * 100vw / 768 );
		background-position-y : calc( 24 * 100vw / 768 );
	}
	.content08 #section01 .wrap{
		padding-top : calc( 8 * 100vw / 768 );
	}
	.content08 #section01 .img{
		text-align : center;
	}
	.content08 #section01 .img img{
		height : calc( 506 * 100vw / 768 );
	}
	.content08 #section01 .box > div{
		margin-top : calc( ( 24 - 3 ) * 100vw / 768 );
	}
	.content08 #section01 dl{
		margin-top : calc( 36 * 100vw / 768 );
	}
	.content08 #section01 dl > div{
		align-items : flex-start;
	}
	.content08 #section01 dl > div:nth-of-type(1) dt img{
		height : calc( 57 * 100vw / 768 );
	}
	.content08 #section01 dl > div:nth-of-type(2){
		align-items : center;
		margin-top : calc( 13 * 100vw / 768 );
	}
	.content08 #section01 dl > div:nth-of-type(2) dt img{
		height : calc( 52 * 100vw / 768 );
	}
	.content08 #section01 dl > div:nth-of-type(3){
		margin-top : calc( 22 * 100vw / 768 );
	}
	.content08 #section01 dl > div:nth-of-type(3) dt img{
		height : calc( 46 * 100vw / 768 );
	}
	.content08 #section01 dt{
		width : calc( 48 * 100vw / 768 );
		margin-right : calc( 12 * 100vw / 768 );
	}
	.content08 #section01 dd{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
	}
	.content08 #section01 .btn-map{
		margin-top : calc( ( 15 - 2.6 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #section01{
		margin-top : -30px;
	}
	.content08 #section01 .bg{
		background-image : url("../images/school/bg_pc.png");
		background-size : auto 336px;
		background-position-y : 14px;
	}
	.content08 #section01 .box{
		display : flex;
		align-items : center;
	}
	.content08 #section01 .img{
		flex-shrink : 0;
		margin-right : 24px;
	}
	.content08 #section01 .img img{
		height : 358px;
	}
	.content08 #section01 dl{
		margin-top : 16px;
	}
	.content08 #section01 dl > div{
		align-items : center;
	}
	.content08 #section01 dl > div:nth-of-type(1) dt img{
		height : 38px;
	}
	.content08 #section01 dl > div:nth-of-type(2) dt img{
		height : 35px;
	}
	.content08 #section01 dl > div:nth-of-type(3) dt img{
		height : 32px;
	}
	.content08 #section01 dl > div + div{
		margin-top : 8px;
	}
	.content08 #section01 dt{
		width : 40px;
		margin-right : 12px;
	}
	.content08 #section01 dd{
		font-size : 16px;
		line-height : 1.31;
	}
	.content08 #section01 .btn-map{
		margin-left : 10px;
	}
}
.content08 #feature .img img{
	width : auto;
	max-width : inherit;
	text-align : center;
}
.content08 #feature .img p + p{
	text-align : center;
}
.content08 #feature .wrap ul{
	color : #fff;
	background-color : #e60012;
	box-shadow : 4px 4px #999;
}
.content08 #feature .wrap ul li{
	display : flex;
	align-items : flex-start;
}
.content08 #feature .wrap ul li:before{
	content : "";
	flex-shrink : 0;
	display : block;
	background : url("../images/ui/icon/check.png") 0 0 / contain no-repeat;
}
.content08 #feature #slider li.slick-slide{
	position : relative;
}
.content08 #feature #slider li.slick-slide h4{
	letter-spacing : .1em;
	position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
	background-color : rgba(0,0,0,.8);
	color : #fff;
}
.content08 #feature #slider li.slick-slide img{
	width : auto;
	max-width : inherit;
}
.content08 #feature #slider .slick-dots button{
	border-radius : 0;
}
@media screen and (max-width: 768px){
	.content08 #feature .wrap{
		padding-top : calc( ( 140 - 2.6 ) * 100vw / 768 );
	}
	.content08 #feature .img{
		margin-top : calc( 17 * 100vw / 768 );
		text-align : center;
	}
	.content08 #feature .img img{
		height : calc( 288 * 100vw / 768 );
	}
	.content08 #feature .img p + p{
		font-size : calc( 26 * 100vw / 768 );
		margin-top : calc( 11 * 100vw / 768 );
	}
	.content08 #feature .wrap ul{
		margin-top : calc( 15 * 100vw / 768 );
		padding-left : calc( 27 * 100% / 720 );
		padding-right : calc( 27 * 100% / 720 );
		padding-top : calc( ( 33 - 2.6 ) * 100vw / 768 );
		padding-bottom : calc( ( 34 - 2.6 ) * 100vw / 768 );
	}
	.content08 #feature .wrap li{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
	}
	.content08 #feature .wrap li + li{
		margin-top : calc( 15 * 100vw / 768 );
	}
	.content08 #feature .wrap li:before{
		width : calc( 25 * 100vw / 768 );
		height : calc( 21 * 100vw / 768 );
		margin-right : calc( 8 * 100vw / 768 );
		margin-top : calc( ( 4 + 2.6 ) * 100vw / 768 );
	}
	.content08 #feature #slider{
		width : calc( 720 * 100% / 768 );
		margin-top : calc( 36 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	.content08 #feature #slider li.slick-slide img{
		height : calc( 537 * 100vw / 768 );
	}
	.content08 #feature #slider .slide-arrow{
		width : calc( 60 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
		top : 50%;
		position : absolute;
		z-index : 2;
		-webkit-transform : translateY(-50%);
		        transform : translateY(-50%);
	}
	.content08 #feature #slider .prev-arrow{
		left : calc( -24 * 100% / 768 );
	}
	.content08 #feature #slider .next-arrow{
		right : calc( -24 * 100% / 768 );
	}
	.content08 #feature #slider h4{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
		padding-left : calc( 8 * 100% / 720 );
		padding-right : calc( 6 * 100% / 720 );
		padding-top : calc( ( 12 - 2.6 ) * 100vw / 768 );
		padding-bottom : calc( ( 12 - 2.6 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #feature .wrap{
		padding-top : calc( 53px - 6px );
	}
	.content08 #feature .box{
		display : flex;
		align-items : flex-start;
		margin-top : -42px;
	}
	.content08 #feature .img{
		flex-shrink : 0;
		margin-right : 20px;
	}
	.content08 #feature .img img{
		height : 288px;
	}
	.content08 #feature .img p + p{
		font-size : 16px;
		margin-top : 4px;
	}
	.content08 #feature .wrap ul{
		margin-top : 57px;
		width : 790px;
		padding-left : 40px;
		padding-right : 32px;
		padding-top : calc( 38px - 4px );
		padding-bottom : calc( 34px - 4px );
	}
	.content08 #feature .wrap li{
		font-size : 16px;
		line-height : 1.5;
	}
	.content08 #feature .wrap li + li{
		margin-top : 15px;
	}
	.content08 #feature .wrap li:before{
		width : 19px;
		height : 15px;
		margin-right : 6px;
		margin-top : calc( 2px + 4px );
	}
	.content08 #feature #slider{
		margin-top : 21px;
	}
	.content08 #feature #slider div.slick-slide{
		margin-left : 5px;
		margin-right : 5px;
	}
	.content08 #feature #slider div.slick-slide img{
		height : 349px;
	}
	.content08 #feature #slider h4{
		font-size : 14px;
		line-height : 1.5;
		padding-left : 5px;
		padding-right : 3px;
		padding-top : calc( 5px - 3.5px );
		padding-bottom : calc( 5px - 3.5px );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #articles{
		background-repeat : no-repeat;
		background-position : center center;
		background-image : url("../images/home/bg_articles.png");
		background-size : cover;
		margin-top : 17px;
	}
	.content08 #articles .wrap{
		padding-top : 45px;
		padding-bottom : 60px;
	}
}
.content08 #countdown{
	color : #222;
}
.content08 #countdown p{
	text-align : center;
}
.content08 #countdown ul{
	display : flex;
	justify-content : center;
	margin-left : auto;
	margin-right : auto;
	flex-wrap : wrap;
}
.content08 #countdown li{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-color : #aaa;
	border-style : solid;
}
.content08 #countdown li.off , .content08 #countdown li.off ~ li{
	background-color : #aaa;
	color : #8d8d8d;
}
@media screen and (max-width: 768px){
	.content08 #countdown .wrap{
		padding-top : calc( ( 120 - 33 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 93 * 100vw / 768 );
	}
	.content08 #countdown p{
		font-size : calc( 26 * 100vw / 768 );
		margin-top : calc( 25 * 100vw / 768 );
	}
	.content08 #countdown ul{
		margin-top : calc( 65 * 100vw / 768 );
		justify-content : space-between;
	}
	.content08 #countdown li{
		width : calc( 70 * 100vw / 768 );
		height : calc( 70 * 100vw / 768 );
		font-size : calc( 28 * 100vw / 768 );
		border-width : 1px;
	}
	.content08 #countdown li:nth-child(n+11){
		margin-top : calc( 3 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #countdown .wrap{
		padding-top : calc( 57px - 6px );
		padding-bottom : 36px;
	}
	.content08 #countdown p{
		font-size : 18px;
		margin-top : 19px;
	}
	.content08 #countdown ul{
		width : 548px;
		margin-top : 34px;
	}
	.content08 #countdown li{
		width : 53px;
		height : 53px;
		font-size : 21px;
		border-width : 1px;
	}
	.content08 #countdown li:not(:nth-child(10n + 1)){
		margin-left : 2px;
	}
	.content08 #countdown li:nth-child(n+11){
		margin-top : 2px;
	}
}
.content08 #staff{
	background-repeat : repeat-x;
	background-position : 0 0;
	color : #222;
}

.content08 #staff div.slick-slide{
	background-color : #fff;
	box-shadow : 3px 3px #999;
}
.content08 #staff .box{
	display : flex;
	align-items : flex-start;
	width : 100%;
	height : 100%;
}
.content08 #staff .img{
	flex-shrink : 0;
	margin-top : auto;
}
.content08 #staff .img img{
	width : auto;
	max-width : inherit;
}
.content08 #staff .head{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #d61518;
	color : #fff;
}
.content08 #staff .slick-dots button{
	border-radius : 0;
}
@media screen and (max-width: 768px){
	.content08 #staff{
		background-image : url("../images/school/bg02_sp.png");
		background-size : auto calc( 849 * 100vw / 768 );
		padding-bottom : calc( 39 * 100vw / 768 );
		background-repeat : repeat;
	}
	.content08 #staff .wrap{
		padding-top : calc( ( 60 - 4 ) * 100vw / 768 );
	}
	.content08 #staff .wrap > p{
		margin-top : calc( ( 31 - 4 - 7 ) * 100vw / 768 );
	}
	.content08 #staff #slider02{
		margin-top : calc( ( 76 - 7 ) * 100vw / 768 );
		width : calc( 720 * 100% / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	.content08 #staff .slide-arrow{
		width : calc( 60 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
		top : 50%;
		position : absolute;
		z-index : 2;
		-webkit-transform : translateY(-50%);
		        transform : translateY(-50%);
	}
	.content08 #staff .prev-arrow{
		left : calc( -24 * 100% / 768 );
	}
	.content08 #staff .next-arrow{
		right : calc( -24 * 100% / 768 );
	}
	.content08 #staff div.slick-slide{
		width : calc( 720 * 100vw / 768 );
	}
	.content08 #staff li.slick-slide{
		height : calc( 410 * 100vw / 768 );
	}
	.content08 #staff .box{
		padding-left : calc( 5 * 100vw / 768 );
		padding-right : calc( 48 * 100vw / 768 );
	}
	.content08 #staff .img img{
		height : calc( 365 * 100vw / 768 );
	}
	.content08 #staff .box > div{
		margin-left : calc( 16 * 100vw / 768 );
		margin-top : calc( 45 * 100vw / 768 );
	}
	.content08 #staff .head{
		font-size : calc( 24 * 100vw / 768 );
		height : calc( 29 * 100vw / 768 );
		padding-left : calc( 2 * 100vw / 768 );
		padding-right : calc( 2 * 100vw / 768 );
	}
	.content08 #staff h4{
		font-size : calc( 50 * 100vw / 768 );
		margin-top : calc( 16 * 100vw / 768 );
	}
	.content08 #staff li .text{
		margin-top : calc( ( 12 - 2.6 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
		letter-spacing : 0;
	}
	.content08 #staff .btn-more{
		margin-top : calc( ( 20 - 2.6 ) * 100vw / 768 );
		width : calc( 334 * 100vw / 768 );
		height : calc( 50 * 100vw / 768 );
	}
	.content08 #staff .slick-dots{
		padding-top : calc( 35 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #staff{
		background-image : url("../images/school/bg02_pc.png");
		background-size : auto 549px;
		padding-bottom : 33px;
	}
	.content08 #staff .wrap{
		padding-top : calc( 64px - 6px );
	}
	.content08 #staff .wrap > p{
		margin-top : calc( 21px - 7px );;
		text-align : center;
	}
	.content08 #staff #slider02{
		margin-top : calc( 31px - 7px );
	}
	.content08 #staff div.slick-slide{
		width : 520px;
		margin-left : 9px;
		margin-right : 9px;
	}
	.content08 #staff li.slick-slide{
		height : 250px;
	}
	.content08 #staff .box{
		padding-left : 10px;
		padding-right : 10px;
	}
	.content08 #staff .img img{
		height : 240px;
	}
	.content08 #staff .box > div{
		margin-left : 6px;
		margin-top : 31px;
	}
	.content08 #staff .head{
		font-size : 13px;
		height : 17px;
		padding-left : 1px;
		padding-right : 1px;
	}
	.content08 #staff h4{
		font-size : 30px;
		margin-top : 12px;
	}
	.content08 #staff li .text{
		margin-top : calc( 12px - 3.5px );
	}
	.content08 #staff .btn-more{
		margin-top : calc( 20px - 3.5px );
	}
}
.content08 #flow{
	color : #222;
}
.content08 #flow .lede{
	text-align : center;
}
.content08 #flow ol li{
	border-style : solid;
	border-color : #c9c9c9;
	background-repeat : no-repeat;
}
.content08 #flow ol li:nth-child(1){
	background-image : url("../images/school/icon01.png");
}
.content08 #flow ol li:nth-child(2){
	background-image : url("../images/school/icon02.png");
}
.content08 #flow ol li:nth-child(3){
	background-image : url("../images/school/icon03.png");
}
.content08 #flow ol li + li{
	position : relative;
}
.content08 #flow ol li + li:before{
	content : "";
	display : block;
	position : absolute;
	background-size : contain;
	background-repeat : no-repeat;
}
.content08 #flow ul a{
	font-weight : 700;
	color : #fff;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	width : 100%;
	height : 100%;
}
.content08 #flow ul a:before{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
}
.content08 #flow ul li:nth-child(1) a{
	background-color : #8fc31f;
}
.content08 #flow ul li:nth-child(1) a:before{
	background-image : url("../images/ui/icon/message.png");
}
.content08 #flow ul li:nth-child(2) a{
	background-color : #f39700;
}
.content08 #flow ul li:nth-child(2) a:before{
	background-image : url("../images/ui/icon/tel02.png");
}
.content08 #flow ul{
	display : flex;
}
@media screen and (max-width: 768px){
	.content08 #flow .wrap{
		padding-top : calc( ( 67 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 63 * 100vw / 768 );
	}
	.content08 #flow .lede{
		color : #555;
		margin-top : calc( ( 31 - 7 ) * 100vw / 768 );
	}
	.content08 #flow ol{
		margin-top : calc( ( 68 - 7 ) * 100vw / 768 );
	}
	.content08 #flow ol li{
		width : 100%;
		height : calc( 214 * 100vw / 768 );
		border-width : calc( 6 * 100vw / 768 );
		padding-left : calc( 278 * 100vw / 768 );
		padding-top : calc( ( 40 - 4 ) * 100vw / 768 );
	}
	.content08 #flow ol li + li{
		margin-top : calc( 65 * 100vw / 768 );
	}
	.content08 #flow ol li:nth-child(1){
		background-size : auto calc( 163 * 100vw / 768 );
		background-position-x : calc( 83 * 100vw / 768 );
		background-position-y : calc( 18 * 100vw / 768 );
	}
	.content08 #flow ol li:nth-child(2){
		background-size : auto calc( 141 * 100vw / 768 );
		background-position-x : calc( 70 * 100vw / 768 );
		background-position-y : calc( 25 * 100vw / 768 );
	}
	.content08 #flow ol li:nth-child(3){
		background-size : auto calc( 159 * 100vw / 768 );
		background-position-x : calc( 65 * 100vw / 768 );
		background-position-y : calc( 20 * 100vw / 768 );
	}
	.content08 #flow ol h4{
		font-size : calc( 40 * 100vw / 768 );
		line-height : 1.2;
	}
	.content08 #flow ol p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.2;
		margin-top : calc( 5 * 100vw / 768 );
	}
	.content08 #flow ul{
		justify-content : space-between;
		margin-top : calc( 37 * 100vw / 768 );
	}
	.content08 #flow ul li{
		width : calc( 347 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
	}
	.content08 #flow ul li:nth-child(1) a:before{
		width : calc( 47 * 100vw / 768 );
		height : calc( 45 * 100vw / 768 );
		margin-right : calc( 14 * 100vw / 768 );
	}
	.content08 #flow ul li:nth-child(2) a:before{
		width : calc( 36 * 100vw / 768 );
		height : calc( 55 * 100vw / 768 );
		margin-right : calc( 12 * 100vw / 768 );
	}
	.content08 #flow ul a{
		font-size : calc( 26 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #flow .wrap{
		padding-top : calc( 44px - 6px );
		padding-bottom : 45px;
	}
	.content08 #flow .lede{
		margin-top : calc( 18px - 3.5px );
	}
	.content08 #flow ol{
		text-align : center;
		display : flex;
		justify-content : center;
		margin-top : calc( 37px - 3.5px );
	}
	.content08 #flow ol li{
		border-width : 5px;
		width : 250px;
		height : 250px;
		padding-top : calc( 166px - 1.5px );
		background-position-x : center;
	}
	.content08 #flow ol li + li{
		margin-left : 50px;
	}
	.content08 #flow ol li + li:before{
		background-image : url("../images/school/arrow_pc.png");
		width : 26px;
		height : 41px;
		top : 50%;
		-webkit-transform : translateY(-50%);
		        transform : translateY(-50%);
		left : -41px;
	}
	.content08 #flow ol li:nth-child(1){
		background-size : auto 114px;
		background-position-y : 27px;
	}
	.content08 #flow ol li:nth-child(2){
		background-size : auto 82px;
		background-position-y : 48px;
	}
	.content08 #flow ol li:nth-child(3){
		background-size : auto 92px;
		background-position-y : 36px;
	}
	.content08 #flow h4{
		font-size : 18px;
		line-height : 1.17;
	}
	.content08 #flow li p{
		font-size : 14px;
		line-height : 1.5;
		margin-top : 5px;
	}
	.content08 #flow ul{
		justify-content : center;
		margin-top : 45px;
	}
	.content08 #flow ul li{
		width : 250px;
		height : 60px;
	}
	.content08 #flow ul li + li{
		margin-left : 20px;
	}
	.content08 #flow ul li:nth-child(1) a:before{
		width : 33px;
		height : 33px;
		margin-right : 7px;
	}
	.content08 #flow ul li:nth-child(2) a:before{
		width : 26px;
		height : 39px;
		margin-right : 9px;
	}
	.content08 #flow ul a{
		font-size : 16px;
	}
}
.content08 #blog{
	background-repeat : repeat;
	background-position : 0 0;
}
@media screen and (max-width: 768px){
	.content08 #blog{
		background-image : url("../images/school/bg03_sp.png");
		background-size : auto calc( 1149 * 100vw / 768 );
	}
	.content08 #blog .wrap{
		padding-top : calc( ( 63 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 98 * 100vw / 768 );
	}
	.content08 #blog .wrap > a{
		margin-top : calc( ( 79 - 28 - 5 ) * 100vw / 768 );
		width : calc( 300 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.content08 #blog{
		background-image : url("../images/school/bg02_pc.png");
	}
	.content08 #blog .wrap{
		padding-top : calc( 86px - 6px );
		padding-bottom : 67px;
	}
	.content08 #blog .wrap > a{
		margin-top : 28px;
	}
}
@media screen and (max-width: 768px){
	.content08 #access{
		padding-top : calc( ( 84 - 4 ) * 100vw / 768 );
	}
	.content08 #access .iframe-container{
		margin-top : calc( 34 * 100vw / 768 );
		width : 100%;
		height : calc( 608 * 100vw / 768 );
	}
	.content08 #access .wrap{
		padding-top : calc( ( 15 - 5 ) * 100vw / 768 );
		padding-bottom : calc( ( 42 - 5 ) * 100vw / 768 );
	}
	.content08 #access .text{
		line-height : 1.38;
	}
}
@media print,screen and (min-width: 769px){
	.content08 #access{
		padding-top : calc( 76px - 6px );
	}
	.content08 #access .iframe-container{
		margin-top : 45px;
		width : calc( 100% - 80px );
		margin-left : auto;
		margin-right : auto;
		height : 608px;
	}
	.content08 #access .wrap{
		padding-top : calc( 25px - 3.5px );
		padding-bottom : calc( 71px - 3.5px );
	}
}
/*--------------------------------------------
CONTENT09
---------------------------------------------*/
.content09 #lede ul{
	display : flex;
}
.content09 #lede a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	width : 100%;
	height : 100%;
	border-color : #aaa;
	border-style : solid;
	backface-visibility : hidden;
	will-change : border-color, background-color,color;
	transition : border-color .3s ease-in,background-color .3s ease-in,color .3s ease-in;
}
.content09 #lede .is-current , .content09 #lede a:hover{
	color : #fff;
	border-color : #d61518;
	background-color : #d61518;
	opacity : 1;
}
@media screen and (max-width: 768px){
	.content09 #lede .wrap{
		padding-top : calc( ( 42 - 12 ) * 100vw / 768 );
	}
	.content09 #lede p{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.8;
	}
	.content09 #lede ul{
		margin-top : calc( ( 65 - 12 ) * 100vw / 768 );
		padding-left : calc( 40 * 100% / 720 );
		padding-right : calc( 40 * 100% / 720 );
		justify-content : space-between;
		flex-wrap : wrap;
	}
	.content09 #lede li{
		width : calc( 308 * 100% / 640 );
		height : calc( 60* 100vw / 768 );
	}
	.content09 #lede li:nth-child(n+3){
		margin-top : calc( 17 * 100vw / 768 );
	}
	.content09 #lede a{
		font-size : calc( 26 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1100px){
	.content09 #lede .wrap{
		padding-top : 42px;
	}
	.content09 #lede p{
		font-size : 16px;
		text-align : center;
		letter-spacing : .1em;
	}
	.content09 #lede ul{
		justify-content : center;
		margin-top : 35px;
	}
	.content09 #lede li{
		width : 205px;
		height : 37px;
	}
	.content09 #lede li + li{
		margin-left : 20px;
	}
	.content09 #lede a{
		border-width : 1px;
	}
}
.content09 #course .bg{
	background : url("../images/course/bg.png") repeat;
	background-color : #fbe7e7;
}
.content09 #course .wrap02 > li{
	border-style : solid;
	border-color : #ccc;
	background-color : #fff;
	position : relative;
}
.content09 #course .tag{
	position : absolute;
	z-index : 1;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	letter-spacing : .1em;
	color : #fff;
	-webkit-writing-mode : vertical-rl;
	    -ms-writing-mode : tb-rl;
	        writing-mode : vertical-rl;
}
.content09 #course .tag.standard{
	background-color : #f90;
}
.content09 #course .tag.popular{
	background-color : #e5004f;
}
.content09 #course .description dl , .content09 #course .description dl > div{
	display : flex;
	align-items : center;
}
.content09 #course .description dt , .content09 #course .description dd{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	flex-wrap : .1em;
}
.content09 #course .description dt{
	color : #fff;
}
.content09 #course .description dd{
	color : #222;
}
.content09 #course .description .color01 dt{
	background-color : #8fc31f;
}
.content09 #course .description .color01 dd{
	background-color : #e9f3d2;
}
.content09 #course .description .color02 dt{
	background-color : #0068b7;
}
.content09 #course .description .color02 dd{
	background-color : #cce1f1;
}
.content09 #course .support ul{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
}
.content09 #course .support li{
	background-repeat : no-repeat;
	background-position-y : center;
	color : #fff;
}
.content09 #course .support li:empty:before{
	content : attr(data-text);
}
.content09 #course .support li:nth-child(1){
	background-color : #5cc3d8;
	background-image : url("../images/course/icon01.png");
}
.content09 #course .support li:nth-child(1):empty{
	background-color : rgba(92,195,216,.2);
}
.content09 #course .support li:nth-child(2){
	background-color : #f97399;
	background-image : url("../images/course/icon02.png");
}
.content09 #course .support li:nth-child(2):empty{
	background-color : rgba(249,115,153,.2);
}
.content09 #course .support li:nth-child(3){
	background-image : url("../images/course/icon03.png");
	background-color : #93d051;
}
.content09 #course .support li:nth-child(3):empty{
	background-color : rgba(147,208,81,.2);
}
.content09 #course .support li:nth-child(4){
	background-color : #866dad;
	background-image : url("../images/course/icon04.png");
}
.content09 #course .support li:nth-child(4):empty{
	background-color : rgba(134,109,173,.2);
}
.content09 #course .support ul a{
	display : block;
	width : 100%;
	height : 100%;
	color : #fff;
	background-image : url("../images/ui/icon/search.png");
	background-size : contain;
	background-repeat : no-repeat;
}
.content09 #course .support dd{
	font-weight : 700;
	color : #e60012;
}
.content09 #course .support dd span{
	font-weight : 400;
}
.content09 #course .support .box a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-weight : 700;
	color : #fff;
	background-color : #e60012;
}
@media screen and (max-width: 768px){
	.content09 #course{
		padding-top : calc( ( 89 - 4 ) * 100vw / 768 );
	}
	.content09 #course > ul{
		margin-top : calc( ( 56 - 3 ) * 100vw / 768 );
	}
	.content09 #course > ul > li + li{
		margin-top : calc( ( 56 - 3 ) * 100vw / 768 );
	}
	.content09 #course .wrap01{
		padding-bottom : calc( 34 * 100vw / 768 );
	}
	.content09 #course .wrap02{
		padding-top : calc( 40 * 100vw / 768 );
		padding-bottom : calc( 110 * 100vw / 768 );
	}
	.content09 #course .wrap02 > li{
		border-width : calc( 8 * 100vw / 768 );
		padding-top : calc( ( 41 - 3 ) * 100vw / 768 );
		padding-left : calc( 25 * 100% / 720 );
		padding-right : calc( 21 * 100% / 720 );
		padding-bottom : calc( 31 * 100vw / 768 );
	}
	.content09 #course .wrap02 > li + li{
		margin-top : calc( 52 * 100vw / 768 );
	}
	.content09 #course .tag{
		width : calc( 34 * 100vw / 768 );
		height : calc( 136 * 100vw / 768 );
		font-size : calc( 22 * 100vw / 768 );
		left : calc( -22 * 100vw / 768 );
		top : calc( 40 * 100vw / 768 );
	}
	.content09 #course .description dl{
		margin-top : calc( 25 * 100vw / 768 );
	}
	.content09 #course .description dl > div + div{
		margin-left : calc( 14 * 100vw / 768 );
	}
	.content09 #course .description dt , .content09 #course .description dd{
		font-size : calc( 26 * 100vw / 768 );
		height : calc( 36 * 100vw / 768 );
	}
	.content09 #course .description dt{
		width : calc( 134 * 100vw / 768 );
	}
	.content09 #course .description dd{
		width : calc( 136 * 100vw / 768 );
	}
	.content09 #course .text{
		margin-top : calc( ( 17 - 7 ) * 100vw / 768 );
		letter-spacing : 0;
		color : #555;
	}
	.content09 #course .support{
		margin-top : calc( ( 29 - 7 ) * 100vw / 768 );
	}
	.content09 #course .support li{
		height : calc( 40 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
		letter-spacing : -.05em;
	}
	.content09 #course .support li:nth-child(-n+2) , .content09 #course .support li:nth-child(n+3):empty{
		padding-top : calc( 9 * 100vw / 768 );
	}
	.content09 #course .support li a{
		font-size : calc( 24 * 100vw / 768 );
		padding-top : calc( 9 * 100vw / 768 );
		background-size : auto calc( 20 * 100vw / 768 );
		background-position-y : calc( 18 * 100vw / 768 );
		background-position-x : calc( 100% - ( 2 * 100vw / 768 ) );
	}
	.content09 #course .support li:nth-child(1){
		width : calc( 146 * 100% / 658 );
		padding-left : calc( 42 * 100% / 658 );
		background-size : auto calc( 32 * 100vw / 768 );
		background-position-x : calc( 4 * 100vw / 768 );
	}
	.content09 #course .support li:nth-child(2){
		width : calc( 217 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		padding-left : calc( 47 * 100vw / 768 );
		background-size : auto calc( 31 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
	}
	.content09 #course .support li:nth-child(3){
		width : calc( 312 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		background-size : auto calc( 28 * 100vw / 768 );
		background-position-x : calc( 6 * 100vw / 768 );
	}
	.content09 #course .support li:nth-child(3) a{
		padding-left : calc( 39 * 100vw / 768 );
	}
	.content09 #course .support li:nth-child(3):empty{
		padding-left : calc( 39 * 100% / 658 );
	}
	.content09 #course .support li:nth-child(4){
		width : calc( 336 * 100% / 658 );
		margin-left : calc( 10 * 100% / 658 );
		margin-top : calc( 10 * 100vw / 768 );
		background-size : auto calc( 29 * 100vw / 768 );
		background-position-x : calc( 8 * 100vw / 768 );
	}
	.content09 #course .support li:nth-child(4) a{
		padding-left : calc( 41 * 100vw / 768 );
	}
	.content09 #course .support li:nth-child(4):empty{
		padding-left : calc( 41 * 100vw / 768 );
	}
	.content09 #course .support .box{
		margin-top : calc( 35 * 100vw / 768 );
	}
	.content09 #course .support .box dl dt{
		font-size : calc( 26 * 100vw / 768 );
	}
	.content09 #course .support .box dd{
		margin-top : calc( 27 * 100vw / 768 );
		font-size : calc( 46 * 100vw / 768 );
		padding-left : calc( 60 * 100vw / 768 );
		text-align : right;
	}
	.content09 #course .support .box dd .sp{
		font-size : calc( 26 * 100vw / 768 );
	}
	.content09 #course .support .box a{
		margin-top : calc( 21 * 100vw / 768 );
		margin-left : calc( 52 * 100% / 658 );
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 600 * 100% / 658 );
		height : calc( 80 * 100vw / 768 );
		border-radius : calc( 6 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1100px){
	.content09 #course{
		padding-top : calc( 50px - 6px );
	}
	.content09 #course > ul{
		margin-top : calc( 49px - 2px );
	}
	.content09 #course > ul > li + li{
		margin-top : calc( 54px - 2px );
	}
	.content09 #course .wrap01{
		padding-bottom : 18px;
	}
	.content09 #course .wrap02{
		padding-top : 16px;
		padding-bottom : 36px;
	}
	.content09 #course .wrap02 > li{
		border-width : 6px;
		padding-top : 31px;
		padding-left : 20px;
		padding-right : 20px;
		padding-bottom : calc( 20px - 3.5px );
		display : flex;
		justify-content : space-between;
		align-items : flex-start;
	}
	.content09 #course .wrap02 > li + li{
		margin-top : 20px;
	}
	.content09 #course .wrap02 > li .description{
		width : 488px;
	}
	.content09 #course .wrap02 > li .support{
		width : 498px;
	}
	.content09 #course .tag{
		width : 24px;
		height : 70px;
		font-size : 14px;
		left : -6px;
		top : 8px;
	}
	.content09 #course .description dl{
		margin-top : 13px;
	}
	.content09 #course .description dl > div + div{
		margin-left : 10px;
	}
	.content09 #course .description dt , .content09 #course .description dd{
		font-size : 14px;
		height : 20px;
		width : 70px;
	}
	.content09 #course .text{
		margin-top : calc( 12px - 3.5px );
		letter-spacing : 0;
	}
	.content09 #course .support li{
		height : 40px;
		font-size : 14px;
	}
	.content09 #course .support li:nth-child(-n+2) , .content09 #course .support li:nth-child(n+3):empty{
		padding-top : 13px;
	}
	.content09 #course .support li a{
		font-size : 14px;
		padding-top : 13px;
		background-size : auto 16px;
		background-position-y : 23px;
		background-position-x : calc( 100% - 2px );
	}
	.content09 #course .support li:nth-child(1){
		width : 120px;
		padding-left : 49px;
		background-size : auto 32px;
		background-position-x : 8px;
	}
	.content09 #course .support li:nth-child(2){
		width : 157px;
		margin-left : 4px;
		padding-left : 47px;
		background-size : auto 31px;
		background-position-x : 6px;
	}
	.content09 #course .support li:nth-child(3){
		width : 212px;
		margin-left : 5px;
		background-size : auto 28px;
		background-position-x : 10px;
	}
	.content09 #course .support li:nth-child(3) a{
		padding-left : 43px;
	}
	.content09 #course .support li:nth-child(3):empty{
		padding-left : 43px;
	}
	.content09 #course .support li:nth-child(4){
		width : 237px;
		margin-top : 5px;
		background-size : auto 29px;
		background-position-x : 11px;
	}
	.content09 #course .support li:nth-child(4) a{
		padding-left : 49px;
	}
	.content09 #course .support li:nth-child(4):empty{
		padding-left : 49px;
	}
	.content09 #course .support .box{
		display : flex;
		align-items : flex-start;
		margin-top : 9px;
	}
	.content09 #course .support .box dl{
		margin-top : 1px;
	}
	.content09 #course .support .box dl dt{
		font-size : 14px;
	}
	.content09 #course .support .box dd{
		margin-top : 10px;
		font-size : 35px;
		padding-left : 60px;
	}
	.content09 #course .support .box dd span{
		font-size : 14px;
	}
	.content09 #course .support .box a{
		margin-left : 19px;
		font-size : 16px;
		width : 230px;
		height : 53px;
		border-radius : 6px;
	}
}
.content09 #section01 a , .content09 #section02 a{
	display : block;
}
.content09 #section01 img , .content09 #section02 img{
	width : 100%;
	height : auto;
}
.content09 #section01 p , .content09 #section02 p{
	display : flex;
	align-items : center;
	letter-spacing : .1em;
}
.content09 #section01 p:before , .content09 #section02 p:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/search02.png") 0 0 / contain no-repeat;
}
@media screen and (max-width: 768px){
	.content09 #section01 p , .content09 #section02 p{
		justify-content : center;
		font-size : calc( 26 * 100vw / 768 );
	}
	.content09 #section01 p:before , .content09 #section02 p:before{
		width : calc( 39 * 100vw / 768 );
		height : calc( 39 * 100vw / 768 );
		margin-right : calc( 6 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1100px){
	.content09 #section01 p , .content09 #section02 p{
		font-size : 14px;
	}
	.content09 #section01 p:before , .content09 #section02 p:before{
		margin-right : 6px;
		width : 30px;
		height : 30px;
	}
}
@media screen and (max-width: 768px){
	.content09 #section01 .wrap{
		padding-top : calc( ( 118 - 4 ) * 100vw / 768 );
	}
	.content09 #section01 a{
		margin-top : calc( 30 * 100vw / 768 );
	}
	.content09 #section01 p{
		margin-top : calc( 19 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1100px){
	.content09 #section01 .wrap{
		padding-top : calc( 90px - 6px );
	}
	.content09 #section01 a{
		margin-top : 49px;
	}
	.content09 #section01 p{
		margin-top : 26px;
	}
}
@media screen and (max-width: 768px){
	.content09 #section02 .wrap{
		padding-top : calc( ( 131 - 4 ) * 100vw / 768 );
		padding-bottom : calc( 91 * 100vw / 768 );
	}
	.content09 #section02 ul{
		margin-top : calc( 22 * 100vw / 768 );
	}
	.content09 #section02 li + li{
		margin-top : calc( 12 * 100vw / 768 );
	}
	.content09 #section02 p{
		margin-top : calc( 34 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1100px){
	.content09 #section02 .wrap{
		padding-top : calc(152px - 6px );
		padding-bottom : 58px;
	}
	.content09 #section02 ul{
		margin-top : 36px;
		display : flex;
		justify-content : space-between;
		align-items : flex-start;
	}
	.content09 #section02 li:nth-child(1) a{
		width : 519px;
	}
	.content09 #section02 li:nth-child(2) a{
		width : 520px;
	}
	.content09 #section02 p{
		margin-top : 13px;
	}
}
/*--------------------------------------------
POPUP ANIMATION
---------------------------------------------*/

.mfp-zoom-in .mfp-with-anim{
	opacity : 0;
	transition : all .3s ease-in-out;
	-webkit-transform : scale(.8);
	        transform : scale(.8);
}
.mfp-zoom-in.mfp-bg{
	opacity : 0;
	transition : all .3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim{
	opacity : 1;
	-webkit-transform : scale(1);
	        transform : scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg{
	opacity : .8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim{
	-webkit-transform : scale(.8);
	        transform : scale(.8);
	opacity : 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg{
	opacity : 0;
}

.mfp-newspaper .mfp-with-anim{
	opacity : 0;
	transition : all .5s;
	-webkit-transform : scale(0) rotate(500deg);
	        transform : scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg{
	opacity : 0;
	transition : all .5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim{
	opacity : 1;
	-webkit-transform : scale(1) rotate(0deg);
	        transform : scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg{
	opacity : .8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim{
	-webkit-transform : scale(0) rotate(500deg);
	        transform : scale(0) rotate(500deg);
	opacity : 0;
}
.mfp-newspaper.mfp-removing.mfp-bg{
	opacity : 0;
}

.mfp-move-horizontal .mfp-with-anim{
	opacity : 0;
	transition : all .3s;
	-webkit-transform : translateX(-50px);
	        transform : translateX(-50px);
}
.mfp-move-horizontal.mfp-bg{
	opacity : 0;
	transition : all .3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim{
	opacity : 1;
	-webkit-transform : translateX(0);
	        transform : translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg{
	opacity : .8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim{
	-webkit-transform : translateX(50px);
	        transform : translateX(50px);
	opacity : 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg{
	opacity : 0;
}

.mfp-move-from-top .mfp-content{
	vertical-align : top;
}
.mfp-move-from-top .mfp-with-anim{
	opacity : 0;
	transition : all .2s;
	-webkit-transform : translateY(-100px);
	        transform : translateY(-100px);
}
.mfp-move-from-top.mfp-bg{
	opacity : 0;
	transition : all .2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim{
	opacity : 1;
	-webkit-transform : translateY(0);
	        transform : translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg{
	opacity : .8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim{
	-webkit-transform : translateY(-50px);
	        transform : translateY(-50px);
	opacity : 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg{
	opacity : 0;
}

.mfp-3d-unfold .mfp-content{
	-webkit-perspective : 2000px;
	        perspective : 2000px;
}
.mfp-3d-unfold .mfp-with-anim{
	opacity : 0;
	transition : all .3s ease-in-out;
	-webkit-transform-style : preserve-3d;
	        transform-style : preserve-3d;
	-webkit-transform : rotateY(-60deg);
	        transform : rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg{
	opacity : 0;
	transition : all .5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim{
	opacity : 1;
	-webkit-transform : rotateY(0deg);
	        transform : rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg{
	opacity : .8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim{
	-webkit-transform : rotateY(60deg);
	        transform : rotateY(60deg);
	opacity : 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg{
	opacity : 0;
}

.mfp-zoom-out .mfp-with-anim{
	opacity : 0;
	transition : all .3s ease-in-out;
	-webkit-transform : scale(1.3);
	        transform : scale(1.3);
}
.mfp-zoom-out.mfp-bg{
	opacity : 0;
	transition : all .3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim{
	opacity : 1;
	-webkit-transform : scale(1);
	        transform : scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg{
	opacity : .8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim{
	-webkit-transform : scale(1.3);
	        transform : scale(1.3);
	opacity : 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg{
	opacity : 0;
}

/*# sourceMappingURL=../maps/style.css.map */

@media  print,screen and (min-width: 769px){.home #articles{
background-image:url("/common/css/ti2bev0000001511-img/ti2bev000000151r.jpg");
}}@media print,screen and (min-width: 769px){.home #topics{
background-image:url("/common/css/ti2bev0000001511-img/bg_topics.png");
}}@media print,screen and (min-width: 769px){.home #school{
background-image:url("/common/css/ti2bev0000001511-img/ti2bev00000015d6.png");
}}@media screen and (max-width: 768px){.home #school{
background-image:url("/common/css/ti2bev0000001511-img/ti2bev000000174v.png");
}}.home #couse ul a{
background-image:url("/common/css/ti2bev0000001511-img/bg_couse.png");
}@media print,screen and (min-width: 769px){.content #kousha_info .bg{
background-image:url("/common/css/ti2bev0000001511-img/bg_pc.png");
}}@media screen and (max-width: 768px){.content #kousha_info .bg{
background-image:url("/common/css/ti2bev0000001511-img/bg_sp.png");
}}.content #course .support ul:nth-child(1) li:nth-child(1), .content #course .support ul:nth-child(3) li:nth-child(1){
background-image:url("/common/css/ti2bev0000001511-img/icon01.png");
}.content #course .support ul:nth-child(1) li:nth-child(2), .content #course .support ul:nth-child(3) li:nth-child(2),.content #course .support ul:nth-child(4) li:nth-child(1){
background-image:url("/common/css/ti2bev0000001511-img/icon02.png");
}.content #course .support ul:nth-child(2) li:nth-child(1),.content #course .support ul:nth-child(5) li:nth-child(1){
background-image:url("/common/css/ti2bev0000001511-img/icon03.png");
}.content #course .support ul:nth-child(2)  li:nth-child(2),.content #course .support ul:nth-child(4)  li:nth-child(2),.content #course .support ul:nth-child(5)  li:nth-child(2){
background-image:url("/common/css/ti2bev0000001511-img/icon04.png");
}.content #course .support ul a{
background-image:url("/common/css/ti2bev0000001511-img/search.png");
}.content #section .mag:before{
background-image:url("/common/css/ti2bev0000001511-img/search02.png");
}