@charset "UTF-8";
/* ====================================================================
ルミエール友の会 仮会員登録フォームページ用スタイル 
=====================================================================*/
#registration_form.form {
  background: #F9FAFC;
}

/* -------------------------------------------------------------- */
.section_basic {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_basic {
    padding: 13vw 0;
  }
}
.section_basic .one_period .annotation {
  width: 90%;
  /*max-width: 580px;*/
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_basic .one_period .annotation {
    font-size: clamp(14px, 2.083vw, 16px);
    max-width: 600px;
    width: 100%;
  }
}

/* 以下フォーム
/* -------------------------------------------------------------- */
/*
form.wpcf7-form input[type=text], 
form.wpcf7-form input[type=email], 
form.wpcf7-form input[type=tel], 
form.wpcf7-form select, 
form.wpcf7-form textarea{
  height: 2.666em;

  @include sp {
    font-size: clamp(14px, 2.083vw, 16px)!important;
    margin-bottom: 1em;
  }
}
*/
/*

.form{

    .wpcf7-radio  {
        text-align: left;
    }
  background: #F9FAFC;
  .one_period {
    .section_title{
        position: relative;
        padding-bottom: 1em;

        &:after {
            content: '';
        }
    }
  }

  .form_wrap {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    padding: 70px 0;
    border-radius: 1em;

    @include sp {
        width: 100%;
        padding: 5vw;
    }
  }

  .form_wrap_inner {
    width: 90%;
    max-width: 900px;
    margin: 0 auto;

    @include sp {
        width: 100%;
    }

    dl {
        width: 100%;
        justify-content: space-between;
        gap: 1.8em 1em;

        @include sp {
            display: block;
        }

        dt {
              font-size: 1.25em;
              width: 30%;
              padding: 0;
              align-content: center;

              @include sp {
                display: block;
                width: 100%;
              }

              p {

                @include sp {
                    font-size: clamp(14px, 2.083vw, 16px);
                    margin-bottom: 0.3em;    
                }
                .required {

                    color: #78C153;

                    @include sp {
                        color: #78C153;
                        font-size: min(3.75vw,24px);
                    }
                }
              }
        }

        dd {
            width: calc(70% - 1em);

            @include sp {
                display: block;
                width: 100%;
            }

            p {
                @include sp {
                    font-size: clamp(14px, 2.083vw, 16px);
                    margin-bottom: 0.3em;    
                }
            }

            &.post {
                @include sp {
                    margin-bottom: 1.5em;
                }
                p {
                    display: flex;
                    gap: 1.5em;
                    align-items: center;
                }

                a {
                    color: #fff;
                    font-weight: 600;
                    background: #6F6E6D;
                    line-height: 1;
                    padding: 0.6em 1em;
                    letter-spacing: 0;
                    border-radius: 0.3em;

                    @include sp {
                        font-size: 0.9em;
                    }
                }

                .wpcf7-form-control-wrap{
                    width: 15em;
                }

                input[type=text]{
                    @include sp {
                        margin-bottom: 0;
                    }
                }


            }
        }
    }

    .agree {
        width: 100%;
        margin-bottom: 50px;

        @include sp {
            aspect-ratio: 5/3;
            height: auto;
            margin-bottom: 4vw;

        }
    }
}

}
*/
/* -------------------------------------------------------------- */
#mainContents {
  padding-bottom: 0 !important;
}

/* -------------------------------------------------------------- */
.emoji {
  -webkit-filter: grayscale(100%) brightness(0) invert(1);
          filter: grayscale(100%) brightness(0) invert(1);
}

/* -------------------------------------------------------------- */
.form_frame {
  width: 100%;
}

/* 
/* 担当へ
/* ----------------------------------------------------------- */
form.wpcf7-form textarea.recruit-textarea {
  height: 10rem;
}

/* ----------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .acceptance {
    padding-top: 0 !important;
  }
}
.acceptance p {
  text-align: center;
}

/* ----------------------------------------------------------- */
.payment-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 横方向に中央揃え */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "Cochin", "NotoSerif", serif !important;
}
.payment-tabs .tab-button {
  padding: 10px 80px;
  background: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 768px) {
  .payment-tabs .tab-button {
    height: 80px;
    padding: 10px;
    font-size: 1em;
  }
}
.payment-tabs .tab-button.active {
  background: #78C153;
  color: #fff;
}

/* ----------------------------------------------------------- */
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

/* ----------------------------------------------------------- */
.one_period span {
  position: relative;
}
.one_period span.ast-i {
  position: absolute;
  color: #78C153;
  font-size: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0.2rem);
          transform: translate(-50%, 0.2rem);
}

@media screen and (max-width: 480px) {
  .section_basic .one_period h3,
  #bonus_content .content_basic_wrap_inner h4,
  #bonus_content .flex .min {
    font-size: 5vw;
  }
  .section_basic .one_period .annotation,
  #bonus_content .content_basic_wrap_inner table th,
  #bonus_content .content_basic_wrap_inner table td,
  #bonus_content .content_basic_wrap_inner .small,
  #bonus_content .flex li {
    font-size: 2.916vw;
  }
  .section_basic .one_period .min {
    font-size: 4vw;
  }
  .form .form_wrap_inner .wpcf7-form-control-wrap .wpcf7-list-item-label {
    font-size: 3.333vw;
  }
}
/*
2025.12.18
/*________________________________________________________________________ */
.wpcf7-radio .wpcf7-list-item-label {
  padding: 0 1rem 0 36px !important;
}