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

@media screen and (min-width:768px), print{
/*----------------------------------------------------------------------
PC Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/


main h1 {
	background-image: url(../../subjects/counseling/images/h1_bg.jpg);
	
}

main p.regular {
	font-weight:300;
	margin-bottom:70px;
	line-height:2.0;
}

main p {
	font-weight:300;
	line-height:2.0;
	margin-bottom:15px;
}

main dl.flow {
	width:500px;
	margin:30px 0 30px 50px;
	float:left;
}

main dl.flow dt {
	float:left;
	margin-right:15px;
	margin-bottom:2px;
	clear:both;
}

main dl.flow dt span {
	color:#fff;
	font-size:15px;
	background:#666;
	border-radius:3px;
	padding:1px 10px;
}

main dl.flow dt .fl01 {
	background:#3DBFDD;
}
main dl.flow dt .fl02 {
	background:#47D1DD;
}
main dl.flow dt .fl03 {
	background:#61D7B5;
}
main dl.flow dt .fl04 {
	background:#83D15F;
}

main dl.flow dt.arrow {
	background-image:url(../../subjects/counseling/images/flow_arrow.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size:20px;
	padding-bottom:13px;
}

main dl.flow dd {
	float:left;
	margin-bottom:1px;
}

main img.img01 {
	width:500px;
	margin:40px 50px 30px 0;
	float:right;
	display:block;
}


}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------
SP Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/


body main {
	font-size:15px;
}

main .box {
	width:100%;
}

main h1 {
	background-image: url(../../subjects/counseling/images/h1_bg.jpg);
	
}

main p.regular {
	font-weight:300;
	margin-bottom:70px;
	line-height:1.8;
}

main p {
	font-weight:300;
	line-height:2.0;
	margin-bottom:15px;
}

main dl.flow {
	width:100%;
	margin:30px auto;
	font-size:1.35rem;
}

main dl.flow dt {
	float:left;
	margin-right:10px;
	margin-bottom:2px;
	clear:both;
}

main dl.flow dt span {
	color:#fff;
	background:#666;
	border-radius:3px;
	padding:0 10px;
}

main dl.flow dt .fl01 {
	background:#3DBFDD;
}
main dl.flow dt .fl02 {
	background:#47D1DD;
}
main dl.flow dt .fl03 {
	background:#61D7B5;
}
main dl.flow dt .fl04 {
	background:#83D15F;
}

main dl.flow dt.arrow {
	background-image:url(../../subjects/counseling/images/flow_arrow.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size:20px;
	padding-bottom:13px;
}

main dl.flow dd {
	float:left;
	margin-bottom:1px;
}

main img.img01 {
	width:100%;
	margin: 30px 0;
	display:block;
}




}