@charset "UTF-8";

.section_form_inner {
  width: min(1312px, calc(1312/1440*100vw));
  margin: 0 auto;
}

.section_form_text {
  line-height: 1.5;
  margin: min(80px, calc(80/1440*100vw)) 0 min(100px, calc(100/1440*100vw));
}

.section_form_wrap {
  width: min(660px, calc(660/1440*100vw));
  margin: 0 auto min(273px, calc(273/1440*100vw));
}
@media screen and (max-width:767px) {
  .section_form_wrap {
  width: 100%;
  }
}

label {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 24px;
}

input {
  padding: 0 20px;
}

.required {
  width: 44px;
  font-size: 12px;
  padding: 3px;
  background: #ED2446;
  color: #ffffff;
  text-align: center;
  border-radius: 12px;
  margin-right: 10px;
  margin-bottom: 2px;
  display: inline-block;
}

.any {
  width: 44px;
  font-size: 12px;
  padding: 3px;
  background: #333;
  color: #ffffff;
  text-align: center;
  border-radius: 12px;
  margin-right: 10px;
  margin-bottom: 2px;
  display: inline-block;
} 

.form_text {
  display: block;
  width: 100%;
  background: #f1f1f1;
  border-radius: 3px;
  padding: 8px 20px;
  margin-top: 10px;
}

.form_text_area {
  display: block;
  width: 100%;
  height: 120px;
  background: #f1f1f1;
  border-radius: 3px;
  padding: 20px;
  margin-top: 10px;
}

.submit_btn {
  max-width: 240px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.4rem;
  background: var(--clr-white);
  border: 0.1rem solid #bdbdbd;
  border-radius: 2.7rem;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  padding: 1.2rem 0;
  margin: 0 auto;
  transition: all .3s;
}
.submit_btn::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 3.1rem;
  height: 3.1rem;
  background: #ed2446;
  border-radius: 50%;
  margin-right: 1.1rem;
}

.submit_btn:hover {
  background: #ed2446;
  color: #fff;
}
.submit_btn:hover::after {
  background: #fff;
}

.ttl_h2_eng._mb {
  margin-bottom: min(280px, calc(280 / 1440 * 100vw));
}
@media screen and (max-width:767px) {
  .ttl_h2 {
    font-size: calc(24 / 375 * 100vw);
  }
  .ttl_h2_eng._mb {
  margin-bottom: calc(50 / 375 * 100vw);
}
}




/* サロンでの店販 */
.section_salon_mv {
  background-color: #E4E2DF;
}
.section_salon_mv_inner {
  position: relative;
  width: min(1000px, calc(1000 / 1440 * 100vw));
  margin: 0 auto;
  top: min(-140px, calc(-140 / 1440 * 100vw));
}
.section_salon_mv_inner img {
  display: block;
  width: 100%;
  margin-bottom: min(146px, calc(146 / 1440 * 100vw));
}
.section_salon_mv_inner p {
  line-height: 1.5;
}
.section_series {
  margin-top: min(100px, calc(100 / 1440 * 100vw));
}
.section_series .ttl_h2_eng {
  margin-bottom: min(50px, calc(50 / 1440 * 100vw));
}
.section_series .ttl_h3 {
  font-size: min(36px, calc(36 / 1440 * 100vw));
  font-weight: bold;
}
.section_series_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(65px, calc(65 / 1440 * 100vw)) min(70px, calc(70 / 1440 * 100vw));
  margin-top: min(100px, calc(100 / 1440 * 100vw));
}
.section_series_item_ttl {
  font-size: min(36px, calc(36 / 1440 * 100vw));
  font-weight: bold;
  text-align: center;
  margin-bottom: min(11px, calc(11 / 1440 * 100vw));
}
@media screen and (max-width:767px) {
  .section_salon_mv {
    padding-top: calc(90 / 375 * 100vw);
  }
  .section_salon_mv_inner {
    width: 89.5%;
    top: calc(-60 / 375 * 100vw);
  }
  .section_series {
    margin-top: calc(86 / 375 * 100vw);
  }
  .section_series .ttl_h2_eng {
    margin-bottom: calc(47 / 375 * 100vw);
  }
  .section_series .ttl_h3 {
    font-size: calc(20 / 375 * 100vw);
  }
  .section_series_wrap {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: calc(46 / 375 * 100vw) 0;
    margin-top: calc(46 / 375 * 100vw);
  }
  .section_series_item img {
    display: block;
    width: 100%;
  }
  .section_series_item_ttl {
    font-size: calc(20 / 375 * 100vw);
    margin-bottom: calc(33 / 375 * 100vw);
  }
}


.section_partner {
  margin-top: min(169px, calc(169 / 1440 * 100vw));
}
.section_partner .ttl_h2_eng {
  margin-bottom: min(77px, calc(77 / 1440 * 100vw));
}
.section_partner ._lead {
  font-size: min(18px, calc(18 / 1440 * 100vw));
  line-height: 1.5;
  text-align: center;
  margin-bottom: min(81px, calc(81 / 1440 * 100vw));
}
.section_partner ._ttl2 {
  font-size: min(40px, calc(40 / 1440 * 100vw));
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  margin-bottom: min(141px, calc(141 / 1440 * 100vw));
}
.section_partner_item {
  width: 71.5%;
  margin: 0 auto min(45px, calc(45 / 1440 * 100vw));
}
.section_partner_item_ttl {
  font-size: min(24px, calc(24 / 1440 * 100vw));
  line-height: 1.4;
  font-weight: bold;
  border-bottom: 2px solid #ED2446;
  padding-bottom: min(24px, calc(24 / 1440 * 100vw));
}
.section_partner_item_text {
  font-size: min(18px, calc(18 / 1440 * 100vw));
  line-height: 1.5;
  text-align: right;
  padding-top: min(24px, calc(24 / 1440 * 100vw));
}
@media screen and (max-width:767px) {
  .section_partner {
    margin-top: calc(50 / 375 * 100vw);
  }
  .section_partner .ttl_h2_eng {
    margin-bottom: calc(43 / 375 * 100vw);
  }
  .section_partner ._lead {
    font-size: calc(18 / 375 * 100vw);
    text-align: left;
    margin-bottom: calc(50 / 375 * 100vw);
  }
  .section_partner ._ttl2 {
    font-size: calc(20 / 375 * 100vw);
  }
  .section_partner_item {
    width: 100%;
    margin-bottom: calc(45 / 375 * 100vw);
  }
  .section_partner_item_ttl {
    font-size: calc(20 / 375 * 100vw);
  }
  .section_partner_item_text {
    font-size: calc(16 / 375 * 100vw);
  }
}

.section_meating {
  margin-top: min(303px, calc(303 / 1440 * 100vw));
}
.section_meating_inner {
  width: min(1070px, calc(1070 / 1440 * 100vw));
  margin: 0 auto;
}
.section_meating .ttl_h2_eng {
  margin-bottom: min(77px, calc(77 / 1440 * 100vw));
}
.section_meating_text {
  margin-bottom: min(100px, calc(100 / 1440 * 100vw));
  line-height: 1.5;
}
.section_meating_img {
  position: relative;
}
.section_meating_img::after {
  content: "";
  position: absolute;
  top: 10%;
  background-color: #f1f1f1;
  display: inline-block;
  width: 100%;
  height: min(631px, calc(631 / 1440 * 100vw));
}
.section_meating_img img {
  position: relative;
  display: block;
  width: min(1072px, calc(1072 / 1440 * 100vw));
  margin: 0 auto;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .section_meating {
    margin-top: calc(50 / 375 * 100vw);
  }
  .section_meating_inner {
    width: 94%;
  }
  .section_meating .ttl_h2_eng {
    margin-bottom: calc(50 / 375 * 100vw);
  }
  .section_meating_text {
    margin-bottom: calc(40 / 375 * 100vw);
  }
  .section_meating_img::after {
    content: "";
    position: absolute;
    top: 10%;
    background-color: #f1f1f1;
    display: inline-block;
    width: 100%;
    height: calc(177 / 375 * 100vw);
  }
  .section_meating_img img {
    width: 78%;
  }
}

.section_form_wrap {
  margin-top: min(211px, calc(211 / 1440 * 100vw));
}

.section_catalog {
  margin-bottom: min(196px, calc(196 / 1440 * 100vw));
}
.section_catalog .ttl_h2_eng {
  margin-bottom: min(93px, calc(93 / 1440 * 100vw));
}
.section_catalog_bg {
  position: relative;
}
.section_catalog_bg::after {
  content: "";
  position: absolute;
  top: 33%;
  background-color: #f1f1f1;
  display: inline-block;
  width: 100%;
  height: min(280px, calc(280 / 1440 * 100vw));
}
.catalog_list {
  position: relative;
  display: flex;
  justify-content: center;
  gap: min(134px, calc(134 / 1440 * 100vw));
  z-index: 1;
}
.catalog_item ._ttl {
  font-size: min(36px, calc(36 / 1440 * 100vw));
  font-weight: bold;
  text-align: center;
  margin-bottom: min(70px, calc(70 / 1440 * 100vw));
}
.catalog_img {
  position: relative;
  overflow: hidden;
}
.catalog_img._01::before {
    position: absolute;
    top: max(245px, calc(245 / 1440 * 100vw));
    left: max(-111px, calc(-111 / 1440 * 100vw));
    content: "";
    background-color: var(--clr-red);
    display: inline-block;
    width: min(223px, calc(223 / 1440 * 100vw));
    height: min(258px, calc(258 / 1440 * 100vw));
    border-radius: 50%;
}
.catalog_img._02::before {
    position: absolute;
    top: max(-129px, calc(-129 / 1440 * 100vw));
    right: max(-111px, calc(-111 / 1440 * 100vw));
    content: "";
    background-color: var(--clr-red);
    display: inline-block;
    width: min(223px, calc(223 / 1440 * 100vw));
    height: min(258px, calc(258 / 1440 * 100vw));
    border-radius: 50%;
}
@media screen and (max-width:767px) {
  .section_form_wrap {
    margin-top: calc(110 / 375 * 100vw);
  }

  .section_catalog {
    margin-bottom: calc(196 / 375 * 100vw);
  }
  .section_catalog .ttl_h2_eng {
    margin-bottom: calc(50 / 375 * 100vw);
  }
  .section_catalog_bg {
    position: relative;
  }
  .section_catalog_bg::after {
    content: "";
    position: absolute;
    top: 0;
    background-color: #f1f1f1;
    display: inline-block;
    width: 100%;
    height: calc(760 / 375 * 100vw);
  }
  .catalog_list {
    flex-direction: column;
    gap: calc(74 / 375 * 100vw);
    z-index: 1;
    margin-top: calc(40 / 375 * 100vw);;
  }
  .catalog_item ._ttl {
    font-size: calc(24 / 375 * 100vw);
  }
  .catalog_img._01::before {
      position: absolute;
      top: calc(155 / 375 * 100vw);
      left: calc(-81 / 375 * 100vw);
      content: "";
      background-color: var(--clr-red);
      display: inline-block;
      width: calc(163 / 375 * 100vw);
      height: calc(167 / 375 * 100vw);
      border-radius: 50%;
  }
  .catalog_img._02::before {
      position: absolute;
      top: calc(-81 / 375 * 100vw);
      right: calc(-81 / 375 * 100vw);
      content: "";
      background-color: var(--clr-red);
      display: inline-block;
      width: calc(163 / 375 * 100vw);
      height: calc(167 / 375 * 100vw);
      border-radius: 50%;
  }
}

/* ヘアメイクの方へ */
.section_tieup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 53px;
    margin-bottom: 113px;
}
.section_tieup_item {
  width: min(259px, calc(259 / 1440 * 100vw));
} 
.section_tieup_lead {
    margin: 59px auto 103px;
    text-align: center;
}
.section_tieup_item img {
  display: block;
  margin: 0 auto 28px;
}
.section_tieup_item p {
  text-align: center;
}
.section_tieup_text {
  max-width: 1000px;
  width: 100%;
  line-height: 1.5;
  margin: 0 auto 78px;
}
.section_tieup_note {
  max-width: 1049px;
  width: 100%;
  padding: 28px 14px 28px 35px;
  margin: 0 auto 106px;
  background-color: #f1f1f1;
  line-height: 1.5;
}
.section_form_wrap .form_link {
  text-decoration: underline;
}
@media screen and (max-width:767px) {
  .section_form_wrap {
  width: 89.5%;
  }
  .section_tieup {
    margin-bottom: 67px;
  }
  .section_tieup_lead {
    margin: 20px auto 62px;
}
.section_tieup_text {
  margin-bottom: 60px;
}
  .section_tieup_item {
    width: 45%;
    word-wrap: break-word;
  }
  .section_tieup {
    gap: 20px 32px;
  }
  .section_tieup_note {
    margin-bottom: 92px;
  }
}