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




/*----------------------------------------------------------------------------
 ***                                                                  formSec
----------------------------------------------------------------------------*/

#topSec{
	height:305px;
	max-width:1200px;
	background:url(../form/images/mainImg_contact.jpg) no-repeat;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:center;
	justify-content:center;
	background-size:cover;
	}


#topSec #titleBox{ padding:50px 0 0;}

#formSec{ margin:60px auto 80px;}
#formSecInner{
	width:800px;
	margin:0 auto;
}
.faqBtn{ margin: -1em auto 3em;}
.faqBtn a{ 
	display: block;
	max-width: 480px;
	border-radius: 100vh;
	border: 1px solid #f2597b;
	background:#ffedf2; 
	margin:0 auto;
	padding: 0.5em 0 0.3em;
	text-decoration: none;
	position: relative;
	}
.faqBtn a:hover{ opacity: 0.7;}
.faqBtn a::after{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: solid 1px #f2597b;
	border-right: solid 1px #f2597b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 2em;
	margin-top: -3px;
}
.faqBtn a span{ color: #f2597b; font-weight: bold; font-size: 112.5%;  }
.faqBtn a span::before{
	content: "";
	background: url(../form/contact/images/icon_faq.png) no-repeat;
	width: 2.2em;
	height: 1.9em;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.3em 0.2em 0 ;
}

form{}

#formSec dl{
	padding:1.3em 0;
	border-bottom:1px dotted #666;
	align-items:center;
}
#formSec dt{
	width:30%;
	font-size:112.5%;
}
#formSec dd{ width:70%;}

.bgc_Cream { background:#feffeb !important;}
.childTxt{ padding:0.3em 0; margin:0.5em 0 0;} 
.childTxt p{ text-align:left; font-size:120%; font-weight:bold;}
.childTxt p span{ font-size:80%; font-weight:normal; color:#231815;}
.txtColor_Green { color:#8CC63F;}
.txtColor_Orange { color:#F4CC21;}
.txtColor_Pink { color:#FF7BAC;}

#tableDL{}
#tableDL dt{}
#tableDL dd{}
#tableDL table{
	width:60%;
	margin:0;
}
#tableDL tr{}
#tableDL th{
	width:25%;
	color:#FFF;
	font-weight:normal;
}
#tableDL td{
	text-align:center;
}


#address dl{
	padding-bottom:0.5em;
	align-items:baseline;
}
#addressInner dl{
	border:none;
	padding:0;
	margin-bottom:1em;
}
#addressInner dt{
	width:100%;
	font-size:100%;
	font-weight:normal;
	margin-bottom:0.3em;
}
#addressInner dd{}

#participateTime{}
#participateTime ul{ flex-wrap:wrap;}
#participateTime li{ margin-bottom:1em;}

#otherDays{
	flex-wrap:wrap;
	padding:0 !important;
	border-bottom:none !important;
}
#otherDays dt{
	width:100%;
	font-weight:normal;
	margin-bottom:0.5em;
}
#otherDays dd{
	width:auto;
	margin-right:2em;
	padding-left:1.3em !important;
}

#selectDays{
	margin-bottom:0 !important;
}
#selectDays ul{}
#selectDays li{
	margin:0 1.5em 0 0;
}



.formComment{
	font-size:87.5%;
	color:#999;
}


label{ cursor:pointer;}
input{
	width:100%;
	font-size:100%;
	padding:0.4em 0.7em 0.5em;
}
input[type="checkbox"]{}
input[type="text"]{ width:70%;}


#addressInner input[type="text"]{ width:100%;}
#addressInner input[type="text"]{ width:100%;}
select{
	font-size:100%;
	padding:0.2em 0.7em 0.4em;
}
textarea{
	width:90%;
	height:8em;
}
#post{ width:35% !important;}

#inform .smallTxt{ font-size: 85%;}
#inform input[type="text"]{ margin:0.3em 0 0 1.4em; width: calc( 70% - 1.4em);}

#brother div{ display:block;}
#brother div:nth-child(2){ margin:10px 0;}

/* 自動入力ボタン */
#autoAddress{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	width:8em;
	color:#fff;
	text-align:center;
	margin-left:1em;
	padding:0.5em 0;
	border:none;
	border-radius:3px;
	background-color:#FF7BAC;
	cursor:pointer;
}

/* 送信確認ボタン */
#subBtnBox{
	width:50%;
	margin:3em auto;
}
#subBtnBox p{
	font-size:175%;
	color:#fff;
	position:relative;
}
#subBtnBox p::after{
	content:"＞";
	position:absolute;
	right:-1em;
	top:50%;
	transform:translateY(-50%) scale(0.6,1.0);
	transition:all 0.3s ease;
}
#subBtnBox p:hover::after{
	right:1em;
}
#subBtn{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	color:#fff;
	text-align:center;
	padding:0.5em 0;
	border:none;
	border-radius:40px;
	background-color:#FF7BAC;
	cursor:pointer;
	transition:all 0.3s ease;
}
#subBtnBox p:hover #subBtn{
	box-shadow:3px 3px 5px rgba(100,100,100,0.7);
}
#submit-area{position:relative;}
#submit-area .backBtn{
    position: absolute;
    left: 0;
    padding: 10px;
    border-radius: 5px;
    line-height: 1.2em;
    border: #bbb solid 1px;
    cursor: pointer;
    background: #FFF;
    font-size: 85%;
    color: #333;
	top: 20px;
}
#submit-area .backBtn:after{ content: normal;}
.privacy_check{ margin: 0 0 1em;}
.privacy_check label{ margin: 0;}
.privacy_check input{ width: auto; vertical-align: middle; margin: -3px 0.5em 0px 0;}

/* ラヂオボタン */
label{ margin-right:2em;}
.radioInput{ display:none;}
.radioParts{ padding-left:1.5em; position:relative;}
.radioParts::before {
    content:"";
    display:block;
    width:1em;
    height:1em;
    border:1px solid #4d4d4d;
    background-color:#FFF;
    position:absolute;
    top:0.25em;
    left:0;
}
.radioInput:checked + .radioParts::after {
    content:"";
    display:block;
    width:0.4em;
    height:0.8em;
	border-bottom:3px solid #e7264e;
	border-right:3px solid #e7264e;
    position:absolute;
    top:0.2em;
    left:0.3em;
	transform:rotate(45deg);
}

/* inputタグの調節 checkbox */
.checkParts{ position:relative; padding-left:1.3em;}
.checkInput{ display:none;}
.checkParts::before{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 1px;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  border-radius: 2px;
}
.checkInput:checked + .checkParts::after{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 4px;
  height: 9px;
  transform: rotate(40deg);
  border-bottom: 3px solid #A41934;
  border-right: 3px solid #A41934;
}

/* 説明会日程ポップアップ */
#schedulePopBlock{ margin:0.5em 0 0; display:none;}/* 現在非表示 */
#schedulePopBlock a:hover{ color:#f27900; cursor:pointer;}
#schedulePopBlock a{ text-decoration:none;}
#schedulePopBlock .modal-content3 {position:  fixed;background:#fff;z-index:999999;width: 980px;margin: 0 auto;overflow: auto;padding: 30px 90px;border-radius: 5px;height: 580px;border: 10px solid #FFE100; display:none;}
#schedulePopBlock .modal-content3 .modal-close{position:  absolute;right:  25px;top: 20px;cursor:pointer;}
#schedulePopBlock .modal-content3 .scheduleBox{ margin:0 auto; width:480px}
#schedulePopBlock .modal-content3 h5{ text-align:center;}
#schedulePopBlock .modal-content3 dl{ border:3px solid #f7931e; margin:15px auto 10px; padding:0; }
#schedulePopBlock .modal-content3 dt{ color:#FFF; font-size:22px; background:#f7931e; text-align:center; width:auto;}
#schedulePopBlock .modal-content3 dd{ border-bottom:1px solid #f7931e; padding: 5px 0 5px 0px; font-size:18px; text-align:center; width:100%;}
#schedulePopBlock .modal-content3 dd:last-child{ border:none;}
#schedulePopBlock .modal-content3 dd strong{ font-size:20px;}
#schedulePopBlock .modal-content3 .dateClose{ background:#888; position:relative;}
#schedulePopBlock .modal-content3 dd span:after{ content:"※受付終了"; position:absolute; color:#FFF; top:4px; left:0; right:0; text-align:center; font-size:24px;}
#schedulePopBlock .modal-content3  p { font-size:100%; text-align:center;}
#schedulePopBlock .modal-content3 .contactBtn{ margin-top:30px;}
#schedulePopBlock .modal-content3 .contactBtn p{ text-align:center; margin-bottom:0.5em;}
#schedulePopBlock .modal-content3 .contactBtn a{ background:#00B1CE; border-radius:100vh; max-width:400px; margin:0 auto; display:block; color:#FFF; font-size:170%; padding:0.3em 0 0.4em; text-align:center; text-decoration:none;}
#schedulePopBlock .modal-content3 .contactBtn a:hover{ opacity:0.7;}


/* 各ブラウザ対応placeholder用 */
:placeholder-shown{ color:#b3b3b3;}
::-webkit-input-placeholder{ color:#b3b3b3;}
:-moz-placeholder{ color:#b3b3b3; opacity:1;}
::-moz-placeholder{ color:#b3b3b3; opacity:1;}
:-ms-input-placeholder{ color:#b3b3b3;}

.attention{
	font-weight:normal;
	padding-left:0.5em;
}


/*----------------------------------------------------------------------------
***                                                                thanksSec
----------------------------------------------------------------------------*/
#thanksSec{ margin:40px auto 80px;}
#thanksSecInner{
	max-width:800px;
	margin:0 auto;
}
#thanksSec h3{font-size:143.75%;margin-bottom:1.5em;}
#thanksSec p{ margin-bottom:1em;}


/*----------------------------------------------------------------------------
***                                                                thanksSec
----------------------------------------------------------------------------*/
.errorBox .error_messe{color:#f00;text-align: center;}
.errorBox #subBtnBox{text-align: center;}
.errorBox #submit-area .backBtn{position:relative;display: inline-block;}


/* 640px以下*/
@media screen and (max-width:640px){
	
body{ font-size: 90%;}

/*----------------------------------------------------------------------------
 ***                                                                  formSec
----------------------------------------------------------------------------*/
#topSec{ background-position:top; background-size:cover; height:260px;}
#topSec #titleBox{ width:70%; }

.faqBtn{ margin: 5% auto;}

#formSec{ margin:8% auto;}

#formSecInner{
	width:90%;
	margin:0 auto;
}


form{}

#formSec dl{
	padding:1.3em 0;
	border-bottom:1px dotted #666;
	flex-wrap:wrap;
	align-items:center;
}
#formSec dt{
	width:100%;
	font-size:112.5%;
	margin-bottom:0.5em;
}
#formSec dd{
	width:100%;
	font-size:100%;
}

#content dd{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
#content dd label{
	width:50%;
	margin-bottom:0.5em;
	margin-right:0;
}

#tableDL{}
#tableDL dt{}
#tableDL dd{}
#tableDL table{
	margin:0;
}
#tableDL tr{}
#tableDL th,
#tableDL td{
	padding:0.6em 0;
}
#tableDL th{
	width:25%;
	color:#FFF;
	font-weight:normal;
}
#tableDL td{
	text-align:center;
}

#schools{ width:90%;}


#address{ padding-top:0.2em;}
#address dt{}
#address dd{}

#addressInner dl{
	border:none;
	padding:0.5em 0 0.5em 1em;
}
#addressInner dt{ font-weight:normal;}
#addressInner dd{}


#participateTime{}
#participateTime ul{
	flex-wrap:wrap;
	padding-left:1em;
}
#participateTime li{ margin-bottom:1em;}

#selectDays{
	margin-bottom:0 !important;
}
#selectDays ul{}
#selectDays li{ margin:0;}
#selectDays li:first-child{ margin-bottom:1.0em;}


#otherDays{
	flex-wrap:wrap;
	padding:0 !important;
	border-bottom:none !important;
}
#otherDays dt{
	width:100%;
	font-weight:normal;
	margin-bottom:0.5em;
}
#otherDays dd{
	width:auto;
	padding-left:1.3em !important;
}
#otherDays dd:nth-of-type(1){ margin-bottom:1em;}


.formComment{
	font-size:87.5%;
	color:#999;
}


label{ cursor:pointer;}
input{
	width:100%;
	font-size:100%;
	padding:0.4em 0.7em 0.5em;
}
input[type="checkbox"]{}
input[type="text"]{ width:100%;}
select{
	font-size:100%;
	padding:0.2em 0.5em 0.4em;
}
textarea{
	width:100%;
	height:8em;
}
#post{ width:40%;}

#inform input[type="text"]{ width: calc( 100% - 1.4em);}
#brother div{ display:block;}
#brother div:nth-child(2){ margin:2% 0;}




/* 自動入力ボタン */
#autoAddress{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	width:8em;
	color:#fff;
	text-align:center;
	margin-left:1em;
	padding:0.5em 0;
	border:none;
	border-radius:3px;
	background-color:#FF7BAC;
	cursor:pointer;
}

/* 送信確認ボタン */
#subBtnBox{
	width:80%;
	margin:3em auto 0;
}
#subBtnBox p{
	font-size:150%;
	color:#fff;
	position:relative;
}
#subBtnBox p::after{
	content:"＞";
	position:absolute;
	right:0.7em;
	top:50%;
	transform:translateY(-50%) scale(0.6,1.0);
}
#subBtn{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	color:#fff;
	text-align:center;
	padding:0.5em 0;
	border:none;
	border-radius:40px;
	background-color:#FF7BAC;
	cursor:pointer;
}


/* ラヂオボタン */
label{ margin-right:2em;}
.radioInput{ display:none;}
.radioParts{ padding-left:1.5em; position:relative;}
.radioParts::before {
    content:"";
    display:block;
    width:1em;
    height:1em;
    border:1px solid #4d4d4d;
    background-color:#FFF;
    position:absolute;
    top:0.25em;
    left:0;
}
.radioInput:checked + .radioParts::after {
    content:"";
    display:block;
    width:0.4em;
    height:0.8em;
	border-bottom:3px solid #e7264e;
	border-right:3px solid #e7264e;
    position:absolute;
    top:0.2em;
    left:0.3em;
	transform:rotate(45deg);
}
/* inputタグの調節 checkbox */
.checkParts{ position:relative; padding-left:1.3em;}
.checkInput{ display:none;}
.checkParts::before{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 1px;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  border-radius: 2px;
}
.checkInput:checked + .checkParts::after{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 4px;
  height: 9px;
  transform: rotate(40deg);
  border-bottom: 3px solid #A41934;
  border-right: 3px solid #A41934;
}

#submit-area .backBtn {position: initial;display: inline-block;margin: 2em auto; width: 100%; text-align:center;}


/* 説明会日程ポップアップ */

#schedulePopBlock .modal-content3{position: fixed;background:#fff;z-index:999999;width: 90%;margin: 0 auto;overflow: auto;padding: 8% 5%;border-radius: 5px;height: 610px;border: 10px solid #FFE100; display:none; margin:5% auto 0;}
#schedulePopBlock .modal-content3 .modal-close{position: fixed;right: 6%;top: 2%;cursor:pointer; width:2.5em;}
#schedulePopBlock .modal-content3 .scheduleBox{ margin:0 auto; width:100%; margin:3% 0;}
#schedulePopBlock .modal-content3 h5{ text-align:center;}
#schedulePopBlock .modal-content3 dl{ border:3px solid #f7931e;}
#schedulePopBlock .modal-content3 dt{ color:#FFF; font-size:160%; background:#f7931e; text-align:center; margin:0;}
#schedulePopBlock .modal-content3 dd{ border-bottom:1px solid #f7931e; font-size:100%; padding:0.3em; text-align:center; line-height:1.5em;}
#schedulePopBlock .modal-content3 dd:last-child{ border:none;}
#schedulePopBlock .modal-content3 dd strong{ font-size:120%;}
#schedulePopBlock .modal-content3 .dateClose{ background:#888; position:relative;}
#schedulePopBlock .modal-content3 dd span:after{ content:"※受付終了"; color:#FFF; font-size:130%; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);}
#schedulePopBlock .modal-content3  p { font-size:12px;}


/* 各ブラウザ対応placeholder用 */
:placeholder-shown{ color:#b3b3b3;}
::-webkit-input-placeholder{ color:#b3b3b3;}
:-moz-placeholder{ color:#b3b3b3; opacity:1;}
::-moz-placeholder{ color:#b3b3b3; opacity:1;}
:-ms-input-placeholder{ color:#b3b3b3;}

.attention{
	font-weight:normal;
	padding-left:0.5em;
}

#thanksSec{ width:90%; margin:10% auto;}

#thanksSec h3{ margin-bottom:1em;}
#thanksSec p{ line-height:1.6em;}

}



/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
footer{}
footer .footerInner{ }

/* 640px以下*/
@media screen and (max-width:640px){
}