/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
}

a, button {
  cursor: revert;
}

ol, ul, menu, summary {
  list-style: none;
}

ol {
  counter-reset: revert;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: unset;
}

:-ms-input-placeholder {
  color: unset;
}

::-ms-input-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

::-webkit-details-marker {
  display: none;
}

img {
  height: auto;
  max-width: inherit;
  vertical-align: bottom;
  width: 100%;
}

@media (any-hover: hover) {
  a:hover {
    opacity: 0.8;
  }
}

a:not([class]) {
  color: var(--color-font);
}

b, strong {
  font-weight: bolder;
}

:root {
  --color-font: #1a1a1a;
  --color-note: #333;
  --color-primary: #ff8200;
  --color-secondary: #e6001e;
  --color-tertiary: #ffe600;
  --font-NotoSansJP: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", YuGothic, sans-serif;
  --font-NotoSerifJP: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "BiZ UDMincho", "MS Mincho", serif;
}

body {
  background: #fff;
  color: var(--color-font);
  font-family: var(--font-NotoSansJP);
  font-weight: 400;
  line-height: 1;
  margin-inline: auto;
  overflow-wrap: break-word;
  width: 100%;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  body {
    font-size: 1.667vw;
  }
}
@media screen and (min-width: 1080px) {
  body {
    font-size: 18px;
    min-width: 1080px;
  }
}

.l-wrapper {
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .l-inner {
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-inner {
    width: 92.593%;
  }
}
@media screen and (min-width: 1080px) {
  .l-inner {
    width: 1000px;
  }
}

.l-header {
  background: #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

@media screen and (min-width: 1080px) {
  .l-header__outer {
    margin-inline: auto;
    max-width: 1800px;
    position: relative;
    width: 90%;
  }
}

.l-header__inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    -webkit-padding-start: 2.133vw;
            padding-inline-start: 2.133vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-header__inner {
    align-items: center;
    padding-block: 0.463vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-header__inner {
    align-items: center;
    padding-block: 5px;
  }
}

.l-header__left {
  align-items: center;
  display: flex;
}

@media screen and (max-width: 768px) {
  .l-header__logo {
    -webkit-margin-end: 2vw;
            margin-inline-end: 2vw;
    width: 36vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-header__logo {
    -webkit-margin-end: 1.481vw;
            margin-inline-end: 1.481vw;
    width: 39.815vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-header__logo {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
    width: 430px;
  }
}

.l-header__right {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-header__right {
    -webkit-transform: translateX(2.778vw);
            transform: translateX(2.778vw);
  }
}
@media screen and (min-width: 1080px) {
  .l-header__right {
    position: absolute;
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header-tel {
    width: 42.667vw;
  }
}
@media screen and (min-width: 769px) {
  .l-header-tel {
    align-items: center;
    display: flex;
  }
}

@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-header-tel__num {
    width: 32.593vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-header-tel__num {
    width: 352px;
  }
}

@media screen and (max-width: 768px) {
  .l-header-tel__guide {
    -webkit-margin-before: 0.667vw;
            margin-block-start: 0.667vw;
    width: 41.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-header-tel__guide {
    -webkit-margin-start: 3.519vw;
            margin-inline-start: 3.519vw;
    width: 15.741vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-header-tel__guide {
    -webkit-margin-start: 38px;
            margin-inline-start: 38px;
    width: 170px;
  }
}

@media screen and (max-width: 768px) {
  .l-hamburger {
    background: #eb4c00;
    cursor: pointer;
    height: 14.667vw;
    -webkit-margin-start: 2px;
            margin-inline-start: 2px;
    position: relative;
    width: 14.667vw;
  }
}

@media screen and (max-width: 768px) {
  .l-hamburger__line {
    background: #fff;
    border-radius: 100vw;
    display: block;
    height: 0.8vw;
    left: 3.867vw;
    position: absolute;
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    width: 7.067vw;
  }
  .l-hamburger__line:nth-of-type(1) {
    top: 4.8vw;
  }
  .l-hamburger__line:nth-of-type(2) {
    top: 7vw;
  }
  .l-hamburger__line:nth-of-type(3) {
    top: 9.333vw;
  }
}

@media screen and (max-width: 768px) {
  .l-hamburger.is-active .l-hamburger__line:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(1.6vw, 1.6vw);
            transform: rotate(45deg) translate(1.6vw, 1.6vw);
  }
  .l-hamburger.is-active .l-hamburger__line:nth-of-type(2) {
    display: none;
  }
  .l-hamburger.is-active .l-hamburger__line:nth-of-type(3) {
    -webkit-transform: rotate(-45deg) translate(1.6vw, -1.6vw);
            transform: rotate(-45deg) translate(1.6vw, -1.6vw);
  }
}

@media screen and (max-width: 768px) {
  .l-nav {
    max-height: calc(100vh - 14.667vw);
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: -100vw;
    top: 14.667vw;
    transition: all 0.3s linear;
    visibility: hidden;
    width: 100vw;
    z-index: 110;
  }
  .l-nav.is-active {
    opacity: 1;
    right: 0;
    visibility: visible;
  }
}

@media screen and (max-width: 768px) {
  .l-nav__inner {
    background: #eb4c00;
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .l-nav__list {
    padding-inline: 13.333vw;
  }
}

@media screen and (max-width: 768px) {
  .l-nav__item {
    font-size: 3.733vw;
    letter-spacing: 0.04em;
    line-height: 2;
  }
  .l-nav__item:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 768px) {
  .l-nav__link {
    color: #fff;
    display: block;
    padding-block: 1em;
  }
}
@media screen and (max-width: 768px) and (any-hover: hover) {
  .l-nav__link:hover {
    background: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (max-width: 768px) {
  body.is-menu-opened::before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
  }
}

@media screen and (max-width: 768px) {
  .l-main {
    -webkit-padding-before: 14.667vw;
            padding-block-start: 14.667vw;
  }
}

.l-footer {
  background: #333;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .l-footer__inner {
    padding-block: 8vw;
    padding-inline: 6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-footer__inner {
    padding-block: 3.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-footer__inner {
    padding-block: 40px;
  }
}

.l-footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0;
  justify-content: center;
}

.l-footer-nav__item {
  border-right: 1px solid #fff;
  letter-spacing: 0.04em;
  padding-inline: 0.75em;
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-footer-nav__item {
    font-size: 1.481vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-footer-nav__item {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer-nav__item:nth-of-type(3) {
    border-right: 0;
  }
}
.l-footer-nav__item:last-child {
  border-right: 0;
}
@media (any-hover: hover) {
  .l-footer-nav__item:hover {
    text-decoration: underline;
  }
}

.l-copyright {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .l-copyright {
    font-size: 2.933vw;
    -webkit-margin-before: 4vw;
            margin-block-start: 4vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .l-copyright {
    font-size: 1.296vw;
    -webkit-margin-before: 2.778vw;
            margin-block-start: 2.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .l-copyright {
    font-size: 14px;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}

.c-cta {
  background: #fdf8bf;
}
@media screen and (max-width: 768px) {
  .c-cta {
    padding-block: 8vw 11.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta {
    padding-block: 6.019vw 4.167vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta {
    padding-block: 65px 45px;
  }
}

.c-cta__box {
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-cta__box {
    background: url(../images/cta_call_bg_sp.jpg) 0 100% no-repeat #fff;
    background-size: 71.2vw auto;
    border: 0.933vw solid var(--color-primary);
    box-shadow: 1.2vw 1.2vw 1.2vw rgba(2, 0, 94, 0.4);
    padding-block: 4.667vw 6vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-cta__box {
    background: url(../images/cta_call_bg_pc.jpg) 0 0/100% 100% no-repeat;
    width: 86%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__box {
    box-shadow: 0.926vw 0.926vw 0.926vw rgba(2, 0, 94, 0.4);
    height: 25vw;
    -webkit-padding-before: 2.315vw;
            padding-block-start: 2.315vw;
    -webkit-padding-end: 0.741vw;
            padding-inline-end: 0.741vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__box {
    box-shadow: 10px 10px 10px rgba(2, 0, 94, 0.4);
    height: 270px;
    -webkit-padding-before: 25px;
            padding-block-start: 25px;
    -webkit-padding-end: 8px;
            padding-inline-end: 8px;
  }
}

.c-cta__catch {
  border-bottom: 1px solid #666;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .c-cta__catch {
    font-size: 3.2vw;
    -webkit-padding-after: 2.4vw;
            padding-block-end: 2.4vw;
    margin-inline: auto;
    text-align: center;
    width: 79.2vw;
  }
}
@media screen and (min-width: 769px) {
  .c-cta__catch {
    margin-inline: auto 0;
    -webkit-padding-start: 0.7em;
            padding-inline-start: 0.7em;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__catch {
    font-size: 2.037vw;
    -webkit-padding-after: 0.926vw;
            padding-block-end: 0.926vw;
    width: 54.815vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__catch {
    font-size: 22px;
    -webkit-padding-after: 10px;
            padding-block-end: 10px;
    width: 592px;
  }
}

.c-cta__tel {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-cta__tel {
    -webkit-margin-before: 1.867vw;
            margin-block-start: 1.867vw;
    margin-inline: auto;
    width: 79.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__tel {
    -webkit-margin-before: 1.389vw;
            margin-block-start: 1.389vw;
    -webkit-margin-start: 24.537vw;
            margin-inline-start: 24.537vw;
    width: 52.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__tel {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
    -webkit-margin-start: 265px;
            margin-inline-start: 265px;
    width: 570px;
  }
}

@media screen and (max-width: 768px) {
  .c-cta__guide {
    -webkit-margin-before: 5.6vw;
            margin-block-start: 5.6vw;
    margin-inline: auto 4vw;
    width: 47.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__guide {
    -webkit-margin-start: 24.537vw;
            margin-inline-start: 24.537vw;
    width: 52.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__guide {
    -webkit-margin-start: 265px;
            margin-inline-start: 265px;
    width: 570px;
  }
}

.c-cta__note {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .c-cta__note {
    font-size: 2.133vw;
    -webkit-margin-before: 2.4vw;
            margin-block-start: 2.4vw;
    margin-inline: auto 4vw;
    width: 47.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__note {
    color: #333;
    font-size: 1.019vw;
    -webkit-margin-before: 0.648vw;
            margin-block-start: 0.648vw;
    -webkit-margin-end: 3.704vw;
            margin-inline-end: 3.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__note {
    color: #333;
    font-size: 11px;
    -webkit-margin-before: 7px;
            margin-block-start: 7px;
    -webkit-margin-end: 40px;
            margin-inline-end: 40px;
  }
}

.c-cta__image {
  bottom: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .c-cta__image {
    height: 47.333vw;
    left: 0;
    overflow: hidden;
    width: 46.4vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__image {
    left: 1.667vw;
    width: 22.222vw;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__image {
    left: 18px;
    width: 240px;
  }
}

.c-cta__message {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .c-cta__message {
    -webkit-margin-before: 6.667vw;
            margin-block-start: 6.667vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .c-cta__message {
    -webkit-margin-before: 3.704vw;
            margin-block-start: 3.704vw;
    width: 80%;
  }
}
@media screen and (min-width: 1080px) {
  .c-cta__message {
    -webkit-margin-before: 40px;
            margin-block-start: 40px;
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .p-kv {
    background: url(../images/kv_bg_sp.jpg) 0 100%/100% auto no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv {
    background: url(../images/kv_bg_pc_01.jpg) 50% 0/auto 100% no-repeat;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv {
    background: url(../images/kv_bg_pc_01.jpg) 50% 0 no-repeat, url(../images/kv_bg_pc_02.png) 0 0 repeat-x;
  }
}

.p-kv__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-kv__inner {
    height: 145.333vw;
    -webkit-padding-before: 7.333vw;
            padding-block-start: 7.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv__inner {
    height: 66.667vw;
    -webkit-padding-before: 13.519vw;
            padding-block-start: 13.519vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv__inner {
    height: 720px;
    -webkit-padding-before: 146px;
            padding-block-start: 146px;
  }
}

.p-kv__title {
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .p-kv__title {
    -webkit-margin-start: 6.667vw;
            margin-inline-start: 6.667vw;
    width: 90.933vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv__title {
    -webkit-margin-start: 18.056vw;
            margin-inline-start: 18.056vw;
    width: 60.463vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv__title {
    -webkit-margin-start: 195px;
            margin-inline-start: 195px;
    width: 653px;
  }
}

.p-kv__area {
  background-color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-kv__area {
    border-radius: 1.333vw;
    font-size: 4.48vw;
    height: 11.2vw;
    left: 5.067vw;
    -webkit-padding-start: 6.4vw;
            padding-inline-start: 6.4vw;
    top: 6vw;
    width: 27.733vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv__area {
    border-radius: 0.926vw;
    font-size: 2.963vw;
    height: 7.407vw;
    left: 13.889vw;
    -webkit-padding-start: 4.815vw;
            padding-inline-start: 4.815vw;
    top: 14.63vw;
    width: 18.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv__area {
    border-radius: 10px;
    font-size: 32px;
    height: 80px;
    left: 150px;
    -webkit-padding-start: 46px;
            padding-inline-start: 46px;
    top: 158px;
    width: 198px;
  }
}
.p-kv__area::after {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 99%;
}
@media screen and (max-width: 768px) {
  .p-kv__area::after {
    clip-path: polygon(0 0, 4vw 0, 100% 100%);
    height: 4.267vw;
    left: 11.6vw;
    width: 7.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv__area::after {
    clip-path: polygon(0 0, 2.778vw 0, 100% 100%);
    height: 2.778vw;
    left: 7.407vw;
    width: 4.63vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv__area::after {
    clip-path: polygon(0 0, 30px 0, 100% 100%);
    height: 30px;
    left: 80px;
    width: 50px;
  }
}
.p-kv__area-main {
  display: inline-block;
  position: relative;
}
.p-kv__area-main::after {
  background: url("../images/kv_japan_icon.svg") no-repeat center/100%;
  content: "";
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-kv__area-main::after {
    height: 3.733vw;
    left: -4.667vw;
    top: 1.6vw;
    width: 3.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv__area-main::after {
    height: 2.444vw;
    left: -2.685vw;
    top: 0.648vw;
    width: 2.546vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv__area-main::after {
    height: 26.4px;
    left: -29px;
    top: 7px;
    width: 27.5px;
  }
}
.p-kv__area-sub {
  -webkit-margin-before: 0.18em;
          margin-block-start: 0.18em;
  -webkit-margin-start: 0.9em;
          margin-inline-start: 0.9em;
}

.p-kv-feature {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-kv-feature {
    gap: 1.6vw;
    -webkit-margin-before: -5.333vw;
            margin-block-start: -5.333vw;
    margin-inline: auto;
    width: 90.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature {
    -webkit-margin-before: -2.315vw;
            margin-block-start: -2.315vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature {
    -webkit-margin-before: -25px;
            margin-block-start: -25px;
  }
}
.p-kv-feature__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item {
    -webkit-padding-after: 1.067vw;
            padding-block-end: 1.067vw;
    width: 28vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item {
    -webkit-padding-after: 0.556vw;
            padding-block-end: 0.556vw;
    width: 13.889vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item {
    -webkit-padding-after: 6px;
            padding-block-end: 6px;
    width: 150px;
  }
}
.p-kv-feature__item::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 1px;
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item::after {
    background: #fff;
    height: calc(100% - 2vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item::after {
    background: var(--color-font);
    height: calc(100% - 0.926vw);
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item::after {
    background: var(--color-font);
    height: calc(100% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item:nth-of-type(1) {
    -webkit-margin-end: -1.867vw;
            margin-inline-end: -1.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item:nth-of-type(1) {
    -webkit-margin-end: -0.556vw;
            margin-inline-end: -0.556vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item:nth-of-type(1) {
    -webkit-margin-end: -6px;
            margin-inline-end: -6px;
  }
}
.p-kv-feature__item:nth-of-type(1)::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item:nth-of-type(2) {
    width: 29.6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item:nth-of-type(2) {
    width: 14.63vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item:nth-of-type(2) {
    width: 158px;
  }
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item:nth-of-type(3) {
    -webkit-margin-start: -1.867vw;
            margin-inline-start: -1.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item:nth-of-type(3) {
    -webkit-margin-start: -0.556vw;
            margin-inline-start: -0.556vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item:nth-of-type(3) {
    -webkit-margin-start: -6px;
            margin-inline-start: -6px;
  }
}
.p-kv-feature__item-img {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item-img {
    width: 28vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item-img {
    width: 13.889vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item-img {
    width: 150px;
  }
}
.p-kv-feature__item-text {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item-text {
    font-size: 3.355vw;
    line-height: 4.473vw;
    margin-top: -4vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item-text {
    font-size: 1.667vw;
    line-height: 2.222vw;
    margin-top: -2.5vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: -27px;
  }
}
.p-kv-feature__item-text strong {
  background-color: var(--color-primary);
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding-inline: 0.15em;
}
@media screen and (max-width: 768px) {
  .p-kv-feature__item-text strong {
    font-size: 4.101vw;
    line-height: 1.138;
    -webkit-margin-before: 0.667vw;
            margin-block-start: 0.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv-feature__item-text strong {
    font-size: 2.037vw;
    line-height: 2.222vw;
    -webkit-margin-before: 0.463vw;
            margin-block-start: 0.463vw;
    -webkit-padding-after: 0.2em;
            padding-block-end: 0.2em;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv-feature__item-text strong {
    font-size: 22px;
    line-height: 24px;
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
    -webkit-padding-after: 0.2em;
            padding-block-end: 0.2em;
  }
}

.p-kv__lead {
  position: absolute;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .p-kv__lead {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-kv__lead {
    left: 17.8%;
    width: 63.7%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-kv__lead {
    bottom: 0.556vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-kv__lead {
    bottom: 6px;
  }
}

@media screen and (max-width: 768px) {
  .p-trouble {
    background: url(../images/trouble_bg_sp.jpg) 0 100%/100% auto no-repeat #e0e3ec;
  }
}
@media screen and (min-width: 769px) {
  .p-trouble {
    background: url(../images/trouble_bg_pc.jpg) 50% 100% no-repeat #e0e3ec;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-trouble {
    background-size: 203.704vw 0;
  }
}

.p-trouble__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-trouble__inner {
    padding-block: 2.667vw 19.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-trouble__inner {
    padding-block: 19.259vw 8.519vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-trouble__inner {
    padding-block: 208px 92px;
  }
}

@media screen and (min-width: 769px) {
  .p-trouble__title {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-trouble__title {
    top: 1.296vw;
    width: 120.37vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-trouble__title {
    top: 14px;
    width: 1300px;
  }
}

.p-trouble__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-trouble__list {
    gap: 4.533vw 6.17%;
    -webkit-margin-before: 2.933vw;
            margin-block-start: 2.933vw;
    margin-inline: auto;
    width: 86.4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-trouble__list {
    justify-content: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-trouble__list {
    gap: 2.778vw 2.6%;
  }
}
@media screen and (min-width: 1080px) {
  .p-trouble__list {
    gap: 30px 2.6%;
  }
}

.p-trouble__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-trouble__item {
    max-width: 40.533vw;
    width: 46.915%;
  }
}
@media screen and (min-width: 769px) {
  .p-trouble__item {
    width: 23%;
  }
}
@media screen and (max-width: 768px) {
  .p-trouble__item:nth-of-type(7) {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}

.p-trouble__label {
  align-items: center;
  color: #454545;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-trouble__label {
    font-size: 4vw;
    line-height: 1.333;
    -webkit-padding-before: 27.2vw;
            padding-block-start: 27.2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-trouble__label {
    line-height: 1.3;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-trouble__label {
    font-size: 1.852vw;
    -webkit-padding-before: 13.426vw;
            padding-block-start: 13.426vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-trouble__label {
    font-size: 20px;
    -webkit-padding-before: 145px;
            padding-block-start: 145px;
  }
}
.p-trouble__label--white {
  color: #fff;
}

.p-trouble__ambassador {
  position: absolute;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .p-trouble__ambassador {
    bottom: -4.267vw;
    left: 0;
    width: 49.6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-trouble__ambassador {
    bottom: -2.037vw;
    left: -6.157vw;
    width: 22.593vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-trouble__ambassador {
    bottom: -22px;
    left: -66.5px;
    width: 244px;
  }
}

@media screen and (max-width: 768px) {
  .p-flow {
    background-image: repeating-linear-gradient(45deg, #ffe600 0, #ffe600 4px, #fff599 5px, #fff599 6px);
  }
}
@media screen and (min-width: 769px) {
  .p-flow {
    background-image: url(../images/flow_list_pc.png), repeating-linear-gradient(45deg, #ffe600 0, #ffe600 8px, #fff599 8px, #fff599 12px);
    background-position: 50% 100%, 50% 50%;
    background-repeat: no-repeat, repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow {
    background-size: auto 103.704vw, auto;
  }
}

.p-flow__top {
  background: var(--color-primary);
}

@media screen and (min-width: 769px) {
  .p-flow__title {
    margin-inline: auto;
    max-width: 1000px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__title {
    width: 92.593%;
  }
}

@media screen and (max-width: 768px) {
  .p-flow__inner {
    -webkit-padding-before: 6vw;
            padding-block-start: 6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__inner {
    -webkit-padding-before: 4.63vw;
            padding-block-start: 4.63vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__inner {
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
  }
}

@media screen and (min-width: 769px) {
  .p-flow__contents {
    position: relative;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__contents {
    height: 103.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__contents {
    height: 1120px;
  }
}

@media screen and (min-width: 769px) {
  .p-flow__item {
    position: absolute;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__item:nth-of-type(1) {
    left: 6.944vw;
    top: 0;
    width: 33.519vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__item:nth-of-type(1) {
    left: 75px;
    top: 0;
    width: 362px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__item:nth-of-type(2) {
    left: 40.741vw;
    top: 2.963vw;
    width: 27.407vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__item:nth-of-type(2) {
    left: 440px;
    top: 32px;
    width: 296px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__item:nth-of-type(3) {
    left: 44.444vw;
    top: 34.444vw;
    width: 41.111vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__item:nth-of-type(3) {
    left: 480px;
    top: 372px;
    width: 444px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__item:nth-of-type(4) {
    left: 0;
    top: 41.667vw;
    width: 32.222vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__item:nth-of-type(4) {
    left: 0;
    top: 450px;
    width: 348px;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__item:nth-of-type(5) {
    -webkit-margin-before: -5.333vw;
            margin-block-start: -5.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-flow__item:nth-of-type(5) {
    bottom: 0;
    right: 0.926vw;
    width: 50vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-flow__item:nth-of-type(5) {
    bottom: 0;
    right: 10px;
    width: 540px;
  }
}

@media screen and (max-width: 768px) {
  .p-action {
    background: url(../images/action_bg_sp.jpg) 0 100%/100% auto no-repeat #daf1fd;
  }
}
@media screen and (min-width: 769px) {
  .p-action {
    background: url(../images/action_bg_pc.jpg) 50% 100% no-repeat #daf1fd;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action {
    background-size: 203.704vw auto;
  }
}

.p-action__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-action__inner {
    -webkit-padding-after: 14vw;
            padding-block-end: 14vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__inner {
    -webkit-padding-after: 7.407vw;
            padding-block-end: 7.407vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__inner {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-action__top {
    background: url(../images/action_early_bg_sp.png) 0 100%/100% 100% no-repeat;
    height: 179.2vw;
    margin-inline: auto;
    -webkit-padding-before: 17.333vw;
            padding-block-start: 17.333vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__top {
    background: url(../images/action_early_bg_pc.png) 0 0 no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__top {
    background-size: 100% auto;
    height: 66.574vw;
    -webkit-padding-before: 13.704vw;
            padding-block-start: 13.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__top {
    height: 719px;
    -webkit-padding-before: 148px;
            padding-block-start: 148px;
  }
}

.p-action__top-title {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-action__top-title {
    width: 61.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__top-title {
    width: 51.5%;
  }
}

.p-action__list {
  display: grid;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-action__list {
    gap: 5.067vw 5.6vw;
    grid-template-columns: repeat(2, 1fr);
    -webkit-margin-before: 8.267vw;
            margin-block-start: 8.267vw;
    width: 75.733vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__list {
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    width: 90%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__list {
    -webkit-margin-before: 6.944vw;
            margin-block-start: 6.944vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__list {
    gap: 35px 33px;
    -webkit-margin-before: 75px;
            margin-block-start: 75px;
  }
}

.p-action__item-text {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-action__item-text {
    font-size: 3.733vw;
    -webkit-margin-before: 1.6vw;
            margin-block-start: 1.6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__item-text {
    font-size: 1.852vw;
    -webkit-margin-before: 0.926vw;
            margin-block-start: 0.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__item-text {
    font-size: 20px;
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
}

.p-action__investigation {
  background: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-action__investigation {
    box-shadow: 1.067vw 2.667vw 1.067vw rgba(0, 0, 0, 0.2);
    -webkit-margin-before: 13.333vw;
            margin-block-start: 13.333vw;
    margin-inline: auto 5.333vw;
    -webkit-padding-after: 2vw;
            padding-block-end: 2vw;
    width: 63.2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__investigation {
    margin-inline: auto 3%;
    width: 68%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__investigation {
    box-shadow: 0.741vw 2.778vw 0.741vw rgba(0, 0, 0, 0.2);
    -webkit-margin-before: 12.963vw;
            margin-block-start: 12.963vw;
    -webkit-padding-after: 0.926vw;
            padding-block-end: 0.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__investigation {
    box-shadow: 8px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-margin-before: 140px;
            margin-block-start: 140px;
    -webkit-padding-after: 10px;
            padding-block-end: 10px;
  }
}
.p-action__investigation::before {
  background: 0 0/100% 100% no-repeat;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-action__investigation::before {
    background-image: url(../images/action_investigation_head_sp.png);
    height: 6.4vw;
    top: -5.733vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__investigation::before {
    background-image: url(../images/action_investigation_head_pc.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__investigation::before {
    height: 6.296vw;
    top: -5.093vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__investigation::before {
    height: 68px;
    top: -55px;
  }
}

.p-action__investigation-title {
  position: relative;
  z-index: 5;
}

.p-action__investigation-text {
  color: var(--color-note);
}
@media screen and (max-width: 768px) {
  .p-action__investigation-text {
    font-size: 3.733vw;
    line-height: 1.607;
    padding-block: 2.933vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__investigation-text {
    line-height: 1.833;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-action__investigation-text {
    font-size: 2.222vw;
    padding-block: 1.667vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-action__investigation-text {
    font-size: 24px;
    padding-block: 18px;
  }
}

.p-action__staff {
  bottom: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-action__staff {
    left: 1.067vw;
    overflow: hidden;
    width: 40vw;
  }
}
@media screen and (min-width: 769px) {
  .p-action__staff {
    left: 4.8%;
    width: 27.4%;
  }
}

@media screen and (max-width: 768px) {
  .p-about__inner {
    -webkit-padding-after: 11.333vw;
            padding-block-end: 11.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-about__inner {
    -webkit-padding-after: 3.704vw;
            padding-block-end: 3.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-about__inner {
    -webkit-padding-after: 40px;
            padding-block-end: 40px;
  }
}

@media screen and (max-width: 768px) {
  .p-about__contents {
    margin-inline: auto;
    width: 89.333vw;
  }
}

@media screen and (max-width: 768px) {
  .p-reason {
    background: url(../images/reason_bg_sp.jpg) 0 0/100% auto no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason {
    background: url(../images/reason_bg_pc.jpg) 50% 0 no-repeat;
    background-size: 185.185vw auto;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason {
    position: relative;
  }
  .p-reason::before {
    background: var(--color-primary);
    content: "";
    display: block;
    height: 350px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-reason__inner {
    -webkit-padding-after: 10vw;
            padding-block-end: 10vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__inner {
    padding-block: 4.63vw 9.259vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__inner {
    background: url(../images/reason_bg_pc.jpg) 50% 0 no-repeat;
    padding-block: 50px 100px;
    position: relative;
    z-index: 5;
  }
}

@media screen and (min-width: 769px) {
  .p-reason__title {
    -webkit-margin-start: 8%;
            margin-inline-start: 8%;
    width: 53.8%;
  }
}

.p-reason__list {
  display: grid;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .p-reason__list {
    grid-template-columns: repeat(2, 1fr);
    -webkit-margin-before: 80vw;
            margin-block-start: 80vw;
    margin-inline: auto;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-reason__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__list {
    -webkit-margin-before: 11.574vw;
            margin-block-start: 11.574vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__list {
    -webkit-margin-before: 125px;
            margin-block-start: 125px;
  }
}

.p-reason__item {
  border-bottom: 1px solid #a2a2a2;
  border-right: 1px solid #a2a2a2;
}
@media screen and (max-width: 768px) {
  .p-reason__item {
    padding-block: 4.667vw 4vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__item {
    padding-block: 0.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__item {
    padding-block: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-reason__item:nth-child(2n) {
    border-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-reason__item:nth-child(-n+2) {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-reason__item:nth-last-child(-n+2) {
    border-bottom: 0;
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-reason__item:nth-child(5n) {
    border-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-reason__item:nth-last-child(-n+5) {
    border-bottom: 0;
  }
  .p-reason__item:nth-last-child(-n+5) .p-reason__content {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__item:nth-last-child(-n+5) {
    padding-block: 1.852vw 0;
  }
  .p-reason__item:nth-last-child(-n+5) .p-reason__content {
    -webkit-padding-before: 0.926vw;
            padding-block-start: 0.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__item:nth-last-child(-n+5) {
    padding-block: 20px 0;
  }
  .p-reason__item:nth-last-child(-n+5) .p-reason__content {
    -webkit-padding-before: 10px;
            padding-block-start: 10px;
  }
}

.p-reason__num {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-reason__num {
    width: 17.467vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__num {
    width: 7.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__num {
    width: 84px;
  }
}

.p-reason__icon {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-reason__icon {
    -webkit-margin-before: 1.6vw;
            margin-block-start: 1.6vw;
    width: 18.743vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__icon {
    -webkit-margin-before: 1.389vw;
            margin-block-start: 1.389vw;
    width: 8.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__icon {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
    width: 90px;
  }
}

@media screen and (max-width: 768px) {
  .p-reason__content {
    -webkit-margin-before: 1.333vw;
            margin-block-start: 1.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-reason__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__content {
    height: 7.407vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__content {
    height: 80px;
  }
}

.p-reason__label {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-reason__label {
    font-size: 4.133vw;
    line-height: 1.323;
  }
}
@media screen and (min-width: 769px) {
  .p-reason__label {
    line-height: 1.3;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__label {
    font-size: 1.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__label {
    font-size: 20px;
  }
}

.p-reason__note {
  color: #1a1a1a;
  letter-spacing: 0.04em;
  -webkit-margin-before: 0.3em;
          margin-block-start: 0.3em;
}
@media screen and (max-width: 768px) {
  .p-reason__note {
    font-size: 2.533vw;
    line-height: 1.232;
  }
}
@media screen and (min-width: 769px) {
  .p-reason__note {
    line-height: 1.25;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-reason__note {
    font-size: 1.111vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-reason__note {
    font-size: 12px;
  }
}

.p-method {
  background-color: #fdf8bf;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-method {
    background-image: url(../images/method_bg_sp.jpg);
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .p-method {
    background-image: url(../images/method_bg_pc.jpg);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method {
    background-size: 185.185vw auto;
  }
}

@media screen and (max-width: 768px) {
  .p-method__inner {
    padding-block: 9.067vw 16vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__inner {
    padding-block: 6.481vw 8.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__inner {
    padding-block: 70px 90px;
  }
}

.p-method__list {
  display: grid;
}
@media screen and (max-width: 768px) {
  .p-method__list {
    gap: 6vw;
    grid-template-columns: 1fr;
    -webkit-margin-before: 6vw;
            margin-block-start: 6vw;
    margin-inline: auto 5.333vw;
    width: 85.067vw;
  }
}
@media screen and (min-width: 769px) {
  .p-method__list {
    grid-template-columns: repeat(2, 1fr);
    margin-inline: auto;
    width: 90%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__list {
    gap: 2.778vw 4.444vw;
    -webkit-margin-before: 4.167vw;
            margin-block-start: 4.167vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__list {
    gap: 30px 48px;
    -webkit-margin-before: 45px;
            margin-block-start: 45px;
  }
}

.p-method__item {
  background: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-method__item {
    border: 0.8vw solid var(--color-primary);
    padding-block: 24.267vw 8vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__item {
    border: 0.37vw solid var(--color-primary);
    padding-block: 11.296vw 2.315vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__item {
    border: 4px solid var(--color-primary);
    padding-block: 122px 25px;
  }
}

.p-method__header {
  align-items: center;
  background: url(../images/method_list_head@2x.png) 0 0/100% 100% no-repeat;
  display: grid;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-method__header {
    gap: 2.667vw;
    grid-template-columns: 20vw 1fr;
    height: 20vw;
    left: -4.8vw;
    top: -0.8vw;
    width: 88.8vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__header {
    gap: 1.852vw;
    grid-template-columns: 9.259vw 1fr;
    height: 9.259vw;
    left: -2.222vw;
    top: -0.463vw;
    width: 41.111vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__header {
    gap: 20px;
    grid-template-columns: 100px 1fr;
    height: 100px;
    left: -24px;
    top: -5px;
    width: 444px;
  }
}
.p-method__header::before {
  background: #002d46;
  bottom: 0;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  content: "";
  left: 0;
  position: absolute;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media screen and (max-width: 768px) {
  .p-method__header::before {
    height: 2vw;
    width: 4vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__header::before {
    height: 0.926vw;
    width: 1.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__header::before {
    height: 10px;
    width: 20px;
  }
}

.p-method__sub-title {
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-method__sub-title {
    font-size: 6.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__sub-title {
    font-size: 3.056vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__sub-title {
    font-size: 33px;
  }
}

.p-method__img {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-method__img {
    width: 75.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__img {
    width: 35.185vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__img {
    width: 380px;
  }
}

.p-method__text {
  letter-spacing: 0.04em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-method__text {
    font-size: 3.733vw;
    line-height: 1.786;
    -webkit-margin-before: 1.333vw;
            margin-block-start: 1.333vw;
    width: 72.533vw;
  }
}
@media screen and (min-width: 769px) {
  .p-method__text {
    line-height: 1.889;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-method__text {
    -webkit-margin-before: 0.926vw;
            margin-block-start: 0.926vw;
    width: 33.519vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-method__text {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
    width: 362px;
  }
}

@media screen and (max-width: 768px) {
  .p-price {
    background: url(../images/price_bg_sp.jpg) 0 0/100% auto no-repeat #fae733;
  }
}
@media screen and (min-width: 769px) {
  .p-price {
    background: url(../images/price_bg_pc.jpg) 50% 0 no-repeat #fae733;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price {
    background-size: 185.185vw auto;
  }
}

.p-price__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-price__inner {
    -webkit-padding-after: 10.667vw;
            padding-block-end: 10.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__inner {
    -webkit-padding-after: 10.648vw;
            padding-block-end: 10.648vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__inner {
    -webkit-padding-after: 115px;
            padding-block-end: 115px;
  }
}

.p-price__title {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-price__title {
    -webkit-transform: translateY(-5.6vw);
            transform: translateY(-5.6vw);
    width: 81.067vw;
  }
}
@media screen and (min-width: 769px) {
  .p-price__title {
    width: 58.2%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__title {
    -webkit-transform: translateY(-3.704vw);
            transform: translateY(-3.704vw);
  }
}
@media screen and (min-width: 1080px) {
  .p-price__title {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}
.p-price__title::before, .p-price__title::after {
  background: var(--color-tertiary);
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 768px) {
  .p-price__title::before, .p-price__title::after {
    height: 5.6vw;
    width: 5.6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__title::before, .p-price__title::after {
    height: 3.704vw;
    width: 3.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__title::before, .p-price__title::after {
    height: 40px;
    width: 40px;
  }
}
.p-price__title::before {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-price__title::after {
  right: 0;
  -webkit-transform: translateX(100%) scaleX(-1);
          transform: translateX(100%) scaleX(-1);
}

@media screen and (max-width: 768px) {
  .p-price__lead {
    -webkit-margin-before: -5.6vw;
            margin-block-start: -5.6vw;
    margin-inline: auto;
    width: 82.4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-price__lead {
    -webkit-margin-start: 53.6%;
            margin-inline-start: 53.6%;
    width: 45.7%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__lead {
    -webkit-margin-before: -6.481vw;
            margin-block-start: -6.481vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__lead {
    -webkit-margin-before: -70px;
            margin-block-start: -70px;
  }
}

.p-price__box {
  background: #fff;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-price__box {
    border-radius: 1.333vw;
    -webkit-margin-before: 65.333vw;
            margin-block-start: 65.333vw;
    padding-block: 5.333vw 8vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-price__box {
    width: 96%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__box {
    border-radius: 0.926vw;
    -webkit-margin-before: 2.778vw;
            margin-block-start: 2.778vw;
    padding-block: 2.778vw 6.296vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__box {
    border-radius: 10px;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    padding-block: 30px 68px;
  }
}

.p-price__box-title {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-price__box-title {
    -webkit-transform: translateX(-2vw);
            transform: translateX(-2vw);
    width: 88.8vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__box-title {
    -webkit-transform: translateX(-3.241vw);
            transform: translateX(-3.241vw);
    width: 86.111vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__box-title {
    -webkit-transform: translateX(-35px);
            transform: translateX(-35px);
    width: 930px;
  }
}
.p-price__box-title::before {
  background: var(--color-font);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  content: "";
  left: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-price__box-title::before {
    height: 1.333vw;
    top: 11.733vw;
    width: 1.867vw;
  }
}
@media screen and (min-width: 769px) {
  .p-price__box-title::before {
    bottom: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__box-title::before {
    height: 0.926vw;
    width: 1.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__box-title::before {
    height: 10px;
    width: 20px;
  }
}

.p-price__list {
  display: grid;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-price__list {
    gap: 3.333vw 2vw;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    -webkit-margin-before: 5.333vw;
            margin-block-start: 5.333vw;
    -webkit-transform: translateX(-2vw);
            transform: translateX(-2vw);
    width: 93.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-price__list {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__list {
    gap: 2.037vw 1.204vw;
    -webkit-margin-before: 2.778vw;
            margin-block-start: 2.778vw;
    -webkit-transform: translateX(-1.852vw);
            transform: translateX(-1.852vw);
    width: 92.593vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__list {
    gap: 22px 13px;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    width: 1000px;
  }
}

.p-price__item {
  background: #fff;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-price__item {
    border-radius: 1.067vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__item {
    border-radius: 0.741vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__item {
    border-radius: 8px;
  }
}
.p-price__item::after {
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(150deg, #ffda2a, #dc551f) border-box;
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-price__item::after {
    border: 0.8vw solid transparent;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__item::after {
    border: 0.37vw solid transparent;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__item::after {
    border: 4px solid transparent;
  }
}
@media screen and (max-width: 768px) {
  .p-price__item:nth-of-type(1) {
    grid-area: 1/1/2/3;
  }
  .p-price__item:nth-of-type(2) {
    grid-area: 1/3/2/5;
  }
  .p-price__item:nth-of-type(3) {
    grid-area: 1/5/2/7;
  }
  .p-price__item:nth-of-type(4) {
    grid-area: 2/1/3/3;
  }
  .p-price__item:nth-of-type(5) {
    grid-area: 2/3/3/5;
  }
  .p-price__item:nth-of-type(6) {
    grid-area: 2/5/3/7;
  }
  .p-price__item:nth-of-type(7) {
    grid-area: 3/1/4/3;
  }
  .p-price__item:nth-of-type(8) {
    grid-area: 3/3/4/5;
  }
  .p-price__item:nth-of-type(9) {
    grid-area: 3/5/4/7;
  }
  .p-price__item:nth-of-type(10) {
    grid-area: 4/2/5/4;
  }
  .p-price__item:nth-of-type(11) {
    grid-area: 4/4/5/6;
  }
  .p-price__item:nth-of-type(12) {
    grid-area: 5/2/6/4;
  }
  .p-price__item:nth-of-type(13) {
    grid-area: 5/4/6/6;
  }
}
@media screen and (min-width: 769px) {
  .p-price__item:nth-of-type(1) {
    grid-area: 1/1/2/3;
  }
  .p-price__item:nth-of-type(2) {
    grid-area: 1/3/2/5;
  }
  .p-price__item:nth-of-type(3) {
    grid-area: 1/5/2/7;
  }
  .p-price__item:nth-of-type(4) {
    grid-area: 1/7/2/9;
  }
  .p-price__item:nth-of-type(5) {
    grid-area: 1/9/2/11;
  }
  .p-price__item:nth-of-type(6) {
    grid-area: 2/2/3/4;
  }
  .p-price__item:nth-of-type(7) {
    grid-area: 2/4/3/6;
  }
  .p-price__item:nth-of-type(8) {
    grid-area: 2/6/3/8;
  }
  .p-price__item:nth-of-type(9) {
    grid-area: 2/8/3/10;
  }
  .p-price__item:nth-of-type(10) {
    grid-area: 3/2/4/4;
  }
  .p-price__item:nth-of-type(11) {
    grid-area: 3/4/4/6;
  }
  .p-price__item:nth-of-type(12) {
    grid-area: 3/6/4/8;
  }
  .p-price__item:nth-of-type(13) {
    grid-area: 3/8/4/10;
  }
}

.p-price__sub-title {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-price__sub-title {
    display: grid;
    font-size: 3.467vw;
    line-height: 1.269;
    min-height: 12vw;
    padding-block: 0.667vw 0vw;
    place-content: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__sub-title {
    padding-block: 1.204vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__sub-title {
    padding-block: 13px;
  }
}
.p-price__sub-title::after {
  background: #666;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-price__sub-title::after {
    width: 25.067vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__sub-title::after {
    width: 14.815vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__sub-title::after {
    width: 160px;
  }
}

.p-price__fee {
  color: var(--color-secondary);
}
@media screen and (max-width: 768px) {
  .p-price__fee {
    padding-block: 2vw 2.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__fee {
    padding-block: 0.741vw 1.481vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__fee {
    padding-block: 8px 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-price__excl-tax {
    font-size: 4.533vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-price__excl-tax {
    font-size: 2.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-price__excl-tax {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .p-price__tax-included {
    font-size: 2.667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-price__tax-included {
    font-size: 50%;
  }
}

.p-compare__title {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-compare__title {
    -webkit-margin-before: 11.733vw;
            margin-block-start: 11.733vw;
    width: 80vw;
  }
}
@media screen and (min-width: 769px) {
  .p-compare__title {
    width: 57.3%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-compare__title {
    -webkit-margin-before: 8.333vw;
            margin-block-start: 8.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-compare__title {
    -webkit-margin-before: 90px;
            margin-block-start: 90px;
  }
}

.p-compare__table {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-compare__table {
    -webkit-margin-before: 5.333vw;
            margin-block-start: 5.333vw;
    width: 90.133vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-compare__table {
    -webkit-margin-before: 3.241vw;
            margin-block-start: 3.241vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-compare__table {
    -webkit-margin-before: 35px;
            margin-block-start: 35px;
  }
}

.p-recommend {
  background-color: #ffcb25;
  background-position: center top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-recommend {
    background-image: url(../images/recommend_bg_sp.jpg);
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .p-recommend {
    background-image: url(../images/recommend_bg_pc.jpg);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend {
    background-size: 185.185vw auto;
  }
}

@media screen and (max-width: 768px) {
  .p-recommend__inner {
    padding-block: 9.333vw 12vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__inner {
    padding-block: 4.63vw 9.259vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__inner {
    padding-block: 50px 100px;
  }
}

.p-recommend__title {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-recommend__title {
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-recommend__title {
    width: 67%;
  }
}

.p-recommend__list {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-recommend__list {
    width: 80.267vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__list {
    width: 83.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__list {
    width: 900px;
  }
}

.p-recommend__item {
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-recommend__item {
    background-color: #ffd746;
    background-image: url(../images/recommend_list_bg_sp_01.jpg), url(../images/recommend_list_bg_sp_02.jpg);
    background-position: 0 0, 0 100%;
    background-size: 100% auto;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2vw;
    -webkit-margin-before: 6.133vw;
            margin-block-start: 6.133vw;
    padding-block: 57.6vw 7.333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-recommend__item {
    background-image: url(../images/recommend_list_bg_pc.png);
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__item {
    min-height: 20.37vw;
    -webkit-margin-before: 6.481vw;
            margin-block-start: 6.481vw;
    padding-block: 2.315vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__item {
    min-height: 220px;
    -webkit-margin-before: 70px;
            margin-block-start: 70px;
    -webkit-padding-before: 25px;
            padding-block-start: 25px;
  }
}

.p-recommend__num {
  position: absolute;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .p-recommend__num {
    left: 4vw;
    top: -3.333vw;
    width: 18.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__num {
    left: 1.759vw;
    top: -1.574vw;
    width: 9.722vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__num {
    left: 19px;
    top: -17px;
    width: 105px;
  }
}

.p-recommend__img {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-recommend__img {
    -webkit-filter: drop-shadow(1.92vw 1.92vw 1.92vw rgba(51, 29, 0, 0.3));
            filter: drop-shadow(1.92vw 1.92vw 1.92vw rgba(51, 29, 0, 0.3));
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    top: 5.333vw;
    width: 72vw;
  }
}
@media screen and (min-width: 769px) {
  .p-recommend__img {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__img {
    -webkit-filter: drop-shadow(0.926vw 0.926vw 0.926vw rgba(51, 29, 0, 0.3));
            filter: drop-shadow(0.926vw 0.926vw 0.926vw rgba(51, 29, 0, 0.3));
    right: -1.389vw;
    width: 34.722vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__img {
    -webkit-filter: drop-shadow(10px 10px 10px rgba(51, 29, 0, 0.3));
            filter: drop-shadow(10px 10px 10px rgba(51, 29, 0, 0.3));
    right: -15px;
    width: 375px;
  }
}

.p-recommend__item-title {
  color: #000;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-recommend__item-title {
    font-size: 5.067vw;
    line-height: 6.533vw;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    text-align: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__item-title {
    font-size: 2.407vw;
    line-height: 3.148vw;
    -webkit-margin-start: 11.574vw;
            margin-inline-start: 11.574vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__item-title {
    font-size: 26px;
    line-height: 34px;
    -webkit-margin-start: 125px;
            margin-inline-start: 125px;
  }
}

.p-recommend__text {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-recommend__text {
    font-size: 3.733vw;
    line-height: 6vw;
    -webkit-margin-before: 1.867vw;
            margin-block-start: 1.867vw;
    margin-inline: auto;
    width: 70vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-recommend__text {
    font-size: 1.481vw;
    line-height: 2.778vw;
    -webkit-margin-before: 1.296vw;
            margin-block-start: 1.296vw;
    -webkit-margin-start: 3.611vw;
            margin-inline-start: 3.611vw;
    width: 45.37vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-recommend__text {
    font-size: 16px;
    line-height: 30px;
    -webkit-margin-before: 14px;
            margin-block-start: 14px;
    -webkit-margin-start: 39px;
            margin-inline-start: 39px;
    width: 490px;
  }
}

.p-area {
  background-color: #fff5d3;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-area {
    background-image: url(../images/area_bg_sp.jpg);
    background-position: center top;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .p-area {
    background-image: url(../images/area_bg.jpg);
    background-position: center top;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area {
    background-size: 185.185vw auto;
  }
}

.p-area__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-area__inner {
    padding-block: 11.2vw 13.733vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__inner {
    padding-block: 7.222vw 9.63vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__inner {
    padding-block: 78px 104px;
  }
}

@media screen and (max-width: 768px) {
  .p-area__title {
    -webkit-margin-start: 12.133vw;
            margin-inline-start: 12.133vw;
    width: 74.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__title {
    -webkit-margin-start: 4.63vw;
            margin-inline-start: 4.63vw;
    width: 45.37vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__title {
    -webkit-margin-start: 50px;
            margin-inline-start: 50px;
    width: 490px;
  }
}

.p-area__comment-01 {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-area__comment-01 {
    left: 48.667vw;
    top: 67.733vw;
    width: 15.733vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__comment-01 {
    left: 69.352vw;
    top: 11.296vw;
    width: 10.278vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__comment-01 {
    left: 749px;
    top: 122px;
    width: 111px;
  }
}

.p-area__comment-02 {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-area__comment-02 {
    left: 13.6vw;
    top: 116.667vw;
    width: 72.267vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__comment-02 {
    left: 48.056vw;
    top: 46.389vw;
    width: 36.111vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__comment-02 {
    left: 519px;
    top: 501px;
    width: 390px;
  }
}

.p-area__title-note {
  letter-spacing: 0.04em;
  -webkit-margin-before: 0.8em;
          margin-block-start: 0.8em;
}
@media screen and (max-width: 768px) {
  .p-area__title-note {
    font-size: 2.133vw;
    margin-inline: auto;
    width: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__title-note {
    font-size: 1.019vw;
    -webkit-margin-start: 4.63vw;
            margin-inline-start: 4.63vw;
    width: 45.37vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__title-note {
    font-size: 11px;
    -webkit-margin-start: 50px;
            margin-inline-start: 50px;
    width: 490px;
  }
}

.p-area__text {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-area__text {
    font-size: 3.733vw;
    line-height: 5.333vw;
    -webkit-margin-before: 152.667vw;
            margin-block-start: 152.667vw;
    margin-inline: auto;
    width: 85.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__text {
    font-size: 1.667vw;
    line-height: 2.963vw;
    -webkit-margin-before: 28.148vw;
            margin-block-start: 28.148vw;
    -webkit-margin-start: 41.944vw;
            margin-inline-start: 41.944vw;
    width: 45.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__text {
    font-size: 18px;
    line-height: 32px;
    -webkit-margin-before: 304px;
            margin-block-start: 304px;
    -webkit-margin-start: 453px;
            margin-inline-start: 453px;
    width: 496px;
  }
}

.p-area__member-area {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-area__member-area {
    -webkit-padding-before: 9.333vw;
            padding-block-start: 9.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__member-area {
    -webkit-padding-before: 5.37vw;
            padding-block-start: 5.37vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__member-area {
    -webkit-padding-before: 58px;
            padding-block-start: 58px;
  }
}

.p-area__membe-text {
  display: inline-block;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-area__membe-text {
    font-size: 4.8vw;
    line-height: 7.28vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__membe-text {
    font-size: 2.593vw;
    line-height: 4.167vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__membe-text {
    font-size: 28px;
    line-height: 45px;
  }
}
.p-area__membe-text::after, .p-area__membe-text::before {
  background: url("../images/area_member_title_deco.png") no-repeat center/100%;
  content: "";
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-area__membe-text::after, .p-area__membe-text::before {
    height: 16.427vw;
    left: -12vw;
    top: 7.467vw;
    width: 9.387vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__membe-text::after, .p-area__membe-text::before {
    height: 6.481vw;
    left: -5.185vw;
    top: 2.13vw;
    width: 3.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__membe-text::after, .p-area__membe-text::before {
    height: 70px;
    left: -56px;
    top: 23px;
    width: 40px;
  }
}
.p-area__membe-text::before {
  left: auto;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .p-area__membe-text::before {
    right: -12vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__membe-text::before {
    right: -5.185vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__membe-text::before {
    right: -56px;
  }
}
.p-area__membe-text .orange {
  color: var(--color-secondary);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-area__membe-text .orange {
    font-size: 6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__membe-text .orange {
    font-size: 3.148vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__membe-text .orange {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  .p-area__membe-text .small {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__membe-text .small {
    font-size: 2.519vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__membe-text .small {
    font-size: 27.2px;
  }
}
.p-area__membe-text .big {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-area__membe-text .big {
    font-size: 6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__membe-text .big {
    font-size: 3.148vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__membe-text .big {
    font-size: 34px;
  }
}

.p-area__member {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-area__member {
    -webkit-margin-before: 5.333vw;
            margin-block-start: 5.333vw;
    width: 89.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-area__member {
    -webkit-margin-before: 2.037vw;
            margin-block-start: 2.037vw;
    width: 87.963vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-area__member {
    -webkit-margin-before: 22px;
            margin-block-start: 22px;
    width: 950px;
  }
}

@media screen and (max-width: 768px) {
  .p-consultation {
    background-color: #d2ecf7;
    background-repeat: no-repeat;
    background-image: url(../images/consultation_bg_sp.jpg);
    background-position: center top;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .p-consultation {
    background: url(../images/consultation_bg.jpg) 50% 0 no-repeat #d2ecf7;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation {
    background-size: 185.185vw auto;
  }
}

.p-consultation__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-consultation__inner {
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-padding-after: 12.933vw;
            padding-block-end: 12.933vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__inner {
    padding-block: 0.37vw 10.185vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__inner {
    padding-block: 4px 110px;
  }
}
.p-consultation__inner::after {
  background: url("../images/consultation_img.png") no-repeat center/100%;
  content: "";
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-consultation__inner::after {
    height: 67.467vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    top: 42vw;
    width: 67.467vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__inner::after {
    height: 41.852vw;
    left: 2.685vw;
    top: -5.37vw;
    width: 41.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__inner::after {
    height: 452px;
    left: 29px;
    top: -58px;
    width: 452px;
  }
}

@media screen and (max-width: 768px) {
  .p-consultation__title {
    margin-inline: auto;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    width: 100vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__title {
    -webkit-margin-start: 35.556vw;
            margin-inline-start: 35.556vw;
    width: 51.111vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__title {
    -webkit-margin-start: 384px;
            margin-inline-start: 384px;
    width: 552px;
  }
}

.p-consultation__box {
  background-color: #fff;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-consultation__box {
    -webkit-margin-before: 51.467vw;
            margin-block-start: 51.467vw;
    padding-block: 14.667vw 9.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__box {
    -webkit-margin-before: 0.833vw;
            margin-block-start: 0.833vw;
    padding-block: 6.944vw 5vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__box {
    -webkit-margin-before: 9px;
            margin-block-start: 9px;
    padding-block: 75px 54px;
  }
}

.p-consultation__box-title-area {
  text-align: center;
}

.p-consultation__box-title {
  display: inline-block;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-consultation__box-title {
    font-size: 5.867vw;
    line-height: 8.267vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__box-title {
    font-size: 3.148vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__box-title {
    font-size: 34px;
  }
}
.p-consultation__box-title .blue {
  color: var(--color-primary);
  font-weight: 700;
}
.p-consultation__box-title::after, .p-consultation__box-title::before {
  background: url("../images/consultation_list_title_bg.png") no-repeat center/100%;
  content: "";
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-consultation__box-title::after, .p-consultation__box-title::before {
    height: 2.667vw;
    left: -20vw;
    top: 8vw;
    width: 15.067vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__box-title::after, .p-consultation__box-title::before {
    height: 1.852vw;
    left: -15.741vw;
    top: 0.926vw;
    width: 13.889vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__box-title::after, .p-consultation__box-title::before {
    height: 20px;
    left: -170px;
    top: 10px;
    width: 150px;
  }
}
.p-consultation__box-title::before {
  left: auto;
}
@media screen and (max-width: 768px) {
  .p-consultation__box-title::before {
    right: -20vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__box-title::before {
    right: -15.741vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__box-title::before {
    right: -170px;
  }
}

.p-consultation__list {
  display: flex;
  flex-direction: column;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-consultation__list {
    gap: 11.067vw;
    -webkit-margin-before: 6.933vw;
            margin-block-start: 6.933vw;
    -webkit-padding-start: 4.267vw;
            padding-inline-start: 4.267vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__list {
    gap: 5.556vw;
    -webkit-margin-before: 4.815vw;
            margin-block-start: 4.815vw;
    width: 84%;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__list {
    gap: 60px;
    -webkit-margin-before: 52px;
            margin-block-start: 52px;
    width: 84%;
  }
}

.p-consultation__item {
  align-items: start;
  display: grid;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-consultation__item {
    gap: 2.667vw 5.6vw;
    grid-template-columns: 41.333vw 37.6vw;
    grid-template-rows: auto 1fr;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__item {
    align-items: center;
    gap: 0.926vw 1.759vw;
    grid-template-columns: 24.074vw 1fr;
    grid-template-rows: 3.704vw 5.556vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__item {
    align-items: center;
    gap: 10px 19px;
    grid-template-columns: 260px 1fr;
    grid-template-rows: 40px 60px;
  }
}
.p-consultation__item::after {
  content: "";
  display: block;
  background: #ccebfa;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  height: 1px;
}
@media screen and (max-width: 768px) {
  .p-consultation__item::after {
    bottom: -5.333vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__item::after {
    bottom: -2.778vw;
    width: 80.556vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__item::after {
    bottom: -30px;
    width: 870px;
  }
}
.p-consultation__item:last-of-type::after {
  display: none;
}

.p-consultation__img {
  grid-column: 1;
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .p-consultation__img {
    grid-row: 1;
  }
}

.p-consultation__list-title {
  color: var(--color-note);
  font-weight: 700;
  grid-column: 2;
  grid-row: 1;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-consultation__list-title {
    align-items: center;
    display: flex;
    font-size: 5.2vw;
    height: 22.4vw;
    line-height: 6.4vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__list-title {
    font-size: 2.593vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__list-title {
    font-size: 28px;
  }
}

.p-consultation__label {
  grid-column: 2;
  grid-row: 2;
}
@media screen and (max-width: 768px) {
  .p-consultation__label {
    font-size: 3.733vw;
    grid-column: 1/-1;
    line-height: 6.133vw;
    width: 80.533vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-consultation__label {
    font-size: 1.481vw;
    line-height: 2.593vw;
    width: 51.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-consultation__label {
    font-size: 16px;
    line-height: 28px;
    width: 560px;
  }
}

.p-qa {
  background-color: #fff;
  background-image: linear-gradient(rgba(238, 238, 238, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(238, 238, 238, 0.5) 1px, #fff 1px);
  background-repeat: repeat;
}
@media screen and (max-width: 768px) {
  .p-qa {
    background-size: 10px 10px;
  }
}
@media screen and (min-width: 769px) {
  .p-qa {
    background-size: 20px 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-qa__inner {
    padding-block: 8.667vw 12vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__inner {
    padding-block: 6.481vw 8.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__inner {
    padding-block: 70px 90px;
  }
}

@media screen and (max-width: 768px) {
  .p-qa__title {
    margin-inline: auto;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__title {
    -webkit-margin-start: 20.37vw;
            margin-inline-start: 20.37vw;
    width: 42.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__title {
    -webkit-margin-start: 220px;
            margin-inline-start: 220px;
    width: 462px;
  }
}

.p-qa__list {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-qa__list {
    -webkit-margin-before: -2.267vw;
            margin-block-start: -2.267vw;
    width: 89.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__list {
    width: 90%;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__list {
    width: 90%;
  }
}

.p-qa__item {
  background: var(--color-primary);
}
@media screen and (max-width: 768px) {
  .p-qa__item {
    -webkit-margin-before: 5.333vw;
            margin-block-start: 5.333vw;
    -webkit-padding-after: 0.8vw;
            padding-block-end: 0.8vw;
    padding-inline: 0.8vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__item {
    -webkit-margin-before: 2.778vw;
            margin-block-start: 2.778vw;
    -webkit-padding-after: 0.556vw;
            padding-block-end: 0.556vw;
    padding-inline: 0.556vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__item {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    -webkit-padding-after: 6px;
            padding-block-end: 6px;
    padding-inline: 6px;
  }
}
@media screen and (max-width: 768px) {
  .p-qa__item:nth-child(1) {
    -webkit-margin-before: 3.867vw;
            margin-block-start: 3.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__item:nth-child(1) {
    -webkit-margin-before: 2.685vw;
            margin-block-start: 2.685vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__item:nth-child(1) {
    -webkit-margin-before: 29px;
            margin-block-start: 29px;
  }
}

.p-qa__question {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-qa__question {
    font-size: 4.267vw;
    line-height: 5.333vw;
    padding-block: 2.533vw;
    padding-inline: 17.067vw 6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__question {
    font-size: 2.222vw;
    line-height: 2.963vw;
    padding-block: 1.759vw;
    padding-inline: 8.704vw 4.167vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__question {
    font-size: 24px;
    line-height: 32px;
    padding-block: 19px;
    padding-inline: 94px 45px;
  }
}
.p-qa__question::after {
  background: url(../images/qa_icon_question@2x.png) no-repeat center/100%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
@media screen and (max-width: 768px) {
  .p-qa__question::after {
    height: 9.333vw;
    left: 4vw;
    width: 9.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__question::after {
    height: 4.63vw;
    left: 2.037vw;
    width: 4.63vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__question::after {
    height: 50px;
    left: 22px;
    width: 50px;
  }
}

.p-qa__answer {
  align-items: flex-start;
  background-color: #fff;
  color: var(--color-note);
  display: flex;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-qa__answer {
    font-size: 3.733vw;
    line-height: 6vw;
    padding-block: 4.133vw 4.133vw;
    padding-inline: 5.067vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-qa__answer {
    font-size: 1.667vw;
    line-height: 2.963vw;
    padding-block: 1.389vw;
    padding-inline: 3.611vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-qa__answer {
    font-size: 18px;
    line-height: 32px;
    padding-block: 15px;
    padding-inline: 39px;
  }
}

@media screen and (max-width: 768px) {
  .p-estimate {
    background: url(../images/estimate_bg_sp.jpg) 0 100%/100% auto no-repeat #f1edd8;
  }
}
@media screen and (min-width: 769px) {
  .p-estimate {
    background: url(../images/estimate_bg.jpg) 50% 0 no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate {
    background-size: auto 100%;
  }
}

.p-estimate__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-estimate__inner {
    min-height: 153.333vw;
    padding-block: 14.4vw 8vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__inner {
    height: 44.444vw;
    -webkit-padding-before: 7.778vw;
            padding-block-start: 7.778vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__inner {
    height: 480px;
    -webkit-padding-before: 84px;
            padding-block-start: 84px;
  }
}

.p-estimate__title {
  background-image: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) 69%, var(--color-font) 50%, var(--color-font) 100%);
  background-position: bottom;
  background-repeat: no-repeat;
  color: var(--color-font);
  display: inline-block;
  letter-spacing: 0.08em;
  -webkit-padding-after: 0.5em;
          padding-block-end: 0.5em;
}
@media screen and (max-width: 768px) {
  .p-estimate__title {
    background-size: 100% 0.533vw;
    font-size: 6.533vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__title {
    background-size: 100% 0.37vw;
    font-size: 3.148vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__title {
    background-size: 100% 4px;
    font-size: 34px;
  }
}

.p-estimate__list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-estimate__list {
    flex-flow: column;
    margin-inline: auto;
    gap: 8.267vw 0;
    -webkit-padding-before: 6.667vw;
            padding-block-start: 6.667vw;
    width: 80vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__list {
    gap: 0 6.019vw;
    -webkit-padding-before: 4.63vw;
            padding-block-start: 4.63vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__list {
    gap: 0 65px;
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
  }
}

.p-estimate__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-estimate__item {
    -webkit-padding-before: 0.8vw;
            padding-block-start: 0.8vw;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__item {
    -webkit-padding-before: 0.556vw;
            padding-block-start: 0.556vw;
    width: 26.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__item {
    -webkit-padding-before: 6px;
            padding-block-start: 6px;
    width: 290px;
  }
}
.p-estimate__item::after {
  background-color: #808080;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
@media screen and (max-width: 768px) {
  .p-estimate__item::after {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__item::after {
    height: 20.37vw;
    left: -3.056vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__item::after {
    height: 220px;
    left: -33px;
  }
}
.p-estimate__item:nth-of-type(1)::after {
  display: none;
}
.p-estimate__item-title {
  align-items: center;
  background-color: var(--color-primary);
  border-radius: 999px;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.04em;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-estimate__item-title {
    font-size: 4.267vw;
    line-height: 5.333vw;
    text-align: left;
    padding-block: 2.667vw;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__item-title {
    font-size: 1.852vw;
    height: 7.407vw;
    line-height: 2.5vw;
    width: 26.852vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__item-title {
    font-size: 20px;
    height: 80px;
    line-height: 27px;
    width: 290px;
  }
}
.p-estimate__item-title::after {
  background-color: var(--color-primary);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  left: 50%;
  position: absolute;
  top: 99.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-estimate__item-title::after {
    height: 1.333vw;
    width: 2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__item-title::after {
    height: 0.926vw;
    width: 1.389vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__item-title::after {
    height: 10px;
    width: 15px;
  }
}
.p-estimate__item-text {
  color: var(--color-note);
  letter-spacing: 0.04em;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-estimate__item-text {
    font-size: 3.733vw;
    line-height: 6vw;
    -webkit-margin-before: 4.667vw;
            margin-block-start: 4.667vw;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-estimate__item-text {
    font-size: 1.667vw;
    line-height: 2.963vw;
    -webkit-margin-before: 2.037vw;
            margin-block-start: 2.037vw;
    width: 25.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-estimate__item-text {
    font-size: 18px;
    line-height: 32px;
    -webkit-margin-before: 22px;
            margin-block-start: 22px;
    width: 280px;
  }
}

@media screen and (max-width: 768px) {
  .p-countermeasure {
    background: url(../images/countermeasure_bg_sp.jpg) 0 0/100% auto no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-countermeasure {
    background: url(../images/countermeasure_bg.jpg) 50% 0 no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-countermeasure {
    background-size: auto 100%;
  }
}

.p-countermeasure__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-countermeasure__inner {
    height: 86.133vw;
    -webkit-padding-before: 22.667vw;
            padding-block-start: 22.667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-countermeasure__inner {
    height: 54.63vw;
    -webkit-padding-before: 17.407vw;
            padding-block-start: 17.407vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-countermeasure__inner {
    height: 590px;
    -webkit-padding-before: 188px;
            padding-block-start: 188px;
  }
}

@media screen and (max-width: 768px) {
  .p-countermeasure__title {
    -webkit-margin-start: 33.467vw;
            margin-inline-start: 33.467vw;
    width: 59.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-countermeasure__title {
    -webkit-margin-start: 35.648vw;
            margin-inline-start: 35.648vw;
    width: 45.185vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-countermeasure__title {
    -webkit-margin-start: 385px;
            margin-inline-start: 385px;
    width: 488px;
  }
}

@media screen and (max-width: 768px) {
  .p-countermeasure__text {
    font-size: 3.733vw;
    line-height: 6.533vw;
    -webkit-margin-before: 2.267vw;
            margin-block-start: 2.267vw;
    -webkit-margin-start: 36.133vw;
            margin-inline-start: 36.133vw;
    width: 52.267vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-countermeasure__text {
    font-size: 2.222vw;
    line-height: 4.074vw;
    -webkit-margin-before: 1.574vw;
            margin-block-start: 1.574vw;
    -webkit-margin-start: 36.019vw;
            margin-inline-start: 36.019vw;
    width: 48.704vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-countermeasure__text {
    font-size: 24px;
    line-height: 44px;
    -webkit-margin-before: 17px;
            margin-block-start: 17px;
    -webkit-margin-start: 389px;
            margin-inline-start: 389px;
    width: 526px;
  }
}
.p-countermeasure__text .blue {
  color: var(--color-primary);
}

@media screen and (max-width: 768px) {
  .p-coupon {
    background: url(../images/coupon_bg_sp.jpg) 0 0/100% auto no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-coupon {
    background: url(../images/coupon_bg.jpg) 50% 0 no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-coupon {
    background-size: auto 100%;
  }
}

.p-coupon__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-coupon__inner {
    height: 76.4vw;
    -webkit-padding-before: 11.733vw;
            padding-block-start: 11.733vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-coupon__inner {
    height: 49.444vw;
    -webkit-padding-before: 5.926vw;
            padding-block-start: 5.926vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-coupon__inner {
    height: 534px;
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
}

.p-coupon__title {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-coupon__title {
    width: 73.867vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-coupon__title {
    width: 49.444vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-coupon__title {
    width: 534px;
  }
}

.p-coupon__ticket {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-coupon__ticket {
    -webkit-margin-before: 2.667vw;
            margin-block-start: 2.667vw;
    width: 100vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1079px) {
  .p-coupon__ticket {
    width: 83.333vw;
  }
}
@media screen and (min-width: 1080px) {
  .p-coupon__ticket {
    width: 900px;
  }
}

@media screen and (min-width: 769px) {
  .u-only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .u-only-pc {
    display: none !important;
  }
}
.u-sup {
  font-size: 58.3%;
  vertical-align: super;
}

.u-color-primary {
  color: var(--color-primary);
}

.u-color-secondary {
  color: var(--color-secondary);
}

.u-color-tertiary {
  color: var(--color-tertiary);
}

.u-color-note {
  color: var(--color-note);
}

.u-align-center {
  text-align: center;
}

.u-align-right {
  text-align: right;
}

.u-visibility-hidden {
  visibility: hidden;
}

.u-font-notoSerif {
  font-family: var(--font-NotoSerifJP);
}

.u-fw900 {
  font-weight: 900 !important;
}

.u-fw700 {
  font-weight: 700 !important;
}

.u-fw600 {
  font-weight: 600 !important;
}

.u-fw500 {
  font-weight: 500 !important;
}

.u-fw400 {
  font-weight: 400 !important;
}

.u-fw300 {
  font-weight: 300 !important;
}

.u-fz70 {
  font-size: 0.7em;
}

.u-fz80 {
  font-size: 0.8em;
}

.u-fz120 {
  font-size: 1.2em;
}

.u-fz130 {
  font-size: 1.3em;
}/*# sourceMappingURL=style.css.map */