@charset "utf-8";
#form_area {
    padding: 50px 0 0 0; 
}
@media all and (max-width: 750px){
    #form_area {
        padding: 0; 
    }
}
#form_area .lead {
    display: flex;
    margin-bottom: 50px;
}
#form_area .lead ul {
    /*width: 45%;*/
}
#form_area .lead li:before{
    content: "";
    background: #4a2428;
    width: 10px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0.7em;
}
#form_area .lead li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 20px;
    font-size: 1.13rem;
}
#form_area .tel_box {
    display: table;
    width: 100%;
    background: #e9edef;
    padding: 10px 0;
}
#form_area .tel_box p:nth-of-type(1) {
    width: 325px;
    text-align: center;
    font-size: 1.3125rem;
    display: table-cell;
    padding: 15px 0;
    vertical-align: middle;
    border-right: 1px solid #a9a9a9;
    letter-spacing: 0.14em;
}

#form_area .tel_box p:nth-of-type(2) {
    display: table-cell;
    padding: 0 0 0 36px;
    margin-right: 2.125em;
    vertical-align: middle;
    width: 430px;
}
#form_area .tel_box p:nth-of-type(2) a {
    font-size: 2.63rem;
    letter-spacing: 0.12em;
    position: relative;
    top: -4px;
}
#form_area .tel_box p:nth-of-type(2) a span {
    font-size: 0.73em;
    /*margin-right: 0.5em;*/
	margin-right:5px;
	display: inline-block;
	text-indent: -9999px;
    width: 2em;
    height: 1em;
    background: url(../../images/common/ico-freedaial02.png) no-repeat left bottom;
    background-size: auto 100%;
}
#form_area .tel_box p:nth-of-type(2) a + span {
    display: block;
}
#form_area .tel_box p:nth-of-type(2) a + span small {
    font-size: 0.857rem;
    border: 1px solid #656667;
    padding: 0.2em 1.2em;
    margin-right: 0.5em;
    border-radius: 3em;
}
#form_area .tel_box p:nth-of-type(3) {
    vertical-align: middle;
    display: table-cell;
    line-height: 1.6;
}
#form_area .tel_box p:nth-of-type(3) a {
    margin-top: 0.5em;
    color: #5a5b5c;
    display: inline-block;
}
#form_area .tel_box a {
    transition: auto;
}
.form_wrap {
	margin: 65px auto 0 auto;
	display: block !important;
}
.form_wrap .left, .form_wrap .right {
    width: 100%;
}
.form_wrap dl {
    display: table;
    border-bottom: 1px solid #919191;
    min-height: 92px;
    width: 100%;
    font-size: 1.13rem;
}
.form_wrap .left dl:last-child {
	border-bottom: none;
}
input[type=file] {
	border: none;
}
.mw_wp_form .vertical-item {
	display: inline-block;
	margin-right: 3em;
}
.form_wrap dl:first-child {
    border-top: 1px solid #919191;
}
.form_wrap dt {
    display: table-cell;
    vertical-align: middle;
    padding: 1.5em 0 1.5em 0;
    width: 225px;
    font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    line-height: 1.4;
    text-indent: -44px;
    padding-left: 44px;
}
.form_wrap dd {
    display: table-cell;
    vertical-align: middle;
    padding: 1.5em 0 1.5em 0;
    line-height: 1.4;
}
.form_wrap input[type=text] {
    padding: 1em;
    width: 70%;
    border: 1px solid #919191;
}
.form_wrap .sub  {
    display: inline-block;
    margin: 5px;
    line-height: 1.4;
}
.form_wrap .mail_area .sub {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 5px;
}
.form_wrap .mail_area dd {
    position: relative;
}
.form_wrap .mail_area input[name="メールアドレス"] {
    margin-bottom: 10px;
}
.form_wrap .must {
    color: #fff;
    font-size: 0.8rem;/*0.6875rem;*/
    margin-right: 10px;
    vertical-align: 2px;
    padding: 2px 5px;
    font-weight: 200;background: #4a2428;
}
.form_wrap .free {
    color: #5a5b5c;
    font-size: 0.8rem;/*0.6875rem;*/
    border: 1px solid #5a5b5c;
    margin-right: 10px;
    vertical-align: 2px;
    padding: 2px 5px;
    font-weight: bold;
}
.form_wrap input#zip {
    width: 170px;
}
.form_wrap select#pref {
    margin: 10px 0;
    padding: 0.95em;
    width: 170px;
    height: auto;
}
.form_wrap input#address {
    width: 100%;
}
.form_wrap #zip-btn {
    padding: 1em;
    width: 170px;
    border: 1px solid #4a2428;
    background: #4a2428;
    color: #fff;
    font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    letter-spacing: 0.08em;
    position: relative;
    cursor: pointer;
}
.form_wrap .zip-btn_wrap {
    position: relative;
}
.form_wrap .zip-btn_wrap:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}
.form_wrap .check_area span.mwform-checkbox-field {
    display: inline-block;
    margin: 0 2em 0 0;
    text-indent: -28px;
    padding-left: 28px;
    line-height: 1.4;
}
.form_wrap .check_area span.mwform-checkbox-field:nth-child(7) {
    margin-bottom: 0;
}
.mwform-checkbox-field label {
  display: inline-block;
  margin-bottom: 0.7em;
}
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}
.mw_wp_form .horizontal-item {
  margin-right: 10px;
}
.form_wrap textarea {
    height: 174px;
    width: 100%;
    padding: 1em;
    border: 1px solid #919191;
}
.form_wrap .privacy_check .open-popup-link {
    text-decoration: underline;
    background: url(../../images/common/icn-window.png) no-repeat right 3px center;
    padding-right: 25px;
}
#popup {
    max-width: 900px;
    background: #fff;
    padding: 40px;
    margin: auto;
    position: relative;
}
#popup p {
    margin-bottom: 2em;
    line-height: 1.6;
}
#popup p span {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.form_btn_area {
    margin: 60px 0;
    text-align: center;
}
.form_btn_area .form_btn button {
    font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    width: 100%;
    max-width: 560px;
    height: 56px;
    line-height: 56px;
    display: block;
    color: #7e685d;
    text-align: center;
    position: relative;
    border: 1px solid #7e685d;
    letter-spacing: 0.14em;
    background: url(../../images/common/img-arrow_btn.png) no-repeat 72% center;
    font-size: 1.25rem;
    cursor: pointer;
    padding-right: 50px;
    margin: 15px auto;
}
.form_btn_area .form_btn button:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #7e685d;
    position: absolute;
    bottom: -5px;
    left: 5px;
}
.form_btn_area .form_btn button:after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 5px);
    background: #7e685d;
    position: absolute;
    bottom: -5px;
    right: -5px;
}
.form_btn_area .form_btn {
    position: relative;
}
.mw_wp_form.mw_wp_form_confirm #zip-btn,
.mw_wp_form.mw_wp_form_confirm .sub {
    display: none;
}
.form_btn_area .form_btn.back button {
    background: url(../../images/common/img-arrow_btn_left.png) no-repeat 12% center;
    background-color: #e0e0e0;
    color: #000;
    max-width: 265px;
    margin: 50px auto 0 auto;
    border: none;
    padding: 0 0 0 35px;
}
.form_btn_area .form_btn.back button:before,.form_btn_area .form_btn.back button:after {
    background-color: #dadada;
}
.thanks_lead {
    text-align: center;
}
.thanks_lead .ttl {
    font-size: 4.125rem;
}
.contact #page_mv {
    background-image: url(../../images/news/bg-mv.jpg);
}
.contact .ttl_h1 {
    left: 0;
    text-align: center;
    width: 100%;
}






@media all and (max-width: 750px){

#form_area .lead {
    display: block;
}
#form_area .lead ul {
    width: 100%;
}
#form_area .lead li {
    padding-left: 0;
    line-height: 1.4;
}
#form_area .tel_box {
    display: block;
}
#form_area .tel_box p:nth-of-type(1) {
    width: 100%;
    font-size: 1.375rem;
    display: block;
    padding: 15px 0;
    vertical-align: middle;
    border-right: none;
    border-bottom: 1px solid #a9a9a9;
}
#form_area .tel_box p:nth-of-type(2) {
    display: block;
    font-size: 1rem;
    padding: 0;
    margin-right: 0;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    background-position: 111px center;
}
#form_area .tel_box p:nth-of-type(3) {
    vertical-align: middle;
    display: block;
    line-height: 1.6;
    text-align: center;
    padding: 0 30px;
}
.form_wrap .left, .form_wrap .right {
    width: 100%;
}
.form_wrap dl, .form_wrap dt, .form_wrap dd {
    display: block;
    padding: 0;
    text-indent: 0;
    width: 100%;
}
.form_wrap dl {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.form_wrap dt {
    margin-bottom: 25px;
}
.form_wrap input, .form_wrap textarea, .form_wrap select {
    font-size: 1rem;
}
.form_wrap dl:first-child {
    padding-top: 30px;
}
.form_wrap .sub {
    
}
.form_wrap .mail_area .sub {
    position: static;
    transform: none;
    padding-left: 0;
}
.form_wrap .right dl:first-child {
    border-top: none;
	padding-top: 0;
}
.form_wrap input#zip {
    width: 40vw;
}
.form_wrap #zip-btn {
    padding: 1em 0;
    margin-top: 0.5em;
    width: 40vw;
}
.form_wrap .zip-btn_wrap:before {
   width: 0.7em;
    height: 0.7em;
    left: 1em;
    top: 0.1em;
}
.form_wrap select#pref {
    width: 100%;
}

.form_wrap input[type=checkbox] {
    width: 20px;
    height: 20px;
        position: relative;
    top: 0.4em;
}
.form_wrap .check_area span.mwform-checkbox-field {
    margin-right: 1em;
}
.form_btn_area .form_btn button {
    max-width: inherit;
    height: 80px;
    line-height: 80px;
    background-position: right 30px center;
}
.contact .mfp-inline-holder .mfp-content {
    width: 85%;
}
.form_btn_area .form_btn.back button {
    max-width: 500px;
}
	.form_wrap input[type=button] {
		-webkit-appearance: none;
border-radius: 0;
	}
	.boxFormSubmit {
		display: block;
		margin-bottom: 4.5em;
	}
	.boxFormSubmit .btnSubmit {
		height: 10vw;
		font-size: 4vw;
		width: 100%;
	}
	.boxFormSubmit .btnSubmitSend {
		margin: 0;
	}
	.boxCsnkFormPopupCont {
		height: 77%;
	}
	.form_wrap .check_area span.mwform-checkbox-field {
		margin-bottom: 0.5em;
	}
		.mw_wp_form .vertical-item {
		display: block;
	}
	.form_wrap .cause_area dd {
		padding-left: 0;
	}
	
}
input,textarea,select,button {
    font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
input[type="text"], input[type="email"], textarea {
    height: auto;
}
select {
	height: auto;
	padding: 1em;
}
@media all and (min-width: 751px){
#form_area .tel_box02 p:nth-of-type(1) {
	width: 30%;
}
#form_area .tel_box02 p:nth-of-type(2) a {
	display: table-cell;
	padding-top: 1rem;
}
#form_area .tel_box02 p:nth-of-type(2) a + span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
	padding-top: 0.7rem;
}



	
}

.form_wrap dl.date_titme select {
	width: 100%;
}


.boxContact01 .dSp .formWrap {
  padding: 7vw 0 0 0;/*1.7em 0;*/
}

.boxContact01 .dSp .formContOne01 {
  display: none;
  position: relative;
  margin-bottom: 1.5em;
  padding: 3.0em 7% 1.0em 7%;
  border: 1px #111 solid;
}

.boxContact01 .dSp .formContOne01.current {
  display: block;
}

.boxContact01 .dSp .formContOne01 p.pTop01 {
  margin-top: -2.3em;
  margin-bottom: 1.0em;
  padding-left: 1.0em;/*2.0em;*/
  font-size: 1.1rem;
}

.boxContact01 .dSp .formContOne01 p.txtStepNum,
.boxContact01 .dSp .formContOne01 p.txtStepSend {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 2.0em;
  background-color: #4A2428;
  color: #fff;
}

.boxContact01 .dSp .formContOne01 p.txtStepNum {
  width: 2.0em;
}

.boxContact01 .dSp .formContOne01 p.txtStepSend {
  width: 3.5em;
}

.boxContact01 .dSp .formContOne01 .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 1.0em;
}

.boxContact01 .dSp .formContOne01 .p01 .txtRequired,
.boxContact01 .dSp .formContOne01 .p01 .txtNotRequired {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 4.0em;
  height: 2.0em;
  margin-right: 0.8em;
  font-size: 0.85rem;
}

.boxContact01 .dSp .formContOne01 .p01 .txtRequired {
  background-color: #4A2428;
  color: #fff;
}
.boxContact01 .dSp .formContOne01 .p01 .txtNotRequired {
  border: 1px #4A2428 solid;
}

.boxContact01 .dSp .formContOne01 .p01 .txt01 {
  padding-top: 0.2em;
  font-size: 1.1rem;
}

.boxContact01 .dSp .formContOne01 .boxInputSp {
  padding: 0.5em 0;
}

.boxContact01 .dSp .formContOne01 ::-webkit-input-placeholder {
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: inherit;
  color: #999;
}
.boxContact01 .dSp .formContOne01 ::placeholder {
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: inherit;
  color: #999;
}

.boxContact01 .dSp .formContOne01 .boxInputSp input[type="text"],
.boxContact01 .dSp .formContOne01 .boxInputSp input[type="email"],
.boxContact01 .dSp .formContOne01 .boxInputSp textarea,
.boxContact01 .dSp .formContOne01 .boxInputSp select {
  width: 100%;
  height: 3.0em;
  padding: 0.8em;
  border: 1px solid #919191;
  font-size: 1.34rem;
}

.boxContact01 .dSp .formContOne01 .boxInputSp textarea {
  height: 7.0em;
}

.boxContact01 .dSp .formContOne01 .boxInputSp select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 3.7em;
  background-image: url('./../../images/base/base-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 3vw auto;
  font-size: 1.1rem;
  color: #111;
}
.boxContact01 .dSp .formContOne01 .boxInputSp select.inputRstSuccess {
  height: 3.0em;
  font-size: 1.34rem;
}

.boxContact01 .dSp .formContOne01 .boxStepBtn .btnStep {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 150px;
  height: 8vw;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #919191;
  background-color: #f6b806;
  letter-spacing: 0.2em;
}
.boxContact01 .dSp .formContOne01 .boxStepBtn .btnStep.typeBack {
  width: 100px;
  height: 6vw;
  background-color: transparent;
}

.boxContact01 .dSp .formContOne01 .boxSubmit {
  padding-top: 1.0em;
}

.boxContact01 .dSp .formContOne01 .boxSubmit .btnSubmit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 10vw;
  border: 1px solid #919191;
  background-color: #f6b806;
  letter-spacing: 0.2em;
  font-size: 4vw;
  color: #111;
}

.boxContact01 .dSp .formContOne01 .boxSubmit .btnSubmit:disabled {
  background-color: #919191;
}

.boxContact01 .dSp .formContOne01 .boxFormNavi {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.0em 0;
}

.boxContact01 .dSp .formContOne01 .boxFormNavi .ulFormNavi {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}

.boxContact01 .dSp .formContOne01 .boxFormNavi .ulFormNavi:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #3e6fbf;
}

.boxContact01 .dSp .formContOne01 .boxFormNavi .ulFormNavi > li {
  position: relative;
  z-index: 1;
  width: 4vw;
  height: 4vw;
  border-radius: 4vw;
  border: 1px #3e6fbf solid;
  background-color: #fff;
}

.boxContact01 .dSp .formContOne01 .boxFormNavi .ulFormNavi > li.past {
  background-color: #3e6fbf;
}

.boxContact01 .dSp .formContOne01 .boxFormNavi .pNaviCount {
  margin-top: 1.0em;
  text-align: center;
  font-weight: 700;
  color: #3e6fbf;
}
.max-length {
	float: right;
}
.max-length em {
	font-style: normal;
}
.txt_area_ok .icnContactCheckOk:after {
	content: none !important;
}
#txtnum.text-max-error {
	padding: 0.5em 0;
}

.pageContact-sp .cause_area,
.pageOrder-sp .cause_area,
.pageOnline-counseling-sp .cause_area {
  margin-top: 1.5em;
}
.pageContact-sp .cause_area .boxInputSp > span:nth-of-type(4),
.pageOrder-sp .cause_area .boxInputSp > span:nth-of-type(4),
.pageOnline-counseling-sp .cause_area .boxInputSp > span:nth-of-type(4) {
  width: 100%;
  margin-top: 0.6em;
  display: block;
}