@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* ------------------------------------------------------------
 独自リセット・共通スタイル
------------------------------------------------------------ */

html {
  scroll-behavior: smooth;
}
/*for SP*/
@media screen and (max-width:750px) {
  .font-size-S {
      font-size: 14px;
  }
  .font-size-M {
      font-size: 16px;
  }
  .font-size-L {
      font-size: 28px;
  }
}

/*for PC*/
@media screen and (min-width:750px) {
  .font-size-S {
      font-size: 24px;
  }
  .font-size-M {
      font-size: 28px;
  }
  .font-size-L {
      font-size: 48px;
  }
}

body {
  /* 游ゴシック体 */
  /* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; */
  font-family: "Noto Sans JP", sans-serif;
  background: #e6e6e6;
}

a {
  text-decoration: none;
  transition-duration: 0.2s;
  width: 100%;
}
@media (min-width: 960px) {
  a:hover {
    transition-duration: 0.2s;
  }
}

@media (min-width: 960px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
p {
  line-height: 1.6em;
  color: #333333;
}

h2 {
  color: #333333;
}

h3 {
  color: #333333;
}

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

section img {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  max-width: 750px;
  height: 100%;
}

*:focus {
  outline: none;
}

/*PCでは無効（改行しない）*/
.br-sp{
  display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
  .br-sp{
      display: block;
  }
}
/* ------------------------------------------------------------
  body-wrapper
------------------------------------------------------------ */
.body-wrapper {
  position: relative;
  overflow-x: hidden;
  background: #fff;
  max-width: 750px;
  margin: auto;
}

/* ------------------------------------------------------------
  header
------------------------------------------------------------ */
header {
  position: relative;
  top: 0;
  left: 50%;
  max-width: 750px;
  width: 100%;
  transform: translateX(-50%);
  background: #fff;
  border-bottom: 1px solid #b5b5b5;
  z-index: 100;
}

header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  padding: 2%;
}

header h1 {
  width: 45%;
  padding-bottom: 2%;
}
header nav {
  width: 55%;
}

header ul li {
  text-align: right;
}

@media screen and ( min-width:750px) {
  header h1 {
  padding-bottom: 3%;
}
}

/* ------------------------------------------------------------
  fv
------------------------------------------------------------ */
.fv {
  margin-bottom: 5%;
}

.fv_btn {
  display: flex;
  gap: 3%;
  width: 95%;
  margin: auto;
  margin-top: -10%;
}

.fv_btn img {
  min-width: 0;
}
/* ------------------------------------------------------------
  main
------------------------------------------------------------ */
.cta_box {
  text-align: center;
  padding: 3% 0;
}
.reflection {
  position: relative;
  width: 95%;
  margin: auto;
  overflow: hidden;
  animation: pekopeko 1.8s infinite;
}
@keyframes pekopeko {
  0% {
      top: 0px;
  }
  10% {
      top: 5px;
  }
  20% {
      top: 0px;
  }
  30% {
      top: 5px
  }
  40% {
      top: 0px;
  }
}
.tell_cta {
  margin-top: 5%;
  position: relative;
}
.tell_cta img {
  width: 95%;
}
.cta_btn_tell {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color: #333333;
  font-weight: bold;
  font-size: 1.4rem;
}
@media screen and ( min-width:750px) {
  .cta_btn_tell {
    font-size: 2.8rem;
  }
}

.section01 {
  margin-top: 5%;
  position: relative;
}


.section02 {
  margin-top: -10%;
  text-align: center;
}


.section03 {
  text-align: center;
  background-color: #fffbde;
  padding: 8% 0;
  position: relative;
}
.section03 h2 {
  color: #fbb03b;
}
.section03 p {
  position: absolute;
  top: 81.5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  min-width: 80%;
  font-weight: bold;
}

.section04 {
  margin-top: 5%;
  text-align: center;
  background-color: #daeefb;
  padding: 5% 0 0;
}
.triangle3{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fbb03b;
  margin: 5% auto;
}
.simulation {
  position: relative;
}
.simulation .triangle3{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fbb03b;
  margin: 5% auto;
}
.simulation_container {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
}
.simulation_label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
}
.simulation_label input{
  width: 45%;
  border: #999999 solid 1px;
  padding: 2%;
  border-radius: 2px;
  text-align: center;
}
.display {
  background-color: #fff;
  border: #999999 solid 1px;
  width: 80%;
  margin: auto;
  padding: 3%;
  border-radius: 2px;
  color: #333333;
}
.rate-display,.fee-display {
  margin-bottom: 5%;
  border-bottom: #999999 solid 1px;
}
.transfer-display {
  font-weight: bold;
}
#rate,#fee,#transfer-amount {
  color: #fbb03b;
  font-weight: bold;
  padding-left: 30%;
}

.section05 {
  text-align: center;
  position: relative;
}
.section05_txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 85%;
}
.section05_txt:nth-child(2) {
  top: 16%;
}
.section05_txt:nth-child(3) {
  top: 29%;
}
.section05_txt:nth-child(4) {
  top: 45.5%;
}
.section05_txt:nth-child(5) {
  top: 59.5%;
}
.section05_txt:nth-child(6) {
  top: 76%;
}
.section05_txt:nth-child(7) {
  top: 90%;
}


.section06 {
  background-color: #fffbde;
  padding: 5% 0;
}
.review_box {
  background-color: #fff;
  width: 95%;
  margin: 5% auto 0;
  text-align: center;
  padding-bottom: 5%;
}
.review_box a {
  color: #007bff;
  text-decoration: underline;
  margin-top: 5%;
}
.review_inner {
  padding: 5% 0%;
  border-bottom: #808080 solid 1px;
  width: 95%;
  margin: auto;
}
.review {
  display: flex;
  gap: 5%;
}
.circle{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ed1e79;
  text-align:center;
  line-height: 50px;
  color: #fff;
}
@media screen and ( min-width:750px) {
  .circle{
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
.review_txt {
  text-align: left;
  padding: 5%;
}
.star5_rating{
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
  content: '★★★★★';
}

.star5_rating:after{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

.like-container {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding-left: 3%;
}
.like-icon {
  transition: color 0.3s ease;
}

.section07 {
  padding: 8% 5%;
}
.section07 h2 {
  text-align: center;
}
.accordion {
  width: 100%;
  margin: 5% 0;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 15px 50px 15px 10px;
  background: #ffe9cc;
  cursor: pointer;
  margin: 3% 0;
  position: relative;
  border-radius: 8px;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #fbb03b;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* ↑ここまで共通 */


/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.3em;
  left: -1.3em;
}

.accordion_qa .Q::before {
  content: 'Q.';
  color: #fbb03b;
}

.accordion_qa .A::before {
  content: 'A.';
  color: #fbb03b;
}

.accordion_qa .accordion-open {
  padding-left: 2.5em;
}

.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px 10px 10px 2.5em;
}
/* Q&A追加ここまで */

/* ------------------------------------------------------------
  form
------------------------------------------------------------ */
.section_Form {
  scroll-margin-top: 50px;
  padding-bottom: 5%;
}

.section_Form p{
  text-align: center;
  margin-top: 3%;
  line-height: 1.8rem;
}

.section_Form p span {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fa4141;
}

.notices_box {
  background-color: #fff;
  width: 95%;
  margin: auto;
  border-radius: 5px;
  padding: 2%;
  font-size: .9rem;
  margin-top: 2%;
}

.notices_box span {
  text-decoration: underline #333333;
}

.form {
  width: 97%;
  max-width: 700px;
  margin: auto;
  background-color: #fff;
  padding: 2% 2% 8%;
}

.require {
  border: solid 1px #fa4141;
  color: #fa4141;
  padding: 0.2% 1%;
  border-radius: 10%;
  font-size: 0.9rem;
  margin-right: 3%;
}
.any {
  border: solid 1px #666666;
  color: #666666;
  padding: 0.2% 1%;
  border-radius: 10%;
  font-size: 0.9rem;
  margin-right: 3%;
}

.form_item {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 2%;
  margin: 5% 0;
}

.form_head {
  font-weight: bold;
  margin-bottom: 5%;
  color: #333333;
}

.radio_box {
  display: flex;
  flex-wrap: wrap;
  gap: 10%;
}

/* .form_item label {
  font-size: 1.2rem;
  padding-left: 5%;
  padding-bottom: 3%;
  color: #333333;
} */

.zip_input_text {
  width: 20%;
  max-width: 400px;
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 40px;
  flex: inherit;
  font-size: 16px;
  padding-left: 1em;
}

.input_text {
  width: 100%;
  max-width: 400px;
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 40px;
  flex: inherit;
  width: 100%;
  font-size: 16px;
  padding-left: 1em;
}

.annotation {
  color: #777777;
  font-size: 0.9rem;
}

.add_head {
  color: #333333;
  font-size: 0.95rem;
  font-weight: bold;
  margin-top: 5%;
}

.money {
  display: flex;
  align-items: center;
  gap: 2%;
}

.money .input_text {
  width: 60%;
}

.yen {
  font-size: 1.2rem;
}

.form_item select {
  width: 60%;
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 40px;
  background: #fff;
  font-size: 16px;
  padding-left: 1em;
}

.form_item textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 100px;
  background: #fff;
  font-size: 16px;
  padding-left: 1em;
}

.button {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  width: 85%;
  padding: 5% 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background-image: linear-gradient(90deg, rgba(247, 180, 30, 1), rgba(247, 147, 30, 1));
  border: #fff solid 2px;
  border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px gray;
}
.button:after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 46%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
}
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
  cursor: pointer;
}

.submitButton {
  background: none;
  border: unset;
  width: 85%;
  margin: auto;
  display: block;
}

.form_attention {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2%;
  width: 97%;
  margin: auto;
  margin-top: 8%;
}

.form_attention img {
  width: 35%;
}

.attention_box {
  background-color: #fff;
  border: solid 1px #666666;
  padding: 2% 1%;
  font-size: 0.9rem;
  color: #333333;
  margin-bottom: 2%;
}

.attention_box ul li {
  margin-bottom: 2%;
}


@media screen and ( min-width:750px) {
 .section_Form {
  scroll-margin-top: 80px;
}

 .form {
  padding: 10px 50px 30px;
}
}

/* ------------------------------------------------------------
  footer
------------------------------------------------------------ */
.footer {
  text-align: center;
  padding: 1rem 0 0.5rem;
  font-size: 0.9rem;
  background: #00b4d4;
}

.footer p {
  margin-top: 5%;
  font-size: 0.9rem;
  color: #fff;
}
.footer a {
  color: #fff;
}

/* ------------------------------------------------------------
  floating
------------------------------------------------------------ */

.floating-banner {
  display: none;/*最初は隠す*/
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  right: 0; /* バナーの左右の位置 */
  width: 100vw; /* バナーの横幅 */
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1%;
  padding-top: 2%;
  text-align: center;
}
.floating-banner img {
  max-width: 90%; /* 画像の最大幅 */
  margin: auto;
}

/*フッターまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}

@media screen and ( min-width:750px) {
.floating-banner {
  display: none;/*最初は隠す*/
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  width: 750px; /* バナーの横幅 */
  padding-top: 1%;
  }

.floating-banner img {
  max-width: 60%; /* 画像の最大幅 */
  margin: auto;
  }
}

/* ------------------------------------------------------------
  check
------------------------------------------------------------ */
.Check {
  padding-top: 10%;
}

.whiteback_check {
  text-align: center;
}

.whiteback_check p {
  background-color: #ededed;
  width: 90%;
  margin: auto;
  font-size: 0.8rem;
  padding: 2%;
  margin-top: 3%;
}

.Check .form {
  box-shadow: none;
}

.Check .form table {
  margin: auto;
  margin-bottom: 10%;
}

.cf_head {
  font-weight: bold;
  border-bottom: solid 1px #f7931e;
}

.cf {
  padding: 2% 0 4% 2%;
}

.common_btn_s {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 5% auto;
  width: 25%;
  padding: 1% 0;
  font-weight: bold;
  color: #666666;
  cursor: pointer;
}

@media screen and ( min-width:750px) {
 .whiteback_check p {
  width: 70%;
}
.Check .form {
  padding: 10px 20px 30px;
}
.Check .form table {
  width: 650px;
}
}

/* ------------------------------------------------------------
  thanks
------------------------------------------------------------ */
.Thanks {
  padding-top: 10%;
  text-align: center;
  padding-bottom: 10%;
}

.whiteback_thanks {
  text-align: center;
  padding: 0 3%;
}

.whiteback_thanks h2 {
  font-size: 2.0rem;
  color: #333333;
}

.Thanks p {
  padding: 2% 0;
  margin-top: 3%;
  text-align: left;
}

.thanks_img {
  display: flex;
  width: 95%;
  gap: 3%;
  margin: 5% auto;
}
.thanks_img img {
  min-width: 0;
}

.thanks_flow {
  width: 95%;
  margin: auto;
  text-align: center;
  padding: 5% 2%;
  padding-bottom: 10%;
}

.thanks_flow h3 {
  font-size: 1.6rem;
  color: #333333;
}

.thanks_flow a {
  background-color: #ff4707;
  color: #fff;
  padding: 5%;
  box-shadow: 0 0 8px #999;
}

.return-btn {
  margin: auto;
  margin-top: 10%;
  border: solid 1px #333333;
  width: 40%;
  border-radius: 50px;
  padding: 2% 0;
  font-weight: bold;
  font-size: 1.2rem;
}

/* 2025/10/17 追加 */
header h1{
  width: min(calc((235.41 / 750) * 100vw), 235.41px);
  padding-bottom: 0;
}
section img{
  display: block;
  max-width: 100%;
  height: auto;
}
.fv {
    margin-bottom: 0;
}
.section01{
  margin-top: 0;
}
.section02{
  margin-top: -1px;
}
.section03{
  padding: 21px 28px 39px;
}
.section03 p.section03-text{
  top: auto;
  bottom: 0;
  font-size: min(calc((30 / 750) * 100vw), 30px);
  padding-bottom: min(calc((90 / 750) * 100vw), 90px);
  font-weight: 500;
}
@media screen and (max-width:450px) {
  .section03 p.section03-text{
    padding-bottom: min(calc((120 / 750) * 100vw), 120px);
  }
}
.cta{
  border: solid 8px #FCB03B;
}
.cta_title{
  width: min(calc((585 / 750) * 100vw), 585px);
  margin: 0 auto;
  padding: 15px 0;
}
.cta_box{
  padding: 0 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px 0;
}
.tell_cta img,
.web_cta img{
  width: min(calc((666 / 750) * 100vw), 666px);
}
.web_cta .reflection{
  width: 100%;
}
.tell_cta{
  margin-top: 0;
}
.tell_cta p{
  margin-top: 7px;
  font-size: 12px;
}
.section04{
  margin-top: 0;
  padding: 28px 22px 0;
}
.section04-arrow{
  width: min(calc((51 / 750) * 100vw), 51px);
  margin: 12px auto 15px;
}
.simulation_container{
  top: min(calc((165 / 750) * 100vw), 165px);
}
.simulation .triangle3{
  margin: 3% auto;
}
.section04-card-app{
  margin: 28px -22px 0;
}
.section06 h2{
  width: min(calc((688 / 750) * 100vw), 688px);
  margin: 0 auto;
}
.review_box{
  width: calc(100% - 44px);
  margin: 18px 22px 0;
}
.review_inner{
  width: calc(100% - 38px);
  margin: 0 19px;
}
.review_txt{
  font-size: 14px;
  line-height: 1.2;
}
#show-more{
  position: relative;
  bottom: -10px;
}
.section_Form{
  background: #FFFFF2;
  width: 100%;
  padding: 0 12px 35px;
}
.section_Form_title{
  width: calc(100% + 24px);
  margin: 0 -12px;
  max-width: 750px;
}
.section_Form_note{
  font-size: 14px;
  text-align: center;
  line-height: calc(36/31);
  letter-spacing: -0.05em;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
.section_Form_note span{
  font-size: min(calc((15 / 375) * 100vw), 15px);
  font-weight: bold;
  color: #EC5757;
}
.form{
  padding: 15px 10px 30px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}
.form_item{
  padding-bottom: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.form .form_item:nth-child(3){
  margin-top: 0;
}
.form_head{
  display: flex;
  line-height: 1.2;
  margin-bottom: 16px;
}
.require, .any{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  color: #fff;
  background: #EC5757;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  margin-right: 5px;
  margin-bottom: auto;
  white-space: nowrap;
  margin-top: 2px;
}
.any{
  background: #fff;
  color: #777777;
  border: solid 1px #777777;
}
.cardtype___red{
  background: #FFE7E7;
  color: #EC5757;
  font-weight:400;
  padding: 5px 9px;
  font-size: 12px;
  display: block;
  margin-top: 6px;
}
.radio_box {
  display: flex;
  gap: 15px;
}
.radio_label {
  position: relative;
  background: #fff;
  font-size: 15px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
}
.radio_label input[type="radio"] {
  display: none;
}
.radio_text {
  width: 109px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 11px 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.radio_text::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #B6B6B6;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  transition: all 0.2s ease;
}
.radio_label input[type="radio"]:checked + .radio_text::before {
  border-color: #01B5D5;
  background: radial-gradient(circle at center, #01B5D5 45%, transparent 46%);
}
.radio_label input[type="radio"]:checked + .radio_text {
  color: #000;
  background-color: #e6f8fc;
  border-color: #01B5D5;
}
.annotation{
  display: inline-block;
  font-size: 12px;
}
.form_head + .annotation{
  display: block;
  margin-top: -16px;
}
.form_item textarea,
.form_item select,
.input_text{
  padding: 6px;
}
.form_item textarea::placeholder,
.form_item select::placeholder,
.input_text::placeholder{
  color: #777777;
}
.form .form_item:nth-last-child(2){
  border-bottom: none;
  padding-bottom: 23px;
  margin-bottom: 0;
}
.form .form_item:nth-last-child(2) .form_head{
  width: min(calc((582 / 750) * 100vw), 582px);
  margin: 0 auto;
  font-size: 14px;
  color: #01B5D5;
  font-weight: 400;
}
.footer{
  background: #FCB03B;
}
.footer a{
  text-decoration: underline;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}
.footer a + a{
  margin-left: 2em;
}
.footer .copyright{
  font-size: 11px;
}
.err{
  font-size: 14px;
}
.submit-button{
  display: block;
  width: min(calc((610 / 750) * 100vw), 610px);
  height: 60px;
  border-radius: 60px;
  background: #B6B6B6 url(../images/icon-submit-arrow.svg) no-repeat center right 21px;
  background-size: 11px auto;
  border: none;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 55%);
  margin: 0 auto;
}
.submit-button:not(:disabled) {
  background-color: #FCB03B;
  cursor: pointer;
}
.cta.is-bd-none{
  border: none;
}
.form select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  color: #333;

  width: 100%;
  max-width: 400px;
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 40px;
  flex: inherit;
  font-size: 16px;
  padding: 6px;
}
.form .select-wrap{
  position: relative;
  width: 100%;
  max-width: 400px;
}
.form .select-wrap::after{
  content: "";
  position: absolute;
  right: 9px;
  top: 45%;
  width: 10px;
  height: 9px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: translateY(-50%) rotate(-45deg);
}
.form .add_head{
  font-size: 14px;
  margin-top: 15px;
  font-weight: 500;
}