@charset "utf-8";
/* CSS Document */

.cht_example{
  display: inline-block;
  font-size: clamp(0.75rem, 0.6122rem + 0.5128vw, 0.875rem);/*12-14 430-820*/
  color: #808081;
  line-height: 1;
  margin-top: 10px;
}
.cht_form-sec-t-sub{
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  margin-bottom: clamp(0.5rem, 0.2244rem + 1.0256vw, 0.75rem);/*8-12 430-820*/
  line-height: 1;
}
.cht_commentary{
  width: 100%;
  font-size: clamp(0.75rem, 0.612rem + 0.51vw, 0.875rem);/*12-14 430-820*/
  color: #F34040;
}
.cht_commentary li{
  padding-left: 1em;
  text-indent: -1em;
}

.cht_form-flx{
  display: flex;
  gap: clamp(1rem, 0.8622rem + 0.5128vw, 1.125rem);/*16-18 430-820*/
}
.cht_form-flx.cht_flxadj{flex-wrap: wrap;}
.cht_form-flx.cht_flxadj > div{
  flex: 1 1 auto;
  width: fit-content;
}


/*プライバシーポリシー同意*/
.cht_termscontainer {
  text-align: left;
  margin: auto;
  width: fit-content;
}
.cht_termscontainer .cht_labelblock label{
  display: flex;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin-bottom: 16px;
  padding: 19px 0;
  font-size: clamp(0.875rem, 0.599rem + 1.03vw, 1.125rem);/*14-18 430-820*/
  background-color: #F1F4F8;
}
.cht_termscontainer .cht_labelblock a{
  text-decoration: underline;
  color: #0065B1;
}
.cht_terms-agree{
  font-size: clamp(0.875rem, 0.5994rem + 1.0256vw, 1.125rem);/*14-18 430-820*/
  line-height: 1.33;
  cursor: pointer;
  transition: background-color 0.1s linear;
}
.cht_terms-agree input{
  visibility: hidden;
}
.cht_terms-agree span.cht_icon_checkbox{margin-right: 0.5em;}




.cht_btnbox{margin-bottom: 20px;}

/* 決定ボタン */
.cht_form-btn{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: clamp(3.875rem, 1.946rem + 7.18vw, 5.625rem);/*62-90 430-820*/
  margin: 0 auto;
  text-align: center;
  font-weight: 800;
  border: none;
  border-radius: var(--border-radius4);
  background-image: linear-gradient(181deg, rgb(255, 70, 120), rgba(222, 0, 68, 1));
  transition: background-color 0.1s linear;
}
.cht_form-btn::before{
  content: "";
  position: absolute;
  background-color: rgb(222, 0, 68);
  opacity: 0;
  z-index: 0;
  inset: 0px;
  transition: opacity 0.1s linear;
  border-radius: inherit;
}
.cht_form-btn p{
  position: relative;
  z-index: 1;
  font-size: clamp(1.125rem, 0.8494rem + 1.0256vw, 1.375rem);/*18-22 430-820*/
  color: #FFFFFF;
}


.cht_form-btn-back{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 640px;
  height: 64px;
  margin: 24px auto 0;
  text-align: center;
  background-color: var(--color-gray01);
  border: 1px solid var(--border-gray01);
}

.cht_terms-attention{
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
  font-size: clamp(0.6875rem, 0.5497rem + 0.5128vw, 0.8125rem);/*11-13 430-820*/
  font-weight: 600;
}
.cht_terms-attention li{
  display: block;
  text-align: left;
  width: fit-content;
  margin-inline: auto;
}


/*確認画面*/
.cht_formcontent{padding: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem) 0 clamp(0rem, -2.756rem + 10.26vw, 2.5rem);}/*24-40 430-820*//*0-40 430-820*/
.cht_formcontent dl:nth-last-of-type(n+2){margin-bottom: 24px;}
.cht_formcontent dt{
  margin-bottom: 12px;
  padding: 4px 1em;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  background-color: var(--color-paleblue);
}
.cht_formcontent dd{
  padding-left: 1em;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
}




/*完了画面*/
.cht_completeblock{margin-bottom: 160px;}
.cht_notice{margin-top: 24px;}
.cht_notice span{color: #F77C00;}





@media screen and (min-width:821px){
  .cht_txtbox:hover,
  .cht_textarea:hover{border-color: #333333;}
  .cht_termscontainer .cht_labelblock a:hover{text-decoration: none;}

  .cht_form-btn:hover::before{opacity: 1;}
  .cht_form-btn-back:hover{background-color: #AFAFB7;}

}





@media (max-width: 820px){
  .cht_example{display: none;}
}