/* CSS Document */
@import url("reset.css");
@import url("common.css");
@import url("styles.css");

/* H2
---------------------------------------------------------- */
#h2Hanger::after{ background-image: url("../img/admissions/bg_h2.jpg");}




/* access
---------------------------------------------------------- */
.examination_item{
	padding: 120px 20px 20px 20px;
	border: 3px solid var(--mainColor);
	border-radius: 10px;
	background-size: 100px auto;
	background-repeat: no-repeat;
	background-position: top 15px center;
}

.examination_item.inq{ background-image: url("../img/common/icon_inq_m.svg");}
.examination_item.tel{ background-image: url("../img/common/icon_tel.svg");}
.examination_item.fax{ background-image: url("../img/common/icon_fax.svg");}

.examination_item .wp-block-buttons{ margin: 0;}
.examination_item .wp-block-button__link{
	min-width: inherit;
	width: 100%;
	margin: auto;
}
.wp-block-buttons>.wp-block-button{ width: 100%}

.examination_item p{
	color: var(--mainColor);
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 690px){
	.examination_list{ gap: 5px;}
	.examination_item{
		padding: 15px 15px 15px 60px;
		background-size: 40px auto;
		background-position: center left 10px;
	}
	.examination_item p{ text-align: left;}
	.wp-container-core-buttons-is-layout-1{ flex-wrap: wrap !important;}
}



/* scholarship
---------------------------------------------------------- */
.loan{
	display: inline-block;
	margin: 20px auto 0;
	padding: 0;
	border-bottom: 3px solid #FFF100;
	font-size: 3.0rem;
	font-weight: 700;
	text-align: center;
}

.scholarship_flow li{
	position: relative;
	margin: 0 0 30px 0;
	padding: 20px;
	background-color: rgba(255,241,0,0.25);
	border-radius: 10px;
	text-align: center;
	list-style: none;
}
.scholarship_flow li::after{
	content: '';
	position: absolute;
	bottom: -20px;
	left: calc(50% - 5px);
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: var(--mainColor) transparent transparent transparent;
}

.scholarship_flow li:last-child{
	background-color: #FFF100;
	font-size: 1.3rem;
	font-weight: 700;
}
.scholarship_flow li:last-child::after{ display: none;}

@media screen and (max-width: 690px){
	.loan{ font-size: 1.8rem;}
	.scholarship_flow li:last-child{ font-size: 1.1rem;}
}