/* ----------------------------------------
お問い合わせ頂く前にSP
---------------------------------------- */
.qaWrap {
  display: block;
  flex-wrap: nowrap;
  padding:25px 15px;
  margin-bottom:40px;
}
.qaWrap p {
  margin-right:0;
  margin-bottom:20px;}



/* QAボタン */
.c-article .qaWrap .toQA{
  width: 100%;
  margin:auto;
  padding-left: 0;
}






/* ----------------------------------------
ステップの矢印SP
---------------------------------------- */
.stepBar{margin-top:40px; margin-bottom: 35px;}
.stepBar li{
 font-size: 1.2rem;
 line-height: 2.5;
 width: calc(100% / 3);
 margin-right: 0;
 text-indent: 0.5em;
}
.stepBar li:nth-of-type(2){ width: calc(100% / 3);}
.stepBar li::before,
.stepBar li::after{
 border: 15px solid transparent;
 border-right-width:0;
 border-left-width: 7px;
}
.stepBar li::after{
 transform: translateX(1px);
 border-left-color:#e5ebeb;
}
.stepBar li::before{ border-left-color:#f2f6f6;}



/* ----------------------------------------
説明部分SP
---------------------------------------- */
.description > p{ line-height: 1.75;}
.description .attention{ margin-top: 5px;}
.description .attention span{ margin-right: 5px;}

/* ----------------------------------------
必須、任意アイコン
---------------------------------------- */
.contactForm span.required,
.contactForm span.any{
}

/* ----------------------------------------
エラーメッセージSP
---------------------------------------- */
.errorMessage{ margin-top: 30px;}
.errorMessage p{ font-size: 1.6rem;}
.errorMessage p::before{ top: 0;}
.errorMessage ul{ padding-left: 30px;}
.err{
 margin-top: 0px;
 margin-bottom: 25px;
 display: inline-block;
}

.policy-err{width:auto;}



/* ----------------------------------------
入力エリアSP
---------------------------------------- */
.contactForm section{ margin-top: 40px;}

.contactForm table,
.contactForm tbody,
.contactForm tr,
.contactForm th,
.contactForm td{
 display: block;
 width: 100%;
 border: none;
}
.contactForm th{
 padding: 10px;
 display: flex;
 align-items: center;
}
.contactForm th span{ margin-left: 15px;}
.contactForm th .m10{
  margin: 0 0 0 15px;}

.contactForm td{ padding: 20px 0 30px;}
/*form*/
.contactForm input[type="text"],
.contactForm input[type="tel"],
.contactForm input[type="email"]{
 width: 100%;
 height: 50px;
}
.contactForm textarea{
 width: 100%;
 max-width: 100%;
 min-height: 230px;
}
/*select*/
.contactForm .selectWrap{ width: 100%;}
.contactForm .addressWrap .selectWrap{ margin-bottom: 5px;}
.contactForm td input[type="text"]:nth-of-type(2n){ float: none;}
.contactForm td input[type="text"]:nth-of-type(n+2){ margin-top: 5px;}

/*type-radio*/
.mrms-wrap {
	padding-top: 18px;
	padding-left: 10px;}
.mrms-wrap label {
	margin: 0 24px 20px 0;}


/* ----------------------------------------
個人情報の取り扱いについて
---------------------------------------- */
.c-article h3 {
  font-size: 1.6rem;
  padding: 10px;
  margin-bottom: 20px;
}

.contactForm .privacy{ padding: 15px 20px;}
.contactForm .privacy ul{
 margin-bottom: 50px;
}
.contactForm .privacy ul li{ padding-left: 5px;}
.contactForm .privacy .caution{ text-align: left;}

/*同意するボタン*/
.contactForm .consentCheck{
 width: 100%;
 font-size: 1.4rem;
 margin: 0 auto 20px;
}
/*次へ進むボタン*/
.contactForm .submit{
 width: calc(100% - 90px);
 height: 70px;
  margin-bottom:60px;
}

/* dl */
.contactForm .privacy dl {margin-bottom: 60px;}

/*  お問合せ */
.contactForm .privacy dl.contact {margin-bottom:60px;}




/*--------------------------------------
step2
---------------------------------------*/
.step2 .description {margin-top:60px;}

.step2 .contactForm td{ padding: 5px 10px 15px;}

.step2 .contactForm .submit{
 width: calc(100% - 90px);
 height: 80px;
 margin-top: 40px;
}

/*入力内容を修正するボタン*/
.step2 .contactForm .backBtn{
  width: calc(100% - 120px);
  margin-bottom:60px;
}



/*--------------------------------------
step3
---------------------------------------*/

.step3 .description {margin-top:60px;}
.step3 .description > p{
  text-align: left;
  margin-bottom:25px;}
.step3 .description > p:last-child{ margin-bottom:30px;}

.step3 .description .thanks{
  font-weight: bold;
 font-size: 1.8rem;
 line-height: 1.556;
 margin: 40px 0 35px;
}
.step3 .description .komeari{
 padding-left: 1em;
 text-indent: -1em;
}

/*トップへボタン*/
.contactForm .toTop{
 margin: 50px auto 60px;
 width: calc(100% - 90px);
  height:70px;
}