@charset "utf-8";
/****************************************************************************************************

feature

****************************************************************************************************/


/*--------------------------------------------------

レイアウト

--------------------------------------------------*/
.feature_boxL{ float:left; }
.feature_boxR{ float:right; }
@media only screen and (max-width:736px){
.feature_boxL{ float:none; }
.feature_boxR{ float:none; }
}

.feature_c1{ color:#0091E5; }


.feature_box1{
	margin-bottom:50px;
	padding:20px;
	border:1px solid #ccc;
}

	.feature_box1 .feature_boxL{
		width:49.29%;	/*350px;*/
	}
@media only screen and (max-width:736px){
	.feature_box1 .feature_boxL{
		margin-bottom:20px;
		width:100%;
	}
}

	.feature_box1 .feature_boxR{
		width:43.66%;	/*310px;*/
	}
@media only screen and (max-width:736px){
	.feature_box1 .feature_boxR{
		width:100%;
	}
}


.feature_box2{
	margin-bottom:20px;
	padding:20px;
	background:#F0F9FD;
}
.feature_box2Last{
	margin-bottom:50px;
}

	.feature_box2 .feature_boxR{
		margin-left:30px;
		margin-bottom:10px;
		width:29.86%;	/*224px;*/
	}
@media only screen and (max-width:736px){
	.feature_box2 .feature_boxR{
		margin-left:0;
		width:100%;
	}
}
	.feature_box2inbox1{
		margin-top:20px;
	}


.feature_box3{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
	line-height:1.7;
}
.feature_box3Last{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
	.feature_box3 .feature_boxL{
		float:left;
		width:22.66%;	/*170px;*/
	}
@media only screen and (max-width:736px){
	.feature_box3 .feature_boxL{
		float:none;
		margin-bottom:20px;
		width:100%;
	}
}

	.feature_box3 .feature_boxR{
		float:right;
		width:72%;	/*540px;*/
	}
@media only screen and (max-width:736px){
	.feature_box3 .feature_boxR{
		float:none;
		width:100%;
	}
}

		.feature_boxRinbox1{
			float:left;
			width:50%;	/*270/540*100*/
		}
@media only screen and (max-width:736px){
		.feature_boxRinbox1{
			float:none;
			width:100%;
		}
}

		.feature_boxRinbox2{
			float:right;
			width:44.44%;	/*240/540*100*/
			font-size: 1.0rem;
		}
@media only screen and (max-width:736px){
		.feature_boxRinbox2{
			float:none;
			width:100%;
			text-align: center;
		}
}

		.feature_boxRinbox2 figure{
			margin-bottom: 5px;
		}

/*--------------------------------------------------

見出し

--------------------------------------------------*/
.feature_headline1{
	margin-bottom:10px;
	color:#A3000B;
	font-size:116%;
	font-weight:bold;
}

.feature_headline2{
	margin-bottom:10px;
	color:#0693E3;
	font-size:116%;
	font-weight:bold;
}

.feature_headline3{
	margin-bottom:10px;
	font-weight:bold;
}

.feature_headline4base{
	margin-bottom:15px;
	font-weight:bold;
	font-size:133%;
}
	.feature_headline4_1{ color:#009999; }
	.feature_headline4_2{ color:#2A80AF; }
	.feature_headline4_3{ color:#FF9900; }



/*--------------------------------------------------

その他

--------------------------------------------------*/
.feature_pointList1{
	font-size:116%;
}

.feature_pointStrong{
	font-weight:bold;
	font-size:214%;
}

.feature_facultyList1base{
}

	.feature_facultyList1base li{
		margin-top:5px;
		border-style:solid;
		border-width:1px;
		text-align:center;
	}
	.feature_facultyList1base li:first-child{
		margin-top:0;
	}

	.feature_facultyList1base a{
		display:block;
		padding:5px;
		text-align:center;
		text-decoration:none;
	}
	.feature_facultyList1base a:hover{
		color:#fff;
	}
	
.feature_facultyList1_1{
}
	.feature_facultyList1_1 li{ border-color:#00999B; color:#00999B; }
	.feature_facultyList1_2 li{ border-color:#237FB1; color:#237FB1; }
	.feature_facultyList1_3 li{ border-color:#FF9900; color:#FF9900; }

	.feature_facultyList1_1 a{ color:#00999B; }
	.feature_facultyList1_1 a:hover{ background-color:#00999B; }

	.feature_facultyList1_2 a{ color:#237FB1; }
	.feature_facultyList1_2 a:hover{ background-color:#237FB1; }

	.feature_facultyList1_3 a{ color:#FF9900; }
	.feature_facultyList1_3 a:hover{ background-color:#FF9900; }


.feature_facultyNotice3{
    color:#FF9900;
}



.movie{
	margin-bottom:40px;
	width:100%;
}
	.movie video{
		width:100%;
	}



.movie__iframe.-youtube{
    position: relative;
	margin-bottom: 5px;
    width: 100%;
    height: 0;
    padding-top: calc( 135 / 240 * 100% );
}
@media only screen and (max-width:736px){
.movie__iframe.-youtube{
    padding-top: calc( 403 / 716 * 100% );
}
}
.movie__iframe.-youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}







