@charset "utf-8";

#contents-inner-member{
margin:0 0 40px 0;
font-size:16px;
}

input, select, textarea {
font-size:18px;
margin:0;
}

.w1{
	width:250px;	
}

.w2{
	width:350px;
}

.w3{
	width:40px;
}

.w4{
	width:100px;
}

.w5{
	width:320px;
}

.w6{
	width:100%;
}

.w7{
	width:490px;
}

#contents-inner-member .btn{
background:#F30;
background-image: -moz-linear-gradient(top, #F60, #F30);
background-image: -webkit-linear-gradient(top, #F60, #F30);
background-image: linear-gradient(to bottom, #F60, #F30);
border:1px solid #F30;
border-radius: 5px;
color: #fff;
display:block;
margin:0;
padding:12px 0 10px 0;
width:250px;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
text-align:center;
cursor:pointer;
}

#contents-inner-member .btn2{
background:#ccc;
background-image: -moz-linear-gradient(top, #ccc, #ccc);
background-image: -webkit-linear-gradient(top, #ccc, #ccc);
background-image: linear-gradient(to bottom, #ccc, #ccc);
border:1px solid #ccc;
border-radius: 5px;
color: #fff;
display:block;
margin:0;
padding:12px 0 10px 0;
width:250px;
font-size:18px;
text-align:center;
cursor:pointer;
}

#contents-inner-member .btn3{
background:#F90;
background-image: -moz-linear-gradient(top, #FB0, #F90);
background-image: -webkit-linear-gradient(top, #FB0, #F90);
background-image: linear-gradient(to bottom, #FB0, #F90);
border:1px solid #F90;
border-radius: 5px;
color: #fff;
display:block;
margin:0 auto 0 auto;
padding:7px 0 5px 0;
width:200px;
height:60px;
font-size:18px;
text-align:center;
cursor:pointer;
text-decoration:none;
}


#contents-inner-member .ul1 {margin:0;}
#contents-inner-member .ul1 li {margin:0px 0px 5px 0px; padding:0px 0px 3px 20px ; background:url(../images/indent.png) 0 4px no-repeat;}

#contents-inner-member table.form {margin:0px 0px 40px 0px; border-top:1px solid #666;  border-left:1px solid #666; }

#contents-inner-member table.form strong { color:#090; font-weight:normal; font-size:14px;}

#contents-inner-member table.form th, table.form td { padding:10px 0px 10px 10px;}

#contents-inner-member table.form th {background-color:#ffffee; width:170px;
 border-bottom:1px solid #666; border-right:1px solid #666; color:#666; font-weight:normal; text-align:left; }

#contents-inner-member table.form td {border-bottom:1px solid #666;  border-right:1px solid #666;}

#contents-inner-member th, #contents-inner-member td{
	vertical-align:top;
	padding:10px 0px 10px 5px;
}

#contents-inner-member th{
	width:180px;
	text-align:left;

}

#contents-inner-member #des1, #contents-inner-member #des2, #contents-inner-member #des3{
	display:none;
	color:#090;
	font-size:14px;
}

#contents-inner-member #estSubCat1, #contents-inner-member #area1, #contents-inner-member #station1, #contents-inner-member #school1, #contents-inner-member #estSubCat, #contents-inner-member #area, #contents-inner-member #station, #contents-inner-member #school{

	margin:10px 0 0px 0;
	font-size:16px;
}

#contents-inner-member #choose_area1, #contents-inner-member #choose_station1, #contents-inner-member #choose_school1,#contents-inner-member #choose_area, #contents-inner-member #choose_station, #contents-inner-member #choose_school{

	margin:10px 0 0px 0;
}

#contents-inner-member #estSubCat1 div, #contents-inner-member #area1 div, #contents-inner-member #station1 div, #contents-inner-member #school1 div, #contents-inner-member .kodawari div, #contents-inner-member #estSubCat div, #contents-inner-member #area div, #contents-inner-member #station div, #contents-inner-member #school div{
	float:left;
	margin:0 0 10px 0;
	width:240px;
	font-size:16px;
	
}

#contents-inner-member #matching_cond_block{
	/*display:none;*/
}

#contents-inner-member #matching_cond_area1, #contents-inner-member #matching_cond_station1, #contents-inner-member #matching_cond_school1,#contents-inner-member #matching_cond_area, #contents-inner-member #matching_cond_station, #contents-inner-member #matching_cond_school{
	/*display:none;*/
}

#contents-inner-member .matching .head{
	font-size:18px;
	font-weight:bold;
}

#contents-inner-member .requireLabel{
	font-size:12px;
	color:#cc0000;
	margin:0 0 0 3px;
}

#contents-inner-member .title{
	margin:0px 0 5px 0;
	color:#000;
	font-weight:bold;
}

#contents-inner-member .lead{
	margin:0px 0 20px 0;
}

#contents-inner-member .privacy{
	margin:0px 0 20px 0;
	height:80px;
	overflow-y:scroll;
	border:1px solid #ccc;
	padding:10px 5px 10px 5px;
	font-size:12px;
}

#contents-inner-member .privacy p{
	margin:0px 0 20px 0;
}

#contents-inner-member .privacy ul{
	margin:0px 0 20px 10px;
}

/**/
#contents-inner-member .need_login{
	margin:100px 0 0 0 ;
	text-align:center;
	
}

/*login*/

#contents-inner-member .login_regist_wrap {
	display:table;
	width:100%;
	table-layout:fixed;
}

#contents-inner-member .login {
	display:table-cell;
	width:335px;
	vertical-align:top;
	background:#EEE;
	background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
	border:1px solid #DDD;
	border:1px solid #DDD;
	border-radius: 10px;
	box-sizing:border-box;
	position:relative;
}
#contents-inner-member .login .h {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
	text-align:center;
	letter-spacing:0.08em;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	padding:15px 10px 15px 10px;
	background:#3BC;
	background-image: -moz-linear-gradient(top, #6CC, #39C);
	background-image: -webkit-linear-gradient(top, #6CC, #39C);
	background-image: linear-gradient(to bottom, #6CC, #39C);
}
#contents-inner-member .login .inn {
	padding:20px;
}
#contents-inner-member .login .inn span {
	display:inline-block;
	border-left:5px solid #AAA;
	padding-left:5px;
	margin-bottom:5px;
}
#contents-inner-member .login .inn .btn {
	width:220px;
	height:50px;
	margin:0 auto 0 auto;
	padding:0 0 0 20px;
	color:#FFF;
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #3BC;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#3BC;
	background:url(../images/member/btn_indent.png),-moz-linear-gradient(top, #6CC, #39C);
	background:url(../images/member/btn_indent.png),-webkit-linear-gradient(top, #6CC, #39C);
	background:url(../images/member/btn_indent.png),linear-gradient(to bottom, #6CC, #39C);
	background:url(../images/member/btn_indent.png),-webkit-gradient(linear, left top, left bottom, from(#6CC), to(#39C));
	-pie-background:url(../images/member/btn_indent.png),linear-gradient(top, #6CC, #39C);
	background-repeat:no-repeat;
	background-position:20% center;
	
	/* box-shadow */
	box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.2) 0 1x inset;
	
	behavior:url("/contents/style/PIE.htc");
	position:relative;/*for PIE*/
}

#contents-inner-member .login .inn table.error-box td {padding:0 0 20px 0;}

#contents-inner-member .regist{
	display:table-cell;
	width:335px;
	background:#EEE;
	background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
	border:1px solid #DDD;
	border-radius: 10px;
	box-sizing:border-box;
}
#contents-inner-member .regist .h {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
	text-align:center;
	letter-spacing:0.08em;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	padding:15px 10px 15px 10px;
	background:#F90;
	background-image: -moz-linear-gradient(top, #FA0, #F60);
	background-image: -webkit-linear-gradient(top, #FA0, #F60);
	background-image: linear-gradient(to bottom, #FA0, #F60);
}
#contents-inner-member .regist .inn {
	padding:20px;
}
#contents-inner-member .regist .inn .btn {
	width:220px;
	height:50px;
	margin:82px auto 0 auto;
	padding:0 0 0 20px;
	color:#FFF;
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #F90;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#F90;
	background:url(../images/member/btn_indent.png),-moz-linear-gradient(top, #FA0, #F60);
	background:url(../images/member/btn_indent.png),-webkit-linear-gradient(top, #FA0, #F60);
	background:url(../images/member/btn_indent.png),linear-gradient(to bottom, #FA0, #F60);
	background:url(../images/member/btn_indent.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F60));
	-pie-background:url(../images/member/btn_indent.png),linear-gradient(top, #FA0, #F60);
	background-repeat:no-repeat;
	background-position:7% center;
	
	/* box-shadow */
	box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.2) 0 1px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.2) 0 1x inset;
	
	behavior:url("/contents/style/PIE.htc");
	position:relative;/*for PIE*/
}

#contents-inner-member.separator{
	display:table-cell;
	width:30px;
}

#contents-inner-member label.item{
	display:block;
	margin:0 0 10px 0;
}


#contents-inner-member .username {
	background:#FFF url(../images/member/icon_username.png) no-repeat 8px center;
	background-size:12px auto;
	padding-left:28px;
	box-sizing:border-box;
	border:1px solid #AAA;
}
#contents-inner-member .password {
	background:#FFF url(../images/member/icon_password.png) no-repeat 8px center;
	background-size:12px auto;
	padding-left:28px;
	box-sizing:border-box;
	border:1px solid #AAA;
}

#contents-inner-member .reissue{
	margin:20px 0 10px 0;
	font-size:12px;
	background:url(../images/member/textlink_indent.png) no-repeat left center;
	padding-left:10px;
}
#contents-inner-member .reissue a:visited {color:#00F;}

#contents-inner-member .div1{
	margin:0 0 20px 0;
}


/*input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;	
}*/

#contents-inner-member .reissue_box{
	margin:20px 20px 20px 20px;
}

#contents-inner-member .inner{
	margin:0px 20px 20px 20px;
}

#contents-inner-member .information{
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 10px;
	border:1px solid #ccc;
	
}

#contents-inner-member .h{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#000;
}

#contents-inner-member strong{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#cc0000;
}

#contents-inner-member .link_to_regist{
	margin:10px 0px 10px 0px;
	font-weight:bold;
	color:#cc0000;
	text-align:center;
}


/*----------------------------
オンライン相談予約フォーム
-------------------------------------*/
#wrap-outer3.wrap-outer3_over{ overflow: hidden;}

#contents-inner-member.reservation_blocks{ width: 100vw; margin:-20px calc(50% - 50vw) -75px calc(50% - 50vw); background-color: #fffcdf; font-family:/*'Noto Sans JP', */"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.81; letter-spacing: 0.06em; color: #2d3034;　position: relative;}

.mini-contact + #contents-inner-member.reservation_blocks{ margin-top: 0;}

@media print, screen and (max-width: 1250px) {
	#contents-inner-member.reservation_blocks{ width: 1250px; margin:-20px 0 -75px -195px;}
}


#contents-inner-member.reservation_blocks h2{ background: transparent; border: none; text-align: center; padding: 0; margin:0 0 70px 0;}

#contents-inner-member.reservation_blocks .error-box{ margin-bottom: 30px !important; margin-top: -30px;}

#contents-inner-member.reservation_blocks .reservation_form{ padding: 80px 0 80px; font-size: 16px; line-height: 1.61; letter-spacing: 0.03em; width: 1080px; margin: auto; position: relative;}

#contents-inner-member.reservation_blocks .reservation_form .ssl2{width: 565px; margin: -35px auto 55px auto;}

#contents-inner-member.reservation_blocks .reservation_form h2{ margin-bottom: 40px;}
#contents-inner-member.reservation_blocks .reservation_form p.center{ text-align: center; margin-bottom: 30px;}

#contents-inner-member.reservation_blocks .reservation_form .form_flow{ text-align: center; margin-bottom: 55px; margin-top: 40px;}

#contents-inner-member.reservation_blocks .reservation_form h3{ font-size: 20px; font-weight: 700; color: #3d3d3d; border: none; border-left: 4px solid #0aa3c9; background: transparent; padding: 8px 10px 7px 15px; margin: 0 0 35px 0; border-radius: 0; letter-spacing: 0.03em; line-height: 1; }

#contents-inner-member.reservation_blocks .reservation_form table.form{ border: none; border-top: 1px dotted rgba(0,0,0,0.3);}
#contents-inner-member.reservation_blocks .reservation_form table.form + h3{ margin-top: 60px;}
#contents-inner-member.reservation_blocks .reservation_form table.form th,
#contents-inner-member.reservation_blocks .reservation_form table.form td{background-color: transparent; vertical-align: middle; border: none; border-bottom: 1px dotted rgba(0,0,0,0.3); padding: 15px 0 15px 0; color: #2d3034;}
#contents-inner-member.reservation_blocks .reservation_form table.form th{ width: 220px; font-weight: bold;}

#contents-inner-member.reservation_blocks .reservation_form table.form label { background-color: transparent !important; position: relative; padding: 0 0 0 27px; margin-right: 20px; cursor: pointer; transition: .3s;}
#contents-inner-member.reservation_blocks .reservation_form table.form label:hover{opacity: .7;}
#contents-inner-member.reservation_blocks .reservation_form table.form input[type="radio"] {display: none;}
#contents-inner-member.reservation_blocks .reservation_form table.form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:-1px; left:0; background-color: #ffffff; border: 1px solid #c6c6c6; width: 20px; height: 20px; border-radius: 50%;}
#contents-inner-member.reservation_blocks .reservation_form table.form input[type="radio"]:checked + label{color: #0aa3c9;}
#contents-inner-member.reservation_blocks .reservation_form table.form input[type="radio"]:checked + label:hover{opacity: 1;}
#contents-inner-member.reservation_blocks .reservation_form table.form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:2px; left:3px; background-color: #0aa3c9; width: 16px; height: 16px; border-radius: 50%;}

#contents-inner-member.reservation_blocks .reservation_form table.form input[type="text"],#contents-inner-member.reservation_blocks .reservation_form table.form textarea{background-color: #ffffff; border: 1px solid #c6c6c6; border-radius: 8px; padding: 10px 20px 10px 20px; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0,0,0,0.05); vertical-align: middle; margin: 9px 7px 10px 0;}

#contents-inner-member.reservation_blocks .reservation_form table.form input[type="text"].w2,#contents-inner-member.reservation_blocks .reservation_form table.form textarea.w2 { width: 80%;}
#contents-inner-member.reservation_blocks .reservation_form table.form input[type="text"].w3 { width: 100px;}

#contents-inner-member.reservation_blocks .reservation_form table.form strong { color:#2274b4; font-weight:normal; font-size: 15px; margin-bottom: -19px; display: block;}

#contents-inner-member.reservation_blocks .reservation_form table.form .requireLabel{font-size:12px; color:#f6ce1b; position: absolute; top:5px; right:-17px;}
#contents-inner-member.reservation_blocks .reservation_form table.form .example{ opacity: .7; font-size: 14px; margin-left: 10px;}
#contents-inner-member.reservation_blocks .reservation_form table.form th .xsmallText .redText{ background: #dc311f; color: #ffffff; border-radius: 5px; font-size: 11px; padding: 2px 5px 2px 5px; font-weight: normal; margin-left: 9px;}


#contents-inner-member.reservation_blocks .reservation_form table.form td p{ margin: 10px 0 10px 0;}

#contents-inner-member.reservation_blocks .reservation_form .btn{display: block; width: 360px; height: 75px; box-sizing: border-box; text-align: center; border-radius: 50px; background:url("../images/page/online/indent_wh.png") no-repeat center right 40px,#dc311f; background-size: 8px auto; font-size: 22px; font-weight: 700; color: #ffffff; padding: 0 40px 0 0; box-shadow: 0 10px 20px rgba(0,0,0,0.10); letter-spacing: normal; transition: .3s; margin:0 auto 0 auto; border: none; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; cursor: pointer;}
#contents-inner-member.reservation_blocks .reservation_form .btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }



#contents-inner-member.reservation_blocks .btn2{display: block; width: 300px; height: 75px; box-sizing: border-box; text-align: center; border-radius: 50px; background:url("../images/page/online/indent_wh_b.png") no-repeat center left 40px,#cccccc; background-size: 8px auto; font-size: 22px; font-weight: 700; color: #ffffff; padding: 0 40px 0 0; box-shadow: 0 10px 20px rgba(0,0,0,0.03); letter-spacing: normal; transition: .3s; margin:0 auto 0 auto; border: none; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; cursor: pointer;}
#contents-inner-member.reservation_blocks .btn2:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.03); }