@charset "UTF-8";
@font-face {
  font-family: "Libre Caslon Text";
  src: url("../font/Libre_Caslon_Text/LibreCaslonText-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Zen Old Mincho";
  src: url("../font/Zen_Old_Mincho/ZenOldMincho-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf") format("truetype");
}
/* =====   pcのコンテンツ幅から算出   ======= */
/* =====   inlinemarginから算出   ======= */
/* =====   board marginから算出   ======= */
/* ====================================== //
// pcのコンテナ幅を決める
// ====================================== */
/* ====================================== //
// container innerを %でセットする
// ====================================== */
/* ====================================== //
// container innerを remでセットする
// ====================================== */
body {
  overflow-x: hidden;
  font-family: "Libre Caslon Text";
  font-family: "Noto Sans JP";
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #181e24;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

a {
  width: 100%;
  position: relative;
  cursor: pointer;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

picture {
  display: block;
}

iframe {
  width: 100%;
}

.l-Section {
  padding-block: 30px;
}
@media screen and (min-width: 768px) {
  .l-Section {
    padding-block: 60px;
  }
}

.l-Container {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container {
    max-width: 66.5rem;
    padding-inline: 30px;
  }
}

.l-Container-Section06 {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Section06 {
    max-width: 57.75rem;
    padding-inline: 30px;
  }
}

.l-Container-Section07 {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Section07 {
    max-width: 66.25rem;
    padding-inline: 30px;
  }
}

.l-Container-Section08 {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Section08 {
    max-width: 75rem;
    padding-inline: 30px;
  }
}

.l-Container-Section09 {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Section09 {
    max-width: 53.75rem;
    padding-inline: 30px;
  }
}

.l-FullWide {
  margin-inline: auto;
  max-width: 1440px;
}

.l-Container-Price,
.l-Container-Foote,
.l-Container-FooterFix {
  padding-inline: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .l-Container-Price,
.l-Container-Foote,
.l-Container-FooterFix {
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .l-Container-Narrow {
    max-width: 72.5rem;
    height: 100%;
  }
}

.l-Container-Reason {
  padding-inline: 17px;
}
@media screen and (min-width: 768px) {
  .l-Container-Reason {
    margin-inline: auto;
    max-width: 71.25rem;
    padding-inline: 30px;
  }
}

.l-Container-Price {
  max-width: 63.125rem;
}

.l-Container-CTA {
  padding-inline: 1.5625rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-CTA {
    max-width: 85.75rem;
  }
}

.l-Container-Case {
  position: relative;
  padding-inline: 1.5625rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Case {
    max-width: 1120px;
    padding-inline: 40px;
  }
}

.l-Container-QA {
  padding-inline: 1.5625rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-QA {
    max-width: 53.75rem;
  }
}

.l-Container-Contact {
  padding-inline: 1.25rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Contact {
    max-width: 79rem;
  }
}

.l-Container-News {
  padding-inline: 1.25rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-News {
    max-width: 69rem;
  }
}

.l-Container-Footer {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-Footer {
    max-width: 83.75rem;
  }
}

.l-Container-FooterFix {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-Container-FooterFix {
    max-width: 87.5rem;
  }
}

.c-Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: clamp(
    1.5rem,
    2.38vw + 0.3576rem,
    2.5rem
  );
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #181e24;
}

.c-Headline02-Text {
  text-align: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.75rem,
    3.05vw + 1.03515625rem,
    2.5rem
  );
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (min-width: 768px) {
  .c-Headline02-Text {
    font-size: clamp(
    2.5rem,
    1.49vw + 1.7848rem,
    3.125rem
  );
    font-weight: 500;
    letter-spacing: -1px;
  }
}

.c-TimeTable {
  width: 100%;
  border: none;
  border-collapse: collapse;
}

.c-TimeTableHead {
  background-color: #19446d;
  color: #ffffff;
  height: clamp(
    1.75rem,
    2.38vw + 0.6076rem,
    2.75rem
  );
  font-size: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  border: 0;
}

.c-TimeTableRow {
  height: clamp(
    2.4375rem,
    1.93vw + 1.5111rem,
    3.25rem
  );
  background-color: #ffffff;
  position: relative;
}
.c-TimeTableRow:not(:last-child)::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
  content: "";
}

.c-TimeTitle-AM,
.c-TimeTitle-PM {
  font-size: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
}

.c-TimeCell-S {
  width: f-Percent(48, 470);
}

.c-TimeCell-M {
  width: f-Percent(70, 470);
}

.c-TimeTable td,
.c-TimeCell {
  text-align: center;
  vertical-align: middle;
}

.c-IconCircle {
  display: inline-block;
  width: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #181e24;
}

.c-IconBar {
  display: inline-block;
  vertical-align: super;
  width: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  height: 1px;
  transform: translateY(-50%);
  background-color: #181e24;
}

.c-Annotation-Grant,
.c-Annotation-Grant2 {
  display: inline-block;
  position: relative;
}
.c-Annotation-Grant::before,
.c-Annotation-Grant2::before {
  position: absolute;
  top: -1.3em;
  right: 0em;
  font-size: 0.625rem;
  content: "※1";
}

.c-Annotation-Grant2::before {
  content: "※2";
}

.c-Annotation-Grant-20 {
  display: inline-block;
  position: relative;
}
.c-Annotation-Grant-20::before {
  position: absolute;
  top: -9px;
  right: 0em;
  font-size: 0.625rem;
  content: "※1";
}

.c-Annotation-Grant-24 {
  display: inline-block;
  position: relative;
}
.c-Annotation-Grant-24::before {
  position: absolute;
  top: 0em;
  right: 0em;
  transform: translateY(-45%);
  font-size: 0.625rem;
  content: "※1";
}

.c-Annotation-Note {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 130%;
  letter-spacing: 0;
}

.c-Underline {
  display: inline-block;
  position: relative;
}
.c-Underline::after {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 2%;
  background-color: #181e24;
  content: "";
}

.u-Show-OverMedium {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-Show-OverMedium {
    display: inline-block;
  }
}

.u-Show-OverSmall {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-Show-OverSmall {
    display: inline-block;
  }
}

.u-Show-UnderSmall {
  display: inline-block;
}
@media screen and (min-width: 567px) {
  .u-Show-UnderSmall {
    display: none;
  }
}

.u-Show-UnderMedium {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .u-Show-UnderMedium {
    display: none;
  }
}

.u-Show-UnderLine {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.u-Text-Bold {
  font-weight: 700;
}

.u-Text-Blue {
  color: #19446d;
}

.u-Text-Red {
  color: #da4234;
}

.u-Text-Gold {
  color: #aa801a;
}

.u-Text-Orange {
  color: #f48200;
}

.u-Annotation-01,
.u-Annotation-02 {
  display: inline-block;
  position: relative;
}
.u-Annotation-01::before,
.u-Annotation-02::before {
  position: absolute;
  top: -0.75em;
  right: 0;
  font-size: 0.625rem;
}

.u-Annotation-01::before {
  content: "※1";
}

.u-Annotation-02::before {
  content: "※2";
}

.u-Shorten_50 {
  letter-spacing: 0.0357142857em;
}

.u-Shorten_70 {
  letter-spacing: 0.1em;
}

.u-Shorten-280 {
  letter-spacing: -2.8px;
}

.u-Shorten-580 {
  letter-spacing: -5.8px;
}

.pg-Header {
  background: #ffffff;
  height: 50px;
}
@media screen and (min-width: 768px) {
  .pg-Header {
    height: 83px;
  }
}

.pg-Header__Container {
  height: inherit;
  max-width: 100%;
  padding-inline: 2.1333333333%;
  margin-inline: auto;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pg-Header__Container {
    max-width: 87.5rem;
    padding-inline: 30px;
  }
}

.pg-Header__LogoWrap {
  width: clamp(
    15.375rem,
    16.67vw + 7.3734rem,
    22.375rem
  );
  aspect-ratio: 6.3076923077;
  display: flex;
}
@media screen and (min-width: 768px) {
  .pg-Header__LogoWrap {
    aspect-ratio: 6.3928571429;
  }
}

.pg-Header__LogoLink {
  transition: 0.3s opacity;
}
@media (hover: hover) {
  .pg-Header__LogoLink:hover {
    opacity: 0.6;
  }
}

.pg-Footer {
  background: #bfad98;
  padding-top: 18px;
  padding-bottom: 10px;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .pg-Footer {
    padding-block: 3.75rem 0.9375rem;
    justify-content: center;
  }
}

.pg-Footer__Layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "Footer__LogoWrap " "Footer__Overview" "Footer__NavList " "Footer__Copyright";
}
@media screen and (min-width: 768px) {
  .pg-Footer__Layout {
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(2, auto);
    grid-template-areas: "Footer__LogoWrap Footer__NavList " "Footer__Overview Footer__Copyright";
  }
}

.pg-Footer__LogoWrap {
  grid-area: Footer__LogoWrap;
  display: block;
  margin-inline: auto;
  width: 19.375rem;
  aspect-ratio: 3.9240506329;
}
@media screen and (min-width: 768px) {
  .pg-Footer__LogoWrap {
    margin-inline: unset;
  }
}

.pg-Footer__LogoWrap img {
  -o-object-fit: contain;
     object-fit: contain;
}

.pg-Footer__Overview {
  grid-area: Footer__Overview;
  text-align: center;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .pg-Footer__Overview {
    margin-top: 1.5rem;
    text-align: unset;
  }
}

.pg-Footer__NavList {
  grid-area: Footer__NavList;
  margin-top: 2.375rem;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .pg-Footer__NavList {
    justify-content: flex-end;
    gap: clamp(
    0.9375rem,
    1.49vw + 0.2223rem,
    1.5625rem
  );
  }
}

.pg-Footer__Copy {
  text-align: center;
  grid-area: Footer__Copyright;
  margin-top: 0.625rem;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .pg-Footer__Copy {
    margin-top: 0.9375rem;
    margin-bottom: 0.3125rem;
    font-size: 0.75rem;
  }
}

.pf-MainView {
  margin-inline: auto;
  position: relative;
  background-image: url("../images/pages/front/main_view-bg-sp.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .pf-MainView {
    background-image: url("../images/pages/front/main_view-bg-pc.webp");
  }
}

.pf-MainView__Container {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Container {
    max-width: 83.5rem;
    padding-inline: 30px;
  }
}
.pf-MainView__Container::before {
  position: absolute;
  top: clamp(
    23.75rem,
    21.63vw + 18.68046875rem,
    29.0625rem
  );
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: clamp(
    23.4375rem,
    0vw + 23.4375rem,
    23.4375rem
  );
  aspect-ratio: 0.8992805755;
  background-image: url("../images/pages/front/main_view-people-sp.webp");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-MainView__Container {
    padding-right: clamp(
    0rem,
    4.46vw + -2.1408rem,
    1.875rem
  );
  }
  .pf-MainView__Container::before {
    top: unset;
    bottom: 0;
    left: unset;
    transform: translate(0, -50%);
    right: clamp(
    0rem,
    4.46vw + -2.1408rem,
    1.875rem
  );
    transform: unset;
    width: clamp(
    31.25rem,
    31.55vw + 16.106rem,
    44.5rem
  );
    aspect-ratio: 1.1926298157;
    background-image: url("../images/pages/front/main_view-people-pc.webp");
    content: "";
  }
}

.pf-MainView__NoteWrap {
  position: relative;
  padding-block: 1rem 1.125rem;
}
@media screen and (min-width: 768px) {
  .pf-MainView__NoteWrap {
    padding-block: 3.5625rem 1.25rem;
    padding-left: clamp(
    0rem,
    20.54vw + -9.8592rem,
    8.625rem
  );
  }
}

.pf-MainView__NoteInner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .pf-MainView__Line01 {
    width: 32rem;
    aspect-ratio: 11.9069767442;
  }
}

.pf-MainView__Line02 {
  margin-top: 0.375rem;
  margin-inline: auto;
  width: clamp(
    18.25rem,
    19.94vw + 8.6788rem,
    26.625rem
  );
  aspect-ratio: 3.8421052632;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Line02 {
    margin-top: 1.6875rem;
    margin-left: 2.625rem;
    aspect-ratio: 4.0571428571;
  }
}

.pf-MainView__Line03 {
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Line03 {
    margin-top: 1.625rem;
    margin-left: 2.0625rem;
    width: clamp(
    18rem,
    23.81vw + 6.5712rem,
    28rem
  );
    aspect-ratio: 5.0909090909;
  }
}

.pf-MainView__LayoutWrap {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .pf-MainView__LayoutWrap {
    margin-top: -0.875rem;
    margin-left: 1.0625rem;
    flex-direction: row;
    -moz-column-gap: 3.4375rem;
         column-gap: 3.4375rem;
  }
}

.pf-MainView__Online {
  margin-top: 1.125rem;
  margin-inline: auto;
  width: clamp(
    19.5rem,
    24.85vw + 7.572rem,
    29.9375rem
  );
  aspect-ratio: 8.2368421053;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Online {
    margin-top: unset;
    margin-inline: unset;
    aspect-ratio: 9.9791666667;
  }
}

.pf-MainView__CircleWrap {
  margin-top: 12.5rem;
  margin-inline: auto;
  display: flex;
  -moz-column-gap: clamp(
    0.75rem,
    2.38vw + -0.3924rem,
    1.75rem
  );
       column-gap: clamp(
    0.75rem,
    2.38vw + -0.3924rem,
    1.75rem
  );
}
@media screen and (min-width: 768px) {
  .pf-MainView__CircleWrap {
    margin-top: 0;
    margin-inline: unset;
  }
}

.pf-MainView__Circle {
  width: clamp(
    7.125rem,
    8.33vw + 3.1266rem,
    10.625rem
  );
  aspect-ratio: 1;
  flex-grow: 0;
}

.pf-MainView__Caption {
  margin-top: 1.5rem;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.24px;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Caption {
    margin-top: 1.5625rem;
    font-size: 0.75rem;
  }
}

.pf-Section01 {
  background-color: #f7fafc;
}

.pf-Section01__Upper {
  padding-top: clamp(
    1.875rem,
    5.65vw + -0.837rem,
    4.25rem
  );
  padding-bottom: clamp(
    0rem,
    12.72vw + -2.98125rem,
    3.125rem
  );
  position: relative;
}
.pf-Section01__Upper::before {
  background-image: linear-gradient(180deg, rgba(109, 109, 109, 0.7) 0%, rgba(50, 50, 50, 0.7) 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12vw), 50% 100%, 0 calc(100% - 12vw));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12vw), 50% 100%, 0 calc(100% - 12vw));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section01__Upper {
    padding-top: 4.25rem;
    padding-bottom: 0;
  }
  .pf-Section01__Upper::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9vw), 50% 100%, 0 calc(100% - 9vw));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9vw), 50% 100%, 0 calc(100% - 9vw));
  }
}

.pf-Section01__Container {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Container {
    max-width: 66.5rem;
    padding-inline: 30px;
  }
}

.pf-Section01__Headline02Wrap {
  position: relative;
}
.pf-Section01__Headline02Wrap::before, .pf-Section01__Headline02Wrap::after {
  position: absolute;
  z-index: 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section01__Headline02Wrap::before {
  top: 44px;
  left: 50px;
  transform: translate(-50%, -50%);
  width: clamp(
    8.25rem,
    30.95vw + -6.606rem,
    21.25rem
  );
  aspect-ratio: 1.3469387755;
  background-image: url(../images/pages/front/section01-image01-sp.webp);
}
.pf-Section01__Headline02Wrap::after {
  top: 52px;
  right: 44px;
  transform: translate(50%, -50%);
  width: clamp(
    8.3125rem,
    23.81vw + -3.1163rem,
    18.3125rem
  );
  aspect-ratio: 1.4456521739;
  background-image: url(../images/pages/front/section01-image02-sp.webp);
}
@media screen and (min-width: 768px) {
  .pf-Section01__Headline02Wrap::before {
    top: 80px;
    left: 196px;
    transform: translate(-50%, -50%);
    width: clamp(
    12.5rem,
    20.83vw + 2.5016rem,
    21.25rem
  );
    aspect-ratio: 1.3076923077;
    background-image: url(../images/pages/front/section01-image01-pc.webp);
  }
  .pf-Section01__Headline02Wrap::after {
    top: 84px;
    right: 132px;
    transform: translate(50%, -50%);
    width: clamp(
    12.5rem,
    13.84vw + 5.8568rem,
    18.3125rem
  );
    aspect-ratio: 1.3378995434;
    background-image: url(../images/pages/front/section01-image02-pc.webp);
  }
}

.pf-Section01__Headline02 {
  margin-inline: auto;
  width: 17.625rem;
  aspect-ratio: 4.7796610169;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Headline02 {
    width: 23.6875rem;
    aspect-ratio: 4.9220779221;
  }
}

.pf-Section01__UpperBody {
  padding-block: clamp(
    1.8125rem,
    1.34vw + 1.1693rem,
    2.375rem
  ) clamp(
    3.9375rem,
    6.1vw + 1.0095rem,
    6.5rem
  );
  position: relative;
}
.pf-Section01__UpperBody::before, .pf-Section01__UpperBody::after {
  position: absolute;
  z-index: 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section01__UpperBody::before {
  top: 234px;
  left: 100px;
  transform: translate(-50%, -50%);
  width: clamp(
    8.5625rem,
    28.57vw + -5.1511rem,
    20.5625rem
  );
  aspect-ratio: 1.3431372549;
  background-image: url(../images/pages/front/section01-image03-sp.webp);
}
.pf-Section01__UpperBody::after {
  top: 226px;
  right: 51px;
  transform: translate(50%, -50%);
  width: clamp(
    8.0625rem,
    28.57vw + -5.6511rem,
    20.0625rem
  );
  aspect-ratio: 1.3298969072;
  background-image: url(../images/pages/front/section01-image04-sp.webp);
}
@media screen and (min-width: 768px) {
  .pf-Section01__UpperBody::before {
    top: clamp(
    11.25rem,
    2.68vw + 9.9636rem,
    12.375rem
  );
    left: 114px;
    transform: translate(-50%, -50%);
    width: clamp(
    12.5rem,
    19.2vw + 3.284rem,
    20.5625rem
  );
    aspect-ratio: 1.4120171674;
    background-image: url(../images/pages/front/section01-image03-pc.webp);
  }
  .pf-Section01__UpperBody::after {
    top: clamp(
    11.25rem,
    5.06vw + 8.8212rem,
    13.375rem
  );
    right: 138px;
    transform: translate(50%, -50%);
    width: clamp(
    12.5rem,
    18.01vw + 3.8552rem,
    20.0625rem
  );
    aspect-ratio: 1.4459459459;
    background-image: url(../images/pages/front/section01-image04-pc.webp);
  }
}

.pf-Section01__List {
  margin-inline: auto;
  background: #4e4e4e;
  padding-block: clamp(
    1.625rem,
    0.45vw + 1.409rem,
    1.8125rem
  ) clamp(
    2.25rem,
    1.34vw + 1.6068rem,
    2.8125rem
  );
  padding-inline: clamp(
    1.1875rem,
    8.48vw + -2.8829rem,
    4.75rem
  );
  position: relative;
  z-index: 1;
  display: grid;
  place-content: center;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .pf-Section01__List {
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.pf-Section01__Item {
  padding-left: 1.4375rem;
  position: relative;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 1.3;
  letter-spacing: 0em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.pf-Section01__Item::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: clamp(
    0.8125rem,
    1.34vw + 0.1693rem,
    1.375rem
  );
  aspect-ratio: 0.8666666667;
  background-image: url(../images/pages/front/section01-check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section01__Item:not(:first-child) {
  margin-top: clamp(
    1.125rem,
    0.89vw + 0.6978rem,
    1.5rem
  );
}
@media screen and (min-width: 768px) {
  .pf-Section01__Item {
    padding-left: 2.625rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.54px;
  }
  .pf-Section01__Item::before {
    left: 2px;
  }
}

.pf-Section01__Emphasis {
  font-size: clamp(
    1.125rem,
    0.89vw + 0.6978rem,
    1.5rem
  );
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.72px;
}

.pf-Section01__Caption {
  margin-top: 1.625rem;
  margin-inline: auto;
  z-index: 1;
  width: clamp(
    21rem,
    22.77vw + 10.0704rem,
    30.5625rem
  );
  aspect-ratio: 17.6842105263;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Caption {
    margin-top: 2.125rem;
    aspect-ratio: 17.4642857143;
  }
}

.pf-Section01__Lower {
  margin-top: clamp(
    1.5rem,
    1.79vw + 0.6408rem,
    2.25rem
  );
  padding-bottom: clamp(
    1.25rem,
    6.7vw + -1.966rem,
    4.0625rem
  );
}

.pf-Section01__Layout {
  margin-top: clamp(
    1.5rem,
    1.79vw + 0.6408rem,
    2.25rem
  );
  padding-bottom: clamp(
    1.25rem,
    6.7vw + -1.966rem,
    4.0625rem
  );
  display: grid;
  grid-template-areas: "grid01-NoteUp" "grid01-ImageArea" "grid01-NoteLowWrap";
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Layout {
    grid-template-columns: minmax(300px, 480px) minmax(300px, 458px);
    grid-template-areas: "grid01-NoteUp grid01-ImageArea" "grid01-NoteLowWrap grid01-ImageArea";
    align-items: flex-start;
    -moz-column-gap: 1.375rem;
         column-gap: 1.375rem;
  }
}

.pf-Section01__NoteEmphasis-01 {
  letter-spacing: 0.1em;
}

.pf-Section01__NoteUp,
.pf-Section01__NoteLowWrap {
  padding-top: clamp(
    0rem,
    2.53vw + -1.2144rem,
    1.0625rem
  );
  padding-left: 0.125rem;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  line-height: 1.6;
  letter-spacing: 0.84px;
}
@media screen and (min-width: 768px) {
  .pf-Section01__NoteUp,
.pf-Section01__NoteLowWrap {
    letter-spacing: 1.08px;
  }
}

.pf-Section01__NoteUp {
  grid-area: grid01-NoteUp;
}

.pf-Section01__NoteLowWrap {
  margin-top: 0.875rem;
  grid-area: grid01-NoteLowWrap;
}

.pf-Section01__Note:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Note:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.pf-Section01__ImageWrap {
  margin-top: 0.9375rem;
  margin-inline: auto;
  width: 20.9375rem;
  aspect-ratio: 1.1551724138;
  border: 1px solid #dbdbdb;
}
@media screen and (min-width: 768px) {
  .pf-Section01__ImageWrap {
    margin-top: unset;
    margin-inline: unset;
    margin-right: clamp(
    0rem,
    7.44vw + -3.5712rem,
    3.125rem
  );
    width: 100%;
    grid-area: grid01-ImageArea;
    aspect-ratio: 1.1577608142;
  }
}

.pf-Section01__Note-Small {
  margin-top: clamp(
    1rem,
    4.76vw + -1.2848rem,
    3rem
  );
  font-size: clamp(
    0.625rem,
    0.3vw + 0.481rem,
    0.75rem
  );
  line-height: 1.4;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Note-Small {
    letter-spacing: 0.01em;
  }
}

.pf-Section02 {
  background-color: #f7fafc;
}

.pf-Section02__Container {
  max-width: 100%;
  padding-inline: 5.3333333333%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .pf-Section02__Container {
    max-width: 66.25rem;
    padding-inline: 30px;
  }
}

.pf-Section02__Board {
  position: relative;
  background-color: #19446d;
  padding-block: clamp(
    1.75rem,
    7.29vw + -1.7492rem,
    4.8125rem
  ) clamp(
    1.75rem,
    11.61vw + -3.8228rem,
    6.625rem
  );
}
.pf-Section02__Board::before, .pf-Section02__Board::after {
  position: absolute;
  left: 50%;
  width: 2.5rem;
  height: 2vw;
  content: "";
}
.pf-Section02__Board::before {
  top: 0;
  transform: translate(-50%, -5%);
  background-color: #ffffff;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.pf-Section02__Board::after {
  bottom: 0;
  transform: translate(-50%, 95%);
  z-index: 1;
  background-color: #19446d;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 768px) {
  .pf-Section02__Board {
    padding-block: 77px 106px;
  }
  .pf-Section02__Board::before, .pf-Section02__Board::after {
    width: 7.25rem;
    height: 1.625rem;
  }
  .pf-Section02__Board::before {
    top: -1px;
  }
}

.pf-Section02__Headline02Wrap {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Zen Old Mincho";
  color: #ffffff;
  line-height: 1.4;
  font-weight: 500;
}

.pf-Section02__Headline02 {
  display: block;
  font-size: clamp(
    1.25rem,
    1.79vw + 0.3908rem,
    2rem
  );
  letter-spacing: -0.64px;
}

.pf-Section02__Headline02-Emphasis {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    1.75rem,
    1.79vw + 0.8908rem,
    2.5rem
  );
  letter-spacing: -0.8px;
  position: relative;
}
.pf-Section02__Headline02-Emphasis::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}

.pf-Section02__List {
  margin-top: clamp(
    1.875rem,
    5.06vw + -0.5538rem,
    4rem
  );
  padding-inline: clamp(
    1.1875rem,
    2.83vw + -0.1709rem,
    2.375rem
  );
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, auto);
  grid-template-areas: "a" "b" "Item03" "d" "e";
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .pf-Section02__List {
    margin-top: 4rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: unset;
    grid-template-areas: "a a b b Item03 Item03" ". d d e e .";
    gap: 32px 18px;
    position: relative;
  }
  .pf-Section02__List::before {
    position: absolute;
    top: clamp(
    14.5625rem,
    16.67vw + 6.5609rem,
    21.5625rem
  );
    left: 48%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 9.8125rem;
    aspect-ratio: 1.3305084746;
    background-image: url(../images/pages/front/section02-item04-item-pc.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
}

.pf-Section02__Item {
  background-color: #ffffff;
  border-radius: clamp(
    0.46875rem,
    0.37vw + 0.29115rem,
    0.625rem
  );
  place-content: center;
}

.pf-Section02__Item:nth-child(1) {
  grid-area: a;
  width: 100%;
  padding-block: clamp(
    0.6875rem,
    3.13vw + -0.8149rem,
    2rem
  ) clamp(
    0.445rem,
    2.96vw + -0.9758rem,
    1.6875rem
  );
  padding-inline: 3rem;
  position: relative;
}
.pf-Section02__Item:nth-child(1)::before {
  position: absolute;
  top: 12%;
  left: 8%;
  transform: translate(-50%, -50%);
  width: clamp(
    1.4375rem,
    2.83vw + 0.0791rem,
    2.625rem
  );
  aspect-ratio: 0.359375;
  background-image: url(../images/pages/front/section02-item01-item-pc.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section02__Item:nth-child(1) {
    max-width: 18.5625rem;
    padding-inline: 0.3125rem;
  }
  .pf-Section02__Item:nth-child(1)::before {
    left: 0;
    width: clamp(
    1.625rem,
    2.38vw + 0.4826rem,
    2.625rem
  );
    aspect-ratio: 0.358974359;
  }
}

.pf-Section02__Item:nth-child(2) {
  grid-area: b;
  width: 100%;
  padding-block: clamp(
    0.6875rem,
    3.13vw + -0.8149rem,
    2rem
  ) clamp(
    0.445rem,
    2.96vw + -0.9758rem,
    1.6875rem
  );
  justify-content: center;
  position: relative;
}
.pf-Section02__Item:nth-child(2)::before {
  position: absolute;
  top: 26%;
  right: -6%;
  transform: translate(-50%, -50%);
  width: clamp(
    2.379375rem,
    1.48vw + 1.668975rem,
    3rem
  );
  aspect-ratio: 0.5865947612;
  background-image: url(../images/pages/front/section02-item02-item-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section02__Item:nth-child(2) {
    max-width: 18.5625rem;
    padding-inline: clamp(
    0.75rem,
    2.68vw + -0.5364rem,
    1.875rem
  );
  }
  .pf-Section02__Item:nth-child(2)::before {
    top: 23%;
    right: -13%;
    width: clamp(
    3rem,
    3.88vw + 1.1376rem,
    4.62875rem
  );
    aspect-ratio: 0.6396614268;
    background-image: url(../images/pages/front/section02-item02-item-pc.webp);
  }
}

.pf-Section02__Item:nth-child(3) {
  grid-area: Item03;
  width: 100%;
  padding-block: clamp(
    0.6875rem,
    3.13vw + -0.8149rem,
    2rem
  ) clamp(
    0.445rem,
    2.96vw + -0.9758rem,
    1.6875rem
  );
  position: relative;
}
.pf-Section02__Item:nth-child(3)::before {
  position: absolute;
  top: 14%;
  left: 9%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: clamp(
    3.25rem,
    0vw + 3.25rem,
    3.25rem
  );
  aspect-ratio: 1;
  background-image: url(../images/pages/front/section02-item03-item-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section02__Item:nth-child(3) {
    max-width: 18.5625rem;
    padding-inline: clamp(
    0.75rem,
    2.68vw + -0.5364rem,
    1.875rem
  );
  }
  .pf-Section02__Item:nth-child(3)::before {
    top: 100%;
    left: unset;
    right: -26%;
    width: clamp(
    5.625rem,
    3.72vw + 3.8394rem,
    7.1875rem
  );
    aspect-ratio: 1;
    background-image: url(../images/pages/front/section02-item03-item-pc.webp);
  }
}

.pf-Section02__Item:nth-child(4) {
  grid-area: d;
  padding-block: clamp(
    0.6875rem,
    1.64vw + -0.0997rem,
    1.375rem
  ) clamp(
    0.445rem,
    2.21vw + -0.6158rem,
    1.375rem
  );
  position: relative;
}
.pf-Section02__Item:nth-child(4)::before {
  position: absolute;
  top: 28%;
  right: -5%;
  transform: translate(-50%, -50%);
  width: clamp(
    2.379375rem,
    17.7vw + -6.116625rem,
    9.8125rem
  );
  aspect-ratio: 0.5865947612;
  background-image: url(../images/pages/front/section02-item04-item-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section02__Item:nth-child(4) {
    margin-right: 0.5rem;
    padding-inline: clamp(
    0.75rem,
    2.68vw + -0.5364rem,
    1.875rem
  );
    min-width: 320px;
    justify-self: flex-end;
  }
  .pf-Section02__Item:nth-child(4)::before {
    content: unset;
  }
}

.pf-Section02__Item:nth-child(5) {
  grid-area: e;
  padding-block: clamp(
    0.6875rem,
    1.64vw + -0.0997rem,
    1.375rem
  ) clamp(
    0.445rem,
    2.21vw + -0.6158rem,
    1.375rem
  );
  position: relative;
}
.pf-Section02__Item:nth-child(5)::before {
  position: absolute;
  top: 28%;
  left: 6%;
  transform: translate(-50%, -50%);
  width: clamp(
    2.379375rem,
    17.7vw + -6.116625rem,
    9.8125rem
  );
  aspect-ratio: 0.5865947612;
  background-image: url(../images/pages/front/section02-item05-item-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section02__Item:nth-child(5) {
    margin-left: 0.5rem;
    padding-inline: clamp(
    0.75rem,
    2.68vw + -0.5364rem,
    1.875rem
  );
    min-width: 320px;
    justify-self: flex-start;
  }
  .pf-Section02__Item:nth-child(5)::before {
    content: unset;
  }
}

.pf-Section02__ItemTitleWrap {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.pf-Section02__ItemCheckWrap {
  width: 1.5075rem;
  height: 1.458125rem;
}

.pf-Section02__ItemTitle {
  display: block;
  color: #181e24;
  text-align: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.125rem,
    1.53vw + 0.76640625rem,
    1.5rem
  );
  font-weight: 700;
  line-height: 1.4%; /* 31.2px */
  letter-spacing: -0.48px;
}
@media screen and (min-width: 768px) {
  .pf-Section02__ItemTitle {
    font-size: clamp(
    1.25rem,
    0.6vw + 0.962rem,
    1.5rem
  );
  }
}

.pf-Section02__ItemHeader03Wrap {
  margin-inline: auto;
  width: clamp(
    6.25rem,
    6.1vw + 3.322rem,
    8.8125rem
  );
  aspect-ratio: 5.8823529412;
}
@media screen and (min-width: 768px) {
  .pf-Section02__ItemHeader03Wrap {
    aspect-ratio: 5.875;
  }
}

.pf-Section02__ItemHeader03-01 {
  margin-inline: auto;
  width: clamp(
    6.25rem,
    6.1vw + 3.322rem,
    8.8125rem
  );
  aspect-ratio: 5.8823529412;
}
@media screen and (min-width: 768px) {
  .pf-Section02__ItemHeader03-01 {
    aspect-ratio: 5.875;
  }
}

.pf-Section02__ItemHeader03-02 {
  margin-inline: auto;
  width: 13.5625rem;
  aspect-ratio: 9.0416666667;
}
@media screen and (min-width: 768px) {
  .pf-Section02__ItemHeader03-02 {
    aspect-ratio: 5.875;
  }
}

.pf-Section02__ItemHeader03-03,
.pf-Section02__ItemHeader03-05 {
  margin-inline: auto;
  width: 13.5625rem;
  aspect-ratio: 9.0416666667;
}

.pf-Section02__ItemHeader03-04 {
  margin-top: -2px;
  margin-inline: auto;
  width: 10.5rem;
  aspect-ratio: 7;
}

.pf-Section02__ItemHeader03-05 {
  margin-top: 10px;
  margin-inline: auto;
  width: 11.4375rem;
  aspect-ratio: 7.625;
}

.pf-Section02__ItemBody,
.pf-Section02__Item01Body {
  margin-top: clamp(
    0.5625rem,
    1.93vw + -0.3639rem,
    1.375rem
  );
  font-size: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  line-height: 1.5;
  letter-spacing: -0.02em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pf-Section02__ItemBody,
.pf-Section02__Item01Body {
    text-align: unset;
  }
}

.pf-Section03 {
  padding-top: clamp(
    2.1875rem,
    6.7vw + -1.0285rem,
    5rem
  );
  padding-bottom: clamp(
    4.0625rem,
    0vw + 4.0625rem,
    4.0625rem
  );
  background-color: #f7fafc;
  position: relative;
}
.pf-Section03::before {
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(
    0.6875rem,
    1.64vw + -0.0997rem,
    1.375rem
  );
  aspect-ratio: 0.25;
  background-color: #19446d;
  -webkit-mask-image: url(../images/pages/front/section03-arrow.svg);
          mask-image: url(../images/pages/front/section03-arrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section03::before {
    bottom: unset;
    top: clamp(
    24.6875rem,
    27.98vw + 11.2571rem,
    36.4375rem
  );
    aspect-ratio: 0.2395652174;
  }
}

.pf-Section03__Headline02 {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #19446d;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.5rem,
    2.38vw + 0.3576rem,
    2.5rem
  );
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.0333333333em;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Headline02 {
    letter-spacing: -0.8px;
  }
}

.pf-Section03__Caption {
  margin-top: clamp(
    1.875rem,
    1.49vw + 1.1598rem,
    2.5rem
  );
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 4px;
  padding-inline: 20px;
  background-color: #181e24;
  display: grid;
  place-content: center;
  color: #fff;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.125rem,
    1.79vw + 0.2658rem,
    1.875rem
  );
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Caption {
    letter-spacing: 2.4px;
  }
}

.pf-Section03__Layout {
  margin-top: clamp(
    1.25rem,
    7.44vw + -2.3212rem,
    4.375rem
  );
  padding-bottom: clamp(
    1.875rem,
    1.49vw + 1.1598rem,
    2.5rem
  );
  padding-inline: clamp(
    0rem,
    9.38vw + -4.5024rem,
    3.9375rem
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(
    0.9375rem,
    8.18vw + -2.9889rem,
    4.375rem
  );
  position: relative;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Layout {
    flex-direction: row;
  }
}

.pf-Section03__ImageWrap {
  width: clamp(
    20.9375rem,
    9.23vw + 16.5071rem,
    24.8125rem
  );
  aspect-ratio: 1.9476744186;
}
@media screen and (min-width: 768px) {
  .pf-Section03__ImageWrap {
    aspect-ratio: 1.9460784314;
  }
}

.pf-Section03__NoteWrap {
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  line-height: 1.7;
  letter-spacing: 0.9px;
}
@media screen and (min-width: 768px) {
  .pf-Section03__NoteWrap {
    flex-basis: 25.5rem;
  }
}

.pf-Section03__NoteWrap p:not(:first-child) {
  margin-top: 30px;
}

.pf-Section04 {
  padding-block: 0.25rem 3.125rem;
  background-color: #f8f6f7;
}
@media screen and (min-width: 768px) {
  .pf-Section04 {
    padding-block: 5.3125rem 6.25rem;
  }
}

.pf-Section04__Item01-Headline02Wrap {
  margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item01-Headline02Wrap {
    margin-left: unset;
  }
}

.pf-Section04__ItemHeadline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  background: linear-gradient(90deg, #2f466b 0%, #5e8bac 100%);
  padding-block: clamp(
    0.25rem,
    0vw + 0.25rem,
    0.25rem
  );
  padding-inline: 1.25rem 0.875rem;
  color: #ffffff;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.75rem,
    1.79vw + 0.8908rem,
    2.5rem
  );
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.014em;
}
.pf-Section04__ItemHeadline02:not(:first-child) {
  margin-top: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__ItemHeadline02 {
    padding-inline: clamp(
    0.75rem,
    1.79vw + -0.1092rem,
    1.5rem
  );
    letter-spacing: -0.02em;
  }
  .pf-Section04__ItemHeadline02:not(:first-child) {
    margin-top: clamp(
    0.5rem,
    0.3vw + 0.356rem,
    0.625rem
  );
  }
}

.pf-Section04__Item01-Layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "sec4-grid__Item01-Headline02Wrap" "sec4-grid__Item01-ImageWrap" "sec4-grid__Item01-NoteWrap";
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item01-Layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    grid-template-areas: "sec4-grid__Item01-Headline02Wrap sec4-grid__Item01-ImageWrap" "sec4-grid__Item01-NoteWrap  sec4-grid__Item01-ImageWrap";
  }
}

.pf-Section04__Item01-Headline02Wrap {
  grid-area: sec4-grid__Item01-Headline02Wrap;
}

.pf-Section04__Item01-NoteWrap {
  grid-area: sec4-grid__Item01-NoteWrap;
  margin-top: -1.6875rem;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  line-height: 1.7;
  letter-spacing: 1px;
}
.pf-Section04__Item01-NoteWrap p:not(:first-child) {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item01-NoteWrap {
    margin-top: 0.875rem;
    line-height: 1.8;
    letter-spacing: 1px;
  }
  .pf-Section04__Item01-NoteWrap p:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.pf-Section04__Item01-ImageWrap {
  grid-area: sec4-grid__Item01-ImageWrap;
  justify-self: flex-end;
  align-self: center;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item01-ImageWrap {
    margin-top: 1.5625rem;
    width: 32.625rem;
    aspect-ratio: 1.5;
    max-width: 104%;
  }
}

.pf-Section04__Item02-Layout {
  margin-top: 3.0625rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "sec4-grid__Item02-Headline02Wrap" "sec4-grid__Item02-ImageWrap" "sec4-grid__Item02-NoteWrap";
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item02-Layout {
    margin-top: 2.8125rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    grid-template-areas: "sec4-grid__Item02-ImageWrap sec4-grid__Item02-Headline02Wrap " "sec4-grid__Item02-ImageWrap sec4-grid__Item02-NoteWrap";
  }
}

.pf-Section04__Item02-Headline02-01 {
  max-width: 20.0625rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item02-Headline02-01 {
    max-width: 29.875rem;
    aspect-ratio: 8.2413793103;
  }
}

.pf-Section04__Item02-Headline02Wrap {
  margin-right: calc(50% - 50vw);
  grid-area: sec4-grid__Item02-Headline02Wrap;
  justify-items: flex-end;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item02-Headline02Wrap {
    margin-right: unset;
  }
}

.pf-Section04__Item02-NoteWrap {
  grid-area: sec4-grid__Item02-NoteWrap;
  margin-top: -1.625rem;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  line-height: 1.7;
  letter-spacing: 0px;
}
.pf-Section04__Item02-NoteWrap p:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item02-NoteWrap {
    max-width: 32.625rem;
    margin-top: 2.25rem;
    justify-self: flex-end;
    line-height: 1.8;
    letter-spacing: 1px;
  }
  .pf-Section04__Item02-NoteWrap p:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.pf-Section04__Item02-ImageWrap {
  grid-area: sec4-grid__Item02-ImageWrap;
  justify-self: flex-start;
  align-self: center;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item02-ImageWrap {
    margin-top: 2.25rem;
    width: 32.625rem;
    aspect-ratio: 1.5;
    max-width: 104%;
  }
}

.pf-Section04__Item03-Layout {
  margin-top: 3.375rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "sec4-grid__Item03-Headline02Wrap" "sec4-grid__Item03-ImageWrap" "sec4-grid__Item03-NoteWrap";
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item03-Layout {
    margin-top: 5.0625rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    grid-template-areas: "sec4-grid__Item03-Headline02Wrap sec4-grid__Item03-Headline02Wrap" "sec4-grid__Item03-NoteWrap sec4-grid__Item03-ImageWrap ";
  }
}

.pf-Section04__Item03-Headline02Wrap {
  grid-area: sec4-grid__Item03-Headline02Wrap;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item03-Headline02Wrap {
    justify-items: flex-end;
  }
}

.pf-Section04__Item03-NoteWrap {
  grid-area: sec4-grid__Item03-NoteWrap;
  margin-top: -1.1875rem;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  line-height: 1.7;
  letter-spacing: 1px;
}
.pf-Section04__Item03-NoteWrap p:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item03-NoteWrap {
    margin-top: 3.875rem;
    max-width: 30.875rem;
    justify-self: flex-start;
    line-height: 1.8;
    letter-spacing: 1px;
  }
  .pf-Section04__Item03-NoteWrap p:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.pf-Section04__Item03-ImageWrap {
  grid-area: sec4-grid__Item03-ImageWrap;
  justify-self: flex-end;
  align-self: center;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item03-ImageWrap {
    margin-top: 1.625rem;
    width: 32.6875rem;
    aspect-ratio: 1.6191950464;
    max-width: 104%;
  }
}

@media screen and (min-width: 768px) {
  .pf-Section04__Item03-Headline02Wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-inline: auto;
    background: linear-gradient(90deg, #2f466b 0%, #5e8bac 100%);
    padding-block: clamp(
    0.25rem,
    0vw + 0.25rem,
    0.25rem
  );
    padding-inline: clamp(
    0.75rem,
    1.79vw + -0.1092rem,
    1.5rem
  );
    color: #ffffff;
    font-family: "Zen Old Mincho";
    font-size: clamp(
    1.75rem,
    1.79vw + 0.8908rem,
    2.5rem
  );
    font-weight: 600;
    line-height: 1.2;
  }
}

.pf-Section04__Item03-Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: calc(50% - 50vw);
  display: block;
  background: linear-gradient(90deg, #2f466b 0%, #5e8bac 100%);
  padding-block: clamp(
    0.25rem,
    0vw + 0.25rem,
    0.25rem
  );
  padding-inline: 1.25rem;
  color: #ffffff;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.75rem,
    1.79vw + 0.8908rem,
    2.5rem
  );
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.014em;
}
.pf-Section04__Item03-Headline02:not(:first-child) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Item03-Headline02 {
    margin-left: unset;
    display: contents;
    padding-inline: clamp(
    0.75rem,
    1.79vw + -0.1092rem,
    1.5rem
  );
    letter-spacing: 0.05em;
  }
  .pf-Section04__Item03-Headline02:not(:first-child) {
    margin-top: clamp(
    0.5rem,
    0.3vw + 0.356rem,
    0.625rem
  );
  }
}

.pf-Section05 {
  padding-top: clamp(
    3rem,
    5.51vw + 0.3552rem,
    5.3125rem
  );
  padding-bottom: clamp(
    3.125rem,
    5.65vw + 0.413rem,
    5.5rem
  );
  background-image: url("../images/pages/front/section05-background-sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pf-Section05 {
    background-image: url("../images/pages/front/section05-background-pc.webp");
  }
}

.pf-Section05__Container {
  padding-inline: 1.25rem;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Container {
    margin-inline: auto;
    max-width: 61rem;
    padding-inline: 30px;
  }
}

.pf-Section05__Headline02Wrap {
  margin-inline: auto;
  max-width: 43.375rem;
  aspect-ratio: 3.5958549223;
}

.pf-Section05__Caption {
  margin-top: 1.25rem;
  color: #fff;
  text-align: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    0.875rem,
    2.04vw + 0.396875rem,
    1.375rem
  );
  font-style: normal;
  font-weight: 600;
  line-height: 1.5; /* 21px */
  letter-spacing: -0.28px;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Caption {
    margin-top: 2.625rem;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.7; /* 37.4px */
    letter-spacing: -0.44px;
  }
}

.pf-Section05__Item {
  background-color: #ffffff;
  padding-block: 1.3125rem 1.5rem;
  padding-inline: 0.625rem;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item {
    padding-block: 2.4375rem 3.75rem;
    padding-inline: 3.125rem 2.6875rem;
  }
}

.pf-Section05__Item01 {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "sec05-Item01-Headline03" "sec05-Item01-ImageWrap" "sec05-Item01-NoteWrap";
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item01 {
    margin-top: 2.5625rem;
    grid-template-columns: minmax(0, 478px), minmax(0, 390px);
    grid-template-rows: auto auto;
    grid-template-areas: "sec05-Item01-Headline03 sec05-Item01-Headline03" "sec05-Item01-NoteWrap sec05-Item01-ImageWrap";
    row-gap: 1.625rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.pf-Section05__Item01-Headline02Wrap {
  grid-area: sec05-Item01-Headline03;
  display: flex;
  gap: 4.125rem;
}

.pf-Section05__Item01-NumberImageWrap {
  width: clamp(
    3.4375rem,
    7.89vw + 1.58828125rem,
    5.375rem
  );
  aspect-ratio: 1.1956521739;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item01-NumberImageWrap {
    width: 6.75rem;
    aspect-ratio: 1.2413793103;
  }
}

.pf-Section05__Item03-NumberImageWrap {
  width: clamp(
    3.5625rem,
    8.65vw + 1.53515625rem,
    5.6875rem
  );
  aspect-ratio: 1.2391304348;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item03-NumberImageWrap {
    width: 7.125rem;
    aspect-ratio: 1.3103448276;
  }
}

@media screen and (min-width: 768px) {
  .pf-Section05__Item01-HeadTextWrap {
    width: 27.0625rem;
    aspect-ratio: 14.4333333333;
  }
}

.pf-Section05__Item01-NoteWrap,
.pf-Section05__Item02-NoteWrap,
.pf-Section05__Item03-NoteWrap {
  padding-top: 9px;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.42px;
}
.pf-Section05__Item01-NoteWrap p:not(:first-child),
.pf-Section05__Item02-NoteWrap p:not(:first-child),
.pf-Section05__Item03-NoteWrap p:not(:first-child) {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item01-NoteWrap,
.pf-Section05__Item02-NoteWrap,
.pf-Section05__Item03-NoteWrap {
    letter-spacing: 0.54px;
  }
}

.pf-Section05__Item01-NoteWrap {
  grid-area: sec05-Item01-NoteWrap;
}

.pf-Section05__Item01-ImageWrap {
  margin-top: 0.9375rem;
  grid-area: sec05-Item01-ImageWrap;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item01-ImageWrap {
    margin-top: unset;
    width: 24.375rem;
    aspect-ratio: 1.7727272727;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.pf-Section05__Item02 {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "sec05-Item02-Headline03" "sec05-Item02-ImageWrap" "sec05-Item02-NoteWrap";
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item02 {
    margin-top: 2.5625rem;
    grid-template-columns: minmax(0, 478px), minmax(0, 390px);
    grid-template-rows: auto auto;
    grid-template-areas: "sec05-Item02-Headline03 sec05-Item02-Headline03" "sec05-Item02-ImageWrap sec05-Item02-NoteWrap";
    row-gap: 1.625rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.pf-Section05__Item02-Headline02Wrap {
  grid-area: sec05-Item02-Headline03;
  width: 100%;
  display: flex;
  gap: clamp(
    1.875rem,
    5.36vw + -0.6978rem,
    4.125rem
  );
  justify-self: flex-end;
}

.pf-Section05__Item02-NumberImageWrap {
  width: clamp(
    3.5625rem,
    8.65vw + 1.53515625rem,
    5.6875rem
  );
  aspect-ratio: 1.2391304348;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item02-NumberImageWrap {
    width: 7.1875rem;
    aspect-ratio: 1.3218390805;
  }
}

@media screen and (min-width: 768px) {
  .pf-Section05__Item02-HeadTextWrap {
    max-width: clamp(
    14.8125rem,
    62.85vw + 0.08203125rem,
    34.6875rem
  );
    aspect-ratio: 4.8367346939;
  }
}
@media screen and (min-width: 881px) {
  .pf-Section05__Item02-HeadTextWrap {
    max-width: 34.6875rem;
    aspect-ratio: 19.1379310345;
  }
}

.pf-Section05__Item02-NoteWrap {
  grid-area: sec05-Item02-NoteWrap;
}

.pf-Section05__Item02-ImageWrap {
  margin-top: 0.9375rem;
  grid-area: sec05-Item02-ImageWrap;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item02-ImageWrap {
    margin-top: unset;
    width: 24.375rem;
    aspect-ratio: 1.7727272727;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.pf-Section05__Item03 {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "sec05-Item03-Headline03" "sec05-Item03-ImageWrap" "sec05-Item03-NoteWrap";
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item03 {
    margin-top: 2.5625rem;
    position: relative;
    padding-bottom: 4.375rem;
    grid-template-columns: minmax(0, 490px) minmax(0, 390px);
    grid-template-rows: auto auto;
    grid-template-areas: "sec05-Item03-Headline03 sec05-Item03-Headline03" "sec05-Item03-NoteWrap sec05-Item03-ImageWrap";
    row-gap: 1.625rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.pf-Section05__Item03-Headline02Wrap {
  grid-area: sec05-Item03-Headline03;
  display: flex;
  gap: clamp(
    0.125rem,
    9.52vw + -4.4446rem,
    4.125rem
  );
  justify-self: flex-start;
}

@media screen and (min-width: 768px) {
  .pf-Section05__Item03-HeadTextWrap {
    width: 22.625rem;
    aspect-ratio: 4.641025641;
  }
}

.pf-Section05__Item03-NoteWrap {
  grid-area: sec05-Item03-NoteWrap;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item03-NoteWrap {
    margin-top: 32px;
  }
}

.pf-Section05__Item03-ImageWrap {
  margin-top: 0.9375rem;
  grid-area: sec05-Item03-ImageWrap;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Item03-ImageWrap {
    position: absolute;
    margin-top: unset;
    bottom: -24px;
    right: -10px;
    width: clamp(
    20.3125rem,
    10.71vw + 15.1717rem,
    24.8125rem
  );
    aspect-ratio: 1.1850746269;
  }
}

.pf-Section06 {
  background-color: #f7fafc;
  padding-block: 3.125rem 3.125rem;
}
@media screen and (min-width: 768px) {
  .pf-Section06 {
    padding-block: 5rem 7.3125rem;
  }
}

.pf-Section06__Headline02 {
  color: #19446d;
  font-weight: 600;
}

.pf-Section06__Layout {
  padding-left: 24px;
}

.pf-Section06__List {
  margin-top: 3.625rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "sec06-item01" "sec06-item02" "sec06-item03" "sec06-item04" "sec06-item05" "sec06-item06" "sec06-item07";
}
@media screen and (min-width: 768px) {
  .pf-Section06__List {
    margin-top: 5.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "sec06-item01 sec06-item05" "sec06-item02 sec06-item06" "sec06-item03 sec06-item07" "sec06-item04 .";
    -moz-column-gap: clamp(
    3.125rem,
    13.1vw + -3.163rem,
    8.625rem
  );
         column-gap: clamp(
    3.125rem,
    13.1vw + -3.163rem,
    8.625rem
  );
  }
}

.pf-Section06__Item01,
.pf-Section06__Item02,
.pf-Section06__Item03,
.pf-Section06__Item04,
.pf-Section06__Item05,
.pf-Section06__Item06,
.pf-Section06__Item07,
.pf-Section06__Item08 {
  position: relative;
  padding-left: 2.0625rem;
  padding-bottom: 2.8125rem;
}
.pf-Section06__Item01::before,
.pf-Section06__Item02::before,
.pf-Section06__Item03::before,
.pf-Section06__Item04::before,
.pf-Section06__Item05::before,
.pf-Section06__Item06::before,
.pf-Section06__Item07::before,
.pf-Section06__Item08::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 0.1875rem;
  height: 100%;
  background-color: #19446d;
  content: "";
}
.pf-Section06__Item01::after,
.pf-Section06__Item02::after,
.pf-Section06__Item03::after,
.pf-Section06__Item04::after,
.pf-Section06__Item05::after,
.pf-Section06__Item06::after,
.pf-Section06__Item07::after,
.pf-Section06__Item08::after {
  position: absolute;
  top: -0.5rem;
  left: -1.5rem;
  width: 3rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section06__Item01,
.pf-Section06__Item02,
.pf-Section06__Item03,
.pf-Section06__Item04,
.pf-Section06__Item05,
.pf-Section06__Item06,
.pf-Section06__Item07,
.pf-Section06__Item08 {
    padding-left: 2.875rem;
    padding-bottom: 2.875rem;
  }
  .pf-Section06__Item01:before,
.pf-Section06__Item02:before,
.pf-Section06__Item03:before,
.pf-Section06__Item04:before,
.pf-Section06__Item05:before,
.pf-Section06__Item06:before,
.pf-Section06__Item07:before,
.pf-Section06__Item08:before {
    left: 0;
  }
}

.pf-Section06__Item01 {
  grid-area: sec06-item01;
}
.pf-Section06__Item01::after {
  background-image: url(../images/pages/front/section06-item01-number-pc.webp);
}

.pf-Section06__Item02 {
  grid-area: sec06-item02;
}
.pf-Section06__Item02::after {
  background-image: url(../images/pages/front/section06-item02-number-pc.webp);
}

.pf-Section06__Item03 {
  grid-area: sec06-item03;
}
.pf-Section06__Item03::after {
  background-image: url(../images/pages/front/section06-item03-number-pc.webp);
}

.pf-Section06__Item04 {
  grid-area: sec06-item04;
}
.pf-Section06__Item04::after {
  background-image: url(../images/pages/front/section06-item04-number-pc.webp);
}

.pf-Section06__Item05 {
  grid-area: sec06-item05;
}
.pf-Section06__Item05::after {
  background-image: url(../images/pages/front/section06-item05-number-pc.webp);
}

.pf-Section06__Item06 {
  grid-area: sec06-item06;
}
.pf-Section06__Item06::after {
  background-image: url(../images/pages/front/section06-item06-number-pc.webp);
}

.pf-Section06__Item07 {
  grid-area: sec06-item07;
}
.pf-Section06__Item07::after {
  background-image: url(../images/pages/front/section06-item07-number-pc.webp);
}

.pf-Section06__ItemHeadline03 {
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1.125rem,
    0.3vw + 0.981rem,
    1.25rem
  );
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.195px;
}

.pf-Section06__ItemNote {
  margin-top: 0.5rem;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  font-weight: 400;
  line-height: 1.4; /* 25.529px */
  letter-spacing: 0.547px;
}
@media screen and (min-width: 768px) {
  .pf-Section06__ItemNote {
    margin-top: 0.75rem;
  }
}

.pf-Section06__Item01Headline03,
.pf-Section06__Item02Headline03,
.pf-Section06__Item03Headline03,
.pf-Section06__Item04Headline03,
.pf-Section06__Item05Headline03,
.pf-Section06__Item06Headline03,
.pf-Section06__Item07Headline03,
.pf-Section06__Item08Headline03 {
  position: relative;
}
.pf-Section06__Item01Headline03::before,
.pf-Section06__Item02Headline03::before,
.pf-Section06__Item03Headline03::before,
.pf-Section06__Item04Headline03::before,
.pf-Section06__Item05Headline03::before,
.pf-Section06__Item06Headline03::before,
.pf-Section06__Item07Headline03::before,
.pf-Section06__Item08Headline03::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 3rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pf-Section06__Caption {
  margin-top: 1.625rem;
  display: grid;
  max-width: 840px;
  padding-block: 0.625rem;
  padding-inline: 1.6875rem;
  place-content: center;
  gap: 10px;
  border: 1px solid #8098ae;
  background: #fff;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  font-weight: 400;
  line-height: 1.6; /* 28.8px */
  letter-spacing: 0.7px;
}
@media screen and (min-width: 768px) {
  .pf-Section06__Caption {
    margin-top: 3.75rem;
    padding: 10px;
    color: #181e24;
    letter-spacing: 0.36px;
  }
}

.pf-Section07 {
  background-image: url("../images/pages/front/section07-background-sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-block: clamp(
    3.125rem,
    12.72vw + 0.14375rem,
    6.25rem
  ) clamp(
    3.125rem,
    6.36vw + 1.634375rem,
    4.6875rem
  );
}
@media screen and (min-width: 768px) {
  .pf-Section07 {
    padding-block: 6.25rem 4.6875rem;
    background-image: url("../images/pages/front/section07-background-pc.webp");
  }
}

.pf-Section07__Board {
  background-color: #ffffff;
  padding-bottom: clamp(
    1.875rem,
    2.98vw + 0.4446rem,
    3.125rem
  );
}

.pf-Section07__Headline02Wrap {
  margin-inline: auto;
  width: clamp(
    19.375rem,
    48.35vw + 8.04296875rem,
    31.25rem
  );
  aspect-ratio: 3.7804878049;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .pf-Section07__Headline02Wrap {
    width: clamp(
    44.375rem,
    26.64vw + 31.5878rem,
    55.5625rem
  );
    aspect-ratio: 13.890625;
  }
}

.pf-Section07__Caption {
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 36px */
}
@media screen and (min-width: 768px) {
  .pf-Section07__Caption {
    margin-top: 1.25rem;
  }
}

.pf-Section07__List {
  margin-top: clamp(
    0.875rem,
    1.49vw + 0.1598rem,
    1.5rem
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 1.375rem;
  gap: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .pf-Section07__List {
    margin-inline: auto;
    padding-inline: unset;
    flex-direction: row;
    flex: 1;
    max-width: 46.75rem;
    gap: 1.9375rem;
  }
}

.pf-Section07__Item {
  width: min(100%, 358px);
  padding-block: clamp(
    1rem,
    1.04vw + 0.5008rem,
    1.4375rem
  );
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.75rem;
  padding-inline: 0.75rem;
  border: 1px solid #0a3761;
  border-radius: 0.625rem;
}

.pf-Section07__ImageWrap {
  width: 2.5rem;
  aspect-ratio: 1;
}

.pf-Section07__NoteWrap {
  color: #181e24;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: clamp(
    0.9375rem,
    0.45vw + 0.7215rem,
    1.125rem
  );
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .pf-Section07__NoteWrap {
    letter-spacing: 0.54px;
  }
}

.pf-Section07__Notion {
  margin-top: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  color: #181e24;
  font-family: "Noto Sans JP";
  font-size: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.pf-Section08 {
  padding-block: clamp(
    3.125rem,
    3.72vw + 1.3394rem,
    4.6875rem
  ) clamp(
    0rem,
    5.95vw + -2.856rem,
    2.5rem
  );
}

.pf-Section08__Board {
  width: 100%;
  position: relative;
}
.pf-Section08__Board::before {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: -1;
  width: clamp(
    12.375rem,
    48.21vw + -10.7658rem,
    32.625rem
  );
  aspect-ratio: 0.5593220339;
  background-image: url(../images/pages/front/section08-men-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section08__Board::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: clamp(
    20.9375rem,
    27.83vw + 7.5791rem,
    32.625rem
  );
  aspect-ratio: 1.2737642586;
  background-image: url(../images/pages/front/section08-lady-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section08__Board {
    padding-right: 1.25rem;
  }
  .pf-Section08__Board::before {
    top: 0;
    right: 0;
    z-index: -1;
    width: clamp(
    18.75rem,
    33.04vw + 2.8908rem,
    32.625rem
  );
    aspect-ratio: 1.0377733598;
    background-image: url(../images/pages/front/section08-men-pc.webp);
  }
  .pf-Section08__Board::after {
    bottom: 1.5rem;
    width: clamp(
    34.375rem,
    44.49vw + 13.0198rem,
    53.0625rem
  );
    aspect-ratio: 1.8141025641;
    background-image: url(../images/pages/front/section08-lady-pc.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
}

.pf-Section08__Headline02Wrap {
  width: clamp(
    20.9375rem,
    57.29vw + -6.5617rem,
    45rem
  );
  aspect-ratio: 3.7222222222;
}

.pf-Section08__Block01 {
  margin-top: clamp(
    1.5rem,
    4.02vw + -0.4296rem,
    3.1875rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(255, 255, 255, 0.8);
  padding-inline: 0.375rem;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    0.875rem,
    1.19vw + 0.3038rem,
    1.375rem
  );
  font-weight: 600;
  line-height: 1.8; /* 39.6px */
  letter-spacing: -0.28px;
}
@media screen and (min-width: 768px) {
  .pf-Section08__Block01 {
    margin-inline: auto;
    padding-inline: 0.625rem;
    padding-block: 0.9375rem;
    text-align: center;
    letter-spacing: -0.44px;
  }
}

.pf-Section08__Block02 {
  margin-top: clamp(
    2.0625rem,
    1.04vw + 1.5633rem,
    2.5rem
  );
  text-align: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    2.08vw + 0.0016rem,
    1.875rem
  );
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.32;
}
@media screen and (min-width: 768px) {
  .pf-Section08__Block02 {
    font-style: normal;
    line-height: 1.6; /* 48px */
    letter-spacing: -0.6px;
  }
}

.pf-Section08__NoteWrpp {
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: calc(50% - 50vw);
  width: clamp(
    17.375rem,
    56.4vw + -9.697rem,
    41.0625rem
  );
  aspect-ratio: 1.3365384615;
}
@media screen and (min-width: 768px) {
  .pf-Section08__NoteWrpp {
    margin-top: 1.875rem;
    margin-right: 0;
    margin-right: 2rem;
    aspect-ratio: 1.7154046997;
  }
}

.pf-Section09 {
  background-color: #f7fafc;
  padding-top: clamp(
    3.5rem,
    3.57vw + 1.7864rem,
    5rem
  );
  padding-bottom: clamp(
    2.1875rem,
    6.7vw + -1.0285rem,
    5rem
  );
}

.pf-Section09__Headline02 {
  color: #0a3761;
  font-weight: 600;
}

.pf-Section09__Topic01,
.pf-Section09__Topic02 {
  position: relative;
}
.pf-Section09__Topic01::before,
.pf-Section09__Topic02::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: repeating-linear-gradient(90deg, #9cb9d4 0, #9cb9d4 6px, transparent 6px, transparent 12px);
  background-size: 100% 3px;
  background-repeat: repeat-x;
  content: "";
}

.pf-Section09__Topic01 {
  margin-top: 1.875rem;
  padding-bottom: 0.875rem;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Topic01 {
    margin-top: 3.375rem;
    padding-bottom: 0;
  }
}

.pf-Section09__Topic02 {
  margin-top: 1.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Topic02 {
    margin-top: 3.125rem;
  }
}

.pf-Section09__ListTitle {
  width: 88px;
  padding-block: 4px;
  border-radius: 50px;
  background: #9cb9d4;
  display: flex;
  justify-content: center;
  color: #0a3761;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    0.89vw + 0.5728rem,
    1.375rem
  );
}
.pf-Section09__ListTitle:nth-of-type(2) {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .pf-Section09__ListTitle {
    width: 124px;
    font-weight: 600;
    line-height: 1.4; /* 30.8px */
    letter-spacing: -0.44px;
  }
}

.pf-Section09__List {
  margin-top: 1.5625rem;
  position: relative;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
}

.pf-Section09__Item01 {
  padding-bottom: 0.75rem;
  display: flex;
  gap: 0.8125rem;
}
.pf-Section09__Item01:not(:first-child) {
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Item01 {
    gap: 0.9375rem;
  }
  .pf-Section09__Item01:not(:first-child) {
    margin-top: 0.5rem;
  }
}

.pf-Section09__Item01Title {
  flex: 0 0 50px;
  color: #19446d;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Item01Title {
    flex: 0 0 125px;
  }
}

.pf-Section09__Item02Note01 {
  display: flex;
  gap: 2.625rem;
}

.pf-Section09__Item02Note02 {
  padding-left: 20px;
}

.pf-Section09__Item02 {
  display: flex;
}
.pf-Section09__Item02:not(:first-child) {
  margin-top: 1rem;
}

@media screen and (min-width: 768px) {
  .pf-Section09__Item02Title {
    flex: 0 0 146px;
  }
}

.pf-Section09__Item02TitleText,
.pf-Section09__Topic02Item02TitleText {
  position: relative;
  padding-left: 0.625rem;
  color: #19446d;
}
.pf-Section09__Item02TitleText::before,
.pf-Section09__Topic02Item02TitleText::before {
  position: absolute;
  top: 0;
  left: -3px;
  width: 0.25rem;
  height: 100%;
  background-color: #9cb9d4;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pf-Section09__Item02Note01Small {
  font-size: 14px;
  letter-spacing: -0.28px;
}

.pf-Section09__Item02Note02 {
  padding-left: 4px;
}

.pf-Section09__Item02Note03 {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
}

.pf-Section09__Topic02Item02 {
  margin-top: 0.875rem;
  display: flex;
  gap: 1.5625rem;
}

.pf-Section09__Topic02Item02TitleText {
  padding-left: 8px;
}

.pf-Section09__Topic02Item02Note {
  margin-top: 2.25rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; /* 24px */
}

.pf-Section09__Note {
  margin-top: 3.125rem;
  text-align: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  font-weight: 500;
  line-height: 1.7; /* 18px */
  letter-spacing: 0.48px;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Note {
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.72px;
  }
}

.pf-Section10 {
  padding-top: clamp(
    3.125rem,
    4.76vw + 0.8402rem,
    5.125rem
  );
  padding-bottom: clamp(
    3.125rem,
    4.02vw + 1.1954rem,
    4.8125rem
  );
  position: relative;
}
.pf-Section10::before {
  margin-inline: calc(50% - 50vw);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  aspect-ratio: 1.2175324675;
  background-image: url(../images/pages/front/section10-bg-left-sp.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  content: "";
}
.pf-Section10::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  aspect-ratio: 0.6578947368;
  background-image: url(../images/pages/front/section10-bg-right-sp.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section10::before {
    top: 0;
    bottom: unset;
    left: 0;
    width: auto;
    height: 100%;
    aspect-ratio: 1.7715827338;
    background-image: url(../images/pages/front/section10-bg-left-pc.webp);
    background-size: contain;
  }
  .pf-Section10::after {
    top: 0;
    right: 0;
    z-index: -1;
    width: auto;
    height: 100%;
    aspect-ratio: 1.3201438849;
    background-image: url(../images/pages/front/section10-bg-right-pc.webp);
  }
}

.pf-Section10__Headline02Area {
  margin-inline: auto;
  max-width: 100%;
  aspect-ratio: 4.0361445783;
}
@media screen and (min-width: 768px) {
  .pf-Section10__Headline02Area {
    max-width: 45.6875rem;
    aspect-ratio: 11.0757575758;
  }
}

.pf-Section10__NoteBlock {
  margin-top: 12.3125rem;
  color: #19446d;
  width: 101%;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    0.89vw + 0.5728rem,
    1.375rem
  );
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .pf-Section10__NoteBlock {
    margin-top: 3.125rem;
    margin-left: 2.5rem;
    max-width: 33.75rem;
    line-height: 1.6; /* 35.2px */
  }
}
.pf-Section10__NoteBlock p:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .pf-Section10__NoteBlock p:not(:first-child) {
    margin-top: 2.1875rem;
  }
}

.pf-Section11 {
  padding-top: clamp(
    2.8125rem,
    2.98vw + 1.3821rem,
    4.0625rem
  );
  padding-bottom: clamp(
    3rem,
    3.27vw + 1.4304rem,
    4.375rem
  );
  background-image: url("../images/pages/front/section05-background-sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pf-Section11 {
    background-image: url("../images/pages/front/section05-background-pc.webp");
  }
}

.pf-Section11__Board {
  margin-top: clamp(
    1.5rem,
    1.49vw + 0.7848rem,
    2.125rem
  );
  background: rgba(255, 255, 255, 0.9);
  padding-block: 0.625rem 1rem;
  padding-inline: 1rem;
}
@media screen and (min-width: 768px) {
  .pf-Section11__Board {
    margin-inline: auto;
    max-width: 56.625rem;
    padding-inline: 0.625rem;
  }
}

.pf-Section11__Item {
  padding-block: 1.375rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "Section11__Step" "Section11__ItemTitle" "Section11__ItemImage" "Section11__ItemWriting";
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .pf-Section11__Item {
    padding-inline: 1.25rem 0rem;
    padding-block: 0.9375rem;
    grid-template-columns: 20.3125rem auto;
    grid-template-areas: "Section11__ItemImage Section11__ItemNoteArea";
    row-gap: unset;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}
.pf-Section11__Item:not(:first-child) {
  border-top: 1px solid #9cb9d4;
}

.pf-Section11__ItemImageWrap {
  margin-top: -0.5rem;
  grid-area: Section11__ItemImage;
  width: 18.75rem;
  width: 100%;
  aspect-ratio: 1.5789473684;
}
@media screen and (min-width: 768px) {
  .pf-Section11__ItemImageWrap {
    margin-top: unset;
    max-width: 20.3125rem;
    aspect-ratio: 1.7105263158;
  }
}

.pf-Section11__ItemNoteArea {
  display: contents;
}
@media screen and (min-width: 768px) {
  .pf-Section11__ItemNoteArea {
    display: block;
    grid-area: Section11__ItemNoteArea;
    align-self: center;
  }
}

.pf-Section11__Step {
  grid-area: Section11__Step;
  align-self: center;
  color: #5b8dba;
  font-family: "Zen Old Mincho";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.96px;
}

.pf-Section11__ItemTitle {
  margin-top: -0.3125rem;
  grid-area: Section11__ItemTitle;
  align-self: center;
  font-family: "Zen Old Mincho";
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.4px;
}
@media screen and (min-width: 768px) {
  .pf-Section11__ItemTitle {
    margin-top: 1rem;
  }
}

.pf-Section11__ItemWriting {
  grid-area: Section11__ItemWriting;
  margin-top: -0.4375rem;
  align-self: center;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  font-weight: 400;
  line-height: 1.8; /* 28.8px */
  letter-spacing: 0.32px;
}
@media screen and (min-width: 768px) {
  .pf-Section11__ItemWriting {
    margin-top: unset;
    margin-top: 1rem;
    letter-spacing: 0px;
  }
}

.pf-Section11__ButtonNote {
  margin-top: 32px;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 768px) {
  .pf-Section11__ButtonNote {
    margin-top: 50px;
    letter-spacing: 1.2px;
  }
}

.pf-Section11__Button {
  margin-top: 0.1875rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .pf-Section11__Button {
    margin-top: 0.3125rem;
    max-width: clamp(
    40.6875rem,
    5.51vw + 38.0427rem,
    43rem
  );
    aspect-ratio: 5.0076923077;
  }
}

.pf-Section11-ButtonNotion {
  margin-top: 0.125rem;
  text-align: center;
  color: #fff;
  font-size: clamp(
    0.875rem,
    0.6vw + 0.587rem,
    1.125rem
  );
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.42px;
}
@media screen and (min-width: 768px) {
  .pf-Section11-ButtonNotion {
    margin-top: 0.3125rem;
    letter-spacing: 0.54px;
  }
}

.pf-Section12 {
  background-color: #f7fafc;
  padding-top: clamp(
    2.5rem,
    5.21vw + -0.0008rem,
    4.6875rem
  );
  padding-bottom: clamp(
    1.1875rem,
    3.13vw + -0.3149rem,
    2.5rem
  );
}

.pf-Section12__Container {
  padding-inline: 1.375rem;
}
@media screen and (min-width: 768px) {
  .pf-Section12__Container {
    margin-inline: auto;
    padding-inline: 0.6875rem;
    max-width: 57.5rem;
    padding-inline: 30px;
  }
}

.pf-Section12__Headline02 {
  color: #0a3761;
  font-weight: 500;
}

.pf-Section12__Board {
  margin-top: clamp(
    1.125rem,
    4.76vw + -1.1598rem,
    3.125rem
  );
  padding-block: 1.875rem 1.875rem;
  padding-inline: 0.9375rem;
  background-color: #ffffff;
  box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .pf-Section12__Board {
    padding-block: 3.3125rem 1.875rem;
    padding-inline: 1.875rem;
  }
}

.pf-Section12__Item {
  position: relative;
  padding-bottom: 1.375rem;
  padding-left: 2.125rem;
}
.pf-Section12__Item:not(:first-child) {
  padding-top: 1.375rem;
}
.pf-Section12__Item::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #747474;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section12__Item {
    padding-bottom: 1.875rem;
    padding-left: 2.875rem;
  }
  .pf-Section12__Item:not(:first-child) {
    padding-top: 3.125rem;
  }
}

.pf-Section12__ItemQuestion {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.8px;
}
.pf-Section12__ItemQuestion::before {
  position: absolute;
  top: 0;
  left: -2.125rem;
  color: #0a3761;
  font-size: clamp(
    1.375rem,
    1.19vw + 0.8038rem,
    1.875rem
  );
  font-weight: 500;
  letter-spacing: -0.6px;
  content: "Q.";
}
@media screen and (min-width: 768px) {
  .pf-Section12__ItemQuestion {
    font-weight: 600;
    letter-spacing: 0.6px;
  }
  .pf-Section12__ItemQuestion::before {
    bottom: 0;
    left: -3rem;
    font-size: clamp(
    1.375rem,
    1.19vw + 0.8038rem,
    1.875rem
  );
    font-weight: 500;
    letter-spacing: -0.6px;
  }
}

.pf-Section12__ItemAnswer {
  position: relative;
  margin-top: 0.625rem;
  color: #181e24;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: 0.7px;
}
.pf-Section12__ItemAnswer::before {
  position: absolute;
  top: 0;
  left: -2rem;
  color: #747474;
  font-family: "Zen Old Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4; /* 25.2px */
  letter-spacing: -0.36px;
  content: "A.";
}
@media screen and (min-width: 768px) {
  .pf-Section12__ItemAnswer {
    margin-top: 1.5625rem;
  }
  .pf-Section12__ItemAnswer::before {
    left: -3rem;
  }
}

.pf-Section12__Attention {
  margin-top: 1rem;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pf-Section13 {
  padding-block: clamp(
    3rem,
    3.27vw + 1.4304rem,
    4.375rem
  ) clamp(
    2.8125rem,
    3.72vw + 1.0269rem,
    4.375rem
  );
  background: url(../images/pages/front/section13-bg-sp.webp);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pf-Section13 {
    background-image: url(../images/pages/front/section13-bg-pc.webp);
  }
}

.pf-Section13__Headline02 {
  margin-inline: auto;
  width: clamp(
    20.9375rem,
    41.98vw + 11.0984375rem,
    31.25rem
  );
  aspect-ratio: 3.9411764706;
}
@media screen and (min-width: 768px) {
  .pf-Section13__Headline02 {
    width: clamp(
    38.875rem,
    16.22vw + 31.0894rem,
    45.6875rem
  );
    aspect-ratio: 11.0757575758;
  }
}

.pf-Section13__NoteWrap {
  margin-top: 1.875rem;
  font-family: "Zen Old Mincho";
  font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.1px;
}
@media screen and (min-width: 768px) {
  .pf-Section13__NoteWrap {
    margin-top: 3.125rem;
    text-align: center;
    letter-spacing: 1px;
  }
}

.pf-Section13__Note-Kerning {
  letter-spacing: -0.48px;
}
@media screen and (min-width: 768px) {
  .pf-Section13__Note-Kerning {
    letter-spacing: unset;
  }
}

.pf-Section13__Note02 {
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .pf-Section13__Note02 {
    margin-top: 2.5rem;
  }
}

.pf-Section14 {
  padding-block: clamp(
    2.5rem,
    2.98vw + 1.0696rem,
    3.75rem
  );
  background: #f9f7f2;
}

@media screen and (min-width: 768px) {
  .pf-Section14-Inner {
    padding-inline: 2.3125rem;
  }
}

.pf-Section14__Headline02 {
  color: #b18247;
}

.pf-Section14__Body {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .pf-Section14__Body {
    margin-top: 4rem;
  }
}

.pf-Section14__OverViewBlock {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .pf-Section14__OverViewBlock {
    flex-direction: row;
    gap: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pf-Section14__OverViewWrap {
    flex: 1;
    flex-basis: 34.4375rem;
  }
}

.pf-Section14__InformationWrap {
  margin-top: 1.25rem;
  color: #181e24;
  font-family: "Zen Old Mincho";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.24px;
}

.pf-Section14__MapWrap {
  margin-top: 1.25rem;
  max-width: 57.9375rem;
  aspect-ratio: 2.2888888889;
}

.pf-Section14__ImageBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .pf-Section14__ImageBlock {
    gap: 0.8125rem;
    margin-inline: unset;
    align-items: unset;
    flex-basis: 20.375rem;
  }
}

.pf-Section14__Image01,
.pf-Section14__Image02 {
  width: 59.2%;
  aspect-ratio: 1.5416666667;
}
@media screen and (min-width: 768px) {
  .pf-Section14__Image01,
.pf-Section14__Image02 {
    width: 100%;
  }
}

.pf-Section14__Image01 {
  margin-left: auto;
  position: relative;
  z-index: 1;
  display: block;
}
@media screen and (min-width: 768px) {
  .pf-Section14__Image01 {
    margin-top: unset;
    margin-left: unset;
  }
}

.pf-Section14__Image02 {
  margin-top: -3.125rem;
  margin-right: auto;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .pf-Section14__Image02 {
    margin-top: unset;
    margin-right: unset;
  }
}

.pf-Section14__List {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .pf-Section14__List {
    margin-top: unset;
  }
}

.pf-Section14__Item {
  padding-bottom: 0.625rem;
  display: flex;
  position: relative;
  font-family: "Zen Old Mincho";
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.28px;
}
.pf-Section14__Item::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #cacaca;
  content: "";
}
.pf-Section14__Item:not(:first-child) {
  padding-top: 0.625rem;
}

.pf-Section14__ItemTitle {
  flex-basis: 6.125rem;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .pf-Section14__ItemTitle {
    width: 8.3125rem;
    font-size: 16px;
  }
}

.pf-Section14__ItemNote {
  margin-top: 0.625rem;
  font-family: "Zen Old Mincho";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.24px;
}

.pf-Section14__ItemData {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pf-Section14__ItemData {
    width: auto;
  }
}
/*# sourceMappingURL=style.css.map */