@charset "UTF-8";
/* ******************************************************************

	--search.css--

	1. Layout setting

****************************************************************** */
/*==================================================================
	1. Layout setting
===================================================================*/
.imageIcon img{
padding-top:3px;
}

.wrapperSection01 .section01 {
	padding:41px 20px 38px 20px;
	color:#4D4D4D;
	width: calc(100% - 248px);
    max-width: 757px;
}
.section02 {
	color:#4D4D4D;
}
.section02Inner {
	padding:35px 20px 28px;
	width: calc(100% - 248px);
    max-width: 757px;
}

.blockGuide01 {
	position:relative;
	float: left;
	width: calc(50% - 19px);

	margin:0 19px 25px 0px;
}
.blockGuide01.mr0{
	width: 50%;
}

h3.headlineNum {
	padding:14px 0 12px;
	color:#4978AE;
	font-size:22px;
}
.blockGuide01 .blockInner {
	padding:20px;
	background:#FFF;
	border:1px solid #D5D5D5;
}
.blockGuide01 p {
	line-height:1.8;
}
ul.usualAsk {
	margin-bottom:3px;
	padding:17px 8px 10px 18px;
	border:1px solid #D5D5D5;
}
ul.usualAsk li {
	padding-left:15px;
	margin-bottom:5px;
	background:url(/img/common/icon_circle02.gif) 0 4px no-repeat;
	font-size:12px;
}

.numStyle01 {
	display:block;
	float:left;
	width:43px;
	height:43px;
	margin:-8px 10px 0 0;
	border:3px solid #DFDDE2;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#4978AE;
	color:#FDFDFD;
	font-size:20px;
	text-align:center;
	line-height:38px;
	behavior:url(/js/PIE.htc);
}

.blockGuide01 .button {
	margin:22px auto 0;
	text-align:center;
}
.blockGuide01 .button04 {
	width:100%;
	max-width:100%;
	padding: 9px 40px 11px 25px;
	background-color:#E1B272;
	font-size:15px;
	text-align:center;
}
.blockGuide01 .button04 img {
	margin-right:10px;
	vertical-align:middle;
}

.blockGuide02 {
	margin-bottom:23px;
	padding:30px;
	border:1px solid #D5D5D5;
	background:#FFF;
}
.blockGuide02 .headline2 {
	padding-left:0;
	padding-bottom:2px;
	font-size:22px;
}
p.text04 {
	line-height:1.7;
}
.imageForm {
	margin:10px 0 21px -16px;
}

.infoList01 {
	border:1px solid #D5D5D5;
	padding-top:2px;
}
.infoList01 li {
	padding:17px 20px 13px;
}
.infoList01 li.odd {
	background:#F8F6F4;
}

.numStyle02 {
	display:block;
	float:left;
	width:17px;
	height:17px;
	margin-right:7px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#EC7063;
	color:#FDFDFD;
	font-size:11px;
	text-align:center;
	line-height:17px;
	behavior:url(/js/PIE.htc);
}
.infoList01 .text01 {
	padding-bottom:7px;
	font-size:15px;
}
.infoList01 .text02 span {
	display:block;
	font-size:12px;
	padding-top:4px;
}
.infoList01 .linkText {
	display:inline-block;
	margin-top:8px;
	margin-bottom:4px;
	color:#EC7063;
	font-size:12px;
}
.infoList01 .linkText:hover {
	color:#EC7063;
}

.teacherList09 {
	float:left;
	margin-top:-3px;
	margin-bottom:16px;
}
.teacherList09 li {
	width:77px;
	margin:0 5px 6px 0;
}
.teacherList09 .teacherImage {
	float:none;
	width:71px;
	height:72px;
	margin:3px;
}
.teacherList09 .teacherImage:hover {
	background:#DFDDE2;
	border:3px solid #FFF;
	box-shadow:none;
}
.blockGuide02 .button a.button04 {
	padding: 18px 15px 16px 0;
	text-align: center;
}
.blueButton,
.orangeButton {
	float:right;
	width:226px;
	margin-top:8px;
	padding-right:9px;
}
.blueButton .bgBlue:hover {
	background-color:#ec7063;
}
.blueButton a.button04 {
	padding-left:0 !important;
}
.orangeButton a.button04 {
	padding-left:21px !important;
}
.blueButton a.button04 {
	background-color:#4978AE;
}

.blockGuide02 .contactInfo {
	max-width:655px;
	padding-top:5px;
	padding-bottom:0;
}
.blockGuide02 .contactInfo .notify {
	width:107px;
	margin-left:3px;
	padding-left:0;
}
.mainCol02 .blockGuide02 .contactInfo .notifyBox {
	padding-left: 8px;
	padding-right: 8px;
}

.blockGuide03 {
	margin-top:13px;
	border:1px solid #D5D5D5;
	background:#FFF;
}

.stepBox .usualAsk li {
	float:left;
	margin-right:24px;
	margin-bottom:10px;
	padding-left:10px;
	font-size:13px;
}
.stepBox .usualAsk {
	margin-top:19px;
	margin-bottom:0;
	padding:16px 8px 7px 13px;
}
.stepList {
	padding:0;
	width:auto;
}
.stepList li {
	float:left;
	overflow:hidden;
	width:102px;
	height:auto;
	padding:0;
	border-right:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	text-align:center;
	cursor:pointer;
}
.stepList li.last {
	border-right:0;
	width:103px;
}
.stepList li .step {
	background:#4978AE;
	color:#FFF;
	font-size:11px;
	text-transform:uppercase;
	line-height:26px;
}
.stepList li .step span {
	padding-left:3px;
	font-size:15px;
}
.stepList li .titleStep {
	max-height:75px;
	padding:18px 0 20px;
	background:#FAFAFA;
	color:#4978AE;
	font-size:14px;
	line-height:1.6;
}
.stepList li p.line {
	width:65px;
	height:2px;
	margin:0 auto -1px;
	background:#FFF;
}
.stepList li:hover,
.stepList li.active {
	overflow:visible;
	border-bottom:0;
}
.stepList li:hover .titleStep,
.stepList li.active .titleStep {
	background:#FFF;
	color:#EC7063;
}
.stepList li:hover p.line,
.stepList li.active p.line {
	background:#EC7063;
}
.stepBox {
	display:none;
	padding:26px 20px;
}
.stepBox h5 {
	margin-bottom:15px;
	padding-bottom:4px;
	border-bottom:2px solid #4978AE;
	color:#4978AE;
	font-size:22px;
}
.stepBox h5 span {
	float:left;
	margin-right:12px;
	padding:0 14px;
	background:#4978AE;
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
	line-height:22px;
}
.stepBox h5 span em {
	padding-left:3px;
	font-size:15px;
}

.reasonSection {
	width:auto;
}
.reasonSection .headline2 {
	margin-top:6px;
}
.listReason {
	margin:-4px 0 0 -11px;
	margin-left:-11px;
}
.listReason li {
	width:111px;
	height:111px;
	margin:0 0 10px 10px;
	border-width:1px;
	background:#FDFDFC;
}
.listReason li .numReason {
	padding:12px 5px 5px;
}
.listReason li p {
	font-size:14px;
	line-height:1.4;
}
.listReason li .numReason p.number {
	margin-bottom:3px;
	font-size:12px;
}
.listReason li .numReason p.number001{
	margin-bottom:14px;
}
.listReason li .numReason p.number002{
	margin-bottom:-1px;
}
.listReason li .numReason p.number span {
	padding-left:3px;
	font-size:21px;
}
.listReason li .linkDetail a {
	height:111px;
	font-size:14px;
	background-size: 6px 11px;
	background-position:93% 50%;
}
.stepBox dt{
	overflow-x:hidden;
	position:relative;
	padding: 0px 0 3px 11px;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #C9C9C9;
	color: #ec7063;
	font-size: 18px;
}
.stepBox dt:after {
	position:absolute;
	bottom:4px;
	left:0;
	content:"";
	background:#EC7063;
	width:3px;
	height:100%;
}
.stepBox dd{
	line-height:1.7;
}
#search {
	margin-top:-60px;
	padding-top:60px;
}
#step {
	margin-top:-35px;
	padding-top:35px;
}
/* responsive */
.evaluation{
	max-width: 1000px;
	width: auto;
	margin: 40px auto;
	padding: 0 10px;
}
.evaluation .btnList{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width:540px;
	margin:0 auto;
	padding-top: 36px;
	padding-bottom: 20px;
}
.evaluation .btnList li{
	margin:0 10px;
}
.evaluation .btnList li a.bgBlue{
	background-color: #4978AE;
}
.evaluation .btnList li a.bgBlue:hover{
	background-color: #EC7063;
}
.evaluation .btnList li a.button04{
	width: 240px;
	max-width:inherit;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.evaluation .btnList li a.style01{
	background: #4978AE url(/img/common/icon_arrow24.png) no-repeat 94% 50%;
}

@media screen and (max-width:1024px){
	.stepList{
		display: flex;
		justify-content: center;
	}
	.stepList li, .stepList li.last{
		float: none;
		width:100%;
	}
}
@media screen and (max-width:992px){
	.teacherList09{
		float: none;
		text-align: center;
	}
	.teacherList09 li{
		width: 65px;
		float: none;
		display: inline-block;
	}
	.teacherList09 .teacherImage{
		width: 65px;
		height: 66px;
	}
	.blueButton{
		float: none;
		margin: 8px auto 0px;
		padding-right: 0px;
	}
	.blockGuide02 .contactInfo .notify{
		float: none;
		max-width: 75%;
		width: 100%;
		margin: 0 auto;
	}
	.contactInfo .notifyBox{
		float: none;
		width: 100%;
		text-align: center;
	}
	.mainCol02 .contactInfo .notifyBox .arrow{
		bottom: -12px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
		right: auto;
		top: auto;
		height: 15px;
	}
	.blockGuide02 .leftBox{
		max-width: 300px;
		margin: 10px auto;
		overflow: auto;
		float: none;
	}
	.stepList li .step{
		font-size: 10px;
	}
	.stepList li .titleStep{
		font-size: 12px;
	}
}
@media screen and (max-width:765px){
	.headline2{
		font-size: 16px;
	}
	.blockGuide02 .headline2, .stepBox h5{
		font-size: 15px;
	}
	h3.headlineNum{
		font-size: 14px;
	}
	.numStyle01{
		width: 30px;
		height: 30px;
		font-size: 13px;
		line-height: 25px;
	}
	.evaluation{
		margin: 20px auto;
	}
	.evaluation .title{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.evaluation p{
		font-size: 12px;
	}
	.evaluation .title img {
		width: 40px;
	}
	.evaluation .btnList{
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.evaluation .btnList li{
		margin: 0px 0px 10px;
		width: 100%;
	}
	.anime-flip{
		display: none;
	}
	.blockGuide02 .contactInfo .phone {
		float: none;
	}
	.blockGuide02 .contactInfo .phone .phoneNumber{
		width: 200px;
		display: block;
		margin: 0 auto;
	}
	.blockGuide02 .button a.button04 {
	    padding: 15px 15px 14px 0;
	}
	.wrapperSection01 .section01{
		width: 100%;
		max-width: 100%;
	}
	.section02.actualList {
		padding:0 ;
	}
	.section02Inner{
		width: 100%;
		max-width: 100%;
	}
	.blockGuide02{
		padding: 15px 20px 25px;
	}
	.teacherList09 .teacherImage{
		margin: 0;
	}
	.teacherList09 li{
		margin-right: 0px;
	}
	.listReason {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content:center;
	}
	.listReason li{
		width: 24%;
		padding-bottom: 24%;
		position: relative;
		height: 0;
	}
	.listReason li .numReason{
		position: absolute;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
		padding: 0 5px;
	}
	.listReason li .numReason p.number{
		font-size: 10px;
	}
	.listReason li p{
		font-size: 12px;
	}
}
@media screen and (max-width:575px){
	.stepList li .titleStep{
		display: none;
	}
	.stepList li p.line {
		display:none;
	}
	.stepList li.active .step {
		background: #EC7063;
	}
	.stepList{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.stepList li, .stepList li.last{
		width: 33.33%;
	}
	.mainCol02 .block01{
		flex-wrap: wrap;
	}
	.blockGuide01, .blockGuide01.mr0{
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 12px;
	}
	.blueButton{
		width: 100%;
	}
	.blockGuide02 .button a.button04{
		max-width: 100%;
	}
}
@media screen and (max-width:480px){
	.listReason li {
		width: 29%;
		padding-bottom: 29%;
	}
	.listReason li p {
		font-size: 10px;
	}
	.listReason li .numReason p.number span{
		font-size: 18px;
	}
	.teacherList09 .teacherImage{
		width: 60px;
		height: 60px;
	}
	.teacherList09 li{
		width: 60px;
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 400px){
	.teacherList09 .teacherImage{
		width: 44px;
		height: 44px;
	}
	.teacherList09 li{
		width: 44px;
	}
}