@charset "UTF-8";
@layer project {
  /* mv
  ------------------------------- */
  .p-kouso-mv {
    position: relative;
    z-index: 1;
    padding-block: 165px 168px;
    background-image: url("/kouso/assets/img/bg_mv_pc_ava_tc.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .p-kouso-mv__inner {
    inline-size: calc(100% - 40px);
    max-inline-size: 1330px;
    margin-inline: auto;
  }
  .p-kouso-mv__heading {
    font-size: calc(var(--rem) * 58.456);
    font-weight: var(--font-weight-bold);
    line-height: 1.1111092103;
    color: var(--color-white);
  }
  .p-kouso-mv__heading + .p-kouso-mv__heading-sub {
    margin-block-start: 18px;
    margin-inline-start: 36px;
  }
  .p-kouso-mv__heading-sub {
    font-size: calc(var(--rem) * 26);
    font-weight: var(--font-weight-medium);
    line-height: 1.2948076923;
    color: var(--color-white);
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-kouso-mv__heading {
      font-size: calc(var(--rem) * 51);
    }
    .p-kouso-mv__heading-sub {
      font-size: calc(var(--rem) * 22);
    }
  }
  @media (max-width: 767.98px) {
    .p-kouso-mv {
      padding-block: 50px;
      background-image: url("/kouso/assets/img/bg_mv_sp_ava_tc.jpg");
    }
    .p-kouso-mv__inner {
      inline-size: calc(100% - 25px);
      max-inline-size: 100%;
    }
    .p-kouso-mv__heading {
      font-size: calc(var(--rem) * 20.4195);
      line-height: 1.1111192732;
    }
    .p-kouso-mv__heading + .p-kouso-mv__heading-sub {
      margin-block-start: 4.5px;
      margin-inline-start: 14px;
    }
    .p-kouso-mv__heading-sub {
      font-size: calc(var(--rem) * 9.082);
      line-height: 1.2948139176;
    }
  }
  /* feature
  ------------------------------- */
  .p-kouso-feature {
    position: relative;
    z-index: 1;
    padding-block: 100px 160px;
    overflow: hidden;
    background-color: #ebf2f9;
  }
  .p-kouso-feature::after,
  .p-kouso-feature::before {
    position: absolute;
    z-index: -2;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-kouso-feature::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 1407px;
    block-size: 595px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221406%22%20height%3D%22595%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-1%200h1407v110.039L-1%20595V0z%22%20fill%3D%22url(%23paint0_linear_400_2667)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_400_2667%22%20x1%3D%22511.09%22%20y1%3D%22515.007%22%20x2%3D%22699.252%22%20y2%3D%2249.996%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D7E5F3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EBF2F9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }
  .p-kouso-feature::after {
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: 673px;
    block-size: 1489px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22673%22%20height%3D%221489%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M.221%20951.906L638.26-25.996l181.112%208.298L892.21%201488.01.221%20951.906z%22%20fill%3D%22url(%23paint0_linear_400_2669)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_400_2669%22%20x1%3D%22976.03%22%20y1%3D%22953.084%22%20x2%3D%22675.618%22%20y2%3D%22413.129%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EBF2F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D7E5F3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }
  .p-kouso-feature__inner::before {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 1600px;
    block-size: 568px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22568%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-1%20568h1603L-1%200v568z%22%20fill%3D%22url(%23paint0_linear_400_2668)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_400_2668%22%20x1%3D%22519.073%22%20y1%3D%22161.826%22%20x2%3D%22641.132%22%20y2%3D%22550.263%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EBF2F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D7E5F3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-kouso-feature__heading {
    position: relative;
    max-inline-size: 219px;
    margin-inline: auto;
  }
  .p-kouso-feature__heading::after {
    position: absolute;
    inset-block-end: -25px;
    inset-inline-start: 50%;
    inline-size: 95px;
    block-size: 4px;
    content: "";
    background-color: var(--color-stratos);
    translate: -50%;
  }
  .p-kouso-feature__heading-sub {
    margin-block-start: 34px;
    font-size: calc(var(--rem) * 25);
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    text-align: center;
  }
  .p-kouso-feature__heading-group + .p-kouso-feature__detail {
    margin-block-start: 20px;
  }
  .p-kouso-feature__detail {
    font-size: calc(var(--rem) * 16);
    line-height: 1.875;
    text-align: center;
  }
  .p-kouso-feature__detail + .p-kouso-feature__article {
    margin-block-start: 80px;
  }
  .p-kouso-feature__article {
    padding: 50px 56px 46px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .p-kouso-feature__article + .p-kouso-feature__article {
    padding-block-end: 39px;
    margin-block-start: 74px;
  }
  .p-kouso-feature__article__heading-wrap {
    margin-block-start: -74px;
    filter: drop-shadow(3px 2px 3px rgba(0, 18, 94, 0.3));
  }
  .p-kouso-feature__article__heading-wrap + .p-kouso-feature__article__text {
    margin-block-start: 23px;
  }
  .p-kouso-feature__article__heading {
    display: grid block;
    place-content: center;
    padding: 10px 30px;
    font-size: calc(var(--rem) * 25);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    background: linear-gradient(90deg, #c9b78e, #fffcf4 44%, #c9b78e);
    clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0 50%);
  }
  .p-kouso-feature__article__text {
    font-size: calc(var(--rem) * 16);
    line-height: 1.875;
    text-align: center;
  }
  .p-kouso-feature__article__text + .p-kouso-feature__article__box {
    margin-block-start: 48px;
  }
  .p-kouso-feature__article__text + .p-kouso-feature__article__text {
    margin-block-start: 20px;
  }
  .p-kouso-feature__article__text + .p-kouso-feature__article__body {
    margin-block-start: 41px;
  }
  .p-kouso-feature__article__box {
    max-inline-size: 498px;
    padding-block: 25px;
    padding-inline: 20px;
    margin-inline: auto;
    border: 2px solid #707db7;
  }
  .p-kouso-feature__heading-box {
    inline-size: fit-content;
    padding-inline: 10px;
    margin-block-start: -38px;
    margin-inline: auto;
    font-size: calc(var(--rem) * 22);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    background-color: var(--color-white);
  }
  .p-kouso-feature__heading-box + .p-kouso-feature__list {
    margin-block-start: 12px;
  }
  .p-kouso-feature__list {
    inline-size: fit-content;
    margin-inline: auto;
    font-size: calc(var(--rem) * 18);
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  .p-kouso-feature__list > li::before {
    display: inline-block;
    color: #c4b8d8;
    content: "・";
  }
  .p-kouso-feature__list__text-sub {
    font-size: calc(var(--rem) * 16);
    font-weight: var(--font-weight-regular);
    line-height: 1.6;
    letter-spacing: 0.0445em;
  }
  .p-kouso-feature__article__body {
    padding: 24px;
    background-color: #ebf2f9;
  }
  .p-kouso-feature__article__column {
    display: grid block;
    grid-template-columns: 350px auto;
    gap: 10px 32px;
  }
  .p-kouso-feature__figure {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .p-kouso-feature__heading-summary {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: calc(var(--rem) * 22);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
  }
  .p-kouso-feature__summary {
    grid-row: 2/3;
    grid-column: 2/3;
    font-size: calc(var(--rem) * 16);
    line-height: 1.875;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-kouso-feature__heading-sub {
      font-size: calc(var(--rem) * 22);
    }
    .p-kouso-feature__detail {
      font-size: calc(var(--rem) * 14);
    }
    .p-kouso-feature__article {
      padding-inline: 26px;
    }
    .p-kouso-feature__article__heading {
      font-size: calc(var(--rem) * 19);
    }
    .p-kouso-feature__article__text {
      font-size: calc(var(--rem) * 14);
    }
    .p-kouso-feature__heading-box {
      font-size: calc(var(--rem) * 19);
    }
    .p-kouso-feature__list {
      font-size: calc(var(--rem) * 15);
    }
    .p-kouso-feature__article__column {
      grid-template-columns: auto;
      grid-auto-rows: auto;
      row-gap: 11px;
    }
    .p-kouso-feature__figure {
      grid-row: 2/3;
      grid-column: unset;
    }
    .p-kouso-feature__heading-summary {
      grid-row: 1/2;
      grid-column: unset;
      font-size: calc(var(--rem) * 19);
      text-align: center;
    }
    .p-kouso-feature__summary {
      grid-row: 3/4;
      grid-column: unset;
      font-size: calc(var(--rem) * 14);
    }
  }
  @media (max-width: 767.98px) {
    .p-kouso-feature {
      padding-block: 40px 60px;
    }
    .p-kouso-feature::before {
      inline-size: 434.5px;
      block-size: 595.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22869%22%20height%3D%221191%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%200h869v220.262L0%201191V0z%22%20fill%3D%22url(%23paint0_linear_47_1205)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_47_1205%22%20x1%3D%22316.28%22%20y1%3D%221030.88%22%20x2%3D%22838.572%22%20y2%3D%22632.613%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D7E5F3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EBF2F9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    }
    .p-kouso-feature::after {
      inset-block-start: -10px;
      inset-inline-end: -30px;
      inline-size: 298.5px;
      block-size: 1367.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22597%22%20height%3D%222735%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M.108%201920.74L480.973%2018.357%20596.522.135%20532.902%202734.9.108%201920.74z%22%20fill%3D%22url(%23paint0_linear_47_1207)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_47_1207%22%20x1%3D%22625.858%22%20y1%3D%221743.12%22%20x2%3D%22110.491%22%20y2%3D%221450.09%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EBF2F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D7E5F3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    }
    .p-kouso-feature__inner::before {
      inset-block-end: 0;
      inset-inline-start: -140px;
      inline-size: 495px;
      block-size: 435.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22990%22%20height%3D%22871%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%20871h990L0%200v871z%22%20fill%3D%22url(%23paint0_linear_47_1209)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_47_1209%22%20x1%3D%22321.193%22%20y1%3D%22248.152%22%20x2%3D%22638.6%22%20y2%3D%22654.968%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EBF2F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D7E5F3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    }
    .p-kouso-feature__heading {
      max-inline-size: 109.5px;
    }
    .p-kouso-feature__heading::after {
      inset-block-end: -16px;
      inline-size: 53.5px;
      block-size: 2.5px;
    }
    .p-kouso-feature__heading-sub {
      margin-block-start: 23px;
      font-size: calc(var(--rem) * 14);
      line-height: clac(40/28);
    }
    .p-kouso-feature__heading-group + .p-kouso-feature__detail {
      margin-block-start: 14px;
    }
    .p-kouso-feature__detail {
      font-size: calc(var(--rem) * 11.5);
      line-height: 1.652173913;
    }
    .p-kouso-feature__detail + .p-kouso-feature__article {
      margin-block-start: 34px;
    }
    .p-kouso-feature__article {
      padding: 31.5px 20px 29.5px;
    }
    .p-kouso-feature__article + .p-kouso-feature__article {
      padding-block: 30px 28.5px;
      margin-block-start: 39.5px;
    }
    .p-kouso-feature__article__heading-wrap {
      margin-block-start: -47px;
      filter: drop-shadow(1.5px 1px 1.5px rgba(0, 18, 94, 0.3));
    }
    .p-kouso-feature__article__heading-wrap + .p-kouso-feature__article__text {
      margin-block-start: 17.5px;
    }
    .p-kouso-feature__article__heading {
      max-inline-size: 310px;
      padding: 7px 20px;
      margin-inline: auto;
      font-size: calc(var(--rem) * 14);
      line-height: 1.0714285714;
      clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0 50%);
    }
    .p-kouso-feature__article__text {
      font-size: calc(var(--rem) * 11.5);
      line-height: 1.652173913;
    }
    .p-kouso-feature__article__text + .p-kouso-feature__article__box {
      margin-block-start: 25px;
    }
    .p-kouso-feature__article__text + .p-kouso-feature__article__text {
      margin-block-start: 1em;
    }
    .p-kouso-feature__article__text + .p-kouso-feature__article__body {
      margin-block-start: 28px;
    }
    .p-kouso-feature__article__box {
      max-inline-size: 290px;
      padding-block: 17.5px 12.5px;
      border-width: 1px;
    }
    .p-kouso-feature__heading-box {
      margin-block-start: -26px;
      font-size: calc(var(--rem) * 14);
    }
    .p-kouso-feature__heading-box + .p-kouso-feature__list {
      margin-block-start: 8px;
    }
    .p-kouso-feature__list {
      font-size: calc(var(--rem) * 13);
      line-height: 1.6;
      letter-spacing: 0.0723em;
    }
    .p-kouso-feature__list__text-sub {
      font-size: calc(var(--rem) * 11.5);
      line-height: 1.6;
      letter-spacing: 0.0639em;
    }
    .p-kouso-feature__article__body {
      padding: 21.5px 20.5px 18.5px;
    }
    .p-kouso-feature__article__column {
      grid-template-columns: auto;
      grid-auto-rows: auto;
      row-gap: 11px;
    }
    .p-kouso-feature__figure {
      grid-row: 2/3;
      grid-column: unset;
    }
    .p-kouso-feature__heading-summary {
      grid-row: 1/2;
      grid-column: unset;
      font-size: calc(var(--rem) * 14);
      line-height: 1.4285714286;
      text-align: center;
    }
    .p-kouso-feature__summary {
      grid-row: 3/4;
      grid-column: unset;
      font-size: calc(var(--rem) * 11.5);
      line-height: 1.652173913;
    }
  }
  /* history
  ------------------------------- */
  .p-kouso-history {
    padding-block: 100px 72px;
    background-color: var(--color-stratos);
  }
  .p-kouso-history__top + .p-kouso-history__article {
    margin-block-start: 42px;
  }
  .p-kouso-history__heading {
    position: relative;
    max-inline-size: 211px;
    margin-inline: auto;
  }
  .p-kouso-history__heading::after {
    position: absolute;
    inset-block-end: -25px;
    inset-inline-start: 50%;
    inline-size: 95px;
    block-size: 4px;
    content: "";
    background-color: var(--color-white);
    translate: -50%;
  }
  .p-kouso-history__heading-sub {
    margin-block-start: 34px;
    font-size: calc(var(--rem) * 25);
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    color: var(--color-white);
    text-align: center;
  }
  .p-kouso-history__detail {
    font-size: calc(var(--rem) * 16);
    line-height: 1.875;
    color: var(--color-white);
    text-align: center;
  }
  .p-kouso-history__heading-group + .p-kouso-history__detail {
    margin-block-start: 31px;
  }
  .p-kouso-history__article__heading {
    font-size: calc(var(--rem) * 25);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    color: var(--color-white);
    text-align: center;
  }
  .p-kouso-history__article__heading + .p-kouso-history__article__inner {
    margin-block-start: 22px;
  }
  .p-kouso-history__period-border {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
    z-index: 1;
    inline-size: 5px;
    block-size: 860px;
    background-color: #6b73aa;
    translate: -50%;
  }
  .p-kouso-history__article__inner {
    position: relative;
    z-index: 0;
    padding: 54px 89px 87px 61px;
    background-color: var(--color-black-squeeze);
  }
  .p-kouso-history__article__inner::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 433px;
    block-size: 1853px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22433%22%20height%3D%221853%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.7%22%20d%3D%22M433%200H0v1853L433%200z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-kouso-history__column {
    display: grid block;
    grid-template-columns: 119px auto;
    column-gap: 43px;
    align-items: center;
  }
  .p-kouso-history__column + .p-kouso-history__column {
    margin-block-start: 48px;
  }
  .p-kouso-history__column__unit {
    position: relative;
  }
  .p-kouso-history__column__unit:has(.p-kouso-history__date) {
    margin-block-start: -48px;
  }
  .p-kouso-history__column__unit:has(.p-kouso-history__date):where(.p-kouso-history__column:last-child *) {
    margin-block-start: unset;
  }
  .p-kouso-history__column__unit:has(.p-kouso-history__summary) {
    display: grid block;
    grid-template-columns: 427px auto;
    align-items: center;
  }
  .p-kouso-history__column__unit:has(.p-kouso-history__summary):not(:where(.p-kouso-history__column:last-child *)) {
    padding-block-end: 48px;
    border-block-end: 1px solid silver;
  }
  .p-kouso-history__date {
    position: relative;
    z-index: 2;
    display: grid block;
    place-content: center;
    inline-size: 118.781px;
    block-size: 136.856px;
    font-family: Poppins, sans-serif;
    font-size: calc(var(--rem) * 40);
    color: #413ba8;
    background-image: url("/kouso/assets/img/bg_date_ava_tc.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-kouso-history__summary-wrap {
    align-self: center;
  }
  .p-kouso-history__summary {
    font-size: calc(var(--rem) * 16);
    line-height: 1.875;
    letter-spacing: -0.01em;
  }
  .p-kouso-history__summary + .p-kouso-history__summary__list {
    margin-block-start: 5px;
  }
  .p-kouso-history__product {
    justify-self: center;
  }
  .p-kouso-history__summary__list {
    padding-inline-start: 1em;
    font-size: calc(var(--rem) * 10);
    line-height: 2;
    text-indent: -0.5em;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-kouso-history__heading-sub {
      font-size: calc(var(--rem) * 22);
    }
    .p-kouso-history__detail {
      font-size: calc(var(--rem) * 14);
    }
    .p-kouso-history__article__heading {
      font-size: calc(var(--rem) * 22);
    }
    .p-kouso-history__article__inner {
      padding: 50px 34px 50px 25px;
    }
    .p-kouso-history__column {
      grid-template-columns: 69px auto;
      column-gap: 20px;
    }
    .p-kouso-history__column__unit:has(.p-kouso-history__summary) {
      grid-template-columns: 250px auto;
      column-gap: 10px;
    }
    .p-kouso-history__date {
      inline-size: 69px;
      block-size: 78px;
      font-size: calc(var(--rem) * 19);
    }
    .p-kouso-history__summary {
      font-size: calc(var(--rem) * 10.5);
    }
    .p-kouso-history__summary__list {
      font-size: calc(var(--rem) * 8.75);
    }
  }
  @media (max-width: 767.98px) {
    .p-kouso-history {
      padding-block: 40px 50px;
    }
    .p-kouso-history__top + .p-kouso-history__article {
      margin-block-start: 18.5px;
    }
    .p-kouso-history__heading {
      max-inline-size: 156px;
    }
    .p-kouso-history__heading::after {
      inset-block-end: -16px;
      inline-size: 53.5px;
      block-size: 2.5px;
    }
    .p-kouso-history__heading-sub {
      margin-block-start: 23px;
      font-size: calc(var(--rem) * 14);
      line-height: clac(40/28);
    }
    .p-kouso-history__detail {
      font-size: calc(var(--rem) * 11.5);
      line-height: 1.652173913;
    }
    .p-kouso-history__heading-group + .p-kouso-history__detail {
      margin-block-start: 21px;
    }
    .p-kouso-history__article__heading {
      font-size: calc(var(--rem) * 17.5);
      line-height: 1.4285714286;
    }
    .p-kouso-history__article__heading + .p-kouso-history__article__inner {
      margin-block-start: 18.5px;
    }
    .p-kouso-history__period-border {
      inline-size: 4px;
    }
    .p-kouso-history__article__inner {
      padding: 25px 17px 25px 12.5px;
    }
    .p-kouso-history__article__inner::before {
      inline-size: 350px;
      block-size: 592.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22700%22%20height%3D%221185%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%22.7%22%20d%3D%22M700%200H0v1184.45L700%200z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    }
    .p-kouso-history__column {
      grid-template-columns: 53.0175px auto;
      column-gap: 12px;
      max-inline-size: 320px;
      margin-inline: auto;
    }
    .p-kouso-history__column + .p-kouso-history__column {
      margin-block-start: 25px;
    }
    .p-kouso-history__column__unit:has(.p-kouso-history__date) {
      margin-block-start: -25px;
    }
    .p-kouso-history__column__unit:has(.p-kouso-history__summary) {
      grid-template-columns: 160px auto;
      column-gap: 11.5px;
    }
    .p-kouso-history__column__unit:has(.p-kouso-history__summary):not(:where(.p-kouso-history__column:last-child *)) {
      padding-block-end: 25px;
    }
    .p-kouso-history__date {
      inline-size: 53.0175px;
      block-size: 61.0855px;
      font-size: calc(18px * var(--rem));
    }
    .p-kouso-history__summary {
      font-size: calc(var(--rem) * 9);
      line-height: 1.8;
      letter-spacing: normal;
    }
    .p-kouso-history__summary + .p-kouso-history__summary__list {
      margin-block-start: 4px;
    }
    .p-kouso-history__product > img {
      max-inline-size: 100%;
      block-size: auto;
    }
    .p-kouso-history__summary__list {
      font-size: calc(var(--rem) * 7);
      line-height: 1.7142857143;
    }
  }
  @media (min-width: 768px), print {
    .p-kouso-history__product > img {
      inline-size: 110px;
      block-size: 118px;
      object-fit: contain;
    }
  }
  /* faq
  ------------------------------- */
  .p-kouso-faq {
    padding-block: 80px 70px;
    background-color: var(--color-mischka);
  }
  .p-kouso-faq__top + .p-kouso-faq__accordion {
    margin-block-start: 49px;
  }
  .p-kouso-faq__heading {
    position: relative;
    max-inline-size: 126px;
    margin-inline: auto;
  }
  .p-kouso-faq__heading::after {
    position: absolute;
    inset-block-end: -20px;
    inset-inline-start: 50%;
    inline-size: 95px;
    block-size: 4px;
    content: "";
    background-color: var(--color-stratos);
    translate: -50%;
  }
  .p-kouso-faq__heading-sub {
    margin-block-start: 34px;
    font-size: calc(var(--rem) * 25);
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    text-align: center;
  }
  .p-kouso-faq__detail {
    font-size: calc(var(--rem) * 16);
    line-height: 1.875;
    text-align: center;
  }
  .p-kouso-faq__heading-group + .p-kouso-faq__detail {
    margin-block-start: 31px;
  }
  .p-kouso-faq__accordion__list-item {
    margin-block-start: 21px;
  }
  .p-kouso-faq__accordion + .p-kouso-faq__button {
    margin-block-start: 52px;
  }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .p-kouso-faq__heading-sub {
      font-size: calc(var(--rem) * 22);
    }
    .p-kouso-faq__detail {
      font-size: calc(var(--rem) * 14);
    }
  }
  @media (max-width: 767.98px) {
    .p-kouso-faq {
      padding-block: 40px 64.5px;
    }
    .p-kouso-faq__top + .p-kouso-faq__accordion {
      margin-block-start: 14.5px;
    }
    .p-kouso-faq__heading {
      max-inline-size: 96px;
    }
    .p-kouso-faq__heading::after {
      inset-block-end: -10px;
      inline-size: 53.5px;
      block-size: 2.5px;
    }
    .p-kouso-faq__heading-sub {
      margin-block-start: 23px;
      font-size: calc(var(--rem) * 14);
      line-height: clac(40/28);
    }
    .p-kouso-faq__detail {
      font-size: calc(var(--rem) * 11.5);
      line-height: 1.652173913;
    }
    .p-kouso-faq__heading-group + .p-kouso-faq__detail {
      margin-block-start: 14px;
    }
    .p-kouso-faq__accordion__list-item {
      margin-block-start: 13px;
    }
    .p-kouso-faq__accordion + .p-kouso-faq__button {
      margin-block-start: 64.5px;
    }
  }
  /* kouso
  ------------------------------- */
  .p-kouso .l-main {
    position: relative;
  }
  @media (min-width: 768px), print {
    .p-kouso-bg::before {
      position: absolute;
      inset-block-start: -4452px;
      inset-inline-start: 50%;
      inline-size: 3525px;
      block-size: 10036px;
      margin-inline-start: 708px;
      content: "";
      background-image: url("/kouso/assets/img/bg_history_ava_tc.png");
      background-repeat: no-repeat;
      background-size: contain;
      mix-blend-mode: overlay;
      translate: -50%;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .p-kouso-bg::before {
      block-size: 9726px;
    }
  }
}