@charset "utf-8";

/*=====================================================

	お問合せ

=======================================================*/


.mainV .mainPhoto { position: absolute; top: 7em; width: 100%;  height: 22vw; background: url("../img/mainPhoto.png")no-repeat; background-size: auto 100%; }

@media screen and (max-width:768px){
.mainV .mainPhoto { top: 5em; height: 28vw; }
}
@media screen and (max-width:499px){
.mainV .mainPhoto { top: 4em; height: 30vw; background-position: center;}
}


/* --------------------------------------------
		index
---------------------------------------------- */ 

#contentinner { max-width: 880px; }
#contentinner h4 { text-align: center; font-weight: normal; font-size: 16px; font-size: 1.6rem; margin-bottom: 5em;}
#contentinner section { margin: 0 auto 0em; }

.conBox { position: relative; display: block; width: 100%; padding: 4em 0; margin-bottom: 2em;}
.conBox::before { position: absolute; display: block; content: ""; background: url(../img/boder.jpg)no-repeat; background-size: cover; top:0; width: 100%; height: 7px;}

.conBox__title { display: inline-block; max-width: 210px; margin-right: 3%; width: 32%; vertical-align: top;}
.conBox__title h3 {  }
.conBox__title p { width: 100%; color: #E62736; line-height: 1.4; text-align: center; border: solid 2px; border-radius: 5px; padding: 1em 0; margin: 1.2em 0;}

.conBox__detail { display: inline-block; vertical-align: top; width: 64%; }
.conBox__detail img { max-width: 310px; display: inline-block;}
.conBox__detail p { color: #92308d; display: inline-block; margin-left: 15px; padding-bottom: .25em;}

@media screen and (max-width:768px){
.conBox__title { display: block; max-width: 210px; margin-right: 0; margin:  0 auto; width: 100%; }
.conBox__title h3 { margin: 0 auto 2em; }
	
.conBox__detail { display: block; text-align: center; width: 100%; }
.conBox__detail p { display: block;  width: 100%;  text-align: center; margin-top: .52em; margin-left: 0;}
}


/*----- FORM -----*/
.formBox { }
.form__list { margin-bottom: 5em; }
.form__list dt { font-weight: 600; padding-bottom: .5em; }
.form__list dt span { color: #E62736; }
.form__list dd { margin-bottom: 2em; }

.form__list dd input[type="text"],.form__list dd input[type="tel"],
.form__list dd input[type="email"],.form__list dd select,.form__list dd textarea { width: 100%; padding: 1em; border: none; border-radius: 8px; background: #f0f6f7;}
.form__list dd textarea { padding-bottom: 3em; }
.form__list dd input[type="radio"] + labrl {  margin-left: 0em; padding: 1em 1.5em 1em 3.5em; cursor: pointer; }
.form__list dd input[type="radio"],.form__list dd input[type="checkbox"] { width: 1.5em; }
.form__list input[type="radio"] { -webkit-appearance: radio; }
.form__list input[type="checkbox"] { -webkit-appearance: checkbox; }
.form__list .form__list__button { margin-bottom: 1em; }
.form__list .form__list__button .cateTag { width: 350px; margin-right :30px; line-height: 2; }
.form__list input::placeholder {
  color: #a8a8a8;
}:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: #a8a8a8;
}
::-webkit-input-placeholder { /* WebKit browsers */
        color: #a8a8a8;
}


/* 確認 */
.next__button { display: block; background-color: #00a9db; border:none; border-bottom: 0.1875em solid #006c8c; color: #fff; width: 250px;  border-radius: 30px; text-align: center; padding: 0.6em 2em; margin: 2em auto; cursor: pointer; transition: 0.3s; }
.next__button:hover { border-bottom-color: transparent; transform: translateY(0.18em); }
.Mail .next__button { margin: 2em 0 ;}

/* 戻る */
.back__button { display: block;  background-color: #dedede; border:none; border-bottom: 0.1875em solid #9e9e9e; color: #555555; width: 250px;  border-radius: 30px; text-align: center; padding: 0.6em 2em; margin: 3em auto 6em; cursor: pointer; transition: 0.3s; }
.back__button:hover { border-bottom-color: transparent; transform: translateY(0.18em); }
.formBox .next__button {  }

@media screen and (max-width:768px){
.form__list dt { text-align: left;}
.formBox { margin-top: 5em; }
.formBox .next__button { margin: 2em auto;}
}




/* --------------------------------------------
		MAIL
---------------------------------------------- */ 

#formWrap {   }
#formWrap h3 { max-width: 230px; width: 80%; margin: 0 auto 8em;}
#formWrap h4 { margin: 5em auto 0; color: #E62736; font-weight: 600; font-size: 16px; font-size: 1.6rem; }
#formWrap .redpoint { padding: 1.5em 10%; border: solid 2px #00a9db; border-radius: 50px; margin-bottom: 5em; }
#formWrap .redpoint p { text-align: center; color: #00a9db; font-weight: 600; font-size: 16px; font-size: 1.6rem; line-height: 1.6; }


#formWrap form { margin: 2em auto 5em; }
#formWrap form .formTable { max-width: 880px; width: 100%; margin-bottom: 5em; }
#formWrap form tr {  border-bottom: solid 2px #dedede; }
#formWrap form tr:last-child { border-bottom: none; }
#formWrap form th { display: block; font-weight: 600; width: 25%;  padding: 2em 0 1em;}
#formWrap form td { display: block;  margin-bottom: 2em; vertical-align: middle;  }

@media screen and (max-width:599px){
#formWrap h3 { max-width: 180px; width: 80%; margin: 0 auto 8em;}
}


/* --------------------------------------------
		THANKS
---------------------------------------------- */ 

.thanks { text-align: center; margin-bottom: 10vw;}
.thanks p { text-align: center; font-size: 16px; font-size: 1.6rem; margin-bottom: 5em;}
.thanks a { display: block; background-color: #00a9db; border:none; border-bottom: 0.1875em solid #006c8c; color: #fff; width: 250px;  border-radius: 30px; text-align: center; padding: 0.6em 2em; margin: 2em auto; cursor: pointer; transition: 0.3s; }
.thanks a:hover { border-bottom-color: transparent; transform: translateY(0.18em); }