html {
  font-size: 4.1025641vw
}

@media (min-width: 768px) {
  html {
    font-size: 1.1vw
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 100%
  }
}

@media (min-width: 1536px) {
  html {
    font-size: 105%
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 105%
  }
}

@media (min-width: 2560px) {
  html {
    font-size: 110%
  }
}

body {
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  overflow-y: scroll;
  overflow-x: clip;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  background: url(./images/body_bg1_1.webp);
  color: #1f1f1f
}

* {
  box-sizing: border-box
}

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

img {
  width: 100%;
  height: auto
}

a:focus-visible {
  outline: #005fcc solid .25rem;
  border-radius: .1875rem
}

[hidden] {
  display: none !important
}

*,
*:before,
*:after {
  box-sizing: border-box
}

* {
  margin: 0
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%
}

input,
button,
textarea,
select {
  font: inherit
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word
}

#root,
#__next {
  isolation: isolate
}

body.-backgroundFixed .l-container {
  scrollbar-gutter: stable;
  overflow-y: auto
}

.l-main {
  position: relative;
  z-index: z(contents);
  overflow: hidden
}

.p-block1__figure1 {
  position: relative
}

.p-block1__figure1__text1 {
  position: absolute;
  top: 13.5625rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 16.3125rem;
  z-index: 1
}

@media (min-width: 768px) {
  .p-block1__figure1__text1 {
    width: 43.333vw;
    top: 17.901%
  }
}

.p-block1__figure1__text2 {
  position: absolute;
  bottom: .375rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 9.6875rem;
  z-index: 3
}

@media (min-width: 768px) {
  .p-block1__figure1__text2 {
    width: 53.541vw;
    bottom: 1.975%
  }
}

.p-block1__figure1__image2 {
  position: absolute;
  top: 26.9375rem;
  left: 7.75rem;
  width: 7.3125rem;
  z-index: 2
}

@media (min-width: 768px) {
  .p-block1__figure1__image2 {
    width: 10.347vw;
    top: 64.567%;
    left: 27.916%
  }
}

.p-block1__figure1__image3 {
  position: absolute;
  bottom: .5rem;
  left: 1.25rem;
  width: 5.125rem;
  z-index: 4
}

@media (min-width: 768px) {
  .p-block1__figure1__image3 {
    width: 9.027vw;
    left: 18.194%;
    bottom: 3.58%
  }
}

.p-block1__text1 {
  color: #1f1f1f;
  font-family: Noto Sans JP, sans-serif;
  font-size: .75rem;
  text-align: center;
  margin: .875rem 0 0;
  padding: 0 1.5rem;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block1__text1 {
    font-size: .8125rem;
    margin: 1rem 0 0;
    padding: 0
  }
}

.p-block2 {
  margin: 2.1875rem 0 0;
  position: relative
}

@media (min-width: 768px) {
  .p-block2 {
    margin: 4.0625rem 0 0
  }
}

.p-block2__inner1 {
  margin: 0 .75rem;
  padding: 0 0 11.5rem;
  border-top: 1px solid transparent;
  position: relative;
  border-image-source: url(./images/border_type1_1.webp);
  border-image-slice: 60;
  border-image-width: 1.875rem
}

@media (min-width: 768px) {
  .p-block2__inner1 {
    margin: 0 auto;
    padding-bottom: 7.375rem;
    border-image-width: 2.8125rem;
    width: 83.75rem
  }
}

.p-block2__title1 {
  margin: -.625rem -.5rem 0
}

@media (min-width: 768px) {
  .p-block2__title1 {
    margin: -1.5rem auto 0;
    width: 51.625rem
  }
}

.p-block2__text1 {
  margin: -.5rem 0 0;
  display: grid;
  gap: 2.375rem
}

@media (min-width: 768px) {
  .p-block2__text1 {
    margin: 1.1875rem 0 0
  }
}

.p-block2__text1>p {
  font-weight: 700;
  line-height: 160%;
  text-align: center
}

@media (min-width: 768px) {
  .p-block2__text1>p {
    font-size: 1.625rem
  }
}

.p-block2__imageGroup1>div {
  position: absolute;
  width: 14.75rem
}

@media (min-width: 768px) {
  .p-block2__imageGroup1>div {
    width: 31.0625rem
  }
}

.p-block2__imageGroup1>div:nth-of-type(1) {
  top: 5.25rem;
  right: -10.625rem
}

@media (min-width: 768px) {
  .p-block2__imageGroup1>div:nth-of-type(1) {
    top: 4.375rem;
    right: -19.1875rem
  }
}

.p-block2__imageGroup1>div:nth-of-type(2) {
  top: 32.9375rem;
  left: -7.4375rem;
  scale: -1 -1
}

@media (min-width: 768px) {
  .p-block2__imageGroup1>div:nth-of-type(2) {
    top: 20rem;
    left: -16.0625rem
  }
}

.p-block2__imageGroup1>div:nth-of-type(3) {
  top: 44rem;
  right: -8.875rem;
  z-index: 1
}

@media (min-width: 768px) {
  .p-block2__imageGroup1>div:nth-of-type(3) {
    top: 53.75rem;
    right: -19.1875rem
  }
}

.p-block2__imageGroup2>div {
  position: absolute
}

.p-block2__imageGroup2>div:nth-of-type(1) {
  width: 6.375rem;
  top: 13.125rem;
  left: -3.125rem
}

@media (min-width: 768px) {
  .p-block2__imageGroup2>div:nth-of-type(1) {
    width: 15rem;
    top: 9.25rem;
    left: 10.125rem
  }
}

.p-block2__imageGroup2>div:nth-of-type(2) {
  width: 7.5rem;
  top: 19.25rem;
  right: -2.1875rem
}

@media (min-width: 768px) {
  .p-block2__imageGroup2>div:nth-of-type(2) {
    width: 15rem;
    top: 21.5rem;
    right: 12.5rem
  }
}

.p-block2__imageGroup3>div {
  position: absolute
}

.p-block2__imageGroup3>div:nth-of-type(1) {
  width: 7.375rem;
  bottom: -3.375rem;
  left: 2.25rem
}

@media (min-width: 768px) {
  .p-block2__imageGroup3>div:nth-of-type(1) {
    width: 18.375rem;
    bottom: -5rem;
    left: -.625rem
  }
}

.p-block2__imageGroup3>div:nth-of-type(2) {
  width: 8rem;
  bottom: -3.375rem;
  right: 3.25rem
}

@media (min-width: 768px) {
  .p-block2__imageGroup3>div:nth-of-type(2) {
    width: 19.8125rem;
    right: -.625rem;
    bottom: -5rem
  }
}

.p-block3 {
  margin: 3.375rem 0 0
}

@media (min-width: 768px) {
  .p-block3 {
    margin: 5rem 0 0
  }
}

@media (min-width: 768px) {
  .p-block3__inner1 {
    display: grid;
    grid-template-columns: 56.6% 1fr
  }
}

.p-block3__image1 picture {
  height: 100%
}

@media (min-width: 768px) {
  .p-block3__image1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
}

.p-block4 {
  padding: 2.5rem 0 2rem;
  background: url(./images/block4_bg1_1.webp);
  background-size: 1.4375rem 2.9375rem
}

@media (min-width: 768px) {
  .p-block4 {
    padding: 5.1875rem 0 5rem
  }
}

.p-block4__inner1 {
  padding: 0 0 2rem;
  border-top: 1px solid transparent;
  margin: 0 .75rem;
  position: relative;
  border-image-source: url(./images/border_type2_1.webp);
  border-image-slice: 60 fill;
  border-image-width: 1.875rem
}

@media (min-width: 768px) {
  .p-block4__inner1 {
    width: 83.75rem;
    margin: 0 auto;
    padding-bottom: 4.75rem;
    border-image-width: 2.8125rem
  }
}

.p-block4__title1 {
  margin: -.625rem -.5rem 0
}

@media (min-width: 768px) {
  .p-block4__title1 {
    margin: -1.8125rem auto 0;
    max-width: 51.625rem
  }
}

.p-block4__imageGroup1>div {
  position: absolute;
  width: 5.875rem
}

@media (min-width: 768px) {
  .p-block4__imageGroup1>div {
    width: 16.5625rem
  }
}

.p-block4__imageGroup1>div:nth-of-type(1) {
  top: -1rem;
  left: .25rem
}

@media (min-width: 768px) {
  .p-block4__imageGroup1>div:nth-of-type(1) {
    top: -1.25rem;
    left: -.6875rem
  }
}

.p-block4__imageGroup1>div:nth-of-type(2) {
  top: -1rem;
  right: .25rem
}

@media (min-width: 768px) {
  .p-block4__imageGroup1>div:nth-of-type(2) {
    top: -1.25rem;
    right: -.625rem
  }
}

.p-block4__nav1 {
  margin: .625rem auto 0;
  width: 21.875rem;
  padding: .5rem 0;
  background: url(./images/block4_image1_1.webp) 0 0/contain no-repeat;
  display: grid;
  gap: .125rem
}

@media (min-width: 768px) {
  .p-block4__nav1 {
    background: url(./images/block4_image1_1_desktop.webp) 0 bottom/contain no-repeat;
    width: 75.125rem;
    margin: .5rem auto 0;
    padding: 0 0 .75rem;
    grid-auto-flow: column;
    justify-content: center;
    gap: .5rem
  }
}

.p-block4__nav1__item1 {
  width: 21.3125rem;
  margin: 0 auto
}

@media (min-width: 768px) {
  .p-block4__nav1__item1 {
    width: 21.375rem
  }
}

@media (min-width: 768px) {
  .p-block4__nav1__item1>a {
    display: block;
    position: relative;
    border-radius: 10rem;
    overflow: hidden
  }
}

@media (min-width: 768px) {
  .p-block4__nav1__item1>a:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: #ffffff54;
    transition: all .7s cubic-bezier(.23, 1, .32, 1);
    z-index: 1
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .p-block4__nav1__item1>a:hover:before {
    opacity: 1
  }
}

@media (min-width: 768px) {
  .p-block4__nav1__item1>a:after {
    display: block;
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2.25rem;
    margin: auto;
    background: url(./images/icon_arrow1_1.svg) 0 0/cover no-repeat;
    transition: all .7s cubic-bezier(.23, 1, .32, 1)
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .p-block4__nav1__item1>a:hover:after {
    scale: 1.1818
  }
}

.p-block4__unit1 {
  margin: 3.375rem 0 0;
  position: relative;
  border-image-source: url(./images/border_type3_1.webp);
  border-image-slice: 20 fill;
  border-image-width: .625rem;
  padding-bottom: 3.9375rem
}

@media (min-width: 768px) {
  .p-block4__unit1 {
    width: 75rem;
    margin: 5rem auto 0;
    border-image-source: url(./images/border_type3_1_desktop.webp);
    border-image-slice: 20 fill;
    border-image-width: 1.25rem;
    padding-bottom: 4.125rem
  }
}

.p-block4__unit1__inner1 {
  border-top: 1px solid transparent
}

.p-block4__unit1__number1 {
  width: 5.875rem;
  margin: -1.875rem auto 0
}

@media (min-width: 768px) {
  .p-block4__unit1__number1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.5625rem;
    margin-left: 2.5rem;
    margin-right: 0
  }
}

.p-block4__unit1__label1 {
  width: 5.625rem;
  position: absolute;
  top: -1.875rem;
  right: 1.25rem
}

@media (min-width: 768px) {
  .p-block4__unit1__label1 {
    width: 13.125rem;
    top: -1.875rem;
    right: 2.5rem
  }
}

.p-block4__unit1__title1 {
  color: #ff0511;
  text-align: center;
  line-height: 120%;
  font-size: 2.375rem;
  margin: .75rem 0 0
}

@media (min-width: 768px) {
  .p-block4__unit1__title1 {
    font-size: 3.5rem;
    line-height: 160%;
    margin: 3.6875rem 0 0
  }
}

@media (min-width: 768px) {
  .p-block4__unit1__title1.-line2 {
    line-height: 130%
  }
}

.p-block4__unit1__title1>span {
  letter-spacing: -.1em
}

.p-block4__unit1__text1 {
  background: #ff0511;
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  padding: .625rem 1.375rem .75rem;
  margin: 1.5625rem 1.625rem 0;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block4__unit1__text1 {
    margin: 2.8125rem auto 0;
    width: 65rem;
    font-size: 1.125rem;
    padding: .3125rem 0;
    border-radius: 10rem
  }
}

.p-block4__unit1__text2 {
  margin: .9375rem 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block4__unit1__text2 {
    font-size: 1.25rem
  }
}

.p-block4__unit1__list2 {
  margin: 2.0625rem 1.625rem 0;
  display: grid;
  gap: 1.75rem
}

@media (min-width: 768px) {
  .p-block4__unit1__list2 {
    margin: 1.5625rem auto 0;
    width: 65.0625rem;
    display: flex;
    gap: 1.5625rem 3rem;
    flex-wrap: wrap;
    justify-content: center
  }
}

@media (min-width: 768px) {
  .p-block4__unit1__list2__item1 {
    max-width: 19.6875rem
  }
}

.p-block4__unit1__list2__item1__text1 {
  margin: 1rem 0 0;
  font-family: Noto Sans JP, sans-serif;
  line-height: 160%;
  font-weight: 500
}

@media (min-width: 768px) {
  .p-block4__unit1__list2__item1__text1 {
    margin: .9375rem 0 0;
    font-size: 1.125rem
  }
}

.p-block4__unit1__list2__item1__text1>span {
  color: #1f1f1f;
  font-family: Noto Sans JP, sans-serif;
  font-size: .75rem;
  line-height: 150%;
  display: block;
  margin: 10px 0 0
}

@media (min-width: 768px) {
  .p-block4__unit1__list2__item1__text1>span {
    font-size: .8125rem
  }
}

.p-block4__unit2 {
  margin: 3.375rem 0 0;
  padding: 0 0 4.5rem;
  border-top: 1px solid transparent;
  position: relative;
  border-image-source: url(./images/border_type3_1.webp);
  border-image-slice: 20 fill;
  border-image-width: .625rem
}

@media (min-width: 768px) {
  .p-block4__unit2 {
    margin: 4.875rem auto 0;
    width: 75rem;
    border-image-source: url(./images/border_type3_1_desktop.webp);
    border-image-slice: 20 fill;
    border-image-width: 1.25rem;
    padding-bottom: 6.5rem
  }
}

.p-block4__unit2__inner1 {
  border-top: 1px solid transparent
}

.p-block4__unit2__number1 {
  width: 5.875rem;
  margin: -1.875rem auto 0
}

@media (min-width: 768px) {
  .p-block4__unit2__number1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.5625rem;
    margin-left: 2.5rem;
    margin-right: 0
  }
}

.p-block4__unit2__title1 {
  color: #ff0511;
  text-align: center;
  line-height: 120%;
  font-size: 2.5rem;
  margin: .75rem 0 0
}

@media (min-width: 768px) {
  .p-block4__unit2__title1 {
    margin: 3.6875rem 0 0;
    font-size: 3.5rem;
    line-height: 160%
  }
}

.p-block4__unit2__text1 {
  background: #ff0511;
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  padding: .625rem 1.375rem .75rem;
  margin: 1.5625rem 1.625rem 0;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block4__unit2__text1 {
    font-size: 1.125rem;
    padding: .3125rem 0;
    border-radius: 10rem;
    width: 65rem;
    margin: 2.8125rem auto 0
  }
}

.p-block4__unit2__text2 {
  margin: .9375rem 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 160%;
  display: grid;
  gap: .625rem
}

@media (min-width: 768px) {
  .p-block4__unit2__text2 {
    font-size: 1.25rem;
    gap: .25rem
  }
}

.p-block4__unit2__text2>span {
  font-size: .875rem
}

@media (min-width: 768px) {
  .p-block4__unit2__text2>span {
    font-size: 1rem
  }
}

.p-block4__unit2__wrap1 {
  margin: 1.6875rem auto 0;
  width: 19.25rem;
  position: relative
}

@media (min-width: 768px) {
  .p-block4__unit2__wrap1 {
    width: 65rem;
    margin: 2.125rem auto 0
  }
}

.p-block4__unit2__buttonGroup2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-block4__unit2__buttonGroup2>a {
  display: block;
  width: 6.875rem;
  height: 6.875rem;
  position: absolute
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a {
    width: 12.875rem;
    height: 12.875rem
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(1) {
  top: 5.3125rem;
  left: 1.375rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(1) {
    top: 4.125rem;
    left: 8.6875rem
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(2) {
  top: 15.4375rem;
  left: 1.375rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(2) {
    top: 4.125rem;
    left: 26.0625rem
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(3) {
  top: 25.5625rem;
  left: 1.375rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(3) {
    top: 4.125rem;
    left: 43.4375rem
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(4) {
  top: .25rem;
  left: 12.125rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(4) {
    top: 26.5625rem;
    left: 0
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(5) {
  top: 10.375rem;
  left: 12.125rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(5) {
    top: 26.5625rem;
    left: 17.25rem
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(6) {
  top: 20.5rem;
  left: 12.125rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(6) {
    top: 26.5625rem;
    left: 34.4375rem
  }
}

.p-block4__unit2__buttonGroup2>a:nth-of-type(7) {
  top: 30.5625rem;
  left: 12.125rem
}

@media (min-width: 768px) {
  .p-block4__unit2__buttonGroup2>a:nth-of-type(7) {
    top: 26.5625rem;
    left: 51.6875rem
  }
}

.p-block4__unit2__button1 {
  display: block;
  position: absolute;
  width: 6.1875rem;
  z-index: 1
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1%;
    left: 0;
    background: #ffffff61;
    border-radius: 10rem;
    opacity: 0;
    transition: all .7s cubic-bezier(.23, 1, .32, 1)
  }

  .p-block4__unit2__button1:hover:before {
    opacity: 1
  }
}

@media (min-width: 768px) {
  .p-block4__unit2__button1 {
    width: 11.375rem
  }
}

.p-block4__unit2__button1:nth-of-type(1) {
  top: 11.4375rem;
  left: 1.6875rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(1) {
    top: 15.5rem;
    left: 9.4375rem
  }
}

.p-block4__unit2__button1:nth-of-type(2) {
  top: 21.5625rem;
  left: 1.6875rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(2) {
    top: 15.5rem;
    left: 26.8125rem
  }
}

.p-block4__unit2__button1:nth-of-type(3) {
  top: 31.625rem;
  left: 1.6875rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(3) {
    top: 15.5rem;
    left: 44.1875rem
  }
}

.p-block4__unit2__button1:nth-of-type(4) {
  top: 6.375rem;
  left: 12.5rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(4) {
    top: 38.125rem;
    left: .875rem
  }
}

.p-block4__unit2__button1:nth-of-type(5) {
  top: 16.5rem;
  left: 12.5rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(5) {
    top: 38.125rem;
    left: 18rem
  }
}

.p-block4__unit2__button1:nth-of-type(6) {
  top: 26.5625rem;
  left: 12.5rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(6) {
    top: 38.125rem;
    left: 35.25rem
  }
}

.p-block4__unit2__button1:nth-of-type(7) {
  top: 36.6875rem;
  left: 12.5rem
}

@media (min-width: 768px) {
  .p-block4__unit2__button1:nth-of-type(7) {
    top: 38.125rem;
    left: 52.4375rem
  }
}

.p-block4__unit2__button1__icon1 {
  display: none
}

@media (min-width: 768px) {
  .p-block4__unit2__button1__icon1 {
    display: block;
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    top: -.0625rem;
    right: 0;
    scale: 0;
    transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    background: url(./images/icon_question1_1.svg) 0 0/cover no-repeat
  }

  .p-block4__unit2__button1:hover .p-block4__unit2__button1__icon1 {
    scale: 1.1818
  }
}

@media (min-width: 768px) {
  .p-block4__unit2__button1__icon1.-active1 {
    scale: 1
  }
}

@media (min-width: 768px) {
  .p-block4__unit2__button1__icon1:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff61;
    border-radius: 10rem;
    opacity: 0;
    transition: all .7s cubic-bezier(.23, 1, .32, 1)
  }

  .p-block4__unit2__button1:hover .p-block4__unit2__button1__icon1:before {
    opacity: 1
  }
}

.p-block4__unit3 {
  margin: 3.375rem 0 0;
  padding: 0 0 3.5rem;
  border-top: 1px solid transparent;
  position: relative;
  border-image-source: url(./images/border_type3_1.webp);
  border-image-slice: 20 fill;
  border-image-width: .625rem
}

@media (min-width: 768px) {
  .p-block4__unit3 {
    margin: 4.875rem auto 0;
    width: 75rem;
    border-image-source: url(./images/border_type3_1_desktop.webp);
    border-image-slice: 20 fill;
    border-image-width: 1.25rem;
    padding-bottom: 5.1875rem
  }
}

.p-block4__unit3__inner1 {
  border-top: 1px solid transparent
}

.p-block4__unit3__number1 {
  width: 5.875rem;
  margin: -1.875rem auto 0
}

@media (min-width: 768px) {
  .p-block4__unit3__number1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.5625rem;
    margin-left: 2.5rem;
    margin-right: 0
  }
}

.p-block4__unit3__title1 {
  color: #ff0511;
  text-align: center;
  line-height: 120%;
  font-size: 2.5rem;
  margin: .75rem 0 0
}

@media (min-width: 768px) {
  .p-block4__unit3__title1 {
    margin: 3.6875rem 0 0;
    font-size: 3.5rem;
    line-height: 160%
  }
}

.p-block4__unit3__text1 {
  background: #ff0511;
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  padding: .625rem 1.375rem .75rem;
  margin: 1.5625rem 1.625rem 0;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  line-height: 160%;
  font-size: 1.125rem
}

@media (min-width: 768px) {
  .p-block4__unit3__text1 {
    padding: .3125rem 0;
    border-radius: 10rem;
    width: 65rem;
    margin: 1.625rem auto 0;
    margin: 2.8125rem auto 0;
    background: red
  }
}

.p-block4__unit3__text2 {
  margin: .9375rem 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block4__unit3__text2 {
    font-size: 1.25rem
  }
}

.p-block4__unit3__list1 {
  margin: 1.5625rem 1.625rem 0;
  display: grid;
  gap: 1rem
}

@media (min-width: 768px) {
  .p-block4__unit3__list1 {
    margin: 2.5625rem auto 0;
    width: 65rem;
    gap: 1.25rem 1.875rem;
    grid-template-columns: repeat(2, 1fr)
  }
}

.p-block4__unit3__image1 {
  margin: 1.875rem auto 0;
  width: 19.5rem
}

@media (min-width: 768px) {
  .p-block4__unit3__image1 {
    width: 27.375rem;
    margin: 0;
    position: absolute;
    top: 66.9375rem;
    right: 8.625rem
  }
}

.p-block4__unit3__unit1 {
  position: relative;
  border-image-source: url(./images/border_type4_1.webp);
  border-image-slice: 44 fill;
  border-image-width: 1.375rem;
  margin: 0 1.625rem;
  padding: 2.3125rem 0 4rem
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1 {
    margin: 4.5rem auto 0;
    width: 65rem;
    padding: 2.5rem
  }
}

.p-block4__unit3__unit1__title1 {
  width: 2.5625rem;
  position: absolute;
  top: -1.25rem;
  left: 1.5rem
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1__title1 {
    top: -2.9375rem;
    left: 2.5rem
  }
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1__wrap1 {
    display: grid;
    grid-template-columns: 10.9375rem 1fr;
    gap: .3125rem 1.5625rem
  }
}

.p-block4__unit3__unit1__logo1 {
  width: 8.75rem;
  margin: 0 auto
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1__logo1 {
    width: 6.875rem;
    margin: 0 0 0 auto;
    grid-row: 1/3
  }
}

.p-block4__unit3__unit1__title2 {
  color: #ff0511;
  font-weight: 700;
  font-size: 1.6875rem;
  line-height: 140%;
  margin: 1rem 1.625rem 0
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1__title2 {
    font-size: 1.625rem;
    line-height: 160%;
    margin: 0
  }
}

.p-block4__unit3__unit1__text1 {
  margin: .8125rem 1.625rem 0;
  line-height: 160%;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1__text1 {
    margin: 0;
    font-size: 1.125rem
  }
}

.p-block4__unit3__unit1__image1 {
  margin: 1.625rem 1.625rem 0
}

@media (min-width: 768px) {
  .p-block4__unit3__unit1__image1 {
    margin: 2.1875rem 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .9375rem
  }
}

.p-block4__unit3__unit1__image1>img {
  display: none
}

.p-block4__unit3__unit1__image1>img:nth-of-type(1) {
  display: block
}

@media (min-width: 768px) {

  .p-block4__unit3__unit1__image1>img:nth-of-type(3),
  .p-block4__unit3__unit1__image1>img:nth-of-type(2) {
    display: block
  }
}

.p-block4__inner2 {
  padding: 0 0 2rem;
  margin: .5rem .75rem 0;
  border-top: 1px solid transparent;
  border-image-source: url(./images/border_type5_1.webp);
  border-image-slice: 60 fill;
  border-image-width: 1.875rem
}

@media (min-width: 768px) {
  .p-block4__inner2 {
    margin: 3rem auto 0;
    width: 83.75rem;
    border-image-width: 2.8125rem;
    padding-bottom: 4.125rem
  }
}

.p-block4__unit4 {
  margin: 2rem 0 0;
  padding: 1.625rem 0 3rem;
  position: relative;
  border-image-source: url(./images/border_type3_1.webp);
  border-image-slice: 20 fill;
  border-image-width: .625rem
}

@media (min-width: 768px) {
  .p-block4__unit4 {
    width: 75rem;
    border-image-source: url(./images/border_type3_1_desktop.webp);
    border-image-slice: 20 fill;
    border-image-width: 1.25rem;
    margin: 4.375rem auto 0;
    padding: 0 0 5rem
  }
}

.p-block4__unit4__title1 {
  width: 6.5625rem;
  position: absolute;
  top: 1.625rem;
  left: 1.625rem
}

@media (min-width: 768px) {
  .p-block4__unit4__title1 {
    width: 9.875rem;
    top: 5rem;
    right: 5rem;
    left: auto
  }
}

.p-block4__unit4__image1 {
  width: 12.125rem;
  margin: .5rem .625rem 0 auto
}

@media (min-width: 768px) {
  .p-block4__unit4__image1 {
    position: absolute;
    margin: 0;
    bottom: 1.25rem;
    right: 1.25rem
  }
}

.p-block4__unit4__list1 {
  margin: 3.625rem 0 0;
  display: grid;
  gap: 3.125rem
}

@media (min-width: 768px) {
  .p-block4__unit4__list1 {
    margin: 0;
    gap: 2.625rem;
    padding: 5rem 0 0 5rem;
    width: 54.5rem
  }
}

.p-block4__unit4__list1__item1 {
  position: relative;
  margin: 0 1.625rem
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1 {
    margin: 0;
    display: grid;
    grid-template-columns: 22.5rem 1fr;
    grid-template-rows: auto 1fr
  }
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1:nth-child(2n) {
    grid-template-columns: 1fr 22.5rem
  }
}

.p-block4__unit4__list1__item1__number1 {
  width: 5rem;
  position: absolute;
  top: -.625rem;
  left: -.5rem
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1__number1 {
    width: 6.1875rem;
    left: -.625rem
  }
}

.p-block4__unit4__list1__item1:nth-child(2n) .p-block4__unit4__list1__item1__number1 {
  left: auto;
  right: -.5rem
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1:nth-child(2n) .p-block4__unit4__list1__item1__number1 {
    right: -.625rem
  }
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1__image1 {
    grid-row: 1/3
  }
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1:nth-child(2n) .p-block4__unit4__list1__item1__image1 {
    grid-column: 2/3
  }
}

.p-block4__unit4__list1__item1__title1 {
  color: #ff0511;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 160%;
  margin: .5625rem 0 0;
  border-bottom: .125rem solid #ff0511
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1__title1 {
    font-size: 2.5rem;
    margin: .25rem 0 0;
    padding: 0 0 0 2rem
  }
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1:nth-child(2n) .p-block4__unit4__list1__item1__title1 {
    padding: 0 2rem 0 0
  }
}

.p-block4__unit4__list1__item1__text1 {
  margin: 1rem 0 0;
  line-height: 160%;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1__text1 {
    padding: 0 0 0 2rem;
    font-size: 1.125rem
  }
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1:nth-child(2n) .p-block4__unit4__list1__item1__text1 {
    padding: 0 2rem 0 0
  }
}

.p-block4__unit4__list1__item1__text1>strong {
  font-size: 1.25rem;
  color: #0071bc;
  font-weight: 500;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block4__unit4__list1__item1__text1>strong {
    font-size: 1.375rem
  }
}

.p-block4__modal1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  padding: 0 1.875rem;
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
  pointer-events: none;
  opacity: 1
}

@media (min-width: 768px) {
  .p-block4__modal1 {
    padding: 0
  }
}

.p-block4__modal1__inner1 {
  position: relative;
  z-index: 1
}

.p-block4__modal1__layer1 {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000000bf;
  opacity: 0;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-block4__modal1:has(.p-block4__modal1__unit1.-show) .p-block4__modal1__layer1 {
  opacity: 1;
  pointer-events: auto
}

.p-block4__modal1__inner1 {
  height: 100%;
  display: grid;
  align-items: center
}

.p-block4__modal1__unit1__button1 {
  position: absolute;
  top: -1.25rem;
  right: -1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  width: 2.75rem;
  height: 2.75rem;
  pointer-events: auto;
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
  padding: 0
}

.p-block4__modal1__unit1__button1:hover {
  scale: 1.1818
}

.p-block4__modal1__unit1__button1:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff61;
  border-radius: 10rem;
  opacity: 0;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-block4__modal1__unit1__button1:hover:before {
  opacity: 1
}

.p-block4__modal1__unit1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  opacity: 0;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-block4__modal1__unit1.-show {
  opacity: 1;
  z-index: 10
}

.p-block4__modal1__unit1__inner1 {
  background: url(./images/body_bg1_1.webp) 0 0 repeat;
  border: .375rem double #000;
  padding: 2.0625rem;
  position: relative;
  width: 20.625rem;
  margin: 0 auto;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-block4__modal1:has(.p-block4__modal1__unit1.-show) .p-block4__modal1__unit1__inner1 {
  pointer-events: all
}

.p-block4__modal1__unit1__text1 {
  background: #ff0511;
  border-radius: 10rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 160%;
  margin: 1.25rem 0 0;
  letter-spacing: -.04em;
  text-align: center
}

.p-block4__modal1__unit1__text2 {
  margin: .75rem 0 0;
  line-height: 160%;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500
}

.p-block5 {
  margin: 2.625rem 0 0;
  padding: 0 0 1.5rem;
  position: relative
}

@media (min-width: 768px) {
  .p-block5 {
    margin: 5rem 0 0;
    padding: 0 0 5rem
  }
}

.p-block5__inner1 {
  margin: 0 .75rem;
  padding: 0 0 2.5rem;
  border-top: 1px solid transparent;
  border-image-source: url(./images/border_type1_1.webp);
  border-image-slice: 60;
  border-image-width: 1.875rem;
  position: relative
}

@media (min-width: 768px) {
  .p-block5__inner1 {
    width: 83.75rem;
    margin: 0 auto;
    padding-bottom: 4.375rem;
    border-image-width: 2.8125rem
  }
}

.p-block5__title1 {
  margin: -.75rem -.5rem 0
}

@media (min-width: 768px) {
  .p-block5__title1 {
    margin: -1.1875rem auto 0;
    width: 42.5rem
  }
}

.p-block5__title2>span {
  display: block;
  color: #1f1f1f;
  font-size: 1.25rem;
  line-height: 160%;
  text-align: center
}

@media (min-width: 768px) {
  .p-block5__title2>span {
    font-size: 1.625rem;
    margin: -.3125rem 0 0
  }
}

.p-block5__title2>span:nth-of-type(2) {
  font-size: 2.5rem;
  line-height: 130%;
  margin: .1875rem 0 .3125rem;
  color: #ff0511
}

@media (min-width: 768px) {
  .p-block5__title2>span:nth-of-type(2) {
    font-size: 3.5rem;
    line-height: 160%;
    margin: -.375rem 0 -.125rem
  }
}

.p-block5__text1 {
  margin: 1.0625rem 0 0;
  display: grid;
  gap: 1.75rem
}

@media (min-width: 768px) {
  .p-block5__text1 {
    margin: 1.8125rem 0 0
  }
}

.p-block5__text1>p {
  text-align: center;
  font-family: Noto Sans JP, sans-serif;
  line-height: 160%;
  font-weight: 500
}

@media (min-width: 768px) {
  .p-block5__text1>p {
    font-size: 1.125rem
  }
}

.p-block5__text1>p>strong {
  color: #ff0511
}

.p-block5__text2 {
  margin: 1rem 0 0
}

@media (min-width: 768px) {
  .p-block5__text2 {
    margin: 1.75rem 0 0
  }
}

.p-block5__text2>span {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  line-height: 160%;
  font-weight: 700
}

@media (min-width: 768px) {
  .p-block5__text2>span {
    font-size: 1.625rem
  }
}

.p-block5__text2>span:nth-of-type(2) {
  color: #ff0511;
  font-size: 2rem;
  margin: -.1875rem 0;
  line-height: 130%
}

@media (min-width: 768px) {
  .p-block5__text2>span:nth-of-type(2) {
    font-size: 2.5rem;
    margin: .3125rem 0
  }
}

.p-block5__imageGroup1 {
  margin: -1.0625rem 0 0;
  position: relative
}

@media (min-width: 768px) {
  .p-block5__imageGroup1 {
    margin: 0;
    position: static
  }
}

.p-block5__imageGroup1>div:nth-of-type(1) {
  width: 7.3125rem;
  position: relative;
  left: .75rem
}

@media (min-width: 768px) {
  .p-block5__imageGroup1>div:nth-of-type(1) {
    position: absolute;
    bottom: 23.125rem;
    left: 5.875rem;
    width: 20.625rem;
    translate: 0 0
  }
}

.p-block5__imageGroup1>div:nth-of-type(2) {
  width: 6.4375rem;
  position: absolute;
  bottom: 0;
  right: .75rem
}

@media (min-width: 768px) {
  .p-block5__imageGroup1>div:nth-of-type(2) {
    width: 18.125rem;
    bottom: 23.125rem;
    right: 5.875rem
  }
}

.p-block5__imageGroup2>div {
  position: absolute;
  width: 14.75rem;
  z-index: 1
}

@media (min-width: 768px) {
  .p-block5__imageGroup2>div {
    width: 31.0625rem;
    z-index: 1
  }
}

.p-block5__imageGroup2>div:nth-of-type(1) {
  top: 9.875rem;
  right: -10.75rem
}

@media (min-width: 768px) {
  .p-block5__imageGroup2>div:nth-of-type(1) {
    top: 4.375rem;
    right: -19.1875rem
  }
}

.p-block5__imageGroup2>div:nth-of-type(2) {
  top: 22.5rem;
  left: -11.125rem;
  scale: -1 -1
}

@media (min-width: 768px) {
  .p-block5__imageGroup2>div:nth-of-type(2) {
    top: 21.875rem;
    left: -16.0625rem
  }
}

.p-block5__imageGroup2>div:nth-of-type(3) {
  top: 48.4375rem;
  right: -11.1875rem
}

@media (min-width: 768px) {
  .p-block5__imageGroup2>div:nth-of-type(3) {
    top: 46.4375rem;
    right: -19.1875rem
  }
}

.p-block5__unit1 {
  margin: 0 .75rem;
  padding: 1.5625rem .875rem 1.625rem;
  border-image-source: url(./images/border_type6_1.webp);
  border-image-slice: 12 fill;
  border-image-width: .375rem
}

@media (min-width: 768px) {
  .p-block5__unit1 {
    width: 75rem;
    margin: 4.3125rem auto 0;
    padding: 0 0 1.6875rem;
    position: relative
  }
}

@media (min-width: 768px) {
  .p-block5__unit1__inner1 {
    display: grid;
    padding: .5625rem 5rem 0;
    grid-template-columns: 16.25rem 1fr
  }
}

.p-block5__unit1__title1 {
  color: #ff0511;
  font-size: 1.125rem;
  line-height: 160%;
  font-weight: 700;
  margin: 1.25rem 0 0
}

@media (min-width: 768px) {
  .p-block5__unit1__title1 {
    border-bottom: .0625rem solid #000
  }
}

.p-block5__unit1__title1:first-child {
  margin-top: 0
}

@media (min-width: 768px) {
  .p-block5__unit1__title1:first-child {
    margin-top: 1.25rem
  }
}

.p-block5__unit1__text1 {
  margin: .0625rem 0 0;
  font-family: Noto Sans JP, sans-serif;
  line-height: 160%;
  font-weight: 500;
  padding: 0 0 1.4375rem;
  border-bottom: .0625rem solid #1f1f1f
}

@media (min-width: 768px) {
  .p-block5__unit1__text1 {
    margin: 1.25rem 0 0;
    padding: 0 0 1.25rem;
    font-size: 1.125rem
  }
}

.p-block5__unit1__text1>strong,
.p-block5__unit1__text1>a {
  font-weight: 500;
  color: #ff0511
}

.p-block5__unit1__text1>a:hover {
  text-decoration: none
}

.p-block5__unit1__text2 {
  margin: 1.125rem 0 0;
  text-align: center;
  font-size: 1.5rem;
  line-height: 150%;
  font-weight: 700
}

@media (min-width: 768px) {
  .p-block5__unit1__text2 {
    grid-column: 1/3;
    line-height: 160%
  }
}

.p-block5__unit1__text2>strong {
  color: #ff0511
}

.p-block6 {
  padding: 2rem 0 2.5rem;
  background: #fff
}

@media (min-width: 768px) {
  .p-block6 {
    padding: 5rem 0
  }
}

.p-block6__inner1 {
  padding: 0 2.375rem
}

@media (min-width: 768px) {
  .p-block6__inner1 {
    padding: 0;
    width: 65rem;
    margin: 0 auto
  }
}

.p-block6__title1 {
  margin: 0 .25rem
}

@media (min-width: 768px) {
  .p-block6__title1 {
    width: 42.5rem;
    margin: 0 auto
  }
}

@media (min-width: 768px) {
  .p-block6__wrap1 {
    margin: 2.5rem 0 0;
    display: grid;
    grid-template-columns: 16.25rem 1fr
  }
}

.p-block6__title2 {
  color: #ff0511;
  font-weight: 700;
  line-height: 160%;
  font-size: 1.125rem;
  margin: 1.25rem 0 0
}

@media (min-width: 768px) {
  .p-block6__title2 {
    border-bottom: .0625rem solid #000
  }
}

.p-block6__title2:first-child {
  margin-top: 0
}

@media (min-width: 768px) {
  .p-block6__title2:first-child {
    margin-top: 1.25rem
  }
}

@media (min-width: 768px) {
  .p-block6__title2:nth-last-of-type(1) {
    border: none
  }
}

.p-block6__text1 {
  margin: .0625rem 0 0;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  line-height: 160%;
  padding-bottom: 1.4375rem;
  border-bottom: .0625rem solid #1f1f1f
}

@media (min-width: 768px) {
  .p-block6__text1 {
    font-size: 1.125rem;
    margin: 1.25rem 0 0;
    padding: 0 0 1.25rem
  }
}

.p-block6__text1:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.p-block6__map1 {
  margin: 1.4375rem 0 0;
  aspect-ratio: 314/280
}

@media (min-width: 768px) {
  .p-block6__map1 {
    margin: 1.375rem 0 0;
    aspect-ratio: 1040/420
  }
}

.p-block6__map1>iframe {
  width: 100%;
  height: 100%
}

.p-block7 {
  padding: 4.3125rem 0 3.8125rem;
  background: url(./images/block7_bg1_1.webp) 0 0 repeat;
  background-size: 22.5625rem 22.5rem
}

@media (min-width: 768px) {
  .p-block7 {
    padding: 6.5rem 0 7rem
  }
}

.p-block7__title1 {
  width: 21.375rem;
  margin: 0 auto
}

@media (min-width: 768px) {
  .p-block7__title1 {
    width: 28.4375rem
  }
}

.p-block7__text1 {
  margin: 1.4375rem 0 0;
  text-align: center;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  line-height: 160%
}

@media (min-width: 768px) {
  .p-block7__text1 {
    margin: 2.4375rem 0 0;
    font-size: 1.125rem
  }
}

.p-block8 {
  background: #ff0511;
  padding: 1.8125rem .625rem 0;
  overflow: hidden
}

@media (min-width: 768px) {
  .p-block8 {
    padding: 0
  }
}

@media (min-width: 768px) {
  .p-block8__inner1 {
    width: 80rem;
    margin: 0 auto;
    position: relative;
    padding: 3.5rem 0 5.8125rem
  }
}

.p-block8__title1 {
  text-align: center;
  color: #fff;
  line-height: 160%;
  font-size: 2.25rem;
  font-weight: 700
}

@media (min-width: 768px) {
  .p-block8__title1 {
    font-size: 3rem
  }
}

.p-block8__list1 {
  margin: 1.6875rem 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .25rem
}

@media (min-width: 768px) {
  .p-block8__list1 {
    width: 48.375rem;
    margin: 1.875rem auto 0;
    gap: 1.5rem
  }
}

.p-block8__list1__item1>a {
  display: block;
  position: relative
}

.p-block8__list1__item1>a:before {
  display: block;
  content: "";
  width: 100%;
  height: 95%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff80;
  border-radius: 10rem;
  opacity: 0;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-block8__list1__item1>a:hover:before {
  opacity: 1
}

.p-block8__imageGroup1 {
  margin: 1.375rem 4rem 0 2.75rem;
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  align-items: flex-end
}

@media (min-width: 768px) {
  .p-block8__imageGroup1 {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0;
    display: block
  }
}

@media (min-width: 768px) {
  .p-block8__imageGroup1>div {
    position: absolute;
    bottom: 0
  }
}

.p-block8__imageGroup1>div:nth-of-type(1) {
  width: 9.0625rem;
  left: 0;
  bottom: 0
}

@media (min-width: 768px) {
  .p-block8__imageGroup1>div:nth-of-type(1) {
    width: 14.125rem;
    bottom: 0;
    left: 0
  }
}

.p-block8__imageGroup1>div:nth-of-type(2) {
  width: 6rem
}

@media (min-width: 768px) {
  .p-block8__imageGroup1>div:nth-of-type(2) {
    width: 9.625rem;
    bottom: 0;
    right: 0
  }
}

.p-block9 {
  padding: 2rem .75rem 1.25rem;
  background: #fff
}

@media (min-width: 768px) {
  .p-block9 {
    padding: 5rem 0 7rem
  }
}

.p-block9__inner1 {
  background: #ecebe8;
  padding: 1.5rem .75rem;
  border-radius: .625rem
}

@media (min-width: 768px) {
  .p-block9__inner1 {
    padding: 2.5rem;
    width: 70rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 26.25rem 1fr
  }
}

.p-block9__hgroup1 {
  display: grid;
  grid-template-columns: 6rem 1fr;
  justify-content: center;
  align-items: center;
  gap: 1rem
}

@media (min-width: 768px) {
  .p-block9__hgroup1 {
    gap: 1.5rem
  }
}

.p-block9__hgroup1__title1 {
  font-family: Noto Sans JP, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 160%
}

.p-block9__wrap1 {
  margin: .875rem 0 0;
  display: grid;
  gap: .875rem
}

@media (min-width: 768px) {
  .p-block9__wrap1 {
    grid-template-columns: repeat(2, auto);
    gap: 2.5rem;
    justify-content: flex-start;
    margin: 0
  }
}

.p-block9__unit1__title1 {
  font-size: .8125rem;
  font-weight: 500;
  line-height: 160%;
  font-family: Noto Sans JP, sans-serif;
  text-align: center
}

@media (min-width: 768px) {
  .p-block9__unit1__title1 {
    text-align: left
  }
}

.p-block9__unit1__list1 {
  display: grid;
  grid-auto-flow: column;
  gap: .75rem;
  justify-content: center;
  margin: .4375rem 0 0
}

.p-block9__unit1__list1__item1 a {
  display: block;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-block9__unit1__list1__item1 a:hover {
  opacity: .5
}

.p-block9__unit1__list1__item1 img {
  width: auto;
  height: 2.5rem
}

.p-block9__list1 {
  margin: .625rem 0 0
}

@media (min-width: 768px) {
  .p-block9__list1 {
    margin: .875rem auto 0;
    width: 70rem
  }
}

.p-block9__list1__item1 {
  font-size: .75rem;
  line-height: 160%;
  font-family: Noto Sans JP, sans-serif
}

.p-footer1 {
  position: relative;
  background: #fff
}

.p-footer1__button1>a {
  width: 9.0625rem;
  margin: 0 auto;
  display: block;
  overflow: hidden
}

@media (min-width: 768px) {
  .p-footer1__button1>a {
    position: fixed;
    bottom: 0;
    z-index: 1;
    right: 2rem
  }
}

@media (min-width: 768px) {
  .p-footer1__button1>a>picture {
    translate: 0 100%;
    transition: all .7s cubic-bezier(.23, 1, .32, 1)
  }
}

@media (min-width: 768px) {
  .p-footer1__button1.-fixed1>a>picture {
    translate: 0 0
  }
}

@media (min-width: 768px) {
  .p-footer1.-show1 .p-footer1__button1.-fixed1>a {
    position: absolute;
    top: 0;
    bottom: inherit;
    right: 2rem;
    translate: 0 -100%
  }
}

@media (min-width: 768px) {
  .p-footer1__button1>a:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .7s cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
    background: url(./images/footer1_button1_1_hover.webp) 0 0/cover no-repeat
  }

  .p-footer1__button1>a:hover:before {
    opacity: 1
  }
}

.p-footer1__copy1 {
  display: block;
  position: relative;
  background: #ecebe8;
  padding: 4.0625rem 0;
  font-family: Noto Sans JP, sans-serif;
  font-size: .75rem;
  line-height: 160%;
  text-align: center;
  z-index: 1
}

.p-loading1 {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100vw;
  height: 100vh;
  z-index: 9999
}

.p-loading1.-loaded {
  transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
  opacity: 0;
  pointer-events: none
}

.p-nav1__button1 {
  position: fixed;
  top: .5rem;
  right: .5rem;
  padding: 0;
  background: none;
  border: none;
  width: 5.4375rem;
  height: 3.125rem;
  z-index: 100;
  cursor: pointer;
  background: url(./images/nav1_button1_1.svg) 0 0/cover no-repeat
}

@media (min-width: 768px) {
  .p-nav1__button1 {
    width: 6.5rem;
    height: 3.75rem
  }
}

.p-nav1__button1:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: url(./images/nav1_button1_1_hover.svg) 0 0/cover no-repeat;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-nav1__button1:hover:before {
  opacity: 1
}

.p-nav1__button1__icon1 {
  position: absolute;
  top: .75rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 2.1875rem;
  height: .84375rem;
  display: block
}

@media (min-width: 768px) {
  .p-nav1__button1__icon1 {
    top: .875rem;
    width: 2.625rem;
    height: 1rem
  }
}

.p-nav1__button1__icon1>span {
  display: block;
  width: 1.75rem;
  height: .09375rem;
  background: #fff;
  margin: auto;
  left: 0;
  right: 0;
  position: absolute;
  transition: all .25s cubic-bezier(.23, 1, .32, 1)
}

@media (min-width: 768px) {
  .p-nav1__button1__icon1>span {
    width: 2.125rem
  }
}

.p-nav1__button1:hover .p-nav1__button1__icon1>span {
  width: 100%
}

.p-nav1__button1__icon1>span:nth-of-type(1) {
  top: 0
}

.p-nav1__button1[aria-expanded=true] .p-nav1__button1__icon1>span:nth-of-type(1) {
  rotate: 45deg;
  bottom: 0;
  width: 1.03125rem
}

@media (min-width: 768px) {
  .p-nav1__button1[aria-expanded=true] .p-nav1__button1__icon1>span:nth-of-type(1) {
    width: 1.375rem
  }
}

.p-nav1__button1__icon1>span:nth-of-type(2) {
  top: 0;
  bottom: 0
}

.p-nav1__button1[aria-expanded=true] .p-nav1__button1__icon1>span:nth-of-type(2) {
  opacity: 0
}

.p-nav1__button1__icon1>span:nth-of-type(3) {
  bottom: 0
}

.p-nav1__button1[aria-expanded=true] .p-nav1__button1__icon1>span:nth-of-type(3) {
  rotate: -45deg;
  top: 0;
  width: 1.03125rem
}

@media (min-width: 768px) {
  .p-nav1__button1[aria-expanded=true] .p-nav1__button1__icon1>span:nth-of-type(3) {
    width: 1.375rem
  }
}

.p-nav1__button1__label1 {
  color: #fff;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 160%;
  position: absolute;
  width: 100%;
  bottom: .34375rem;
  left: 0;
  text-align: center;
  display: block;
  margin: auto;
  letter-spacing: -.11em
}

@media (min-width: 768px) {
  .p-nav1__button1__label1 {
    font-size: .875rem;
    bottom: .4375rem
  }
}

.p-nav1__button1[aria-expanded=true] .p-nav1__button1__label1>span:nth-of-type(1) {
  display: none
}

.p-nav1__button1__label1>span:nth-of-type(2) {
  display: none
}

.p-nav1__button1[aria-expanded=true] .p-nav1__button1__label1>span:nth-of-type(2) {
  display: block
}

.p-nav1__wrap1 {
  position: fixed;
  top: 1.75rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.875rem;
  height: 39.9375rem;
  padding: .75rem 1.5625rem 0;
  z-index: 99;
  translate: 50% 0;
  opacity: 0;
  background: url(./images/nav1_bg2_1.webp) 0 0/contain no-repeat;
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
  pointer-events: none
}

@media (min-width: 768px) {
  .p-nav1__wrap1 {
    padding-top: 1.25rem;
    height: 41.5rem;
    background: url(./images/nav1_bg2_1_desktop.webp) 0 0/contain no-repeat;
    left: auto
  }
}

.p-nav1__button1[aria-expanded=true]+.p-nav1__wrap1 {
  translate: 0 0;
  opacity: 1;
  pointer-events: auto
}

.p-nav1__title1 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.011em;
  line-height: 160%
}

.p-nav1__list1 {
  display: grid;
  gap: .375rem;
  margin: .9375rem 0 0
}

@media (min-width: 768px) {
  .p-nav1__list1 {
    gap: .625rem
  }
}

.p-nav1__list1__item1>a {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  padding: 0 1.5rem 0 2.0625rem;
  width: 100%;
  height: 5.25rem;
  background: url(./images/nav1_bg1_1.webp) 0 0/cover no-repeat;
  color: #ff0511;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  border-radius: 10rem;
  overflow: hidden
}

.p-nav1__list1__item1>a:after {
  display: block;
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  background: url(./images/icon_arrow1_1.svg) 0 0/cover no-repeat;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-nav1__list1__item1>a:hover:after {
  scale: 1.22222
}

.p-nav1__list1__item1>a:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  transition: all .7s cubic-bezier(.23, 1, .32, 1)
}

.p-nav1__list1__item1>a:hover:before {
  opacity: .38
}

.u-mt-none {
  margin-top: 0 !important
}

.u-d-none {
  display: none
}

.u-d-block {
  display: block
}

.u-d-grid {
  display: grid
}

.u-d-flex {
  display: flex
}

@media (min-width: 320px) {
  .u-fromXS-mt-none {
    margin-top: 0 !important
  }

  .u-fromXS-d-none {
    display: none
  }

  .u-fromXS-d-block {
    display: block
  }

  .u-fromXS-d-grid {
    display: grid
  }

  .u-fromXS-d-flex {
    display: flex
  }
}

@media (min-width: 640px) {
  .u-fromSM-mt-none {
    margin-top: 0 !important
  }

  .u-fromSM-d-none {
    display: none
  }

  .u-fromSM-d-block {
    display: block
  }

  .u-fromSM-d-grid {
    display: grid
  }

  .u-fromSM-d-flex {
    display: flex
  }
}

@media (min-width: 768px) {
  .u-fromMD-mt-none {
    margin-top: 0 !important
  }

  .u-fromMD-d-none {
    display: none
  }

  .u-fromMD-d-block {
    display: block
  }

  .u-fromMD-d-grid {
    display: grid
  }

  .u-fromMD-d-flex {
    display: flex
  }
}

@media (min-width: 1024px) {
  .u-fromLG-mt-none {
    margin-top: 0 !important
  }

  .u-fromLG-d-none {
    display: none
  }

  .u-fromLG-d-block {
    display: block
  }

  .u-fromLG-d-grid {
    display: grid
  }

  .u-fromLG-d-flex {
    display: flex
  }
}

@media (min-width: 1280px) {
  .u-fromXL-mt-none {
    margin-top: 0 !important
  }

  .u-fromXL-d-none {
    display: none
  }

  .u-fromXL-d-block {
    display: block
  }

  .u-fromXL-d-grid {
    display: grid
  }

  .u-fromXL-d-flex {
    display: flex
  }
}

@media (min-width: 1366px) {
  .u-from2XL-mt-none {
    margin-top: 0 !important
  }

  .u-from2XL-d-none {
    display: none
  }

  .u-from2XL-d-block {
    display: block
  }

  .u-from2XL-d-grid {
    display: grid
  }

  .u-from2XL-d-flex {
    display: flex
  }
}

@media (min-width: 1440px) {
  .u-from3XL-mt-none {
    margin-top: 0 !important
  }

  .u-from3XL-d-none {
    display: none
  }

  .u-from3XL-d-block {
    display: block
  }

  .u-from3XL-d-grid {
    display: grid
  }

  .u-from3XL-d-flex {
    display: flex
  }
}