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



#leftArea_page{
	padding:15px;
}
.in_img{
	padding:0 15px;
}

#box_page h3{
		border-bottom:none;
	}
#web_title{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#4D4D4D;
	line-height:1.4;
	margin:20px 0 15px 0;
}
.box01 > div{
	border:#FF812E 3px solid;
	margin-bottom:40px;
	padding:20px;
	border-radius:6px;
}
.box01 > div div{
	text-align:center;
}
.box01 > div:first-child img{
	margin-right:-10px;
	margin-top:-30px;
}
.box01 > div:nth-child(2) div img{
	width:100px;
}
.box01 > div:nth-child(3) img{
	margin-right:-5px;
	margin-top:-30px;
}
.box01 > div p{
	margin-bottom:10px;
}
.box01 > div p.title{
	color:#FF7D32;
	font-weight:bold;
	font-size:25px;
	margin-top:5px;
	text-align:center;
}

.coupon{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff905a+0,ff905a+52,ff7d32+53,ff7d32+100 */
background: #ff905a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff905a 0%, #ff905a 52%, #ff7d32 53%, #ff7d32 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff905a 0%,#ff905a 52%,#ff7d32 53%,#ff7d32 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff905a 0%,#ff905a 52%,#ff7d32 53%,#ff7d32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff905a', endColorstr='#ff7d32',GradientType=0 ); /* IE6-9 */

display:block;
text-align:center;
color:#fff;
padding:10px 0;
border-radius:5px;
font-size:18px;

}
.coupon:hover{
	text-decoration:none;
}

.notes{
	margin-bottom:40px;
}


/*入校までの流れ*/
#box_page .flow_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 40px;
}
#box_page .flow_list dt:not(:last-of-type),
#box_page .flow_list dd:not(:last-of-type) {
	padding-bottom: 5vw;
}
#box_page .flow_list dt {
	width: 28%;
	position: relative;
}
#box_page .flow_list dt:not(:last-of-type)::after {
	position: absolute;
	content: '';
	top: 2px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	background-color: #e6e6e6;
	height: 100%;
	width: 68.75%;
	z-index: 0;
	
}
#box_page .flow_list dt img {
	width: 100%;
	position: relative;
	z-index: 1;
}
#box_page .flow_list dd {
	width: 67%;
}





h5{
	font-weight:normal;
	font-size:16px;

	border-bottom:1px solid #999;
	margin-bottom:10px;
}
h5 span{
	padding-left:10px;
	margin-bottom:5px;
	display:block;
	border-left:3px solid #FF8C00;
}

.box02 div{
	background:#F2F2F2;
	text-align:center;
	padding:10px;
	margin-bottom:15px;
	border-radius:4px;
}

.box02 div .icon01 {
	width:78px;
}
.box02 div .icon02 {
	width:63px;
}
.box02 div .icon03 {
	width:85px;
}
.box02 div .icon04 {
	width:54px;
}

.box02 p span{
	font-size:16px;
	display:block;
	font-weight:bold;
	margin-top:10px;
}
	
.red{
	color:#C1272D;
	margin-bottom:20px;
}
#disease{
	border:1px solid #999;
	padding:10px;
}
	
#web_notes span{
	color:#FF8C00;
}

#web_notes li{
	padding-left:1em;
	text-indent:-1em;
}

#bank{
	background:#F2F2F2;
	padding:15px;
	margin-bottom:15px;
}
#bank .title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#bank .title img{
	margin-right:10px;
}
	
	
#bank table tr:first-child th{
	background:#7F8080;
	color:#fff;
}

#bank table{
	width:100%;
	border-bottom:1px solid #333;
	margin:10px 0;
}
#bank table th{
	background:#F5F5F5;
	padding:10px;
	border-bottom:#eee solid 1px;
	border-right:#eee solid 1px;
	width:70px;
	text-align:center;
}
#bank table td{
	background:#fff;
	font-weight:bold;
	padding:15px;
	border-bottom:#eee solid 1px;
	border-right:#eee solid 1px;
	font-size:14px;
	line-height:1.4;
}
#bank table td span{
	display:block;
	font-size:12px;
	font-weight:normal;
}
#bank .image{
	text-align:center;
}

#web_form{
	text-align:center;
	margin:50px 0 50px 0;
}

.font_small{
	font-size:12px;
}


@media screen and (min-width: 668px){
	
#text{
	position:relative;
	width:450px;
	margin-bottom:80px;
}
#text img{
	position:absolute;
	right:-235px;
	top:-120px;
}
#web_title{
	margin-bottom:10px;
	font-size:27px;
}

.box01 > div{
	width:450px;
	padding-top:80px;
	margin: 0 auto 40px;
	position:relative;
}
/*.box01 > div:last-child{
	margin-right:0;
	
}
*/
.box01 .icon{
	position:absolute;
	top:-15px;
	right: 50%;
}
.box01 .icon02{
	position:absolute;
	top:25px;
	left:75px
	
}


/*入校までの流れ*/
#box_page .flow_list dt:not(:last-of-type),
#box_page .flow_list dd:not(:last-of-type) {
	padding-bottom: 15px;
}
#box_page .flow_list dt {
	width: 160px;
}
#box_page .flow_list dd {
	width: 500px;
}




.box02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box02 div{
	width:315px;
	margin: 0 !important;
}

.box02 div:nth-child(n+3){
	margin-top: 15px!important;
}
.box02 div span{
	font-size:17px;
}
.box02 div p{
	font-size:12px;
}

#bank .left{
	width:420px;
	float:left;
}
#bank .right{
	width:202px;
	float:right;
	padding-top:60px;
}



.box01 > div:first-child img{
	margin-right: -120px;
	margin-top:0;
}
.box01 > div:nth-child(2) div img{
	width:auto;
}
.box01 > div:nth-child(3) img{
	margin-right:0;
	margin-top:0;
}

}