@charset "utf-8";


/* admission
-------------------------------------------------*/

#admission img{
	border-radius:9px;
	overflow:hidden;
}

.pgttl_adm{
	background-image:url(/img/ttlimg_admission.webp);
}

.flow_item{
	padding:1.6rem 2rem 1.8rem;
	background-color:rgba(94,183,79,.2);
	border-radius:1rem;
	margin:0 0 60px;
}
	.flow_item:after{
		display:block;
		position:absolute;
		content:"";
		left:0;
		width:100%;
		height:5rem;
		background:url(/img/i_arrow_low.png) no-repeat 50% 65%;	
	}
	.flow_item:last-child:after{
		display:none;
	}
	.flow_item > div{
		display: table;
		width:100%;
	}
	.flow_item > div:after {
		content: "";
		display: table;
		clear: both;
	}
	.flow_item .step{
		display: table-cell;
		width:90px;
		vertical-align:middle;
	}
	.flow_item .txt{
		display: table-cell;
		width:60%;
		padding:0 2rem 0 1.5rem;
		vertical-align:middle;
	}
	.flow_item .txt.no_img{
		width:100%;
		padding:0 0 0 1.5rem;
	}
	flow_item .img{
		display: table-cell;
		width:269px;
		vertical-align:middle;
	}


@media screen and (max-width: 700px){
	.flow_item{
		padding:.9rem 1.4rem;
	}
	.flow_item > div{
		display: block;
	}
	.flow_item .step{
		display:block;
		float:left;
		width:20%;
	}
	.flow_item .step img{
		width:90%;
		max-width:114px;
		height:auto;
	}
	.flow_item .txt{
		display:block;
		float:left;
		width:80%;
		min-height:130px;
		padding:1rem 0 1rem 1.5rem;
	}
	.flow_item .img{
		clear:both;
		display:block;
		width:100%;
		text-align:right;
	}
	.flow_item .img img{
		display:inline-block;
	}
}

.fr_list{
	padding:1rem 0 0 1rem;
}
	.fr_list li{
		display:inline-block;
		width:47%;
		line-height:1.3;
		margin:0 1rem 1rem 0;
	}
	.fr_list li > span{
		display:inline-block;
		width:9rem;
	}

	.fr_list li a{
		white-space:nowrap;
	}
@media screen and (max-width: 870px){
	.fr_list li{
		width:30%;
	}
}
@media screen and (max-width: 790px){
	.fr_list li{
		width:44%;
	}
}