@charset "utf-8";


/**************************************************50
 * certificate
 **************************************************/
@media screen and (max-width:767px){
	.box_grayish_blue .table_half{
		margin: 1.5625% auto 0;
	}
	.box_grayish_blue .file_links{
		margin: 1.5625% auto 0;
	}
	#application_power_attorney{
		padding: 0 3.125%;
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.box_grayish_blue h3{
		margin-bottom: 10px;
	}
	.box_grayish_blue .table_half{
		margin: 20px auto 10px;
	}
	.box_grayish_blue .file_links{
		margin: 20px auto 10px;
	}
	.box_grayish_blue .file_links h3{
		margin-bottom: 0;
	}
	#application_power_attorney{
		margin: 0 auto 50px;
		max-width: 860px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}
@media screen and (min-width:940px){
}


/**************************************************50
 * association
 **************************************************/
#application_association_info{
	border: 3px solid #1CACCA;
	position: relative;
}
#application_association_info:before{
	color: #1CACCA;
	content: "\F05D6";
	font-family: "Material Design Icons";
	line-height: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#application_association_info strong{
	color: #1CACCA;
	font-size: 112.5%;
}
[class^="table_"] .btn_link{
	padding-left: 0.2em;
	width: 5.4em;
}
[class^="table_"] .mdi-file-word,
[class^="table_"] .mdi-file-excel{
	background-color: #23308F;
	border-color: #23308F;
}
#application_association_procedure{
	text-align: center;
}
#application_association_certificate > li h3,
#application_association_recruit > li h3{
	color: #4C4C4C;
	font-size: 100%;
	font-weight: normal;
}
.box_destination h3{
	color: #1CACCA;
	font-size: 125%;
	text-align: center;
}
.box_destination .btn_link{
	width: 8em;
}
.box_destination .mdi small{
	display: block;
	font-size: 75%;
}
@media screen and (max-width:767px){
	#application_association_info{
		padding: 3.125% 3.125% 3.125% -webkit-calc((3.125% * 2) + 3em);
		padding: 3.125% 3.125% 3.125% calc((3.125% * 2) + 3em);
		margin: 0 auto 3.125%;
		width: 93.75%;
	}
	#application_association_info:before{
		font-size: 300%;
		left: 3.125%;
	}
	#application_association_procedure strong{
		display: block;
		padding: 3.571428571428571% 0;
	}
	#application_association_certificate > li h3,
	#application_association_recruit > li h3{
		margin-bottom: 1.5625%;
		padding: 0 3.125%;
	}
	.box_destination h3{
		padding: 3.571428571428571% 0;
	}
	.box_destination hr{
		margin: 0 0 3.571428571428571%;
	}
	.box_destination p.mdi-fax span{
		padding-left: 0;
		text-indent: 0;
	}
	.box_destination .mdi small{
		margin-top: -1em;
		padding-left: 1.4em;
		text-indent: 0;
	}
}
@media screen and (min-width:768px){
	#application_association_info{
		margin: 0 auto 50px;
		padding: 1em 1em 1em 7em;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#application_association_info:before{
		font-size: 500%;
		left: 0.2em;
	}
	#application_association_procedure:after{
		clear: both;
		content: "";
		display: block;
	}
	#application_association_procedure p.mdi{
		float: left;
		display: inline-block;
		height: 50px;
		margin-left: -webkit-calc((100% - (200px * 2)) / 3);
		margin-left: calc((100% - (200px * 2)) / 3);
		width: 200px
	}
	#application_association_procedure p.mdi-email{
		padding-top: 0.4em;
	}
	#application_association_certificate,
	#application_association_recruit{
		max-width: 900px;
	}
	#application_association_certificate > li h3,
	#application_association_recruit > li h3{
		font-size: 87.5%;
		text-align: left;
		width: 400px;
	}
	.box_destination .mdi small{
		margin-top: -1.2em;
		padding-left: 4.6em;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	.table_pc{
		font-size: 87.5%;
	}
}
@media screen and (min-width:940px){
	[class^="table_"] .mdi-file-word:hover,
	[class^="table_"] .mdi-file-excel:hover{
		color: #23308F;
	}
	[class^="table_"] .mdi-file-word:hover:after,
	[class^="table_"] .mdi-file-excel:hover:after{
		border-color: transparent transparent #23308F transparent;
	}
}


/**************************************************50
 * timetable
 **************************************************/
.application_timetable h4{
	color: #1CACCA;
	font-size: 112.5%;
}
.application_timetable h4:before{
	content: "\F012E";
	font-family: "Material Design Icons";
	margin-right: 0.3em;
}
.application_timetable .links_btn li a{
	padding-left: 2.5em;
	text-align: left;
}
@media screen and (max-width:767px){
	.application_timetable h4{
		margin: 0 auto 1.5625%;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	.application_timetable h4{
		margin: 0 auto 10px;
		padding: 0 20px;
		width: 880px;
	}
	.application_timetable .links_btn li a{
		width: calc((100% - 20px) / 2);
	}
}


/**************************************************50
 * annual_sc
 **************************************************/
.application_annual_sc h4{
	color: #1CACCA;
	font-size: 112.5%;
}
.application_annual_sc h4:before{
	content: "\F012E";
	font-family: "Material Design Icons";
	margin-right: 0.3em;
}
.application_annual_sc .links_btn li a{
	padding-left: 2.5em;
	text-align: left;
}
@media screen and (max-width:767px){
	.application_annual_sc h4{
		margin: 0 auto 1.5625%;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	.application_annual_sc h4{
		margin: 0 auto 10px;
		padding: 0 20px;
		width: 880px;
	}
	.application_annual_sc .links_btn li a{
		width: calc((100% - 20px) / 2);
	}
}


/**************************************************50
 * curriculum
 **************************************************/
.application_curriculum h4{
	color: #1CACCA;
	font-size: 112.5%;
}
.application_curriculum h4:before{
	content: "\F012E";
	font-family: "Material Design Icons";
	margin-right: 0.3em;
}
.application_curriculum .links_btn li a{
	padding-left: 2.5em;
	text-align: left;
}
@media screen and (max-width:767px){
	.application_curriculum h4{
		margin: 0 auto 1.5625%;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	.application_curriculum h4{
		margin: 0 auto 10px;
		padding: 0 20px;
		width: 880px;
	}
	.application_curriculum .links_btn li a{
		width: calc((100% - 20px) / 2);
	}
}


/**************************************************50
 * curriculum
 **************************************************/
.application_current h3{
	color: #1CACCA;
	font-size: 112.5%;
}
.application_current h3:before{
	content: "\F012E";
	font-family: "Material Design Icons";
	margin-right: 0.3em;
}
.application_current .links_btn li a{
	padding-left: 2.5em;
	text-align: left;
}
@media screen and (max-width:767px){
	.application_current h3{
		margin: 0 auto 1.5625%;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	.application_current h3{
		margin: 0 auto 10px;
		padding: 0 20px;
		width: 880px;
	}
	.application_current .links_btn li a{
		width: calc((100% - 20px) / 2);
	}
}


/**************************************************50
 * schedule
 **************************************************/
#application_current_schedule{
	overflow: hidden;
	text-align: center;
}
#application_current_schedule_link .links_btn li a{
	background-color: #23308F;
	border-color: #23308F;
}
#application_current_schedule iframe{
	border: 0;
}
@media screen and (max-width:767px){
	#application_current_schedule{
		margin-bottom: 6.25%;
		position: relative;
	}
	#application_current_schedule:before{
		content: "";
		display: block;
		padding-top: 150%;
	}
	#application_current_schedule iframe{
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 93.75%;
		max-width: 640px;
	}
}
@media screen and (min-width:768px){
	#application_current_schedule{
		margin-bottom: 50px;
	}
	#application_current_schedule_link .links_btn li a{
		width: calc((100% - 20px) / 2);
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#application_current_schedule iframe{
		height: 540px;
		width: 720px;
	}
}
@media screen and (min-width:940px){
	#application_current_schedule_link .links_btn li a:hover{
		background-color: #FFFFFF;
		color: #23308F;
	}
	#application_current_schedule_link .links_btn li a:hover:after{
		border-color: transparent transparent #23308F transparent;
	}
	#application_current_schedule iframe{
		height: 600px;
		width: 800px;
	}
}