/*
Theme Name: Kinoshita LP
Theme URI: 
Author: For f
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI:
Text Domain: kinoshita-lp
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  background: #fff;
}

body {
  min-width: 320px;
  color: #121212;
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
  font-weight: 700;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}


.section {
  position: relative;
  padding-right: calc(100vw * 80 / 1440);
  padding-left: calc(100vw * 80 / 1440);
}

.lp {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}

.hero {
  width: 100%;
  height: calc(100vw * 670 / 1440);
  margin: 0 auto;
  overflow: hidden;
  background-image: url("./assets/kinoshitasamahero.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hero__inner {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: calc(100vw * 737 / 1440) 1fr;
}

.hero__copy {
  padding-top: calc(100vw * 128 / 1440);
  padding-left: calc(100vw * 75 / 1440);
}

.hero__lead {
  margin: 0 0 calc(100vw * 39 / 1440);
  color: #000;
  font-family: YuGothic;
  font-size: calc(100vw * 30 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(100vw * 3 / 1440);
}

.hero h1 {
  color: #000;
  font-family: YuGothic;
  font-size: calc(100vw * 45 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 60 / 1440);
  letter-spacing: calc(100vw * 3.6 / 1440);
}

.hero h1 span {
  color: #F1982E;
  font-family: "Noto Sans JP";
  font-size: calc(100vw * 55 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 60 / 1440);
  letter-spacing: calc(100vw * 8.25 / 1440);
}

.hero__accent {
  position: relative;
  display: inline-block;
  color: #f1982e;
  font-size: calc(100vw * 48 / 1440);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.07em;
  z-index: 0;
  text-shadow:
    0 calc(100vw * 1 / 1440) 0 rgba(255, 255, 255, 0.15),
    0 calc(100vw * -1 / 1440) 0 rgba(120, 70, 0, 0.12);
}

.hero__accent::before {
  position: absolute;
  left: calc(100vw * 2 / 1440);
  top: calc(100vw * 4 / 1440);
  z-index: -1;
  color: #000;
  opacity: 0.25;
  filter: blur(calc(100vw * 2 / 1440));
  pointer-events: none;
}

.hero__person {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: calc(100vw * 59 / 1440);
  overflow: visible;
}

.hero__person img {
  width: calc(100vw * 527 / 1440);
  max-width: none;
}

.badges {
  display: flex;
  gap: calc(100vw * 25 / 1440);
  margin-top: calc(100vw * 22 / 1440);
}

.badge {
  position: relative;
  width: calc(100vw * 230 / 1440);
  min-width: calc(100vw * 230 / 1440);
  padding-top: calc(100vw * 10 / 1440);
  text-align: center;
  white-space: nowrap;
}

.badge::before,
.badge::after {
  position: absolute;
  top: calc(100vw * -2 / 1440);
  width: calc(100vw * 35 / 1440);
  height: calc(100vw * 78 / 1440);
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.badge::before {
  left: calc(100vw * -7 / 1440);
  background-image: url("./assets/laurel-left.png");
  width: calc(100vw * 51 / 1440);
  height: calc(100vw * 111 / 1440);
  aspect-ratio: 17 / 37;
}

.badge::after {
  right: calc(100vw * -7 / 1440);
  background-image: url("./assets/laurel-right.png");
  width: calc(100vw * 51 / 1440);
  height: calc(100vw * 111 / 1440);
  aspect-ratio: 17 / 37;
}

.badge small {
  display: block;
  margin-bottom: calc(100vw * 3 / 1440);
  color: #000;
  font-family: "Noto Sans JP";
  font-size: calc(100vw * 13 / 1440);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}

.badge strong {
  position: relative;
  z-index: 1;
  color: #000;
  font-family: YuGothic;
  font-size: calc(100vw * 40 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-shadow:
    calc(100vw * 4 / 1440)
    calc(100vw * 2 / 1440)
    calc(100vw * 3 / 1440)
    #a7a7a7;
}

.badge strong span {
  color: #000;
  font-family: YuGothic;
  font-size: calc(100vw * 23 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(100vw * -1.15 / 1440);
}

@media (min-width: 768px) {
  .hero_h1sp{
    display: none;
  }
}
@media (max-width: 768px) {
  .hero_h1pc {
    display: none;
  }

  .section {
    padding-right: 0;
    padding-left: 0;
  }

  .hero {
    width: 100%;
    height: calc(100vw * 670 / 375);
    /* min-height: calc(100vw * 720 / 375); */
    overflow: hidden;
    background-image: url("./assets/kinoshitasamahero.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
  }

  .hero__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    max-height: calc(100vw * 670 / 375);
  }

  .hero__copy {
    position: relative;
    z-index: 2;
    padding-top: calc(100vw * 30 / 375);
    padding-left: calc(100vw * 18 / 375);
    padding-right: calc(100vw * 18 / 375);
  }

  .hero__lead {
    color: #000;
    font-family: YuGothic;
    font-size: calc(100vw * 18 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(100vw * -0.54 / 375);
    margin: 0;
  }

  .hero h1 {
    color: #000;
    font-family: YuGothic;
    font-size: calc(100vw * 28 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: calc(100vw * 47 / 375);
  }

  .hero h1 span,
  .hero__accent {
    color: #F1982E;
    font-family: "Noto Sans JP";
    font-size: calc(100vw * 45 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: calc(100vw * 47 / 375);
    letter-spacing: calc(100vw * 6.75 / 375);
  }

  h1 span.hero_h1sp_span01 {
    color: #000;
    font-family: YuGothic;
    font-size: calc(100vw * 35 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: calc(100vw * 47 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .hero__accent::before {
    left: calc(100vw * 2 / 375);
    top: calc(100vw * 4 / 375);
    filter: blur(calc(100vw * 2 / 375));
  }

  .hero__person {
    position: absolute;
    z-index: 1;
    right: calc(100vw * -52 / 375);
    bottom: 0;
    width: calc(100vw * 315 / 375);
    height: auto;
    padding: 0;
    display: block;
    overflow: visible;
  }

  .hero__person img {
    width: calc(100vw * 344 / 375);
    max-width: none;
    height: auto;
  }

  .badges {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * 28 / 375);
    width: calc(100vw * 210 / 375);
    margin-top: calc(100vw * 41 / 375);
  }

  .badge {
    position: relative;
    width: calc(100vw * 210 / 375);
    min-width: calc(100vw * 210 / 375);
    padding-top: calc(100vw * 6 / 375);
    text-align: center;
    white-space: nowrap;
  }

  .badge::before,
  .badge::after {
    position: absolute;
    top: calc(100vw * -8 / 375);
    width: calc(100vw * 45 / 375);
    height: calc(100vw * 98 / 375);
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .badge::before {
    left: calc(100vw * -15 / 375);
    background-image: url("./assets/laurel-left.png");
  }

  .badge::after {
    right: calc(100vw * -15 / 375);
    background-image: url("./assets/laurel-right.png");
  }

  .badge small {
    display: block;
    margin-bottom: calc(100vw * 2 / 375);
    color: #000;
    font-family: "Noto Sans JP";
    font-size: calc(100vw * 12 / 375);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
  }

  .badge strong {
    position: relative;
    z-index: 1;
    color: #000;
    font-family: YuGothic;
    font-size: calc(100vw * 33 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-shadow:
      calc(100vw * 4 / 375)
      calc(100vw * 2 / 375)
      calc(100vw * 3 / 375)
      #a7a7a7;
  }

  .badge strong span {
    color: #000;
    font-family: YuGothic;
    font-size: calc(100vw * 20 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(100vw * -1 / 375);
  }
}
/*-------------------*/

.cta-band {
  display: flex;
  gap: calc(100vw * 129 / 1440);
  align-items: center;
  justify-content: center;
  height: calc(100vw * 175 / 1440);
  background: #FDEEB1;
}

.cta-band p {
  color: #000;
  text-align: center;
  font-family: YuGothic;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(100vw * 7.5 / 1440);
}

.cta-button {
  width: calc(100vw * 500 / 1440);
  height: calc(100vw * 89 / 1440);
  border-radius: calc(100vw * 50 / 1440);
  background: linear-gradient(90deg, #F09C49 0%, #E65F35 100%);
  box-shadow:
    calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440)
    0
    rgba(0, 0, 0, 0.25);
  color: #FFF;
  font-family: YuGothic;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-circle {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: calc(100vw * -5 / 1440);
  position: relative;
  z-index: 2;
}

.cta-circle img {
  width: calc(100vw * 44 / 1440);
}

@media (max-width: 768px) {
  .cta-band {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    height: calc(100vw * 200 / 375);
    background: #FDEEB1;
  }

  .cta-band p {
    color: #000;
    text-align: center;
    font-family: YuGothic;
    font-size: calc(100vw * 20 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(100vw * 1 / 375);
    margin-top: 0;
  }

  .cta-button {
    width: calc(100vw * 342 / 375);
    height: calc(100vw * 70 / 375);
    border-radius: calc(100vw * 50 / 375);
    background: linear-gradient(90deg, #F09C49 0%, #E65F35 100%);
    box-shadow:
      calc(100vw * 4 / 375)
      calc(100vw * 4 / 375)
      calc(100vw * 4 / 375)
      0
      rgba(0, 0, 0, 0.25);
    color: #FFF;
    font-family: YuGothic;
    font-size: calc(100vw * 18 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .cta-circle {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: calc(100vw * -10 / 375);
  }

  .cta-circle img {
    width: calc(100vw * 36 / 375);
  }
}

.worry {
  position: relative;
  max-height: calc(100vw * 1000 / 1440);
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
  background: #FDE9BD;
  margin-top: calc(100vw * -33 / 1440);
  z-index: 1;
}

.worry__bubble {
  position: relative;
  width: calc(100vw * 1090 / 1440);
  height: calc(100vw * 1090 / 1440);
  margin: 0 auto;
  background: #fff;
  border-radius: 50%;
}

.worry__title {
  position: relative;
  z-index: 3;
  padding-top: calc(100vw * 80 / 1440);
  text-align: center;
}

.worry__dots {
  position: relative;
  right: calc(100vw * 68 / 1440);
  margin: 0 0 calc(100vw * -8 / 1440);
  color: #D9573A;
  font-family: YuGothic;
  font-size: calc(100vw * 42 / 1440);
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 13 / 1440);
}

.worry__title h2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 17 / 1440);
  margin: 0;
  color: #000;
  font-family: YuGothic;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 7 / 1440);
}

.worry__title h2 img {
  display: block;
  width: calc(100vw * 21 / 1440);
  height: auto;
}

.worry__small {
  font-size: calc(100vw * 30 / 1440);
}

.worry__main {
  font-size: calc(100vw * 56 / 1440);
}

.worry__content {
  position: absolute;
  top: calc(100vw * 230 / 1440);
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: calc(100vw * 1215 / 1440);
  transform: translateX(-50%);
}

.worry__list {
  display: flex;
  flex-direction: column;
}

.worry__list--left {
  width: calc(100vw * 520 / 1440);
  align-items: flex-start;
  gap: calc(100vw * 50 / 1440);
}

.worry__list--right {
  width: calc(100vw * 520 / 1440);
  align-items: flex-start;
  gap: calc(100vw * 39 / 1440);
}

.worry__list p {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: calc(100vw * 86 / 1440);
  margin: 0;
  padding: calc(100vw * 5 / 1440) calc(100vw * 25 / 1440);
  border-radius: calc(100vw * 999 / 1440);
  background: #F49A21;
  box-shadow:
    calc(100vw * 7 / 1440)
    calc(100vw * 8 / 1440)
    calc(100vw * 12 / 1440)
    rgba(0, 0, 0, 0.24);
  color: #FFF;
  font-family: YuGothic;
  font-size: calc(100vw * 20 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(100vw * 2 / 1440);
}

/* 左側 */
.worry__list--left p:nth-child(1) {
  width: calc(100vw * 433 / 1440);
  height: calc(100vw * 86 / 1440);
  margin-left: calc(100vw * 74 / 1440);
}

.worry__list--left p:nth-child(2) {
  width: calc(100vw * 492 / 1440);
  margin-left: calc(100vw * -45 / 1440);
}

.worry__list--left p:nth-child(3) {
  width: calc(100vw * 342 / 1440);
  margin-left: calc(100vw * 65 / 1440);
}

.worry__list--left p:nth-child(4) {
  width: calc(100vw * 416 / 1440);
  margin-left: calc(100vw * 96 / 1440);
}

/* 右側 */
.worry__list--right p:nth-child(1) {
  width: calc(100vw * 425 / 1440);
  margin-left: calc(100vw * 45 / 1440);
}

.worry__list--right p:nth-child(2) {
  width: calc(100vw * 514 / 1440);
  margin-left: calc(100vw * 32 / 1440);
}

.worry__list--right p:nth-child(3) {
  width: calc(100vw * 365 / 1440);
  margin-left: calc(100vw * 45 / 1440);
}

.worry__list--right p:nth-child(4) {
  width: calc(100vw * 415 / 1440);
  margin-left: calc(100vw * 45 / 1440);
}

.worry__icon {
  flex: 0 0 calc(100vw * 270 / 1440);
  width: calc(100vw * 270 / 1440);
  margin-top: calc(100vw * -13 / 1440);
  margin-right: calc(100vw * -23 / 1440);
  margin-left: calc(100vw * -23 / 1440);
  pointer-events: none;
}

.worry__icon img {
  display: block;
  width: 100%;
  height: auto;
}

/* SP */
@media (max-width: 768px) {
  .worry {
    position: relative;
    max-height: none;
    /* min-height: calc(100vw * 1428 / 375); */
    padding-top: 0;
    padding-right: 0;
    padding-bottom: calc(100vw * 40 / 375);
    padding-left: 0;
    overflow: hidden;
    background: #FDE9BD;
    margin-top: calc(100vw * -20 / 375);
    z-index: 1;
  }

  .worry__bubble {
    position: relative;
    width: calc(100vw * 869 / 375);
    height: calc(100vw * 869 / 375);
    margin-left: 50%;
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
  }

  .worry__title {
    position: relative;
    z-index: 3;
    padding-top: calc(100vw * 45 / 375);
    text-align: center;
  }

  .worry__dots {
    position: relative;
    right: calc(100vw * 34 / 375);
    margin: 0 0 calc(100vw * -5 / 375);
    color: #D9573A;
    font-family: YuGothic;
    font-size: calc(100vw * 30 / 375);
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(100vw * 10 / 375);
  }

  .worry__title h2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: 0;
    color: #000;
    font-family: YuGothic;
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(100vw * 2 / 375);
    white-space: nowrap;
  }

  .worry__title h2 img {
    display: block;
    width: calc(100vw * 15 / 375);
    height: auto;
  }

  .worry__small {
    font-size: calc(100vw * 20 / 375);
    letter-spacing: 1px;
  }

  .worry__main {
    font-size: calc(100vw * 35 / 375);
    letter-spacing: 3.5px;
  }

  .worry__content {
    position: absolute;
    top: calc(100vw * 150 / 375);
    left: 50%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc(100vw * 375 / 375);
    transform: translateX(-50%);
  }

  .worry__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100vw * 375 / 375);
    gap: calc(100vw * 17 / 375);
  }

  .worry__list--left {
    order: 1;
    width: calc(100vw * 375 / 375);
    align-items: center;
    gap: calc(100vw * 10 / 375);
  }

  .worry__list--right {
    order: 2;
    width: calc(100vw * 375 / 375);
    align-items: center;
    gap: calc(100vw * 17 / 375);
    margin-top: calc(100vw * 17 / 375);
  }

  .worry__icon {
    order: 3;
    flex: none;
    width: calc(100vw * 80 / 375);
    margin-top: calc(100vw * 10 / 375);
    margin-right: 0;
    margin-left: 0;
    pointer-events: none;
  }

  .worry__icon img {
    display: block;
    width: 100%;
    height: auto;
  }

  .worry__list p {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /* min-height: calc(100vw * 93 / 375); */
    margin: 0;
    padding: calc(100vw * 10 / 375) calc(100vw * 15 / 375);
    border-radius: calc(100vw * 999 / 375);
    background: #F49A21;
    box-shadow:
      calc(100vw * 5 / 375)
      calc(100vw * 6 / 375)
      calc(100vw * 10 / 375)
      rgba(0, 0, 0, 0.22);
    color: #FFF;
    font-family: YuGothic;
    font-size: calc(100vw * 22 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: calc(100vw * 34 / 375);
    letter-spacing: calc(100vw * 1.5 / 375);
    text-align: left;
    font-size: calc(100vw * 15 / 375) !important;
    height: calc(100vw * 60 / 375) !important;
    /* box-sizing: border-box; */
    line-height: 1.2;
  }

  .worry__list--left p:nth-child(1) {
    width: calc(100vw * 340 / 375);
    height: calc(100vw * 60 / 375) !important;
    margin-left: 0;
    /* font-size: calc(100vw * 15 / 375) !important; */
  }

  .worry__list--right p:nth-child(1) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }

  .worry__list--left p:nth-child(2) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }

  .worry__list--right p:nth-child(2) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }

  .worry__list--left p:nth-child(3) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }

  .worry__list--right p:nth-child(3) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }

  .worry__list--left p:nth-child(4) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }

  .worry__list--right p:nth-child(4) {
    width: calc(100vw * 342 / 375);
    margin-left: 0;
  }
}

.about-message {
  position: relative;
  width: 100%;
  padding-top: calc(100vw * 18 / 1440);
  padding-bottom: calc(100vw * 70 / 1440);
  background: #fff;
  overflow: hidden;
}

.about-message__triangle {
  position: relative;
  width: calc(100vw * 565 / 1440);
  height: calc(100vw * 121 / 1440);
  margin: 0 auto calc(100vw * 58 / 1440);
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.about-message__triangle img {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw * 565 / 1440);
  height: calc(100vw * 121 / 1440);
  object-fit: contain;
  z-index: 1;
}

.about-message__triangle p {
  position: relative;
  z-index: 2;
  margin: calc(100vw * 28 / 1440) 0 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 42 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 6 / 1440);
}

.about-message__inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: calc(100vw * 113 / 1440);
  width: calc(100vw * 1280 / 1440);
  margin: 0 auto;
}

.about-message__text {
  position: relative;
  padding-top: calc(100vw * 16 / 1440);
}

.about-message__heading {
  position: relative;
  margin-bottom: calc(100vw * 50 / 1440);
}

.about-message__heading h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 calc(100vw * 12 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 35 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: calc(100vw * 1 / 1440);
  text-shadow:
    calc(100vw * 3 / 1440)
    calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440)
    rgba(0, 0, 0, 0.18);
}

.about-message__heading h2 span {
  color: #E95B38;
  font-size: calc(100vw * 50 / 1440);
}

.about-message__heading p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 35 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: calc(100vw * 3 / 1440);
  text-shadow:
    calc(100vw * 3 / 1440)
    calc(100vw * 4 / 1440)
    calc(100vw * 4 / 1440)
    rgba(0, 0, 0, 0.18);
}

.about-message__bgtext {
  position: absolute;
  left: calc(100vw * 295 / 1440);
  bottom: calc(100vw * -12 / 1440);
  z-index: 1;
  color: rgba(253, 238, 177, 0.6);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 50 / 1440);
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 13 / 1440);
  white-space: nowrap;
}

.about-message__body {
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 20 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: 0;
}

.about-message__body p {
  margin: 0 0 calc(100vw * 20 / 1440);
}

.about-message__body strong {
  color: #E95B38;
  font-size: calc(100vw * 22 / 1440);
  font-weight: 700;
}

.about-message__name {
  width: 100%;
  margin-top: calc(100vw * 20 / 1440);
  padding-bottom: calc(100vw * 12 / 1440);
  border-bottom: calc(100vw * 1 / 1440) solid #E95B38;
  text-align: right;
}

.about-message__jp {
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 28 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 5 / 1440);
}

.about-message__en {
  margin: calc(100vw * 10 / 1440) 0 0;
  color: #000;
  font-family: serif;
  font-size: calc(100vw * 13 / 1440);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: calc(100vw * 5 / 1440);
}

.about-message__image {
  width: calc(100vw * 500 / 1440);
  margin-top: calc(100vw * 62 / 1440);
}

.about-message__image img {
  display: block;
  width: calc(100vw * 500 / 1440);
  height: calc(100vw * 600 / 1440);
  object-fit: cover;
}



@media (max-width: 768px) {
  .about-message {
    position: relative;
    width: 100%;
    padding-top: calc(100vw * 28 / 375);
    padding-right: calc(100vw * 15 / 375);
    padding-bottom: calc(100vw * 40 / 375);
    padding-left: calc(100vw * 15 / 375);
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-message__triangle {
    position: relative;
    width: calc(100vw * 294 / 375);
    height: calc(100vw * 64 / 375);
    margin: 0 auto calc(100vw * 64 / 375);
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .about-message__triangle img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw * 294 / 375);
    height: calc(100vw * 64 / 375);
    object-fit: contain;
    z-index: 1;
  }

  .about-message__triangle p {
    position: relative;
    z-index: 2;
    margin: calc(100vw * 17 / 375) 0 0;
    color: #000;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 27 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(100vw * 2 / 375);
    white-space: nowrap;
  }

  .about-message__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    margin: 0 auto;
  }

  .about-message__text {
    display: contents;
  }

  .about-message__heading {
    position: relative;
    order: 1;
    width: 100%;
    margin-bottom: calc(100vw * 24 / 375);
  }

  .about-message__heading h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 calc(100vw * 10 / 375);
    color: #000;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 20 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: calc(100vw * 1 / 375);
    text-shadow:
      calc(100vw * 2 / 375)
      calc(100vw * 3 / 375)
      calc(100vw * 3 / 375)
      rgba(0, 0, 0, 0.18);
    white-space: nowrap;
  }

  .about-message__heading h2 span {
    color: #E95B38;
    font-size: calc(100vw * 25 / 375);
  }

  .about-message__heading p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #000;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 20 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: calc(100vw * 1 / 375);
    text-shadow:
      calc(100vw * 2 / 375)
      calc(100vw * 3 / 375)
      calc(100vw * 3 / 375)
      rgba(0, 0, 0, 0.18);
    white-space: nowrap;
  }

  .about-message__bgtext {
    position: absolute;
    left: calc(100vw * 180 / 375);
    bottom: calc(100vw * -10 / 375);
    z-index: 1;
    color: rgba(253, 238, 177, 0.75);
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 38 / 375);
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(100vw * 8 / 375);
    white-space: nowrap;
  }

  .about-message__image {
    order: 2;
    width: calc(100vw * 342 / 375);
    margin-top: calc(100vw * 26 / 375);
    margin-bottom: 0;
  }

  .about-message__image img {
    display: block;
    width: calc(100vw * 347 / 375);
    height: calc(100vw * 292 / 375);
    object-fit: cover;
    object-position: top;
  }

  .about-message__name {
    order: 3;
    width: calc(100vw * 342 / 375);
    margin-top: calc(100vw * 22 / 375);
    padding-bottom: calc(100vw * 13 / 375);
    border-bottom: calc(100vw * 1 / 375) solid #E95B38;
    text-align: right;
  }

  .about-message__jp {
    margin: 0;
    color: #000;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 25 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(100vw * 4 / 375);
  }

  .about-message__en {
    margin: calc(100vw * 9 / 375) 0 0;
    color: #000;
    font-family: serif;
    font-size: calc(100vw * 13 / 375);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: calc(100vw * 5 / 375);
  }

  .about-message__body {
    order: 4;
    width: calc(100vw * 342 / 375);
    margin-top: calc(100vw * 22 / 375);
    color: #000;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 16 / 375);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: calc(100vw * -1.26 / 375);
  }

  .about-message__body p {
    margin: 0 0 calc(100vw * 20/ 375);
  }

  .about-message__body strong {
    color: #E95B38;
    font-size: calc(100vw * 23 / 375);
    font-weight: 700;
    line-height: calc(100vw * 42 / 375);
  }
}


.choice-section {
  position: relative;
  width: 100%;
  padding-top: calc(100vw * 55 / 1440);
  padding-bottom: calc(100vw * 55 / 1440);
  overflow: hidden;
  background-image: url("assets/CHOICE_back.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.choice-section__inner {
  position: relative;
  width: calc(100vw * 1280 / 1440);
  margin: 0 auto;
}

.choice-section__title {
  position: relative;
  width: 100%;
  margin-bottom: calc(100vw * 62 / 1440);
  text-align: center;
}

.choice-section__title::before {
  position: absolute;
  top: calc(100vw * -5 / 1440);
  left: 50%;
  z-index: 1;
  width: calc(100vw * 48 / 1440);
  height: calc(100vw * 48 / 1440);
  content: "";
  background: rgba(255, 255, 255, 0.95);
  clip-path: polygon(
    50% 0%,
    58% 42%,
    100% 50%,
    58% 58%,
    50% 100%,
    42% 58%,
    0% 50%,
    42% 42%
  );
  transform: translateX(calc(100vw * -8 / 1440));
}

.choice-section__title::after {
  position: absolute;
  top: calc(100vw * 10 / 1440);
  left: 50%;
  z-index: 0;
  content: "THREE PRINCIPLES";
  color: rgba(255, 255, 255, 0.22);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 52 / 1440);
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 3 / 1440);
  white-space: nowrap;
  transform: translateX(-50%);
}

.choice-section__title p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #E95B38;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 7 / 1440);
}

.choice-list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.choice-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.choice-item--01 {
  justify-content: flex-start;
  margin-bottom: calc(100vw * 38 / 1440);
}

.choice-item--02 {
  justify-content: flex-end;
  margin-bottom: calc(100vw * 74 / 1440);
}

.choice-item--03 {
  justify-content: flex-start;
}

.choice-item__image {
  position: relative;
  flex: 0 0 calc(100vw * 600 / 1440);
  width: calc(100vw * 600 / 1440);
  height: calc(100vw * 270 / 1440);
  overflow: hidden;
}

.choice-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.choice-item__image::after {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.choice-item__image span {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: #E95B38;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 46 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 5 / 1440);
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.choice-item__text {
  position: relative;
  width: calc(100vw * 600 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

.choice-item__text h3 {
  margin: 0 0 calc(100vw * 22 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 27 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: calc(100vw * 4 / 1440);
}

.choice-item__text p {
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 18 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 30 / 1440);
  letter-spacing: calc(100vw * 2.5 / 1440);
}

.choice-item--01 .choice-item__text {
  margin-left: calc(100vw * 24 / 1440);
  padding-top: calc(100vw * 5 / 1440);
}

.choice-item--02 .choice-item__text {
  order: 1;
  margin-right: calc(100vw * 58 / 1440);
  padding-top: calc(100vw * 6 / 1440);
}

.choice-item--02 .choice-item__image {
  order: 2;
}

.choice-item--03 .choice-item__text {
  margin-left: calc(100vw * 24 / 1440);
  padding-top: calc(100vw * 8 / 1440);
}

/* SP */
@media (max-width: 768px) {
  .choice-section {
    width: 100%;
    padding-top: calc(100vw * 28 / 375);
    padding-right: calc(100vw * 14 / 375);
    padding-bottom: calc(100vw * 42 / 375);
    padding-left: calc(100vw * 14 / 375);
    overflow: hidden;
    background-image: url("assets/CHOICE_back.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
  }

  .choice-section__inner {
    width: 100%;
    margin: 0 auto;
  }

  .choice-section__title {
    margin-bottom: calc(100vw * 31 / 375);
    text-align: center;
  }

  .choice-section__title::before {
    top: calc(100vw * 18 / 375);
    width: calc(100vw * 32 / 375);
    height: calc(100vw * 32 / 375);
    transform: translateX(calc(100vw * 62 / 375));
  }

  .choice-section__title::after {
    top: calc(100vw * -3 / 375);
    font-size: calc(100vw * 34 / 375);
    letter-spacing: calc(100vw * 2 / 375);
  }

  .choice-section__title p {
    font-size: calc(100vw * 19 / 375);
    letter-spacing: calc(100vw * 2 / 375);
  }

  .choice-list {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .choice-item,
  .choice-item--01,
  .choice-item--02,
  .choice-item--03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: calc(100vw * 40 / 375);
  }

  .choice-item--03 {
    margin-bottom: 0;
  }

  .choice-item__image,
  .choice-item--02 .choice-item__image {
    order: 1;
    flex: none;
    width: calc(100vw * 347 / 375);
    height: calc(100vw * 226 / 375);
    margin: 0;
  }

  .choice-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .choice-item__image::after {
    background: rgba(255, 255, 255, 0.45);
  }

  .choice-item__image span {
    font-size: calc(100vw * 44 / 375);
    letter-spacing: calc(100vw * 4 / 375);
  }

  .choice-item__text,
  .choice-item--01 .choice-item__text,
  .choice-item--02 .choice-item__text,
  .choice-item--03 .choice-item__text {
    order: 2;
    width: calc(100vw * 347 / 375);
    margin: 0;
    padding-top: calc(100vw * 19 / 375);
  }

  .choice-item__text h3 {
    margin: 0 0 calc(100vw * 17 / 375);
    font-size: calc(100vw * 21 / 375);
    font-weight: 700;
    line-height: calc(100vw * 31 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .choice-item__text p {
    margin: 0;
    font-size: calc(100vw * 14 / 375);
    font-weight: 500;
    line-height: calc(100vw * 25 / 375);
    letter-spacing: calc(100vw * 1.4 / 375);
  }
}


.event-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #F49A21;
}

.event-top {
  position: relative;
  overflow: visible;
}

.event-top::after {
  position: absolute;
  left: 50%;
  bottom: calc(100vw * -110 / 1440);
  z-index: 3;
  width: 0;
  height: 0;
  content: "";
  background: none;
  clip-path: none;
  border-left: calc(100vw * 720 / 1440) solid transparent;
  border-right: calc(100vw * 720 / 1440) solid transparent;
  border-top: calc(100vw * 112 / 1440) solid #F49A21;
  transform: translateX(-50%);
  pointer-events: none;
}

.event-bottom {
  position: relative;
  z-index: 1;
}
.event-top__inner {
  position: relative;
  z-index: 2;
  width: calc(100vw * 1080 / 1440);
  margin: 0 auto;
  padding-top: calc(100vw * 50 / 1440);
}

.event-top__heading {
  width: calc(100vw * 780 / 1440);
  height: calc(100vw * 43 / 1440);
  margin: 0 auto calc(100vw * 66 / 1440);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FDEEB1;
  color: #F49A21;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 29 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 5 / 1440);
}

.event-cards {
  display: flex;
  justify-content: center;
  gap: calc(100vw * 45 / 1440);
  width: 100%;
}

.event-card {
  width: calc(100vw * 334 / 1440);
  height: calc(100vw * 359 / 1440);
  padding-top: calc(100vw * 42 / 1440);
  border-radius: calc(100vw * 24 / 1440);
  background: #fff;
  box-sizing: border-box;
}

.event-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100vw * 210 / 1440);
  height: calc(100vw * 190 / 1440);
  margin: 0 auto calc(100vw * 31 / 1440);
}

.event-card__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.event-card p {
  margin: 0;
  color: #F49A21;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 19 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 30 / 1440);
  letter-spacing: calc(100vw * 2 / 1440);
}

.event-top__message {
  margin-top: calc(100vw * 65 / 1440);
  color: #fff;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

.event-top__message p {
  margin: 0 0 calc(100vw * 15 / 1440);
  color: #fff;
  font-size: calc(100vw * 29 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 4 / 1440);
}

.event-top__message span {
  display: block;
  color: #fff;
  font-size: calc(100vw * 20 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 3 / 1440);
}

.event-bottom {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(100vw * 82 / 1440);
  padding-bottom: calc(100vw * 70 / 1440);
  background: linear-gradient(180deg, #FDEEB1 0%, #F1972E 100%);
}

.event-bottom__inner {
  width: calc(100vw * 1300 / 1440);
  margin: 0 auto;
  margin-top: calc(100vw * 130 / 1440);
}

.event-bottom__title {
  position: relative;
  margin-bottom: calc(100vw * 65 / 1440);
  text-align: center;
}

.event-bottom__title span {
  position: absolute;
  top: calc(100vw * -18 / 1440);
  left: 50%;
  color: rgb(241, 152, 46, 0.45);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 48 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 8 / 1440);
  white-space: nowrap;
  transform: translateX(-50%);
}

.event-bottom__title h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 4 / 1440);
}

.reason-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(100vw * 26 / 1440) calc(100vw * 30 / 1440);
}

.reason-card {
  position: relative;
  display: flex;
  width: calc(100vw * 635 / 1440);
  min-height: calc(100vw * 238 / 1440);
  padding: calc(100vw * 42 / 1440) calc(100vw * 34 / 1440) calc(100vw * 30 / 1440) calc(100vw * 35 / 1440);
  border-radius: calc(100vw * 24 / 1440);
  background: #fff;
  box-shadow:
    calc(100vw * 4 / 1440)
    calc(100vw * 6 / 1440)
    calc(100vw * 8 / 1440)
    rgba(0, 0, 0, 0.18);
  box-sizing: border-box;
}

.reason-card__point {
  position: relative;
  flex: 0 0 calc(100vw * 70 / 1440);
  width: calc(100vw * 70 / 1440);
  padding-top: calc(100vw * 5 / 1440);
}

.reason-card__point span {
  display: block;
  color: rgba(244, 154, 33, 0.18);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 42 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: calc(100vw * 10 / 1440);
}

.reason-card__point small {
  position: absolute;
  top: calc(100vw * 33 / 1440);
  left: calc(100vw * 7 / 1440);
  color: #F49A21;
  font-family: serif;
  font-size: calc(100vw * 10 / 1440);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.reason-card__body {
  flex: 1;
}

.reason-card__body h3 {
  margin: 0 0 calc(100vw * 29 / 1440);
  color: #E95B38;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: calc(100vw * 5 / 1440);
}

.reason-card__body p {
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 28 / 1440);
  letter-spacing: calc(100vw * 1.5 / 1440);
}

/* SP */
@media (max-width: 768px) {
  .event-section {
    width: 100%;
    overflow: hidden;
    background: #F49A21;
  }

  .event-top {
    padding-top: calc(100vw * 16 / 375);
    padding-bottom: calc(100vw * 30 / 375);
    background: #F49A21;
  }

  .event-top::after {
    bottom: calc(100vw * -27 / 375);
    height: calc(100vw * 70 / 375);
    clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
  }

  .event-top__inner {
    width: calc(100vw * 347 / 375);
    margin: 0 auto;
  }

  .event-top__heading {
    width: calc(100vw * 319 / 375);
    height: calc(100vw * 52 / 375);
    margin: 0 auto calc(100vw * 25 / 375);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDEEB1;
    color: #F49A21;
    text-align: center;
    font-size: calc(100vw * 20 / 375);
    line-height: calc(100vw * 27 / 375);
    letter-spacing: calc(100vw * 2 / 375);
  }

  .event-cards {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * 12 / 375);
    width: 100%;
  }

  .event-card {
    display: flex;
    align-items: center;
    width: calc(100vw * 347 / 375);
    height: calc(100vw * 124 / 375);
    padding: 0;
    border-radius: calc(100vw * 21 / 375);
    background: #fff;
  }

  .event-card__image {
    flex: 0 0 calc(100vw * 125 / 375);
    width: calc(100vw * 125 / 375);
    height: calc(100vw * 100 / 375);
    margin: 0 calc(100vw * 10 / 375) 0 calc(100vw * 22 / 375);
  }

  .event-card__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .event-card p {
    flex: 1;
    margin: 0;
    padding-right: calc(100vw * 18 / 375);
    color: #F49A21;
    text-align: center;
    font-size: calc(100vw * 15 / 375);
    font-weight: 700;
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 2 / 375);
  }

  .event-top__message {
    margin-top: calc(100vw * 27 / 375);
    text-align: center;
  }

  .event-top__message p {
    margin: 0 0 calc(100vw * 11 / 375);
    font-size: calc(100vw * 20 / 375);
    line-height: calc(100vw * 31 / 375);
    letter-spacing: calc(100vw * 2 / 375);
  }

  .event-top__message span {
    font-size: calc(100vw * 15 / 375);
    line-height: 1;
    letter-spacing: calc(100vw * 2 / 375);
  }

  .event-bottom {
    padding-top: calc(100vw * 52 / 375);
    padding-bottom: calc(100vw * 38 / 375);
    background: linear-gradient(180deg, #FDEEB1 0%, #F1972E 100%);
  }

  .event-bottom__inner {
    width: calc(100vw * 347 / 375);
    margin: 0 auto;
  }

  .event-bottom__title {
    margin-bottom: calc(100vw * 23 / 375);
    text-align: center;
  }

  .event-bottom__title span {
    display: none;
  }

  .event-bottom__title h2 {
    font-size: calc(100vw * 20 / 375);
    line-height: 1;
    letter-spacing: calc(100vw * 2 / 375);
  }

  .reason-list {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * 14 / 375);
    width: 100%;
  }

  .reason-card {
    display: flex;
    width: calc(100vw * 347 / 375);
    min-height: calc(100vw * 185 / 375);
    padding: calc(100vw * 26 / 375) calc(100vw * 19 / 375) calc(100vw * 22 / 375) calc(100vw * 18 / 375);
    border-radius: calc(100vw * 18 / 375);
    box-shadow:
      calc(100vw * 3 / 375)
      calc(100vw * 4 / 375)
      calc(100vw * 7 / 375)
      rgba(0, 0, 0, 0.18);
  }

  .reason-card__point {
    flex: 0 0 calc(100vw * 43 / 375);
    width: calc(100vw * 43 / 375);
    padding-top: calc(100vw * 3 / 375);
  }

  .reason-card__point span {
    font-size: calc(100vw * 33 / 375);
    line-height: 1;
  }

  .reason-card__point small {
    top: calc(100vw * 27 / 375);
    left: calc(100vw * 4 / 375);
    font-size: calc(100vw * 9 / 375);
  }

  .reason-card__body h3 {
    margin: 0 0 calc(100vw * 16 / 375);
    color: #E95B38;
    font-size: calc(100vw * 21 / 375);
    line-height: calc(100vw * 31 / 375);
    letter-spacing: calc(100vw * 3 / 375);
  }

  .reason-card__body p {
    margin: 0;
    font-size: calc(100vw * 14 / 375);
    font-weight: 700;
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }
}


.voice-section {
  position: relative;
  width: 100%;
  padding-top: calc(100vw * 72 / 1440);
  padding-bottom: calc(100vw * 72 / 1440);
  overflow: hidden;
  background: #fff;
}

.voice-section__inner {
  width: calc(100vw * 1296 / 1440);
  margin: 0 auto;
}

.voice-section__heading {
  position: relative;
  margin-bottom: calc(100vw * 54 / 1440);
  text-align: center;
}

.voice-section__bg {
  position: absolute;
  top: calc(100vw * -30 / 1440);
  left: 50%;
  z-index: 1;
  color: rgba(253, 238, 177, 0.75);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 58 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 5 / 1440);
  transform: translateX(-50%);
}

.voice-section__heading h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #E95B38;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 31 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 5 / 1440);
}

.voice-title-sp {
  display: none;
}

.voice-list {
  display: flex;
  justify-content: center;
  gap: calc(100vw * 26 / 1440);
  width: 100%;
}

.voice-card {
  width: calc(100vw * 414 / 1440);
  min-height: calc(100vw * 685 / 1440);
  padding: calc(100vw * 54 / 1440) calc(100vw * 26 / 1440) calc(100vw * 34 / 1440);
  border: calc(100vw * 1 / 1440) solid #D9D9D9;
  border-radius: calc(100vw * 27 / 1440);
  background: #fff;
  box-sizing: border-box;
}

.voice-card__image {
  width: calc(100vw * 300 / 1440);
  height: calc(100vw * 300 / 1440);
  margin: 0 auto calc(100vw * 20 / 1440);
  overflow: hidden;
  border-radius: 50%;
}

.voice-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.voice-card h3 {
  min-height: calc(100vw * 79 / 1440);
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 20 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 28 / 1440);
  letter-spacing: calc(100vw * 1 / 1440);
}

.voice-card__line {
  width: 100%;
  height: calc(100vw * 1 / 1440);
  margin: calc(100vw * 34 / 1440) 0 calc(100vw * 28 / 1440);
  background: #000;
}

.voice-card p {
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 16 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 30 / 1440);
  /* letter-spacing: calc(100vw * 1.5 / 1440); */
}

.pc-only {
  display: block;
}

/* SP */
@media (max-width: 768px) {
  .voice-section {
    padding-top: calc(100vw * 29 / 375);
    padding-right: calc(100vw * 8 / 375);
    padding-bottom: calc(100vw * 27 / 375);
    padding-left: calc(100vw * 8 / 375);
    box-sizing: border-box;
  }

  .voice-section__inner {
    width: 100%;
    margin: 0 auto;
  }

  .voice-section__heading {
    margin-bottom: calc(100vw * 21 / 375);
  }

  .voice-section__bg {
    top: calc(100vw * -9 / 375);
    font-size: calc(100vw * 28 / 375);
    letter-spacing: calc(100vw * 3 / 375);
  }

  .voice-section__heading h2 {
    font-size: calc(100vw * 18 / 375);
    line-height: 1;
    letter-spacing: calc(100vw * 2 / 375);
  }

  .voice-title-pc {
    display: none;
  }

  .voice-title-sp {
    display: inline;
  }

  .voice-list {
    flex-direction: column;
    align-items: center;
    gap: calc(100vw * 18 / 375);
  }

  .voice-card {
    width: calc(100vw * 359 / 375);
    min-height: auto;
    padding: calc(100vw * 22 / 375) calc(100vw * 22 / 375) calc(100vw * 23 / 375);
    border: calc(100vw * 1 / 375) solid #D9D9D9;
    border-radius: calc(100vw * 18 / 375);
  }

  .voice-card__image {
    width: calc(100vw * 244 / 375);
    height: calc(100vw * 244 / 375);
    margin: 0 auto calc(100vw * 22 / 375);
  }

  .voice-card h3 {
    min-height: auto;
    margin: 0;
    font-size: calc(100vw * 18 / 375);
    font-weight: 700;
    line-height: calc(100vw * 28 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .voice-card__line {
    height: calc(100vw * 1 / 375);
    margin: calc(100vw * 20 / 375) 0 calc(100vw * 17 / 375);
  }

  .voice-card p {
    font-size: calc(100vw * 13 / 375);
    line-height: calc(100vw * 25 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .pc-only {
    display: none;
  }
}

.future-about {
  position: relative;
  width: 100%;
  padding-top: calc(100vw * 60 / 1440);
  padding-bottom: calc(100vw * 95 / 1440);
  overflow: hidden;
  background: #F49A21;
}

.future-about__inner {
  width: calc(100vw * 1260 / 1440);
  margin: 0 auto;
}

.future-about__heading {
  position: relative;
  text-align: center;
}

.future-about__heading span {
  position: absolute;
  top: calc(100vw * -16 / 1440);
  left: 50%;
  z-index: 1;
  color: rgba(255, 255, 255, 0.25);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 52 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 4 / 1440);
  transform: translateX(-50%);
}

.future-about__heading h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 calc(100vw * 38 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 24 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 2 / 1440);
}

.future-about__heading p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(100vw * 820 / 1440);
  height: calc(100vw * 50 / 1440);
  margin: 0;
  padding: 0 calc(100vw * 28 / 1440);
  background: #fff;
  color: #F49A21;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 4 / 1440);
  box-sizing: border-box;
}

.future-about__lead {
  margin-top: calc(100vw * 32 / 1440);
  color: #fff;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

.future-about__lead p {
  margin: 0 0 calc(100vw * 22 / 1440);
  color: #fff;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 30 / 1440);
  letter-spacing: calc(100vw * 2 / 1440);
}

.future-about__lead strong {
  color: #fff;
  font-size: calc(100vw * 20 / 1440);
  font-weight: 700;
  letter-spacing: calc(100vw * 2 / 1440);
}

.future-about__box {
  position: relative;
  display: flex;
  justify-content: center;
  gap: calc(100vw * 78 / 1440);
  width: calc(100vw * 1260 / 1440);
  margin: calc(100vw * 73 / 1440) auto 0;
  padding: calc(100vw * 50 / 1440) calc(100vw * 64 / 1440) calc(100vw * 61 / 1440);
  border-radius: calc(100vw * 24 / 1440);
  background: linear-gradient(180deg, #fff 0%, #FFF0B8 100%);
  box-sizing: border-box;
}

.future-about__box::after {
  position: absolute;
  left: 50%;
  bottom: calc(100vw * -24 / 1440);
  width: calc(100vw * 110 / 1440);
  height: calc(100vw * 48 / 1440);
  content: "";
  background: #FFF0B8;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  transform: translateX(-50%);
}

.future-about__item {
  width: calc(100vw * 315 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

.future-about__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100vw * 138 / 1440);
  height: calc(100vw * 138 / 1440);
  margin: 0 auto calc(100vw * 34 / 1440);
  border-radius: 50%;
  background: #fff;
}

.future-about__icon img {
  display: block;
  width: calc(100vw * 74 / 1440);
  height: calc(100vw * 74 / 1440);
  object-fit: contain;
}

.future-about__item h3 {
  margin: 0 0 calc(100vw * 28 / 1440);
  color: #E95B38;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 28 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 4 / 1440);
  text-shadow:
    calc(100vw * 2 / 1440)
    calc(100vw * 3 / 1440)
    calc(100vw * 3 / 1440)
    rgba(0, 0, 0, 0.14);
}

.future-about__item p {
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 29 / 1440);
  letter-spacing: calc(100vw * 1.5 / 1440);
}

.future-about__result {
  width: calc(100vw * 875 / 1440);
  margin: calc(100vw * 86 / 1440) auto 0;
  padding: calc(100vw * 45 / 1440) calc(100vw * 50 / 1440) calc(100vw * 54 / 1440);
  background: #fff;
  box-shadow:
    calc(100vw * 4 / 1440)
    calc(100vw * 5 / 1440)
    calc(100vw * 9 / 1440)
    rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  text-align: center;
}

.future-about__result h3 {
  margin: 0 0 calc(100vw * 28 / 1440);
  color: #F49A21;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 24 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 3 / 1440);
}

.future-about__result p {
  margin: 0 0 calc(100vw * 42 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 15 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 27 / 1440);
  letter-spacing: calc(100vw * 2 / 1440);
}

.future-about__result p strong {
  font-weight: 700;
}

.future-about__graphs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(100vw * 96 / 1440);
}

.future-about__graphs img {
  display: block;
  width: calc(100vw * 188 / 1440);
  height: calc(100vw * 188 / 1440);
  object-fit: contain;
}

/* SP */
@media (max-width: 768px) {
  .future-about {
    padding-top: calc(100vw * 31 / 375);
    padding-right: calc(100vw * 14 / 375);
    padding-bottom: calc(100vw * 33 / 375);
    padding-left: calc(100vw * 14 / 375);
    background: #F49A21;
    box-sizing: border-box;
  }

  .future-about__inner {
    width: 100%;
    margin: 0 auto;
  }

  .future-about__heading span {
    top: calc(100vw * -8 / 375);
    font-size: calc(100vw * 28 / 375);
    letter-spacing: calc(100vw * 3 / 375);
  }

  .future-about__heading h2 {
    margin: 0 0 calc(100vw * 24 / 375);
    font-size: calc(100vw * 18 / 375);
    line-height: 1;
    letter-spacing: calc(100vw * 2 / 375);
  }

  .future-about__heading p {
    width: calc(100vw * 347 / 375);
    min-width: 0;
    height: calc(100vw * 46 / 375);
    padding: 0 calc(100vw * 12 / 375);
    font-size: calc(100vw * 18 / 375);
    line-height: calc(100vw * 26 / 375);
    letter-spacing: calc(100vw * 2 / 375);
    text-align: center;
  }

  .future-about__lead {
    margin-top: calc(100vw * 26 / 375);
  }

  .future-about__lead p {
    margin: 0 0 calc(100vw * 21 / 375);
    font-size: calc(100vw * 14 / 375);
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 1.5 / 375);
  }

  .future-about__lead strong {
    font-size: calc(100vw * 16 / 375);
    letter-spacing: calc(100vw * 1.5 / 375);
  }

  .future-about__box {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: calc(100vw * 347 / 375);
    margin: calc(100vw * 38 / 375) auto 0;
    padding: calc(100vw * 27 / 375) calc(100vw * 18 / 375) calc(100vw * 27 / 375);
    border-radius: calc(100vw * 18 / 375);
    background: linear-gradient(180deg, #fff 0%, #FFF0B8 100%);
  }

  .future-about__box::after {
    bottom: calc(100vw * -22 / 375);
    width: calc(100vw * 76 / 375);
    height: calc(100vw * 36 / 375);
  }

  .future-about__item {
    display: grid;
    grid-template-columns: calc(100vw * 76 / 375) 1fr;
    column-gap: calc(100vw * 18 / 375);
    width: 100%;
    padding: calc(100vw * 8 / 375) 0 calc(100vw * 27 / 375);
    box-sizing: border-box;
  }

  .future-about__item:last-child {
    padding-bottom: 0;
  }

  .future-about__icon {
    grid-row: 1 / 3;
    width: calc(100vw * 76 / 375);
    height: calc(100vw * 76 / 375);
    margin: 0;
  }

  .future-about__icon img {
    width: calc(100vw * 43 / 375);
    height: calc(100vw * 43 / 375);
  }

  .future-about__item h3 {
    margin: calc(100vw * 10 / 375) 0 calc(100vw * 16 / 375);
    text-align: left;
    font-size: calc(100vw * 22 / 375);
    line-height: 1;
    letter-spacing: calc(100vw * 3 / 375);
    text-shadow:
      calc(100vw * 2 / 375)
      calc(100vw * 3 / 375)
      calc(100vw * 3 / 375)
      rgba(0, 0, 0, 0.14);
  }

  .future-about__item p {
    grid-column: 1 / 3;
    margin-top: calc(100vw * 8 / 375);
    font-size: calc(100vw * 14 / 375);
    line-height: calc(100vw * 25 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .future-about__result {
    width: calc(100vw * 347 / 375);
    margin: calc(100vw * 53 / 375) auto 0;
    padding: calc(100vw * 30 / 375) calc(100vw * 17 / 375) calc(100vw * 32 / 375);
    box-shadow:
      calc(100vw * 3 / 375)
      calc(100vw * 4 / 375)
      calc(100vw * 8 / 375)
      rgba(0, 0, 0, 0.25);
  }

  .future-about__result h3 {
    margin: 0 0 calc(100vw * 18 / 375);
    font-size: calc(100vw * 20 / 375);
    letter-spacing: calc(100vw * 2 / 375);
  }

  .future-about__result p {
    margin: 0 0 calc(100vw * 27 / 375);
    font-size: calc(100vw * 13 / 375);
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .future-about__graphs {
    gap: calc(100vw * 23 / 375);
  }

  .future-about__graphs img {
    width: calc(100vw * 124 / 375);
    height: calc(100vw * 124 / 375);
  }
}

.event-info {
  position: relative;
  width: 100%;
  padding-top: calc(100vw * 61 / 1440);
  padding-bottom: calc(100vw * 60 / 1440);
  background: #fff;
  overflow: hidden;
}

.event-info__inner {
  width: calc(100vw * 1050 / 1440);
  margin: 0 auto;
}

.event-info__title {
  margin: 0 0 calc(100vw * 37 / 1440);
  color: #F1972E;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 25 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 4 / 1440);
}

.event-info__badges {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(100vw * 70 / 1440);
  width: 100%;
  margin-bottom: calc(100vw * 53 / 1440);
}

.event-info__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100vw * 271 / 1440);
  height: calc(100vw * 79 / 1440);
  background: #F49A21;
  box-shadow:
    calc(100vw * 5 / 1440)
    calc(100vw * 6 / 1440)
    calc(100vw * 7 / 1440)
    rgba(0, 0, 0, 0.2);
}

.event-info__badge span {
  display: inline-block;
  margin-right: calc(100vw * 18 / 1440);
  color: #fff;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 30 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.event-info__badge p {
  margin: 0;
  color: #fff;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 24 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 2 / 1440);
}

.event-info__text {
  color: #000;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

.event-info__text p {
  margin: 0 0 calc(100vw * 31 / 1440);
  color: #000;
  font-size: calc(100vw * 18 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 32 / 1440);
  letter-spacing: calc(100vw * 2.5 / 1440);
}

.event-info__text p:last-child {
  margin-bottom: 0;
}
@media(min-width:769px){
  .event-info__inner_sp{
    display: none;
  }
}
@media (max-width: 768px) {
  .event-info {
    padding-top: calc(100vw * 84 / 375);
    padding-right: calc(100vw * 25 / 375);
    padding-bottom: calc(100vw * 58 / 375);
    padding-left: calc(100vw * 25 / 375);
    background: #fff;
    box-sizing: border-box;
  }

  .event-info__inner {
    width: 100%;
    margin: 0 auto;
  }

  .event-info__title {
    margin: 0 0 calc(100vw * 31 / 375);
    color: #F1972E;
    text-align: center;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 31 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: calc(100vw * 32 / 375);
    letter-spacing: calc(100vw * 3 / 375);
  }

  .event-info__badges {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(100vw * 17 / 375);
    width: 100%;
    margin-bottom: calc(100vw * 52 / 375);
  }

  .event-info__badge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(100vw * 200 / 375);
    height: calc(100vw * 80 / 375);
    padding-left: calc(100vw * 5 / 375);
    background: #F49A21;
    box-shadow:
      calc(100vw * 5 / 375)
      calc(100vw * 6 / 375)
      calc(100vw * 7 / 375)
      rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
  }

  .event-info__badge span {
    margin-right: calc(100vw * 0 / 375);
    color: #fff;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 35 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
  }

  .event-info__badge p {
    margin: 0;
    color: #fff;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: calc(100vw * 25 / 375);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(100vw * 3 / 375);
    white-space: nowrap;
  }

  .event-info__text {
    width: 100%;
    color: #000;
    text-align: center;
    font-family: YuGothic, "Yu Gothic", sans-serif;
  }

  .event-info__text p {
    margin: 0 0 calc(100vw * 25 / 375);
    color: #000;
    font-size: calc(100vw * 18 / 375);
    font-style: normal;
    font-weight: 500;
    line-height: calc(100vw * 32 / 375);
    letter-spacing: calc(100vw * 2.5 / 375);
  }

  .event-info__text p:last-child {
    margin-bottom: 0;
  }
}

.sp-only {
  display: none;
}

.oneonone-section {
  position: relative;
  width: 100%;
  padding-top: calc(100vw * 48 / 1440);
  padding-bottom: calc(100vw * 57 / 1440);
  overflow: hidden;
  background-color: #F8F6EE;
  background-image: url("assets/oneonone_back.png");
  background-repeat: no-repeat;
  background-position: center calc(100vw * 160 / 1440);
  background-size: cover;
}

.oneonone-section__inner {
  width: calc(100vw * 1280 / 1440);
  margin: 0 auto;
}

.oneonone-section__heading {
  position: relative;
  margin-bottom: calc(100vw * 40 / 1440);
  text-align: center;
}

.oneonone-section__bg {
  position: absolute;
  top: calc(100vw * -18 / 1440);
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  color: rgba(246, 223, 150, 0.72);
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 56 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 2 / 1440);
  white-space: nowrap;
}

.oneonone-section__heading h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #E4A142;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 28 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 2 / 1440);
}

.oneonone-section__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(100vw * 80 / 1440);
}

.oneonone-section__image {
  flex: 0 0 calc(100vw * 558 / 1440);
  width: calc(100vw * 558 / 1440);
}

.oneonone-section__image img {
  display: block;
  width: 100%;
  height: auto;
}

.oneonone-section__text {
  flex: 1;
  padding-top: calc(100vw * 32 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

.oneonone-section__text h3 {
  margin: 0 0 calc(100vw * 42 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 26 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(100vw * 1 / 1440);
}

.oneonone-section__text > p {
  margin: 0 0 calc(100vw * 28 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 28 / 1440);
  letter-spacing: calc(100vw * 1.2 / 1440);
}

.oneonone-section__list-block {
  margin-top: calc(100vw * 12 / 1440);
}

.oneonone-section__list-lead {
  margin: 0 0 calc(100vw * 8 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 28 / 1440);
  letter-spacing: calc(100vw * 1.2 / 1440);
}

.oneonone-section__list {
  margin: 0 0 calc(100vw * 10 / 1440);
  padding: 0;
  list-style: none;
}

.oneonone-section__list li {
  position: relative;
  margin: 0;
  padding-left: calc(100vw * 26 / 1440);
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 23 / 1440);
  letter-spacing: calc(100vw * 1.2 / 1440);
}

.oneonone-section__list li::before {
  position: absolute;
  top: calc(100vw * 4 / 1440);
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-top: calc(100vw * 8 / 1440) solid transparent;
  border-bottom: calc(100vw * 8 / 1440) solid transparent;
  border-left: calc(100vw * 14 / 1440) solid #E4A142;
}

.oneonone-section__list-text {
  margin: 0;
  color: #000;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 17 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: calc(100vw * 28 / 1440);
  letter-spacing: calc(100vw * 1.2 / 1440);
}

.oneonone-cta {
  width: 100%;
  padding-top: calc(100vw * 88 / 1440);
  padding-bottom: calc(100vw * 92 / 1440);
  background: #F3E1B9;
}

.oneonone-cta__inner {
  width: calc(100vw * 1280 / 1440);
  margin: 0 auto;
  text-align: center;
}

.oneonone-cta__lead {
  margin: 0 0 calc(100vw * 48 / 1440);
  color: #E4A142;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 26 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 46 / 1440);
  letter-spacing: calc(100vw * 2 / 1440);
}

.oneonone-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100vw * 468 / 1440);
  height: calc(100vw * 82 / 1440);
  border-radius: calc(100vw * 999 / 1440);
  background: linear-gradient(90deg, #E9A146 0%, #E67243 100%);
  box-shadow:
    calc(100vw * 6 / 1440)
    calc(100vw * 7 / 1440)
    calc(100vw * 8 / 1440)
    rgba(0, 0, 0, 0.18);
  color: #FFF;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 22 / 1440);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(100vw * 1.5 / 1440);
  text-decoration: none;
}

.oneonone-footer {
  width: 100%;
  padding-top: calc(100vw * 50 / 1440);
  padding-bottom: calc(100vw * 26 / 1440);
  background: #ffffff;
}

.oneonone-footer__inner {
  width: calc(100vw * 1280 / 1440);
  margin: 0 auto;
}

.oneonone-footer__sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 228 / 1440);
  margin-bottom: calc(100vw * 58 / 1440);
}

.oneonone-footer__sns-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.oneonone-footer__sns-link img {
  display: block;
  width: calc(100vw * 38 / 1440);
  height: calc(100vw * 38 / 1440);
  object-fit: contain;
}

.oneonone-footer__copy {
  margin: 0;
  color: #000;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: calc(100vw * 16 / 1440);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: calc(100vw * 1 / 1440);
}

@media (max-width: 768px) {
  .sp-only {
    display: block;
  }

  .oneonone-section {
    padding-top: calc(100vw * 36 / 375);
    padding-bottom: calc(100vw * 38 / 375);
    background-color: #F8F6EE;
    background-image: url("assets/oneonone_back.png");
    background-repeat: no-repeat;
    background-position: center calc(100vw * 300 / 375);
    background-size: cover;
  }

  .oneonone-section__inner {
    width: calc(100vw * 349 / 375);
    margin: 0 auto;
  }

  .oneonone-section__heading {
    margin-bottom: calc(100vw * 28 / 375);
  }

  .oneonone-section__bg {
    top: calc(100vw * -8 / 375);
    font-size: calc(100vw * 34 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-section__heading h2 {
    font-size: calc(100vw * 22 / 375);
    line-height: 1;
    letter-spacing: calc(100vw * 1.5 / 375);
  }

  .oneonone-section__content {
    flex-direction: column;
    gap: calc(100vw * 18 / 375);
  }

  .oneonone-section__image {
    flex: none;
    width: calc(100vw * 349 / 375);
  }

  .oneonone-section__text {
    padding-top: 0;
  }

  .oneonone-section__text h3 {
    margin: 0 0 calc(100vw * 20 / 375);
    font-size: calc(100vw * 18 / 375);
    line-height: calc(100vw * 31 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-section__text > p {
    margin: 0 0 calc(100vw * 22 / 375);
    font-size: calc(100vw * 14 / 375);
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-section__list-block {
    margin-top: 0;
  }

  .oneonone-section__list-lead {
    margin: 0 0 calc(100vw * 6 / 375);
    font-size: calc(100vw * 14 / 375);
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-section__list {
    margin: 0 0 calc(100vw * 8 / 375);
  }

  .oneonone-section__list li {
    padding-left: calc(100vw * 21 / 375);
    font-size: calc(100vw * 14 / 375);
    line-height: calc(100vw * 20 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-section__list li::before {
    top: calc(100vw * 3 / 375);
    border-top: calc(100vw * 7 / 375) solid transparent;
    border-bottom: calc(100vw * 7 / 375) solid transparent;
    border-left: calc(100vw * 12 / 375) solid #E4A142;
  }

  .oneonone-section__list-text {
    font-size: calc(100vw * 14 / 375);
    line-height: calc(100vw * 24 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-cta {
    padding-top: calc(100vw * 42 / 375);
    padding-bottom: calc(100vw * 47 / 375);
  }

  .oneonone-cta__inner {
    width: calc(100vw * 349 / 375);
  }

  .oneonone-cta__lead {
    margin: 0 0 calc(100vw * 30 / 375);
    font-size: calc(100vw * 18 / 375);
    line-height: calc(100vw * 34 / 375);
    letter-spacing: calc(100vw * 1.2 / 375);
  }

  .oneonone-cta__button {
    width: calc(100vw * 327 / 375);
    height: calc(100vw * 64 / 375);
    border-radius: calc(100vw * 999 / 375);
    box-shadow:
      calc(100vw * 4 / 375)
      calc(100vw * 5 / 375)
      calc(100vw * 6 / 375)
      rgba(0, 0, 0, 0.18);
    font-size: calc(100vw * 17 / 375);
    letter-spacing: calc(100vw * 1 / 375);
  }

  .oneonone-footer {
    padding-top: calc(100vw * 24 / 375);
    padding-bottom: calc(100vw * 20 / 375);
  }

  .oneonone-footer__inner {
    width: calc(100vw * 349 / 375);
    margin: 0 auto;
  }

  .oneonone-footer__sns {
    justify-content: space-between;
    gap: 0;
    margin-bottom: calc(100vw * 36 / 375);
  }

  .oneonone-footer__sns-link img {
    width: calc(100vw * 40 / 375);
    height: calc(100vw * 40 / 375);
  }

  .oneonone-footer__copy {
    font-size: calc(100vw * 14 / 375);
    letter-spacing: calc(100vw * 0.5 / 375);
  }
}
.cta-band-middle{
  background: #F1982E;
}
.cta-band-middle a{
  color: #000;
  background: linear-gradient(90deg, #FFEDAD 0%, #E65F35 100%);
}