@font-face {
  font-family: Poppins;
  src: url("/lp/open_support/font/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.c-btn {
  color: #fff;
  letter-spacing: .04em;
  background-color: #da4630;
  border: min(.138889vw, 2px) solid #da4630;
  border-radius: min(.694444vw, 10px);
  justify-content: center;
  align-items: center;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-size: min(1.66667vw, 24px);
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
}

@media (width < 768px) {
  .c-btn {
    border-radius: 1.25vw;
    font-size: 4.5vw;
  }
}

.c-btn:hover {
  color: #da4630;
  background-color: #fff;
}

.c-btn:hover .c-btn__cicle {
  background-color: #da4630;
}

.c-btn:hover .c-btn__cicle svg path {
  fill: #fff;
}

.c-btn--sml {
  justify-content: start;
  padding-left: min(2.08333vw, 30px);
  font-family: Noto Sans JP, sans-serif;
  font-size: min(1.45833vw, 21px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
}

@media (width < 768px) {
  .c-btn--sml {
    justify-content: center;
    padding: 0;
    font-size: 4.5vw;
    line-height: 1.4;
  }

  .c-btn__chatwithred {
    justify-content: flex-start;
    padding-left: 10vw;
  }
}

.c-btn__cicle {
  background-color: #fff;
  border-radius: min(6.94444vw, 100px);
  justify-content: center;
  align-items: center;
  width: min(2.77778vw, 40px);
  height: min(2.77778vw, 40px);
  display: flex;
  position: absolute;
  right: min(1.66667vw, 24px);
}

@media (width < 768px) {
  .c-btn__cicle {
    width: 6vw;
    height: 6vw;
    right: 4vw;
  }
}

@media (width < 768px) {
  .c-btn__cicle svg {
    width: 3.25vw;
    height: 2.5vw;
  }
}

.c-btn__cicle--chatus {
  right: min(2.29167vw, 33px);
}

@media (width < 768px) {
  .c-btn__cicle--chatus {
    right: 4vw;
  }
}

.c-btn__cicle--sml {
  width: min(2.5vw, 36px);
  height: min(2.5vw, 36px);
  right: min(1.80556vw, 26px);
}

@media (width < 768px) {
  .c-btn__cicle--sml {
    width: 6vw;
    height: 6vw;
    right: 4vw;
  }
}

.c-btn__cicle--sml svg {
  width: min(1.38889vw, 20px);
  height: min(.972222vw, 14px);
}

@media (width < 768px) {
  .c-btn__cicle--sml svg {
    width: 3.25vw;
    height: 2.5vw;
  }
}

.c-btn__cicle--mid {
  width: min(2.77778vw, 40px);
  height: min(2.77778vw, 40px);
  right: min(1.66667vw, 24px);
}

@media (width < 768px) {
  .c-btn__cicle--mid {
    width: 6vw;
    height: 6vw;
    right: 4.5vw;
  }
}

.c-btn__cicle svg {
  width: min(1.38889vw, 20px);
  height: min(.972222vw, 14px);
}

@media (width < 768px) {
  .c-btn__cicle svg {
    width: 3.25vw;
    height: 2.5vw;
  }
}

.opensupport-footer .container {
  color: #1f308e;
  margin: min(4.16667vw, 60px) 0 min(4.72222vw, 68px);
}

@media (width < 768px) {
  .opensupport-footer .container {
    margin: 15vw 0;
  }
}

.opensupport-footer .container a {
  margin-inline: auto;
  width: min(14.375vw, 207px);
  height: min(3.88889vw, 56px);
  margin-bottom: min(2.22222vw, 32px);
  display: block;
}

@media (width < 768px) {
  .opensupport-footer .container a {
    width: 51.75vw;
    height: 14vw;
    margin-bottom: 8vw;
  }
}

.opensupport-footer .container p {
  text-align: center;
}

.opensupport-header {
  background-color: #da4630;
  padding: min(2.5vw, 36px) 0 min(2.56944vw, 37px);
}

@media (width < 768px) {
  .opensupport-header {
    padding: 6vw 0;
  }
}

.opensupport-header-top {
  margin-inline: auto;
  justify-content: center;
  align-items: center;
  width: min(32.8472vw, 473px);
  height: min(3.88889vw, 56px);
  margin-bottom: min(1.52778vw, 22px);
  display: flex;
}

@media (width < 768px) {
  .opensupport-header-top {
    width: 59.5vw;
    height: 7vw;
    margin-bottom: 2.5vw;
  }
}

.opensupport-header-top__text {
  width: fit-content;
}

.opensupport-header-mid {
  color: #fff;
  text-align: center;
  margin-bottom: min(1.66667vw, 24px);
  font-weight: 700;
  line-height: 1.2;
}

@media (width < 768px) {
  .opensupport-header-mid {
    margin-bottom: 4.25vw;
  }
}

.opensupport-header-mid__top {
  margin-bottom: min(.555556vw, 8px);
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-size: min(1.80556vw, 26px);
}

@media (width < 768px) {
  .opensupport-header-mid__top {
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 1.42;
  }
}

.opensupport-header-mid__bottom {
  letter-spacing: .01em;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-size: min(2.77778vw, 40px);
}

@media (width < 768px) {
  .opensupport-header-mid__bottom {
    font-size: 6.75vw;
  }
}

.opensupport-header-bottom {
  justify-content: center;
  align-items: center;
  gap: min(1.94444vw, 28px);
  display: flex;
}

@media (width < 768px) {
  .opensupport-header-bottom {
    gap: 3vw;
  }
}

.opensupport-header-bottom__item {
  background-color: #ffefae;
  border-radius: min(.486111vw, 7px);
  align-items: center;
  gap: min(.486111vw, 7px);
  height: min(3.125vw, 45px);
  padding: 0 min(1.25vw, 18px) 0 min(.972222vw, 14px);
  display: flex;
}

@media (width < 768px) {
  .opensupport-header-bottom__item {
    border-radius: 1.25vw;
    gap: 1.25vw;
    height: 7.5vw;
    padding: 0 2.25vw 0 2vw;
  }
}

.opensupport-header-bottom__item:first-of-type .opensupport-header-bottom__icon {
  width: min(1.80556vw, 26px);
  height: min(1.25vw, 18px);
}

@media (width < 768px) {
  .opensupport-header-bottom__item:first-of-type .opensupport-header-bottom__icon {
    width: 5vw;
    height: 3.5vw;
  }
}

.opensupport-header-bottom__item:first-of-type .opensupport-header-bottom__icon svg {
  display: block;
}

@media (width < 768px) {
  .opensupport-header-bottom__item:first-of-type .opensupport-header-bottom__icon svg {
    width: 5vw;
    height: 3.5vw;
  }
}

.opensupport-header-bottom__item:nth-of-type(2) .opensupport-header-bottom__icon {
  width: min(1.80556vw, 26px);
  height: min(1.80556vw, 26px);
}

@media (width < 768px) {
  .opensupport-header-bottom__item:nth-of-type(2) .opensupport-header-bottom__icon {
    width: 4.25vw;
    height: 5vw;
  }
}

.opensupport-header-bottom__item:nth-of-type(2) .opensupport-header-bottom__icon svg {
  display: block;
}

@media (width < 768px) {
  .opensupport-header-bottom__item:nth-of-type(2) .opensupport-header-bottom__icon svg {
    width: 4.25vw;
    height: 5vw;
  }
}

.opensupport-header-bottom__item:nth-of-type(3) .opensupport-header-bottom__icon {
  width: min(1.80556vw, 26px);
  height: min(1.80556vw, 26px);
}

@media (width < 768px) {
  .opensupport-header-bottom__item:nth-of-type(3) .opensupport-header-bottom__icon {
    width: 5vw;
    height: 5vw;
  }
}

.opensupport-header-bottom__item:nth-of-type(3) .opensupport-header-bottom__icon svg {
  display: block;
}

@media (width < 768px) {
  .opensupport-header-bottom__item:nth-of-type(3) .opensupport-header-bottom__icon svg {
    width: 5vw;
    height: 5vw;
  }
}

.opensupport-header-bottom__text {
  color: #da4630;
  letter-spacing: .08em;
  font-size: min(1.38889vw, 20px);
  font-weight: 600;
  line-height: 1.2;
}

@media (width < 768px) {
  .opensupport-header-bottom__text {
    font-size: 3.5vw;
  }
}

.opensupport-header__img {
  width: min(37.3611vw, 538px);
  height: min(10.8333vw, 156px);
  margin-inline: auto;
}

@media (width < 768px) {
  .opensupport-header__img {
    width: 82.75vw;
    height: 25.75vw;
  }
}

.c-sample {
  background-color: var(--color-primary);
  width: 100px;
  height: 100px;
}

@media (width >= 768px) {
  .c-sample {
    background-color: var(--color-secondary);
  }
}

.js-animate-pseudo {
  position: relative;
}

.js-animate-pseudo:before, .js-animate-pseudo:after {
  content: "";
  width: var(--pseudo-w, min(6.94444vw, 100px));
  height: var(--pseudo-h, min(6.94444vw, 100px));
  background-image: var(--pseudo-bg);
  opacity: var(--pseudo-opacity, 0);
  transform: translateY(var(--pseudo-ty, min(1.38889vw, 20px)));
  will-change: transform, opacity;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  display: block;
  position: absolute;
}

.js-animate-pseudo:before {
  left: var(--pseudo-before-left, auto);
  top: var(--pseudo-before-top, auto);
}

.js-animate-pseudo:after {
  right: var(--pseudo-after-right, auto);
  bottom: var(--pseudo-after-bottom, auto);
}

.p-opensupport-chatwithus {
  background-image: url("../img/need_background_dots.png");
  background-size: min(3.40278vw, 49px) min(1.73611vw, 25px);
  background-position: start;
  padding: min(4.44444vw, 64px) 0;
}

@media (width < 768px) {
  .p-opensupport-chatwithus {
    background-image: url("../img/need_background_dots_sp.png");
    background-size: 8.25vw 4.5vw;
    padding: 12vw 0 14vw;
  }
}

.p-opensupport-chatwithus-explain {
  color: #4a3535;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  margin-bottom: min(2.63889vw, 38px);
  font-size: min(1.31944vw, 19px);
  font-weight: 500;
  line-height: 1.79;
}

@media (width < 768px) {
  .p-opensupport-chatwithus-explain {
    margin-bottom: 13vw;
    font-size: 3.75vw;
  }
}

.p-opensupport-chatwithus__btn {
  width: min(47.2222vw, 680px);
  height: min(5.97222vw, 86px);
  margin-inline: auto;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-chatwithus__btn {
    width: 84vw;
    height: 18vw;
  }
}

.p-opensupport-chatwithus__btn-char-clip {
  pointer-events: none;
  z-index: 1;
  width: min(16.3194vw, 235px);
  height: min(13.3333vw, 192px);
  position: absolute;
  bottom: min(-.138889vw, -2px);
  left: min(-6.94444vw, -100px);
  overflow: hidden;
}

@media (width < 768px) {
  .p-opensupport-chatwithus__btn-char-clip {
    width: 65vw;
    height: 28vw;
    bottom: -.25vw;
    left: -2.25vw;
  }
}

.p-opensupport-chatwithus__btn-char {
  will-change: transform;
  background-image: url("../img/chatwithus_man_first.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: min(16.3194vw, 235px) min(13.3333vw, 192px);
  width: 100%;
  height: 100%;
  transform: translateY(calc(100% + 2px));
}

@media (width < 768px) {
  .p-opensupport-chatwithus__btn-char {
    background-image: url("../img/chatwithus_man_first_sp.png");
    background-size: 64.25vw 28vw;
  }
}

.p-opensupport-chatwithusred {
  background-image: url("../img/need_background_dots_red.png");
  background-size: min(3.40278vw, 49px) min(1.73611vw, 25px);
  background-position: start;
  background-color: #da4630;
  padding: min(5vw, 72px) 0 min(4.93056vw, 71px);
}

@media (width < 768px) {
  .p-opensupport-chatwithusred {
    background-image: url("../img/need_background_dots_red_sp.png");
    background-size: 8.25vw 4.5vw;
    padding: 9vw 0;
  }
}

.p-opensupport-chatwithusred__box {
  background-color: #fff;
  border-radius: min(.972222vw, 14px);
  max-width: min(83.3333vw, 1200px);
  margin-inline: auto;
  padding: min(3.33333vw, 48px) 0;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-chatwithusred__box {
    border-radius: 2.5vw;
    max-width: 92vw;
    padding: 9vw 0 29vw;
  }
}

.p-opensupport-chatwithusred__box-woman-clip {
  pointer-events: none;
  z-index: 1;
  width: min(9.44445vw, 136px);
  height: min(13.0556vw, 188px);
  position: absolute;
  bottom: 0;
  left: min(9.86111vw, 142px);
  overflow: hidden;
}

@media (width < 768px) {
  .p-opensupport-chatwithusred__box-woman-clip {
    width: 40vw;
    height: 25vw;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-opensupport-chatwithusred__box-woman {
  will-change: transform;
  background-image: url("../img/chatwithus_woman.png");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
}

@media (width < 768px) {
  .p-opensupport-chatwithusred__box-woman {
    background-image: url("../img/chatwithus_woman_sp.png");
  }
}

.p-opensupport-chatwithusred__box-man-clip {
  pointer-events: none;
  z-index: 1;
  width: min(11.4583vw, 165px);
  height: min(13.1944vw, 190px);
  position: absolute;
  bottom: 0;
  right: min(7.5vw, 108px);
  overflow: hidden;
}

@media (width < 768px) {
  .p-opensupport-chatwithusred__box-man-clip {
    display: none;
  }
}

.p-opensupport-chatwithusred__box-man {
  will-change: transform;
  background-image: url("../img/chatwithus_man.png");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
}

.p-opensupport-chatwithusred-explain {
  color: #4a3535;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  margin-bottom: min(5.55556vw, 80px);
  font-size: min(1.31944vw, 19px);
  font-weight: 500;
  line-height: 1.79;
}

@media (width < 768px) {
  .p-opensupport-chatwithusred-explain {
    margin-bottom: 16vw;
    font-size: 3.75vw;
  }
}

.p-opensupport-chatwithusred__btn {
  width: min(34.6528vw, 499px);
  height: min(5.97222vw, 86px);
  margin-inline: auto;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-chatwithusred__btn {
    width: 66vw;
    height: 15vw;
  }
}

.p-opensupport-chatwithusred__btn:before {
  content: "";
  z-index: 1;
  background-image: url("../img/chatwithus_explain.png");
  background-position: center;
  background-size: min(18.8889vw, 272px) min(3.81944vw, 55px);
  width: min(18.8889vw, 272px);
  height: min(3.81944vw, 55px);
  display: block;
  position: absolute;
  top: -3.33333vw;
  left: 50%;
  transform: translateX(-50%);
}

@media (width >= 1440px) {
  .p-opensupport-chatwithusred__btn:before {
    top: -48px;
  }
}

@media (width < 768px) {
  .p-opensupport-chatwithusred__btn:before {
    background-size: 55.25vw 11.5vw;
    width: 55.25vw;
    height: 11.5vw;
    top: -10vw;
  }
}

.p-opensupport-detail {
  background-color: #fbf7e7;
  padding: min(6.94444vw, 100px) 0 min(11.6667vw, 168px);
}

@media (width < 768px) {
  .p-opensupport-detail {
    padding: 14vw 0 44.5vw;
  }
}

.p-opensupport-detail-ttl {
  margin-bottom: min(3.75vw, 54px);
}

@media (width < 768px) {
  .p-opensupport-detail-ttl {
    margin-bottom: 9vw;
  }
}

.p-opensupport-detail-ttl__sml {
  color: #da4630;
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: min(.694444vw, 10px);
  font-family: Poppins;
  font-size: min(1.11111vw, 16px);
  font-weight: 400;
  line-height: 1.5;
}

@media (width < 768px) {
  .p-opensupport-detail-ttl__sml {
    margin-bottom: 1.5vw;
    font-size: 3vw;
  }
}

.p-opensupport-detail-ttl__big {
  margin-bottom: min(2.22222vw, 32px);
}

@media (width < 768px) {
  .p-opensupport-detail-ttl__big {
    margin-bottom: 6vw;
  }
}

.p-opensupport-detail-ttl__big--top {
  color: #4a3535;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  text-align: center;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-size: min(2.91667vw, 42px);
  font-weight: 700;
  line-height: 1.4;
}

@media (width < 768px) {
  .p-opensupport-detail-ttl__big--top {
    font-size: 7.5vw;
  }
}

.p-opensupport-detail-ttl__explain {
  color: #4a3535;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1.79;
}

@media (width < 768px) {
  .p-opensupport-detail-ttl__explain {
    font-size: 3.5vw;
    line-height: 1.8;
  }
}

.p-opensupport-detail-content {
  justify-content: center;
  gap: min(2.5vw, 36px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-detail-content {
    flex-wrap: wrap;
    gap: 3.75vw;
  }
}

.p-opensupport-detail-content__card:nth-of-type(3) {
  position: relative;
}

.p-opensupport-detail-content__card:nth-of-type(3):after {
  content: "";
  z-index: 1;
  background-image: url("../img/detail_card_3rd_foam.png");
  background-position: center;
  background-size: cover;
  width: min(9.23611vw, 133px);
  height: min(6.45833vw, 93px);
  display: block;
  position: absolute;
  top: min(-1.80556vw, -26px);
  right: min(-4.58333vw, -66px);
}

@media (width < 768px) {
  .p-opensupport-detail-content__card:nth-of-type(3):after {
    background-image: url("../img/detail_card_3rd_foam_sp.png");
    width: 27vw;
    height: 19.25vw;
    top: -5.25vw;
    right: -14vw;
  }
}

.p-opensupport-detail-content__card--head {
  background-color: #5880b7;
  border-radius: min(.694444vw, 10px) min(.694444vw, 10px) 0 0;
  width: min(14.5833vw, 210px);
  padding: 0 0 min(.902778vw, 13px);
}

@media (width < 768px) {
  .p-opensupport-detail-content__card--head {
    border-radius: 2.5vw 2.5vw 0 0;
    width: 40vw;
    padding: 0 0 1.75vw;
  }
}

.p-opensupport-detail-content__card--icon {
  margin-bottom: min(-.416667vw, -6px);
  width: min(3.47222vw, 50px);
  margin-inline: auto;
}

@media (width < 768px) {
  .p-opensupport-detail-content__card--icon {
    width: 10.25vw;
    margin-bottom: -1.25vw;
  }
}

.p-opensupport-detail-content__card--title {
  color: #fff;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  font-size: min(1.59722vw, 23px);
  font-weight: 600;
  line-height: 1.6;
}

@media (width < 768px) {
  .p-opensupport-detail-content__card--title {
    font-size: 4.5vw;
  }
}

.p-opensupport-detail-content__card--body {
  background-color: #fff;
  background-image: url("../img/detail_card_body_bg.png");
  background-position: center;
  background-size: cover;
  border-radius: 0 0 min(.694444vw, 10px) min(.694444vw, 10px);
  width: min(14.5833vw, 210px);
  height: min(12.5vw, 180px);
  padding-top: min(1.94444vw, 28px);
}

@media (width < 768px) {
  .p-opensupport-detail-content__card--body {
    background-image: url("../img/detail_card_body_bg_sp.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: 40vw 40.75vw;
    border-radius: 0 0 2.5vw 2.5vw;
    width: 40vw;
    height: 36.75vw;
    padding-top: 4vw;
  }
}

.p-opensupport-detail-content__card--item {
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  color: #4a3535;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: min(.555556vw, 8px);
  font-size: min(1.18056vw, 17px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

@media (width < 768px) {
  .p-opensupport-detail-content__card--item {
    padding-bottom: 2vw;
    font-size: 3.25vw;
  }
}

.p-opensupport-howtodo {
  background-color: #fbf7e7;
  padding: 0 0 min(8.88889vw, 128px);
}

@media (width < 768px) {
  .p-opensupport-howtodo {
    padding: 0 0 16.25vw;
  }
}

.p-opensupport-howtodo-ttl {
  margin-bottom: min(3.33333vw, 48px);
}

@media (width < 768px) {
  .p-opensupport-howtodo-ttl {
    margin-bottom: 10vw;
  }
}

.p-opensupport-howtodo-ttl__sml {
  color: #da4630;
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: min(.694444vw, 10px);
  font-family: Poppins;
  font-size: min(1.11111vw, 16px);
  font-weight: 400;
  line-height: 1.5;
}

@media (width < 768px) {
  .p-opensupport-howtodo-ttl__sml {
    margin-bottom: 1.5vw;
    font-size: 3vw;
  }
}

.p-opensupport-howtodo-ttl__big {
  margin-bottom: min(2.22222vw, 32px);
}

@media (width < 768px) {
  .p-opensupport-howtodo-ttl__big {
    margin-bottom: 6vw;
  }
}

.p-opensupport-howtodo-ttl__big--top {
  color: #4a3535;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  text-align: center;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-size: min(3.125vw, 45px);
  font-weight: 700;
  line-height: 1.4;
}

@media (width < 768px) {
  .p-opensupport-howtodo-ttl__big--top {
    letter-spacing: -.01em;
    font-size: 7.5vw;
  }
}

.p-opensupport-howtodo-ttl__explain {
  color: #4a3535;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .06em;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1.8;
}

@media (width < 768px) {
  .p-opensupport-howtodo-ttl__explain {
    font-size: 3.75vw;
  }
}

.p-opensupport-howtodo-content {
  background-color: #fff;
  border-radius: min(.694444vw, 10px);
  max-width: min(76.8056vw, 1106px);
  margin-inline: auto;
  padding: min(3.26389vw, 47px) min(3.19444vw, 46px) min(5vw, 72px);
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-howtodo-content {
    border-radius: 2.5vw;
    max-width: 92vw;
    margin: 0 4vw;
    padding: 9vw 4vw 10vw;
  }
}

.p-opensupport-howtodo-content__bg {
  width: min(83.2639vw, 1199px);
  height: min(35.1389vw, 506px);
  position: absolute;
  top: 0;
  left: 0;
}

@media (width < 768px) {
  .p-opensupport-howtodo-content__bg {
    display: none;
  }
}

.p-opensupport-howtodo-content__box {
  z-index: 1;
  position: relative;
}

.p-opensupport-howtodo-content__box--top {
  margin-inline: auto;
  width: min(44.4444vw, 640px);
  height: min(5.27778vw, 76px);
  margin-bottom: min(2.5vw, 36px);
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-howtodo-content__box--top {
    width: 64vw;
    height: 19.25vw;
    margin-bottom: 7vw;
  }
}

.p-opensupport-howtodo-content__box--top:before, .p-opensupport-howtodo-content__box--top:after {
  content: "";
  background-image: url("../img/howtodo_box_deco.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: min(1.25vw, 18px);
  height: min(2.77778vw, 40px);
  position: absolute;
}

@media (width < 768px) {
  .p-opensupport-howtodo-content__box--top:before, .p-opensupport-howtodo-content__box--top:after {
    background-image: url("../img/howtodo_box_deco_sp.png");
    width: 4.5vw;
    height: 10vw;
  }
}

.p-opensupport-howtodo-content__box--top:before {
  top: min(1.66667vw, 24px);
  left: min(-2.5vw, -36px);
}

@media (width < 768px) {
  .p-opensupport-howtodo-content__box--top:before {
    top: auto;
    bottom: 0;
    left: -6.5vw;
  }
}

.p-opensupport-howtodo-content__box--top:after {
  top: min(1.66667vw, 24px);
  right: min(-2.5vw, -36px);
  transform: scaleY(-1);
}

@media (width < 768px) {
  .p-opensupport-howtodo-content__box--top:after {
    top: auto;
    bottom: 0;
    right: -6.5vw;
  }
}

.p-opensupport-howtodo-content__box--mid {
  width: min(76.8056vw, 1106px);
  height: min(18.9583vw, 273px);
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-howtodo-content__box--mid {
    width: 84vw;
    height: 138.5vw;
  }
}

.p-opensupport-howtodo-content__box--bottom {
  gap: min(10.5556vw, 152px);
  width: fit-content;
  margin-left: auto;
  padding-right: 81px;
  display: flex;
}

.p-opensupport-howtodo-content__box--bottom p {
  width: min(27.0139vw, 389px);
  height: min(6.66667vw, 96px);
}

.p-opensupport-internet {
  background-color: #fae8a0;
  padding-bottom: min(8.33333vw, 120px);
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-internet {
    padding-bottom: 14vw;
  }
}

.p-opensupport-internet-box {
  background-color: #fff;
  border-radius: min(.694444vw, 10px);
  max-width: min(66.1111vw, 952px);
  margin-inline: auto;
  padding: min(3.81944vw, 55px) min(5.83333vw, 84px);
  position: relative;
  top: min(-6.11111vw, -88px);
}

@media (width < 768px) {
  .p-opensupport-internet-box {
    border-radius: 0;
    max-width: 84vw;
    padding: 9vw 4vw 10vw;
    top: -28.25vw;
  }
}

.p-opensupport-internet-box:after {
  content: "";
  background-image: url("../img/align_dots.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: min(.694444vw, 10px);
  height: min(3.88889vw, 56px);
  position: absolute;
  bottom: min(-6.11111vw, -88px);
  left: 50%;
  transform: translateX(-50%);
}

@media (width < 768px) {
  .p-opensupport-internet-box:after {
    background-image: url("../img/align_dots_sp.svg");
    width: 1.75vw;
    height: 10vw;
    bottom: -15vw;
  }
}

.p-opensupport-internet-box__ttl {
  letter-spacing: .06em;
  letter-spacing: .06em;
  margin-bottom: min(2.5vw, 36px);
  justify-content: center;
  gap: min(.347222vw, 5px);
  width: fit-content;
  margin-inline: auto;
  line-height: 1.79;
  display: flex;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-internet-box__ttl {
    flex-wrap: wrap;
    gap: 0;
    width: 66vw;
    margin-bottom: 4.25vw;
  }
}

.p-opensupport-internet-box__ttl:before, .p-opensupport-internet-box__ttl:after {
  content: "";
  background-image: url("../img/howtodo_box_deco.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: min(1.25vw, 18px);
  height: min(2.77778vw, 40px);
  position: absolute;
}

@media (width < 768px) {
  .p-opensupport-internet-box__ttl:before, .p-opensupport-internet-box__ttl:after {
    background-image: url("../img/howtodo_box_deco_sp.png");
    width: 4.5vw;
    height: 10vw;
  }
}

.p-opensupport-internet-box__ttl:before {
  top: min(1.66667vw, 24px);
  left: min(-2.5vw, -36px);
}

@media (width < 768px) {
  .p-opensupport-internet-box__ttl:before {
    top: auto;
    bottom: 0;
    left: -5vw;
  }
}

.p-opensupport-internet-box__ttl:after {
  top: min(1.66667vw, 24px);
  right: min(-2.5vw, -36px);
  transform: scaleY(-1);
}

@media (width < 768px) {
  .p-opensupport-internet-box__ttl:after {
    top: auto;
    bottom: 0;
    right: -5vw;
  }
}

.p-opensupport-internet-box__ttl--sml {
  color: #4a3535;
  font-feature-settings: "palt" on;
  margin-top: min(1.52778vw, 22px);
  font-size: min(1.94444vw, 28px);
  font-weight: 500;
}

@media (width < 768px) {
  .p-opensupport-internet-box__ttl--sml {
    margin-top: 2.25vw;
    font-size: 5vw;
    line-height: 1.8;
  }

  .p-opensupport-internet-box__ttl--sml:last-child {
    margin-top: -2vw;
  }
}

.p-opensupport-internet-box__ttl--big {
  color: #da4630;
  font-feature-settings: "palt" on;
  font-size: min(3.05556vw, 44px);
  font-weight: 600;
}

@media (width < 768px) {
  .p-opensupport-internet-box__ttl--big {
    margin-left: 1vw;
    font-size: 6.75vw;
  }
}

.p-opensupport-internet-box__mid {
  color: #4a3535;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  text-align: center;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: min(2.77778vw, 40px);
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1.8;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-internet-box__mid {
    padding-bottom: 29.25vw;
    font-size: 3.75vw;
  }
}

.p-opensupport-internet-box__mid:before {
  content: "";
  z-index: 1;
  background-image: url("../img/internet_man.png");
  background-position: center;
  background-size: min(10.5556vw, 152px) min(8.81945vw, 127px);
  width: min(10.5556vw, 152px);
  height: min(8.81945vw, 127px);
  display: block;
  position: absolute;
  bottom: 0;
  left: min(-12.5vw, -180px);
}

@media (width < 768px) {
  .p-opensupport-internet-box__mid:before {
    background-image: url("../img/internet_man_sp.png");
    background-size: 30.25vw 25.25vw;
    width: 30.25vw;
    height: 25.25vw;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-opensupport-internet-box__bottom {
  background-color: #fff4c7;
  padding: min(2.22222vw, 32px) 0 min(2.5vw, 36px);
}

@media (width < 768px) {
  .p-opensupport-internet-box__bottom {
    padding: 8vw 0 12vw;
  }
}

.p-opensupport-internet-box__explain {
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: min(1.73611vw, 25px);
  line-height: 1.8;
}

@media (width < 768px) {
  .p-opensupport-internet-box__explain {
    margin-bottom: 7vw;
  }
}

.p-opensupport-internet-box__explain--red {
  color: #da4630;
  text-align: center;
  font-feature-settings: "palt" on;
  font-size: min(1.66667vw, 24px);
  font-weight: 500;
}

@media (width < 768px) {
  .p-opensupport-internet-box__explain--red {
    font-size: 4.5vw;
  }
}

.p-opensupport-internet-box__explain--normal {
  color: #4a3535;
  text-align: center;
  font-feature-settings: "palt" on;
  margin-top: min(-.208333vw, -3px);
  background-image: radial-gradient(circle, #fbbc81 2px, #0000 2px);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 13px 4px;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: min(.347222vw, 5px);
  font-size: min(1.66667vw, 24px);
  font-weight: 500;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-internet-box__explain--normal {
    background-image: radial-gradient(circle, #fbbc81 2px, #0000 2px);
    background-size: 10px 4px;
    margin-top: 3vw;
    padding-bottom: 1vw;
    font-size: 4.25vw;
  }
}

.p-opensupport-internet-box__card {
  justify-content: center;
  gap: min(1.11111vw, 16px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-internet-box__card {
    flex-direction: column;
    align-items: center;
    gap: 2.5vw;
  }
}

.p-opensupport-internet-box__item {
  background-color: #da8230;
  border-radius: min(.555556vw, 8px);
  justify-content: space-between;
  align-items: center;
  width: min(15.9722vw, 230px);
  height: min(5.34722vw, 77px);
  padding: 0 min(1.11111vw, 16px) 0 min(1.66667vw, 24px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-internet-box__item {
    gap: unset;
    border-radius: 2vw;
    width: 57.5vw;
    height: 17.75vw;
    padding: 0 4vw 0 6vw;
  }
}

.p-opensupport-internet-box__item--ttl {
  color: #fff;
  letter-spacing: .04em;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1;
}

@media (width < 768px) {
  .p-opensupport-internet-box__item--ttl {
    font-size: 4vw;
    line-height: 1.79;
  }
}

.p-opensupport-internet-box__item--icon {
  width: min(3.68056vw, 53px);
  height: min(3.68056vw, 53px);
}

@media (width < 768px) {
  .p-opensupport-internet-box__item--icon {
    width: 13.25vw;
    height: 13.25vw;
  }
}

.p-opensupport-internet-workflow {
  margin-top: min(1.66667vw, 24px);
}

@media (width < 768px) {
  .p-opensupport-internet-workflow {
    margin-top: -7vw;
  }
}

.p-opensupport-internet-workflow-ttl {
  margin-inline: auto;
  width: min(49.6528vw, 715px);
  height: min(7.84722vw, 113px);
  margin-bottom: min(2.5vw, 36px);
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-ttl {
    width: 74.5vw;
    height: 24.75vw;
    margin-bottom: 10vw;
  }
}

.p-opensupport-internet-workflow-ttl:before, .p-opensupport-internet-workflow-ttl:after {
  content: "";
  background-image: url("../img/internet_workflow_ttl_deco.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: min(4.02778vw, 58px);
  height: min(4.86111vw, 70px);
  position: absolute;
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-ttl:before, .p-opensupport-internet-workflow-ttl:after {
    background-image: url("../img/internet_workflow_ttl_deco_sp.png");
    width: 8.25vw;
    height: 10vw;
  }
}

.p-opensupport-internet-workflow-ttl:before {
  top: min(.833333vw, 12px);
  left: min(-6.80556vw, -98px);
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-ttl:before {
    top: -2.25vw;
    left: -8.25vw;
  }
}

.p-opensupport-internet-workflow-ttl:after {
  top: min(.833333vw, 12px);
  right: min(-6.80556vw, -98px);
  transform: scaleX(-1);
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-ttl:after {
    top: -2.25vw;
    right: -8.25vw;
  }
}

.p-opensupport-internet-workflow-card {
  justify-content: center;
  gap: min(3.33333vw, 48px);
  margin-bottom: min(4.44444vw, 64px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-card {
    flex-wrap: wrap;
    gap: 5.25vw 5vw;
    margin-bottom: 12vw;
  }
}

.p-opensupport-internet-workflow-card-step {
  flex-direction: column;
  align-items: center;
  gap: min(1.11111vw, 16px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-card-step {
    gap: 2vw;
  }
}

.p-opensupport-internet-workflow-card-step__ttl {
  color: #4a3535;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .04em;
  align-items: center;
  height: min(3.88889vw, 56px);
  font-family: Noto Sans JP;
  font-size: min(1.38889vw, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-card-step__ttl {
    height: 10.5vw;
    font-size: 3.75vw;
  }
}

.p-opensupport-internet-workflow-card-step__cicle {
  background-color: #fff;
  border-radius: min(6.94444vw, 100px);
  justify-content: center;
  align-items: center;
  width: min(12.0833vw, 174px);
  height: min(12.0833vw, 174px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-card-step__cicle {
    border-radius: 25vw;
    width: 25.5vw;
    height: 25.5vw;
  }
}

.p-opensupport-internet-workflow-card-step__icon {
  width: min(7.77778vw, 112px);
  height: min(7.77778vw, 112px);
}

@media (width < 768px) {
  .p-opensupport-internet-workflow-card-step__icon {
    width: 16.5vw;
    height: 16.5vw;
  }
}

.p-opensupport-internet__btn {
  width: min(31.7361vw, 457px);
  height: min(5.20833vw, 75px);
  margin-inline: auto;
}

@media (width < 768px) {
  .p-opensupport-internet__btn {
    text-align: center;
    width: 84vw;
    height: 18.75vw;
  }
}

@keyframes kv-curtain-drop {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

.p-opensupport-kv {
  background-color: #fbf7e7;
  height: min(53.4722vw, 770px);
  position: relative;
  overflow: hidden;
}

@media (width < 768px) {
  .p-opensupport-kv {
    height: 144.5vw;
  }
}

.p-opensupport-kv-people {
  justify-content: center;
  align-items: end;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.p-opensupport-kv-people__item {
  opacity: 0;
}

.p-opensupport-kv-people__item img {
  width: 100%;
  height: auto;
}

.p-opensupport-kv-people__item--1 {
  width: min(10.7639vw, 155px);
  height: min(16.6667vw, 240px);
  margin-top: min(0vw, 0px);
  margin-right: min(3.47222vw, 50px);
}

@media (width < 768px) {
  .p-opensupport-kv-people__item--1 {
    display: none;
  }
}

.p-opensupport-kv-people__item--2 {
  width: min(11.1806vw, 161px);
  height: min(13.6111vw, 196px);
  margin-top: min(0vw, 0px);
  margin-right: min(2.98611vw, 43px);
}

@media (width < 768px) {
  .p-opensupport-kv-people__item--2 {
    width: 23.5vw;
    height: 28.75vw;
    margin-top: 1vw;
    margin-left: 5vw;
    margin-right: 1.25vw;
  }
}

.p-opensupport-kv-people__item--3 {
  width: min(10.4167vw, 150px);
  height: min(12.8472vw, 185px);
  margin-top: min(0vw, 0px);
  margin-right: min(2.5vw, 36px);
}

@media (width < 768px) {
  .p-opensupport-kv-people__item--3 {
    width: 21.75vw;
    height: 27vw;
    margin-top: 2.75vw;
    margin-right: 1.25vw;
  }
}

.p-opensupport-kv-people__item--4 {
  width: min(10.8333vw, 156px);
  height: min(14.0972vw, 203px);
  margin-top: min(0vw, 0px);
  margin-right: min(2.63889vw, 38px);
}

@media (width < 768px) {
  .p-opensupport-kv-people__item--4 {
    width: 22.75vw;
    height: 30vw;
    margin-top: 0;
    margin-right: 1.25vw;
  }
}

.p-opensupport-kv-people__item--5 {
  width: min(8.81945vw, 127px);
  height: min(12.6389vw, 182px);
  margin-top: min(0vw, 0px);
  margin-right: min(3.05556vw, 44px);
}

@media (width < 768px) {
  .p-opensupport-kv-people__item--5 {
    width: 18.5vw;
    height: 26.5vw;
    margin-top: 3.25vw;
    margin-right: 4.25vw;
  }
}

.p-opensupport-kv-people__item--6 {
  width: min(10.625vw, 153px);
  height: min(14.0278vw, 202px);
  margin-top: min(0vw, 0px);
}

@media (width < 768px) {
  .p-opensupport-kv-people__item--6 {
    display: none;
  }
}

.p-opensupport-kv-top {
  transform-origin: top;
  background-image: url("../img/kv_top.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: min(6.18056vw, 89px);
  margin-bottom: min(5.41667vw, 78px);
}

@media (width < 768px) {
  .p-opensupport-kv-top {
    background-image: url("../img/kv_top_sp.png");
    background-position: center;
    height: 14.5vw;
    margin-bottom: 10vw;
  }
}

.p-opensupport-kv-content {
  width: min(38.4028vw, 553px);
  margin-inline: auto;
}

@media (width < 768px) {
  .p-opensupport-kv-content {
    width: 92vw;
  }
}

.p-opensupport-kv-content__top {
  margin-inline: auto;
  width: min(36.4583vw, 525px);
  height: min(3.54167vw, 51px);
  margin-bottom: min(1.38889vw, 20px);
}

@media (width < 768px) {
  .p-opensupport-kv-content__top {
    width: 84vw;
    height: 8.25vw;
    margin-bottom: 0;
    padding-bottom: 3vw;
  }
}

.p-opensupport-kv-content__buttom {
  text-align: center;
  color: #4a3535;
  font-feature-settings: "palt" on;
  letter-spacing: .08em;
  font-size: min(.972222vw, 14px);
  font-weight: 500;
  line-height: 2;
}

@media (width < 768px) {
  .p-opensupport-kv-content__buttom {
    font-size: 3.5vw;
  }
}

.p-opensupport-kv-ttl {
  margin-bottom: min(5vw, 72px);
}

@media (width < 768px) {
  .p-opensupport-kv-ttl {
    margin-bottom: 10vw;
  }
}

.p-opensupport-kv-ttl__sml {
  margin-inline: auto;
  width: min(15.1389vw, 218px);
  height: min(2.43056vw, 35px);
  margin-bottom: min(1.45833vw, 21px);
}

@media (width < 768px) {
  .p-opensupport-kv-ttl__sml {
    width: 33.5vw;
    margin-bottom: 4.5vw;
  }
}

.p-opensupport-kv-ttl__big {
  width: min(67.2222vw, 968px);
  height: min(6.66667vw, 96px);
  margin-inline: auto;
}

@media (width < 768px) {
  .p-opensupport-kv-ttl__big {
    width: 60vw;
    height: 30vw;
  }
}

.p-opensupport-need {
  background-image: url("../img/need_background_dots.png");
  background-size: min(3.40278vw, 49px) min(1.73611vw, 25px);
  background-position: start;
  padding: min(5vw, 72px) 0 0;
}

@media (width < 768px) {
  .p-opensupport-need {
    background-image: url("../img/need_background_dots_sp.png");
    background-size: 8.25vw 4.5vw;
    padding: 14vw 0 0;
  }
}

.p-opensupport-need__btn {
  margin-inline: auto;
  width: min(47.2222vw, 680px);
  height: min(5.97222vw, 86px);
  margin-bottom: min(5vw, 72px);
}

@media (width < 768px) {
  .p-opensupport-need__btn {
    width: 84vw;
    height: 15vw;
    margin-bottom: 14vw;
  }
}

.p-opensupport-need-content {
  margin-inline: auto;
  background-color: #cce0ff;
  border-radius: min(2.08333vw, 30px);
  max-width: min(75.8333vw, 1092px);
  margin: 0 auto min(5.55556vw, 80px);
  padding: min(3.33333vw, 48px) min(3.75vw, 54px) min(3.54167vw, 51px);
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-need-content {
    border-radius: 5vw;
    max-width: 79.5vw;
    margin: 0 auto 18.25vw;
    padding: 10vw 5.75vw 8vw 6.5vw;
  }
}

.p-opensupport-need-content:before {
  content: "";
  background-image: url("../img/need_content_bg.png");
  background-repeat: no-repeat;
  background-size: min(4.65278vw, 67px) min(3.95833vw, 57px);
  width: min(4.65278vw, 67px);
  height: min(4.02778vw, 58px);
  position: absolute;
  bottom: -3.95833vw;
  left: 50%;
  transform: translateX(-50%);
}

@media (width >= 1440px) {
  .p-opensupport-need-content:before {
    bottom: -57px;
  }
}

@media (width < 768px) {
  .p-opensupport-need-content:before {
    background-image: url("../img/need_content_bg_sp.png");
    background-size: 13.75vw 11.75vw;
    width: 13.75vw;
    height: 11.75vw;
    bottom: -11.5vw;
  }
}

.p-opensupport-need-content-ttl {
  margin-bottom: min(2.22222vw, 32px);
}

@media (width < 768px) {
  .p-opensupport-need-content-ttl {
    margin-bottom: 2vw;
  }
}

.p-opensupport-need-content-ttl__sml {
  letter-spacing: .04em;
  text-align: center;
  color: #4a3535;
  margin-bottom: min(.694444vw, 10px);
  font-size: min(1.38889vw, 20px);
  font-weight: 600;
  line-height: 1.5;
}

@media (width < 768px) {
  .p-opensupport-need-content-ttl__sml {
    margin-bottom: 1.75vw;
    font-size: 4.5vw;
  }
}

.p-opensupport-need-content-ttl__big {
  color: #4a3535;
  align-items: end;
  gap: min(.347222vw, 5px);
  width: fit-content;
  margin-inline: auto;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  line-height: 1;
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-need-content-ttl__big {
    align-items: baseline;
    gap: .75vw;
  }
}

.p-opensupport-need-content-ttl__big--dot {
  letter-spacing: .09em;
  font-size: min(2.5vw, 36px);
  font-weight: 700;
  line-height: 1;
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-need-content-ttl__big--dot {
    font-size: 7vw;
  }
}

.p-opensupport-need-content-ttl__big--dot p {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.p-opensupport-need-content-ttl__big--dot p:after {
  content: "";
  background-color: #4a3535;
  border-radius: 50%;
  width: min(.347222vw, 5px);
  height: min(.347222vw, 5px);
  margin-top: min(.347222vw, 5px);
  position: absolute;
  bottom: min(-1.11111vw, -16px);
}

@media (width < 768px) {
  .p-opensupport-need-content-ttl__big--dot p:after {
    width: 1.5vw;
    height: 1.5vw;
    margin-top: 2vw;
    bottom: -3.75vw;
  }
}

.p-opensupport-need-content-ttl__big--nor {
  font-size: min(2.01389vw, 29px);
  font-weight: 700;
  line-height: 1;
}

@media (width < 768px) {
  .p-opensupport-need-content-ttl__big--nor {
    font-size: 5.5vw;
  }
}

.p-opensupport-need-content-point {
  position: relative;
  overflow: hidden;
}

.p-opensupport-need-content-point__kv {
  margin-inline: auto;
  width: min(25.4861vw, 367px);
  height: min(14.2361vw, 205px);
  margin-top: min(.486111vw, 7px);
}

@media (width < 768px) {
  .p-opensupport-need-content-point__kv {
    width: 63.25vw;
    height: 35.25vw;
    margin-top: 91.5vw;
  }
}

.p-opensupport-need-content-point__item {
  position: absolute;
}

.p-opensupport-need-content-point__item--1 {
  width: min(20.9028vw, 301px);
  height: min(3.05556vw, 44px);
  top: min(.208333vw, 3px);
  left: min(1.66667vw, 24px);
}

@media (width < 768px) {
  .p-opensupport-need-content-point__item--1 {
    width: 71vw;
    height: 9.5vw;
    top: 9.5vw;
    left: 0;
  }
}

.p-opensupport-need-content-point__item--2 {
  width: min(17.2917vw, 249px);
  height: min(3.05556vw, 44px);
  top: min(5.41667vw, 78px);
  left: 0;
}

@media (width < 768px) {
  .p-opensupport-need-content-point__item--2 {
    width: 58.75vw;
    height: 9.5vw;
    top: 34.5vw;
    left: 0;
  }
}

.p-opensupport-need-content-point__item--3 {
  width: min(17.1528vw, 247px);
  height: min(3.05556vw, 44px);
  top: min(10.625vw, 153px);
  left: 74px;
}

@media (width < 768px) {
  .p-opensupport-need-content-point__item--3 {
    width: 58.25vw;
    height: 9.5vw;
    top: 65vw;
    left: 0;
  }
}

.p-opensupport-need-content-point__item--4 {
  width: min(22.9861vw, 331px);
  height: min(3.05556vw, 44px);
  top: 0;
  right: min(.833333vw, 12px);
}

@media (width < 768px) {
  .p-opensupport-need-content-point__item--4 {
    width: 75.75vw;
    height: 9.5vw;
    top: 22vw;
    left: 0;
  }
}

.p-opensupport-need-content-point__item--5 {
  width: min(19.6528vw, 283px);
  height: min(4.86111vw, 70px);
  top: min(5vw, 72px);
  right: 0;
}

@media (width < 768px) {
  .p-opensupport-need-content-point__item--5 {
    width: 66.5vw;
    height: 15vw;
    top: 47vw;
    left: 0;
  }
}

.p-opensupport-need-content-point__item--6 {
  width: min(20.9722vw, 302px);
  height: min(3.05556vw, 44px);
  top: min(11.6667vw, 168px);
  right: min(.833333vw, 12px);
}

@media (width < 768px) {
  .p-opensupport-need-content-point__item--6 {
    width: 71.25vw;
    height: 9.5vw;
    top: 77.5vw;
    left: 0;
  }
}

.p-opensupport-need-appeal__ttl {
  margin-bottom: min(.972222vw, 14px);
}

@media (width < 768px) {
  .p-opensupport-need-appeal__ttl {
    margin-bottom: 2.5vw;
  }
}

.p-opensupport-need-appeal__ttl--sml {
  color: #4a3535;
  text-align: center;
  letter-spacing: 0 .04em;
  margin-bottom: min(.902778vw, 13px);
  font-size: min(1.45833vw, 21px);
  font-weight: 600;
  line-height: 1.5;
}

@media (width < 768px) {
  .p-opensupport-need-appeal__ttl--sml {
    margin-bottom: 1.25vw;
    font-size: 5vw;
  }
}

.p-opensupport-need-appeal__ttl--big {
  color: #da4630;
  text-align: center;
  font-feature-settings: "palt" on;
  letter-spacing: .03em;
  width: min(30.4861vw, 439px);
  height: min(3.81944vw, 55px);
  margin-inline: auto;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-size: min(2.63889vw, 38px);
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}

@media (width < 768px) {
  .p-opensupport-need-appeal__ttl--big {
    width: 80vw;
    height: 6.5vw;
    font-size: 7vw;
  }
}

.p-opensupport-need-appeal__ttl--big:before, .p-opensupport-need-appeal__ttl--big:after {
  content: "";
  background-image: url("../img/need_appeal_deco.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: min(2.91667vw, 42px);
  height: min(3.33333vw, 48px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media (width < 768px) {
  .p-opensupport-need-appeal__ttl--big:before, .p-opensupport-need-appeal__ttl--big:after {
    width: 5.75vw;
    height: 7vw;
  }
}

.p-opensupport-need-appeal__ttl--big:before {
  top: 0;
  left: min(-3.68056vw, -53px);
}

@media (width < 768px) {
  .p-opensupport-need-appeal__ttl--big:before {
    top: -1vw;
    left: -7vw;
  }
}

.p-opensupport-need-appeal__ttl--big:after {
  top: 0;
  right: min(-3.68056vw, -53px);
  transform: translateY(-50%)scaleX(-1);
}

@media (width < 768px) {
  .p-opensupport-need-appeal__ttl--big:after {
    top: -1vw;
    right: -7vw;
  }
}

.p-opensupport-need-appeal__img {
  width: min(27.0833vw, 390px);
  height: min(10.1389vw, 146px);
  margin-inline: auto;
}

@media (width < 768px) {
  .p-opensupport-need-appeal__img {
    width: 65.75vw;
    height: 27.75vw;
  }
}

.p-sample {
  width: 100%;
  padding: 12rem;
}

@media (width < 768px) {
  .p-sample__heading {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media (width >= 768px) {
  .p-sample__heading {
    font-size: 2.4rem;
    line-height: 1.33333;
  }
}

.p-sample__text {
  margin-top: min(1.11111vw, 16px);
}

@media (width >= 768px) {
  .p-sample__text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.p-sample__img {
  border: min(.0694445vw, 1px) solid #000;
  margin-top: min(2.22222vw, 32px);
}

.p-sample__background {
  background-color: #000;
  background-image: url("../img/sample.png");
  background-position: center;
  background-size: cover;
  border: min(.0694445vw, 1px) solid #000;
  width: min(13.8889vw, 200px);
  height: min(13.8889vw, 200px);
  margin-top: min(2.22222vw, 32px);
}

.p-opensupport-service {
  background-color: #fbf7e7;
  padding: min(7.15278vw, 103px) 0 min(7.77778vw, 112px);
}

@media (width < 768px) {
  .p-opensupport-service {
    padding: 14vw 0 20vw;
  }
}

.p-opensupport-service-ttl {
  margin-bottom: min(5vw, 72px);
}

@media (width < 768px) {
  .p-opensupport-service-ttl {
    margin-bottom: 10vw;
  }
}

.p-opensupport-service-ttl__sml {
  color: #da4630;
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: min(1.59722vw, 23px);
  font-family: Poppins, sans-serif;
  font-size: min(1.11111vw, 16px);
  font-weight: 400;
  line-height: 1.5;
}

@media (width < 768px) {
  .p-opensupport-service-ttl__sml {
    margin-bottom: 1.5vw;
    font-size: 3vw;
    line-height: 1.4;
  }
}

.p-opensupport-service-ttl__big--top {
  color: #4a3535;
  margin-bottom: min(.277778vw, 4px);
  width: min(17.2222vw, 248px);
  margin-inline: auto;
  font-family: Zen Kaku Gothic Antique, sans-serif;
}

@media (width < 768px) {
  .p-opensupport-service-ttl__big--top {
    width: 81.5vw;
    margin-bottom: 0;
  }
}

.p-opensupport-service-ttl__big--bottom {
  width: min(40.2778vw, 580px);
  margin-inline: auto;
}

@media (width < 768px) {
  .p-opensupport-service-ttl__big--bottom {
    width: 81.75vw;
  }
}

.p-opensupport-service-content {
  justify-content: center;
  align-items: center;
  gap: min(4.02778vw, 58px);
  display: flex;
}

@media (width < 768px) {
  .p-opensupport-service-content {
    flex-direction: column;
    gap: 10vw;
    margin: 0 4vw;
  }
}

.p-opensupport-service-content__left {
  color: #4a3535;
  font-feature-settings: "palt" on;
  letter-spacing: .06em;
  font-size: min(1.38889vw, 20px);
  font-weight: 500;
  line-height: 1.8;
}

@media (width < 768px) {
  .p-opensupport-service-content__left {
    font-size: 4vw;
  }
}

.p-opensupport-service-content__left--top span {
  color: #da4630;
}

.p-opensupport-service-content__left p:not(:last-of-type) {
  margin-bottom: min(1.66667vw, 24px);
}

@media (width < 768px) {
  .p-opensupport-service-content__left p:not(:last-of-type) {
    margin-bottom: 4vw;
  }
}

.p-opensupport-service-content__right {
  width: min(39.5139vw, 569px);
}

@media (width < 768px) {
  .p-opensupport-service-content__right {
    width: 100%;
  }
}

header .u-sp, footer .u-sp, .p-opensupport .u-sp {
  display: block;
}

@media (width >= 768px) {
  header .u-sp, footer .u-sp, .p-opensupport .u-sp {
    display: none;
  }
}

header .u-pc, footer .u-pc, .p-opensupport .u-pc {
  display: none;
}

@media (width >= 768px) {
  header .u-pc, footer .u-pc, .p-opensupport .u-pc {
    display: block;
  }
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Noto Sans JP, sans-serif;
}

p {
  margin-block: 0;
}

img {
  width: 100%;
  height: auto;
}