@media (max-width: 768px) {
/* 共通---------------------------- */
article h2.common-ttl-4 {
	background-size: 40px;
	font-size: 24px;
}

article>p{
	text-align: center;
	font-size: 18px;
}

h2.ttl_1{
	padding-bottom: 8px;
	font-size: 20px;
}

h2.ttl_1>span{
	margin: 0 4px;
	font-size: 24px;
}

/* 帰国生入試について--------------- */
#about_return_area h2.common-ttl-4{
	padding: 0 20px 0 20px;
}

#about_return_area>div>.img-box p{
	position: static;
	width: 100%;
	padding: 12px 8px;
	font-size: 16px;
}


/* 入試準備--------------- */
#flow_area #flow_wrap{
	margin-top: 32px;
}

#flow_area #flow_wrap>ul{
	display: table;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border-top: 0px;
	width: auto;
}

#flow_area #flow_wrap>ul li{
	position: relative;
	float: left;
	border-radius: 50%;
	top: auto;
	right:auto;
	left:auto;
	margin-bottom: 10px;
	width: 90px;
	height: 90px;
	background-color: #5baf75;
}

#flow_area #flow_wrap>ul li>a{
	top: 20%;
	width: 100%;
	line-height: 1.3;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#flow_area #flow_wrap>ul li>a>span{
	display: block;
	font-size: 22px;
}

#flow_area #flow_wrap>ul li.step1,
#flow_area #flow_wrap>ul li.step2,
#flow_area #flow_wrap>ul li.step3,
#flow_area #flow_wrap>ul li.step4,
#flow_area #flow_wrap>ul li.step5,
#flow_area #flow_wrap>ul li.step6{
	right:auto;
	left:auto;
}

@media (max-width: 375px) {
#flow_area #flow_wrap>ul{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}

}

@media (max-width: 320px) {
#flow_area #flow_wrap>ul{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
}

}

/* 入試準備詳細ここから--------------- */
#flow_detail_area{
	height: 2620px;
}

#flow_detail_area>div{
	position: absolute;
	right: auto;
	left: 25px;
}

#flow_detail_area>.start{
	padding: 4px 0;
	font-size: 24px;
}

#flow_detail_area section>h2>span{
	position: absolute;
	left: -10px;
}

#flow_detail_area section>.text_box{
	width: 70%;
}

#flow_detail_area section>.text_box h3{
	padding: 12px 8px;
	font-size: 18px;
}

#flow_detail_area section>.text_box h3.left:before,
#flow_detail_area section>.text_box h3.right:after{
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	left: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 22px 20px 22px;
	border-color: transparent transparent #5bae75 transparent;
}

#flow_detail_area section>.img-box{
	width: 70%;
	max-width: 198px;
}

/* #detail共通------------------ */
#flow_detail_area #detail_01>.text_box,
#flow_detail_area #detail_02>.text_box,
#flow_detail_area #detail_03>.text_box,
#flow_detail_area #detail_04>.text_box,
#flow_detail_area #detail_05>.text_box,
#flow_detail_area #detail_06>.text_box{
	left: 80px;
}

#flow_detail_area #detail_01>.img-box,
#flow_detail_area #detail_02>.img-box,
#flow_detail_area #detail_03>.img-box,
#flow_detail_area #detail_04>.img-box,
#flow_detail_area #detail_05>.img-box,
#flow_detail_area #detail_06>.img-box{
	left: 80px;
}

/* #detail_01------------------ */
#flow_detail_area #detail_btn_01{
	position: relative;
	top: 130px;
}

#flow_detail_area #detail_01>h2{
	top: 30px;
}

#flow_detail_area #detail_01>.text_box{
	top: 200px;
}

#flow_detail_area #detail_01>.img-box{
	top: 30px;
}

/* #detail_02------------------ */
#flow_detail_area #detail_btn_02{
	position: relative;
	top: 450px;
}

#flow_detail_area #detail_02>h2{
	top: 450px;
}

#flow_detail_area #detail_02>.text_box{
	top: 620px;
}

#flow_detail_area #detail_02>.img-box{
	top: 450px;
}

/* #detail_03------------------ */
#flow_detail_area #detail_03>h2{
	top: 920px;
}

#flow_detail_area #detail_03>.text_box{
	top: 1090px;
}

#flow_detail_area #detail_03>.img-box{
	top: 920px;
}

/* #detail_04------------------ */
#flow_detail_area #detail_04>h2{
	top: 1380px;
}

#flow_detail_area #detail_04>.text_box{
	top: 1550px;
}

#flow_detail_area #detail_04>.img-box{
	top: 1380px;
}

/* #detail_05------------------ */
#flow_detail_area #detail_05>h2{
	top: 1750px;
}

#flow_detail_area #detail_05>.text_box{
	top: 1920px;
}

#flow_detail_area #detail_05>.img-box{
	top: 1750px;
}

/* #detail_06------------------ */
#flow_detail_area #detail_06>h2{
	top: 2150px;
}

#flow_detail_area #detail_06>.text_box{
	top: 2320px;
}

#flow_detail_area #detail_06>.img-box{
	top: 2150px;
}

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



}