@charset "UTF-8";
/* --------------------------------------------------------------------------
  FADEIN
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .fadein-contents {
        opacity: 0;
        transition: all 1s ease;
        transform: translateY(calc(20 / var(--font-size) * 1em));
    }
    .fadein-contents.fadein-active {
        opacity: 1;
        transform: translateY(0);
    }
}
@media all and (max-width: 767px) {
    .fadein-contents {
        opacity: 0;
        transition: all 1s ease;
        transform: translateY(calc(20 / var(--font-size) * 1em));
    }
    .fadein-contents.fadein-active {
        opacity: 1;
        transform: translateY(0);
    }
}


/* --------------------------------------------------------------------------
  MV
-------------------------------------------------------------------------- */
@keyframes mv_animation {
    0% {
      opacity: 0;
      transform: translateY(calc(10 / 1366 * 100vw));
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @media all and (min-width: 768px), print {
    /* animation */
    .mv-title-bg {
        animation: mv_animation 1s ease-in-out both;
    }
     .mv-title-main {
        animation: mv_animation 1s ease both;
        animation-delay: .5s;
     }
     .mv-title-lead-heading {
        animation: mv_animation 1s ease both;
        animation-delay: .7s;
     }
     .mv-title-lead-txt {
        animation: mv_animation 1s ease both;
        animation-delay: .9s;
     }
    .mv-title-ico {
        animation: mv_animation .7s ease both;
        animation-delay: 1.3s;
    }
  }
  @media all and (max-width: 767px) {
    /* animation */
    .mv-title-bg {
        animation: mv_animation .8s ease-in-out both;
        animation-delay: 0;
    }
     .mv-title-main {
        animation: mv_animation 1s ease both;
        animation-delay: .5s;
     }
     .mv-title-lead-heading {
        animation: mv_animation 1s ease both;
        animation-delay: .7s;
     }
     .mv-title-lead-txt {
        animation: mv_animation 1s ease both;
        animation-delay: .9s;
     }
    .mv-title-ico {
        animation: mv_animation .7s ease both;
        animation-delay: 1.3s;
    }
  }
@media all and (min-width: 768px), print {
    .mv-sec {
        background: var(--white-color);
        --l-sec-width: 1246;
        position: relative;
        z-index: -1;
        overflow: hidden;
    }
    .mv-sec__in {
        position: relative;
        max-width: calc(1246 / var(--font-size) * 1em);
        --sec-width: 1206;
        z-index: 1;
    }
    .mv-sec__in::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(-140 / var(--l-sec-width) * 100%);
        margin-left: calc(-463 / var(--l-sec-width) * 100%);
        background: url("../img/deco-bg_mv_left.png") no-repeat center / contain;
        width: calc(785 / var(--l-sec-width) * 100%);
        padding-top: calc(573 / var(--l-sec-width) * 100%);
        mix-blend-mode: multiply;
    }
    .mv-sec__in::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(-140 / var(--l-sec-width) * 100%);
        margin-left: calc(924 / var(--l-sec-width) * 100%);
        background: url("../img/deco-bg_mv_right.png") no-repeat center / contain;
        width: calc(842 / var(--l-sec-width) * 100%);
        padding-top: calc(355 / var(--l-sec-width) * 100%);
        mix-blend-mode: multiply;
    }
    .mv-sec__body {
        height: 100%;
        position: relative;
        padding: 0;
        padding-top: calc(640 / var(--l-sec-width) * 100%);
    }
    .mv-sec__content {
    }
    .mv-title {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: calc(227 / var(--sec-width) * 100%);
        z-index: 1;
        --mv-ttl: 576;
    }
    .mv-title-main {
    }
    .mv-title-main__label {
        color: var(--mv-main-color);
        font-size: calc(48 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        font-weight: 500;
        letter-spacing: calc(0 / 1000 * 1em);
        text-shadow:calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0 #FFF, calc(-3 / 1366 * 100vw) calc(-3 / 1366 * 100vw) 0 #FFF,
              calc(-3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0 #FFF, calc(3 / 1366 * 100vw) calc(-3 / 1366 * 100vw) 0 #FFF,
              0px calc(3 / 1366 * 100vw) 0 #FFF,  0 calc(-3 / 1366 * 100vw) 0 #FFF,
              calc(-3 / 1366 * 100vw) 0 0 #FFF, calc(3 / 1366 * 100vw) 0 0 #FFF;
    }
    .mv-title-lead {
        margin-top: calc(12 / var(--mv-ttl) * 100%);
    }
    .mv-title-lead-heading {
    }
    .mv-title-lead-heading__label {
        color: var(--accent-color-100);
        font-size: calc(23 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        font-weight: bold;
    }
    .mv-title-lead-txt {
        margin-top: calc(4 / var(--mv-ttl) * 100%);
    }
    .mv-title-lead-txt__label {
        color: var(--mv-main-color);
        font-size: calc(17 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        line-height: calc(22 / 17);
        letter-spacing: calc(0 / 1000 * 1em);
    }
    .mv-title-ico {
        width: calc(248 / var(--sec-width) * 100%);
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(318 / var(--sec-width) * 100%);
        margin-left: calc(962 / var(--sec-width) * 100%);
    }
    .mv-title-bg {
        width: calc(1167 / var(--sec-width) * 100%);
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(-106 / var(--sec-width) * 100%);
        margin-left: calc(-205 / var(--sec-width) * 100%);
        z-index: -1;
    }
}
@media all and (min-width: 768px) and (max-width: 1246px) {
    .mv-title-main__label {
        font-size: calc(48 / 1246 * 100vw);
    }
    .mv-title-lead-heading__label {
        font-size: calc(23 / 1246 * 100vw);
    }
    .mv-title-lead-txt__label {
        font-size: calc(17 / 1246 * 100vw);
    }
}
@media all and (max-width: 767px) {
    .mv-sec {
        background: var(--white-color);
    }
    .mv-sec__in {
        height: calc(1340 / 750 * 100vw);
        position: relative;
        max-width: 100%;
        padding: 0;
    }
    .mv-sec__in::before {
        content: "";
        display: block;
        background: url("../img/deco-bg_mv_sp.png") no-repeat center / contain;
        width: calc(552 / 750 * 100vw);
        height: calc(608 / 750 * 100vw);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        mix-blend-mode: multiply;
    }
    .mv-sec__body {
        height: 100%;
        position: relative;
    }
    .mv-sec__content {
    }
    .mv-title {
        position: absolute;
        top: calc(75 / 750 * 100vw);
        left: calc(36 / 750 * 100vw);
        z-index: 1;
    }
    .mv-title-main {
    }
    .mv-title-main__label {
        color: var(--mv-main-color);
        font-size: calc(74 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        font-weight: 500;
        letter-spacing: calc(60 / 1000 * 1em);
        text-shadow:calc(3 / 750 * 100vw) calc(3 / 750 * 100vw) 0 #FFF, calc(-3 / 750 * 100vw) calc(-3 / 750 * 100vw) 0 #FFF,
              calc(-3 / 750 * 100vw) calc(3 / 750 * 100vw) 0 #FFF, calc(3 / 750 * 100vw) calc(-3 / 750 * 100vw) 0 #FFF,
              0px calc(3 / 750 * 100vw) 0 #FFF,  0 calc(-3 / 750 * 100vw) 0 #FFF,
              calc(-3 / 750 * 100vw) 0 0 #FFF, calc(3 / 750 * 100vw) 0 0 #FFF;
    }
    .mv-title-lead {
        margin-top: calc(8 / 750 * 100vw);
    }
    .mv-title-lead-heading {
    }
    .mv-title-lead-heading__label {
        color: var(--accent-color-100);
        font-size: calc(40 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        font-weight: bold;
        text-shadow: calc(2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(-2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        0px calc(2.5 / 750 * 100vw) 0 #FFF,  0 calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) 0 0 #FFF, calc(2.5 / 750 * 100vw) 0 0 #FFF;
    }
    .mv-title-lead-txt {
    }
    .mv-title-lead-txt__label {
        color: var(--mv-main-color);
        font-size: calc(26 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        line-height: calc(42 / 26);
        letter-spacing: calc(0 / 1000 * 1em);
        text-shadow: calc(2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(-2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        0px calc(2.5 / 750 * 100vw) 0 #FFF,  0 calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) 0 0 #FFF, calc(2.5 / 750 * 100vw) 0 0 #FFF;
    }
    .mv-title-ico {
        width: calc(349 / 750 * 100vw);
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .mv-title-bg {
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* --------------------------------------------------------------------------
  INDEX
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .index-sec {
        background: var(--white-color);
    }
    .index-sec__in {
        max-width: calc(1064 / var(--font-size) * 1em);
        --sec-width: 1024;
    }
    .index-sec__body {
        padding-bottom: 0;
    }
    .index-sec__header {
        padding-bottom: 0;
    }
    .index-sec__header .c-header-title__txt {
        color: var(--sub-color-100);
    }
    .index-sec__content {
    }
    .index-sec-container {
    }
    .index-sec-container__in {
    }
    .index-sec-container__body {
    }
    .index-sec-link-list {
        display: flex;
        gap: calc(28 / var(--sec-width) * 100%);
        height: 100%;
    }
    .index-sec-link-list-item {
        width: calc((100% - (56 / var(--sec-width) * 100%)) / 3);
        --about-link-item: 318;
        transition: all .3s ease;
    }
    /* hover */
    .index-sec-link-list-item:hover {
        transform: scale(1.05);
        transition: all .3s ease;
    }
    .index-sec-link-list-item:hover .link-card__in::before {
        margin-bottom: calc(10 / var(--about-link-item) * 100%);
        transition: all .3s ease;
    }
    .index-sec-link-list-item--points {
    }
    .index-sec-link-list-item--plant {
    }
    .index-sec-link-list-item--various {
    }
    .link-card {
        display: block;
        background: var(--white-color);
        border: solid var(--main-color-100) calc(2 / var(--font-size) * 1em);
        height: 100%;
    }
    .link-card__in {
        padding: 0 calc(36 / var(--about-link-item) * 100%);
        height: 100%;
        position: relative;
    }
    .link-card__in::before {
        content: "";
        display: block;
        background: var(--main-color-100);
        width: calc(10 / var(--about-link-item) * 100%);
        padding-top: calc(12 / var(--about-link-item) * 100%);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        position: absolute;
        right: calc(18 / var(--about-link-item) * 100%);
        margin-bottom: calc(14 / var(--about-link-item) * 100%);
        bottom: 0;
        transition: all .3s ease;
    }
    .link-card__body {
        --about-link-item-body: 246;
        padding: calc(35 / var(--about-link-item-body) * 100%) 0 calc(28 / var(--about-link-item-body) * 100%);
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    .link-card-heading {
        width: calc(var(--about-head-item) / var(--about-link-item-body) * 100%);
        position: absolute;
        top: calc(-16 / var(--font-size) * 1em);
        left: 0;
        z-index: 1;
    }
    .link-card-heading::before {
        content: "";
        display: block;
        background: var(--white-color);
        height: calc(8 / var(--font-size) * 1em);
        position: absolute;
        z-index: -1;
        bottom: 0;
    }
    /* about */
    .index-sec-link-list-item--about .link-card-heading {
        --about-head-item: 80;
    }
    .index-sec-link-list-item--about .link-card-heading::before {
        width: calc(110 / var(--about-head-item) * 100%);
        left: calc(-19 / var(--about-head-item) * 100%);
        margin-bottom: calc(8 / var(--about-head-item) * 100%);
    }

    /* points */
    .index-sec-link-list-item--points .link-card-heading {
        --about-head-item: 131;
    }
    .index-sec-link-list-item--points .link-card-heading::before {
        width: calc(165 / var(--about-head-item) * 100%);
        left: calc(-19 / var(--about-head-item) * 100%);
        margin-bottom: calc(8 / var(--about-head-item) * 100%);
    }

    /* plant */
    .index-sec-link-list-item--plant .link-card-heading {
        --about-head-item: 131;
    }
    .index-sec-link-list-item--plant .link-card-heading::before {
        width: calc(165 / var(--about-head-item) * 100%);
        left: calc(-19 / var(--about-head-item) * 100%);
        margin-bottom: calc(10 / var(--about-head-item) * 100%);
    }

    /* various */
    .index-sec-link-list-item--various .link-card-heading {
        --about-head-item: 90;
        left: calc(25 / var(--about-link-item-body) * 100%);
    }
    .index-sec-link-list-item--various .link-card-heading::before {
        width: calc(120 / var(--about-head-item) * 100%);
        left: calc(-15 / var(--about-head-item) * 100%);
        margin-bottom: calc(7 / var(--about-head-item) * 100%);
    }
    .link-card-txt {
    }
    .link-card-txt__label {
        font-size: calc(20 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        font-feature-settings: "palt";
        letter-spacing: 0;
    }
}
@media all and (min-width: 768px) and (max-width: 1134px) {
    .link-card-txt__label {
        font-size: min(20px, calc(20 / 1134 * 100vw));
    }
}
@media all and (max-width: 767px) {
    .index-sec {
        background: var(--white-color);
    }
    .index-sec__in {
        position: relative;
    }
    .index-sec__in::before {
        content: "";
        display: block;
        background: url("../img/deco-bg_left_sp.png") no-repeat center / contain;
        width: calc(750 / 750 * 100vw);
        height: calc(563 / 750 * 100vw);
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(-150 / 750 * 100vw);
        mix-blend-mode: multiply;
    }
    .index-sec__body {
        padding-top: calc(130 / 750 * 100vw);
        padding-bottom: calc(117 / 750 * 100vw);
    }
    .index-sec__header {
        padding-bottom: 0;
        margin-bottom: calc(62 / 750 * 100vw);
    }
    .index-sec__content {
    }
    .index-sec-container {
    }
    .index-sec-container__in {
    }
    .index-sec-container__body {
    }
    .index-sec-link {
        margin-top: calc(150 / 750 * 100vw);
    }
    .index-sec-link-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(40 / 750 * 100vw);
    }
    .index-sec-link-list-item {
        width: 100%;
        width: calc(550 / 750 * 100vw);
    }
    .index-sec-link-list-item--points {
    }
    .index-sec-link-list-item--plant {
    }
    .index-sec-link-list-item--various {
    }
    .link-card {
        display: block;
        background: var(--white-color);
        border: solid var(--main-color-100) calc(2 / 750 * 100vw);
    }
    .link-card__in {
        padding: 0 calc(46 / 750 * 100vw) 0 calc(43 / 750 * 100vw);
        position: relative;
    }
    .link-card__in::before {
        content: "";
        display: block;
        background: var(--main-color-100);
        width: calc(14 / 750 * 100vw);
        padding-top: calc(16 / 750 * 100vw);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        position: absolute;
        right: calc(26 / 750 * 100vw);
        margin-bottom: calc(21 / 750 * 100vw);
        bottom: 0;
    }
    .link-card__body {
        padding: calc(40 / 750 * 100vw) 0 calc(34 / 750 * 100vw);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    .link-card-heading {
        width: calc(175 / 750 * 100vw);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .link-card-heading img {
        vertical-align: top;
    }
    .link-card-heading::before {
        content: "";
        display: block;
        background: var(--white-color);
        height: calc(8 / 750 * 100vw);
        position: absolute;
        left: calc(-17 / 750 * 100vw);
        top: 0;
        z-index: -1;
    }
    /* about */
    .index-sec-link-list-item--about .link-card-heading {
        width: calc(100 / 750 * 100vw);
        margin-top: calc(-16 / 750 * 100vw);
    }
    .index-sec-link-list-item--about .link-card-heading::before {
        width: calc(130 / 750 * 100vw);
        margin-top: calc(14 / 750 * 100vw);
    }
    /* points */
    .index-sec-link-list-item--points .link-card-heading {
        width: calc(178 / 750 * 100vw);
        margin-top: calc(-16 / 750 * 100vw);
    }
    .index-sec-link-list-item--points .link-card-heading::before {
        width: calc(205 / 750 * 100vw);
        margin-top: calc(10 / 750 * 100vw);
    }

    /* plant */
    .index-sec-link-list-item--plant .link-card-heading {
        top: calc(-18 / 750 * 100vw);
    }
    .index-sec-link-list-item--plant .link-card-heading::before {
        width: calc(205 / 750 * 100vw);
        margin-top: calc(15 / 750 * 100vw);
    }
    .link-card-txt {
    }
    .link-card-txt__label {
        font-size: calc(32 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        font-feature-settings: "palt";
        letter-spacing: calc(-120 / 1000 * 1em);
    }
}

/* --------------------------------------------------------------------------
  WHAT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .about-sec {
        background: var(--white-color);
        overflow: hidden;
    }
    .about-sec__in {
        max-width: calc(1064 / var(--font-size) * 1em);
        --sec-width: 1024;
        position: relative;
    }
    .about-sec__in::before {
        content: "";
        display: block;
        background: url("../img/deco-bg_left.png") no-repeat center / contain;
        width: calc(715 / var(--font-size) * 1em);
        padding-top: calc(926 / var(--font-size) * 1em);
        position: absolute;
        right: 0;
        margin-right: calc(904 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(90 / var(--font-size) * 1em);
        mix-blend-mode: multiply;
    }
    .about-sec__body {
        padding-bottom: calc(106 / var(--l-sec-width) * 100%);
    }
    .about-sec__header {
    }
    .about-sec__header::before {
        background: url("../img/txt-heading-about.svg") no-repeat center / contain;
        width: calc(129 / var(--sec-width) * 100%);
        padding-top: calc(48 / var(--sec-width) * 100%);
    }
    .about-sec__content {
    }
    .about-sec-container {
    }
    .about-sec-container__in {
    }
    .about-sec-container__body {
    }
    .about-sec-read {
    }
    .about-sec-read-img {
        margin: calc(42 / var(--sec-width) * 100%) auto 0;
        width: calc(962 / var(--sec-width) * 100%);
    }
    .about-sec-read .c-txt {
        line-height: calc(40 / 20);
    }
    .about-sec-link {
        margin-top: calc(106 / var(--sec-width) * 100%);
    }
    .about-sec-link-list {
        display: flex;
        gap: calc(28 / var(--sec-width) * 100%);
        height: 100%;
    }
    .about-sec-link-list-item {
        width: calc((100% - (56 / var(--sec-width) * 100%)) / 3);
        --about-link-item: 318;
        transition: all .3s ease;
    }
    /* hover */
    .about-sec-link-list-item:hover {
        transform: scale(1.05);
        transition: all .3s ease;
    }
    .about-sec-link-list-item:hover .link-card__in::before {
        margin-bottom: calc(10 / var(--about-link-item) * 100%);
        transition: all .3s ease;
    }
}
@media all and (min-width: 768px) and (max-width: 1134px) {
    .link-card-txt__label {
        font-size: min(20px, calc(20 / 1134 * 100vw));
    }
}
@media all and (max-width: 767px) {
    .about-sec {
        background: var(--white-color);
    }
    .about-sec__in {
        position: relative;
    }
    .about-sec__in::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: calc(-236 / 750 * 100vw);
        background: url("../img/deco-bg_right_sp.png") no-repeat center / contain;
        width: calc(560 / 750 * 100vw);
        height: calc(515 / 750 * 100vw);
        mix-blend-mode: multiply;
    }
    .about-sec__body {
        padding-top: calc(117 / 750 * 100vw);
        padding-bottom: calc(242 / 750 * 100vw);
    }
    .about-sec__header {
        margin-bottom: calc(62 / 750 * 100vw);
    }
    .about-sec__header::before {
        background: url("../img/txt-heading-about.svg") no-repeat center / contain;
        width: calc(173 / 750 * 100vw);
        padding-top: calc(67 / 750 * 100vw);
    }
    .about-sec__header .c-header-title__txt {
    }
    .about-sec__content {
    }
    .about-sec-container {
    }
    .about-sec-container__in {
    }
    .about-sec-container__body {
    }
    .about-sec-read {
    }
    .about-sec-read .c-txt {
        line-height: calc(58 / 28);
        text-shadow: calc(2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(-2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        0px calc(2.5 / 750 * 100vw) 0 #FFF,  0 calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) 0 0 #FFF, calc(2.5 / 750 * 100vw) 0 0 #FFF;
    }
    .about-sec-read-img {
        margin-top: calc(72 / 750 * 100vw);
    }
    .about-sec-link {
        margin-top: calc(150 / 750 * 100vw);
    }
    .about-sec-link-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(40 / 750 * 100vw);
    }
    .about-sec-link-list-item {
        width: 100%;
        max-width: calc(550 / 750 * 100vw);
    }
    .about-sec-link-list-item--points {
    }
    .about-sec-link-list-item--plant {
    }
    .about-sec-link-list-item--various {
    }
}

/* --------------------------------------------------------------------------
  POINTS
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .points-sec {
        position: relative;
    }
    .points-sec__over {
        overflow: hidden;
    }
    .points-sec__outer {
        position: relative;
    }
    .points-sec--deco {
        width: 100%;
        max-width: calc(1094 / var(--font-size) * 1em);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .points-sec--deco::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_05.png") no-repeat center / contain;
        width: calc(463 / var(--font-size) * 1em);
        padding-top: calc(456 / var(--font-size) * 1em);
        position: absolute;
        right: calc(950 / var(--font-size) * 1em);
        bottom: 0;
        margin-bottom: calc(-170 / var(--font-size) * 1em);
        z-index: 1;
    }
    .points-sec::before,
    .points-sec::after {
        content: "";
        display: block;
        width: 100vw;
        padding-top: calc(100 / var(--l-sec-width) * 100%);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: var(--white-color);
        position: absolute;
    }
    .points-sec::before {
        -webkit-mask-image: url("../img/points-sec-bg-mask-top.svg");
        mask-image: url("../img/points-sec-bg-mask-top.svg");
        top: 0;
        left: 0;
    }
    .points-sec::after {
        -webkit-mask-image: url("../img/points-sec-bg-mask-bottom.svg");
        mask-image: url("../img/points-sec-bg-mask-bottom.svg");
        bottom: 0;
        left: 0;
    }
    .points-sec-bg {
        width: 100vw;
        height: 100vh;
        background: url("../img/points-sec-bg.png") no-repeat top / cover;
        position: fixed;
        top: 0;
        z-index: -2;
    }
    .points-sec__in {
    }
    .points-sec__body {
        padding: calc(100 / var(--l-sec-width) * 100%) 0;
    }
    .points-sec__header {
    }
    .points-sec__header::before {
        background: url("../img/txt-heading-points.svg") no-repeat center / contain;
        width: calc(248 / var(--sec-width) * 100%);
    }
    .points-sec__content {
    }
    .points-sec-container {
    }
    .points-sec-container__in {
    }
    .points-sec-container__body {
    }
    .points-sec-read {
    }
    .points-sec-read .c-txt {
        line-height: calc(32 / 20);
        margin-bottom: calc(64 / var(--sec-width) * 100%);
    }
    .points-link {
        width: calc(950 / var(--sec-width) * 100%);
        margin: 0 auto calc(95 / var(--sec-width) * 100%);
    }
    .points-link-list {
        display: flex;
    }
    .points-link-list-item {
        width: calc(100% / 5);
        border-left: solid calc(1 / var(--font-size) * 1em) var(--main-color-100);
    }
    /* hover */
    .points-link-list-item:hover .points-link-card__body::after {
        transform: translateY(40%);
        transition: all .3s ease;
    }
    .points-link-list-item:last-child {
        border-right: solid calc(1 / var(--font-size) * 1em) var(--main-color-100);
    }
    .points-link-card {
        height: 100%;
    }
    .points-link-card__in {
        padding: 0 calc(21 / 189 * 100%);
        height: 100%;
    }
    .points-link-card__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        --link-card-in-width:147;
    }
    .points-link-card-num {
        position: relative;
        margin-bottom: calc(26 / var(--link-card-in-width) * 100%);
    }
    .points-link-list-item:nth-child(1) .points-link-card-num{
        width: calc(26 / var(--link-card-in-width) * 100%);
    }
    .points-link-list-item:nth-child(2) .points-link-card-num{
        width: calc(28 / var(--link-card-in-width) * 100%);
    }
    .points-link-list-item:nth-child(3) .points-link-card-num{
        width: calc(22 / var(--link-card-in-width) * 100%);
    }
    .points-link-list-item:nth-child(4) .points-link-card-num{
        width: calc(20 / var(--link-card-in-width) * 100%);
    }
    .points-link-list-item:nth-child(5) .points-link-card-num{
        width: calc(20 / var(--link-card-in-width) * 100%);
    }
    .points-link-card__body::after {
        content: "";
        display: block;
        width: calc(9 / var(--link-card-in-width) * 100%);
        padding-top: calc(11 / var(--link-card-in-width) * 100%);
        background: var(--main-color-100);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        margin-top: calc(18 / var(--link-card-in-width) * 100%);
        transition: all .3s ease;
        transform: translateY(0);
    }
    .points-link-card-heading {
        margin: 0 auto;
        width: calc(26 / var(--font-size) * 1em);
    }
    .points-link-card-txt {
        text-align: center;
    }
    .points-link-card-txt__label {
        font-size: calc(18 / var(--font-size) * 1em);
        letter-spacing: 0;
    }
    .points-content__container {
    }
    .points-content {
    }
    .points-content-list {
    }
    .points-content-list-item {
    }
    .points-content-list-item + .points-content-list-item {
        margin-top: calc(80 / var(--sec-width) * 100%);
    }
    .points-content-list-item--01 {
        position: relative;
    }
    .points-content-list-item--01::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_01.png") no-repeat center / contain;
        width: calc(208 / var(--font-size) * 1em);
        padding-top: calc(191 / var(--font-size) * 1em);
        position: absolute;
        left: calc(1000 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(-80 / var(--font-size) * 1em);
    }
    .points-content-list-item--02 {
        position: relative;
    }
    .points-content-list-item--02::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_02.png") no-repeat center / contain;
        width: calc(185 / var(--font-size) * 1em);
        padding-top: calc(180 / var(--font-size) * 1em);
        position: absolute;
        right: calc(1042 / var(--font-size) * 1em);
        bottom: 0;
        margin-bottom: calc(-136 / var(--font-size) * 1em);
    }
    .points-content-list-item--03 {
    }
    .points-content-list-item--04 {
        position: relative;
    }
    .points-content-list-item--04::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_04.png") no-repeat center / contain;
        width: calc(513 / var(--font-size) * 1em);
        padding-top: calc(397 / var(--font-size) * 1em);
        position: absolute;
        left: calc(935 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(361 / var(--font-size) * 1em);
    }
    .points-content-list-item--05 {
        position: relative;
    }
    .points-card {
    }
    .points-card__in {
    }
    .points-content-list-item:nth-child(even) .points-card__body {
        flex-direction: row-reverse;
    }
    .points-card__body {
        display: flex;
        align-items: center;
    }
    .points-content-list-item--01 .points-card__body {
        gap: calc(36 / var(--sec-width) * 100%);
    }
    .points-content-list-item--02 .points-card__body {
        gap: calc(30 / var(--sec-width) * 100%);
    }
    .points-content-list-item--03 .points-card__body {
        gap: calc(40 / var(--sec-width) * 100%);
    }
    .points-content-list-item--04 .points-card__body {
        gap: calc(24 / var(--sec-width) * 100%);
    }
    .points-content-list-item--05 .points-card__body {
        gap: calc(45 / var(--sec-width) * 100%);
    }
    .points-card-img {
        /* flex-shrink: 0; */
    }
    .points-content-list-item--01 .points-card-img {
        width: calc(517 / var(--sec-width) * 100%);
    }
    .points-content-list-item--02 .points-card-img {
        width: calc(510 / var(--sec-width) * 100%);
    }
    .points-content-list-item--03 .points-card-img {
        width: calc(517 / var(--sec-width) * 100%);
    }
    .points-content-list-item--04 .points-card-img {
        width: calc(499 / var(--sec-width) * 100%);
    }
    .points-content-list-item--05 .points-card-img {
        width: calc(513 / var(--sec-width) * 100%);
    }
    .points-card-read {
        flex-shrink: 0;
    }
    .points-content-list-item:nth-child(odd) .points-card-read {
        --points-card-read-width: 536;
        width: calc(var(--points-card-read-width) / var(--sec-width) * 100%);
    }
    .points-content-list-item--01 .points-card-read {
    }
    .points-content-list-item--02 .points-card-read {
        --points-card-read-width: 560;
        width: calc(var(--points-card-read-width) / var(--sec-width) * 100%);
    }
    .points-content-list-item--03 .points-card-read {
    }
    .points-content-list-item--04 .points-card-read {
        --points-card-read-width: 570;
        width: calc(var(--points-card-read-width) / var(--sec-width) * 100%);
    }
    .points-content-list-item--05 .points-card-read {
    }
    .points-card-read-num {
        margin-bottom: calc(22 / var(--points-card-read-width) * 100%);
    }
    .points-content-list-item--01 .points-card-read-num {
        width: calc(36 / var(--points-card-read-width) * 100%);
    }
    .points-content-list-item--02 .points-card-read-num {
        width: calc(34 / var(--points-card-read-width) * 100%);
    }
    .points-content-list-item--03 .points-card-read-num {
        width: calc(30 / var(--points-card-read-width) * 100%);
    }
    .points-content-list-item--04 .points-card-read-num {
        width: calc(34 / var(--points-card-read-width) * 100%);
    }
    .points-content-list-item--05 .points-card-read-num {
        width: calc(32 / var(--points-card-read-width) * 100%);
    }
    .points-card-read-heading {
    }
    .points-card-read-heading__label {
        font-size: calc(28 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        letter-spacing: calc(150 / 1000 * 1em);
    }
    .points-card-read-heading + .points-card-read-txt {
        margin-top: calc(14 / var(--points-card-read-width) * 100%);
    }
    .points-card-read-txt .c-note {
        margin-top: calc(12 / var(--sec-width) * 100%);
    }
    .points-card-read-txt .c-note-txt {
        letter-spacing: 0;
        line-height: 1.5;
    }
    .points-card-read-txt .c-txt {
        line-height: calc(28 / 18);
    }
    .points-graph {
        width: calc((var(--points-graph-width) + 2) / var(--sec-width) * 100%);
        position: relative;
    }
    .points-content-list-item--03 .points-graph {
        --points-graph-width: 534;
        margin-top: calc(32 / 536 * 100%);
        margin-bottom: calc(30 / 536 * 100%);
        width: 100%;
        }
    .points-card-read-txt--right {
        text-align: right;
        
    }
    .points-card-read-txt--right .c-txt {
        display: inline-block;
    }
    .points-content-list-item--04 .points-graph {
        --points-graph-width: 1092;
        margin-top: calc(-20 / var(--sec-width) * 100%);
        margin-right: calc(36 / var(--sec-width) * 100%);
        margin-left: auto;
    }
    .points-graph__in {
    }
    .points-graph__body {
        display: flex;
        flex-direction: column;
    }
    .points-content-list-item--03 .points-graph__body {
        align-items: end;
    }
    .points-graph-head {
        width: calc((var(--points-graph-head-width) + 2) / (var(--points-graph-width) + 2) * 100%);
        position: relative;
        z-index: 2;
    }
    .points-content-list-item--03 .points-graph-head {
        --points-graph-head-width: 534;
    }
    .points-content-list-item--04 .points-graph-head {
        --points-graph-head-width: 402;
    }
    .js-accordion-head {
        position: relative;
    }
    .points-graph-head__in {
        background: var(--main-color-10);
        border: solid var(--main-color-500) calc(1 / var(--font-size) * 1em);
        border-radius: calc(30 / var(--font-size) * 1em);
        padding: 0 calc(20 / var(--points-graph-head-width) * 100%) 0;
        position: relative;
        transition: all .3s;
    }
    .points-content-list-item--03 .points-graph-head__in {
        --points-graph-head-in-width: 394;
    }
    .points-content-list-item--04 .points-graph-head__in {
        --points-graph-head-in-width: 297;
    }
    .points-graph-head__in {
        border-bottom: none;
        border-radius: calc(30 / var(--font-size) * 1em) calc(30 / var(--font-size) * 1em) 0 0;
        transition: all .3s;
    }
    .points-graph-head__in::before {
        content: "";
        display: block;
        background: var(--white-color);
        width: 100%;
        height: calc(3 / var(--font-size) * 1em);
        position: absolute;
        bottom: calc(-2.5 / var(--font-size) * 1em);
        left: 50%;
        transform: translateX(-50%);
    }
    .points-graph-head__body {
        padding: calc(14 / var(--points-graph-head-in-width) * 100%) 0;
    }
    .points-graph-head-ttl {
        --points-graph-head-ttl: 75;
        width: calc(var(--points-graph-head-ttl) / var(--points-graph-head-width) * 100%);
        position: absolute;
        left: calc(58 / var(--points-graph-head-width) * 100%);
        top: 0;
        margin-top: calc(-14 / var(--points-graph-head-width) * 100%);
        z-index: 1;
    }
    .points-graph-head-ttl::before {
        content: "";
        display: block;
        background: var(--main-color-10);
        width: calc(98 / var(--points-graph-head-ttl) * 100%);
        height: calc(4 / var(--font-size) * 1em);
        position: absolute;
        left: calc(-12 / var(--points-graph-head-ttl) * 100%);
        bottom: 0;
        margin-bottom: calc(17 / var(--points-graph-head-ttl) * 100%);
        z-index: -1;
    }
    .points-graph-head-txt {
        text-align: center;
    }
    .points-graph-head-txt__label {
        font-size: calc(20 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        letter-spacing: calc(-100 / 1000 * 1em);
    }
    .points-graph-head-btn {
        position: absolute;
        right: calc(25 / var(--points-graph-head-width) * 100%);
        top: 50%;
        transform: translateY(-50%);
        --points-graph-btn: 16;
        width: calc(var(--points-graph-btn) / var(--points-graph-head-width) * 100%);
        padding-top: calc(var(--points-graph-btn) / var(--points-graph-head-width) * 100%);
        transition: all .3s ease;
    }
    .points-graph-head-btn::before,
    .points-graph-head-btn::after {
        content: "";
        display: block;
        background: var(--main-color-500);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all .3s ease;
    }
    .points-graph-head-btn::before {
        width: calc(1 / var(--font-size) * 1em);
        padding-top: calc(12 / var(--points-graph-btn) * 100%);
    }
    .points-graph-head-btn::after {
        width: calc(1 / var(--font-size) * 1em);
        padding-top: calc(12 / var(--points-graph-btn) * 100%);
        transform: rotate(90deg);
    }
    .is-accordion-active .points-graph-head-btn::before {
        transform: rotate(45deg);
        transition: all .3s ease;
    }
    .is-accordion-active .points-graph-head-btn::after {
        transform: rotate(135deg);
    }
    .points-graph-content {
    }
    .points-graph-content__in {
        background: var(--white-color);
        border: solid var(--main-color-500) calc(1 / var(--font-size) * 1em);
        padding: 0 calc(56 / var(--points-graph-width) * 100%);
        --points-graph-content-in-width: 616;
    }
    .points-content-list-item--03 .points-graph-content__in {
        --points-graph-content-in-width: 616;
        border-radius: calc(0 / var(--font-size) * 1em) 0 calc(30 / var(--font-size) * 1em) calc(30 / var(--font-size) * 1em);
        padding: 0 calc(34 / var(--points-graph-width) * 100%) 0 calc(21 / var(--points-graph-width) * 100%);
    }
    .points-content-list-item--04 .points-graph-content__in {
        --points-graph-content-in-width: 979;
        border-radius: 0 calc(30 / var(--font-size) * 1em) calc(30 / var(--font-size) * 1em) calc(30 / var(--font-size) * 1em);
    }
    .points-graph-content__body {
        padding: calc(32 / var(--points-graph-content-in-width) * 100%) 0 calc(24 / var(--points-graph-content-in-width) * 100%);
    }
    .points-graph-content-img {
    }
}
@media all and (min-width: 768px) and (max-width: 1134px) {
    .points-link-card-txt__label {
        font-size: min(18px, calc(18 / 1134 * 100vw));
        letter-spacing: 0;
    }
    .points-graph-head {
        position: relative;
        z-index: 2;
        transition: all .3s ease;
    }
    .points-graph-head__in {
        border-radius: calc(30 / 1134 * 100vw);
    }
    .points-card-read-heading__label {
        font-size: min(28px, calc(28 / 1134 * 100vw));
    }
    .points-graph-head__in {
        border-radius: calc(30 / 1134 * 100vw) calc(30 / 1134 * 100vw) 0 0;
    }
    .points-content-list-item--03 .points-graph-content__in {
        border-radius: 0 0 calc(30 / 1134 * 100vw) calc(30 / 1134 * 100vw);
    }
    .points-content-list-item--04 .points-graph-content__in {
        border-radius: 0 calc(30 / 1134 * 100vw) calc(30 / 1134 * 100vw) calc(30 / 1134 * 100vw);
    }
    .points-graph-head-txt__label {
        font-size: calc(20 / 1134 * 100vw);
        font-weight: 500;
    }
}
@media all and (min-width: 768px) and (max-width: 800px) {
    .points-graph-head-ttl::before {
        margin-bottom: calc(19 / var(--points-graph-head-ttl) * 100%);
    }
}
@media all and (max-width: 767px) {
    .points-sec {
        position: relative;
    }
    .points-sec-bg {
        width: 100vw;
        height: 100vh;
        background: url("../img/points-sec-bg.png") no-repeat top / cover;
        position: fixed;
        top: 0;
        z-index: -2;
    }
    .points-sec__over {
        overflow: hidden;
    }
    .points-sec__outer {
        position: relative;
    }
    .points-sec__outer::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_05.png") no-repeat center / contain;
        width: calc(926 / 750 * 100vw);
        padding-top: calc(912 / 750 * 100vw);
        position: absolute;
        right: calc(2124 / 750 * 100vw);
        bottom: 0;
        margin-bottom: calc(-524 / 750 * 100vw);
        z-index: 1;
    }
    .points-sec::before,
    .points-sec::after {
        content: "";
        display: block;
        width: 100vw;
        padding-top: calc(85 / 750 * 100vw);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% calc(85 / 750 * 100vw);
        mask-size: 100% calc(85 / 750 * 100vw);
        background: var(--white-color);
        position: absolute;
    }
    .points-sec::before {
        -webkit-mask-position: bottom;
        mask-position: bottom;
        -webkit-mask-image: url("../img/points-sec-bg-mask-top_sp.svg");
        mask-image: url("../img/points-sec-bg-mask-top_sp.svg");
        top: 0;
        left: 0;
    }
    .points-sec::after {
        -webkit-mask-position: top;
        mask-position: top;
        -webkit-mask-image: url("../img/points-sec-bg-mask-bottom_sp.svg");
        mask-image: url("../img/points-sec-bg-mask-bottom_sp.svg");
        bottom: 0;
        left: 0;
    }
    .points-sec--deco {
        width: 100%;
        max-width: calc(702 / 750 * 100vw);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .points-sec--deco::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_05.png") no-repeat center / contain;
        width: calc(380 / 750 * 100vw);
        padding-top: calc(325 / 750 * 100vw);
        position: absolute;
        right: calc(506 / 750 * 100vw);
        bottom: 0;
        margin-bottom: calc(-150 / 750 * 100vw);
        z-index: 1;
    }
    .points-sec__in {
    }
    .points-sec__body {
        padding: calc(142 / 750 * 100vw) 0 calc(220 / 750 * 100vw);
    }
    .points-sec__header {
        margin-bottom: calc(70 / 750 * 100vw);
    }
    .points-sec__header::before {
        background: url("../img/txt-heading-points.svg") no-repeat center / contain;
        width: calc(322 / 750 * 100vw);
    }
    .points-sec__content {
    }
    .points-sec-container {
    }
    .points-sec-container__in {
    }
    .points-sec-container__body {
    }
    .points-sec-read {
        margin-bottom: calc(76 / 750 * 100vw);
    }
    .points-sec-read .c-txt {
        line-height: calc(54 / 28);
    }
    .points-link {
        margin: 0 auto calc(118 / 750 * 100vw);
        max-width: calc(702 / 750 * 100vw);
    }
    .points-link-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: calc(70 / 750 * 100vw) 0;
    }
    .points-link-list-item {
        width: calc(100% / 3);
        border-left: solid calc(1 / 750 * 100vw) var(--main-color-100);
    }
    .points-link-list-item:nth-child(1) {
        margin-left: calc(36 / 750 * 100vw);
    }
    .points-link-list-item:nth-child(2) {
        margin-right: calc(36 / 750 * 100vw);
        border-right: solid calc(1 / 750 * 100vw) var(--main-color-100);
    }
    .points-link-list-item:last-child {
        border-right: solid calc(1 / 750 * 100vw) var(--main-color-100);
    }
    .points-link-card {
        height: 100%;
    }
    .points-link-card__in {
        padding: 0 calc(8 / 750 * 100vw);
        height: 100%;
    }
    .points-link-card__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        --link-card-in-width:147;
    }
    .points-link-card-num {
        position: relative;
        margin-bottom: calc(28 / 750 * 100vw);
    }
    .points-link-list-item:nth-child(1) .points-link-card-num{
        width: calc(31 / 750 * 100vw);
    }
    .points-link-list-item:nth-child(2) .points-link-card-num{
        width: calc(35 / 750 * 100vw);
    }
    .points-link-list-item:nth-child(3) .points-link-card-num{
        width: calc(28 / 750 * 100vw);
    }
    .points-link-list-item:nth-child(4) .points-link-card-num{
        width: calc(23 / 750 * 100vw);
    }
    .points-link-list-item:nth-child(5) .points-link-card-num{
        width: calc(25 / 750 * 100vw);
    }
    .points-link-card__body::after {
        content: "";
        display: block;
        width: calc(14 / 750 * 100vw);
        padding-top: calc(16 / 750 * 100vw);
        background: var(--main-color-100);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        margin-top: calc(24 / 750 * 100vw);
        transform: translateY(0);
    }
    .points-link-card-heading {
        margin: 0 auto;
        width: calc(26 / 750 * 100vw);
    }
    .points-link-card-txt {
        text-align: center;
    }
    .points-link-card-txt__label {
        font-size: calc(26 / 750 * 100vw);
        font-feature-settings: "palt";
        font-weight: 500;
        line-height: calc(40 / 26);
        letter-spacing: 0;
    }
    .points-content__container {
    }
    .points-content {
    }
    .points-content-list {
    }
    .points-content-list-item {
    }
    .points-content-list-item + .points-content-list-item {
        margin-top: calc(120 / 750 * 100vw);
    }
    .points-content-list-item--01 {
        position: relative;
    }
    .points-content-list-item--01::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_01.png") no-repeat center / contain;
        width: calc(200 / 750 * 100vw);
        padding-top: calc(180 / 750 * 100vw);
        position: absolute;
        left: calc(600 / 750 * 100vw);
        top: 0;
        margin-top: calc(-194 / 750 * 100vw);
    }
    .points-content-list-item--02 {
        position: relative;
    }
    .points-content-list-item--02::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_02_sp.png") no-repeat center / contain;
        width: calc(115 / 750 * 100vw);
        padding-top: calc(162 / 750 * 100vw);
        position: absolute;
        right: calc(636 / 750 * 100vw);
        bottom: calc(-200 / 750 * 100vw);
    }
    .points-content-list-item--03 {
    }
    .points-content-list-item--04 {
        position: relative;
    }
    .points-content-list-item--04::before {
        content: "";
        display: block;
        background: url("../img/points-sec-deco_04.png") no-repeat center / contain;
        width: calc(323 / 750 * 100vw);
        padding-top: calc(278 / 750 * 100vw);
        position: absolute;
        left: calc(512 / 750 * 100vw);
        top: calc(1016 / 750 * 100vw);
    }
    .points-content-list-item--05 {
    }
    .points-card {
    }
    .points-card__in {
    }
    .points-content-list-item:nth-child(even) .points-card__body {
        flex-direction: row-reverse;
    }
    .points-card__body {
        position: relative;
        z-index: 1;
    }
    .points-content-list-item--01 .points-card__body {
        padding-top: calc(428 / 750 * 100vw);
    }
    .points-content-list-item--02 .points-card__body {
        padding-top: calc(438 / 750 * 100vw);
    }
    .points-content-list-item--03 .points-card__body {
        padding-top: calc(440 / 750 * 100vw);
    }
    .points-content-list-item--04 .points-card__body {
        padding-top: calc(360 / 750 * 100vw);
    }
    .points-content-list-item--05 .points-card__body {
        padding-top: calc(420 / 750 * 100vw);
    }
    .points-card-img {
        position: absolute;
        top: 0;
        right: calc(-42 / 750 * 100vw);
        z-index: -1;
    }
    .points-content-list-item--01 .points-card-img {
        width: calc(625 / 750 * 100vw);
    }
    .points-content-list-item--02 .points-card-img {
        width: calc(610 / 750 * 100vw);
    }
    .points-content-list-item--03 .points-card-img {
        width: calc(600 / 750 * 100vw);
    }
    .points-content-list-item--04 .points-card-img {
        width: calc(563 / 750 * 100vw);
    }
    .points-content-list-item--05 .points-card-img {
        width: calc(586 / 750 * 100vw);
    }
    .points-card-read {
        flex-shrink: 0;
    }
    .points-card-read-num {
        margin-bottom: calc(28 / 750 * 100vw);
    }
    .points-content-list-item--01 .points-card-read-num {
        width: calc(56 / 750 * 100vw);
    }
    .points-content-list-item--02 .points-card-read-num {
        width: calc(60 / 750 * 100vw);
    }
    .points-content-list-item--03 .points-card-read-num {
        width: calc(50 / 750 * 100vw);
    }
    .points-content-list-item--04 .points-card-read-num {
        width: calc(54 / 750 * 100vw);
    }
    .points-content-list-item--05 .points-card-read-num {
        width: calc(59 / 750 * 100vw);
    }
    .points-card-read-heading {
        margin-bottom: calc(20 / 750 * 100vw);
    }
    .points-card-read-heading__label {
        font-size: calc(44 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        letter-spacing: 0;
        line-height: 1.5;
        text-shadow: calc(2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(-2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) calc(2.5 / 750 * 100vw) 0 #FFF, calc(2.5 / 750 * 100vw) calc(-2.5 / 750 * 100vw) 0 #FFF,
        0px calc(2.5 / 750 * 100vw) 0 #FFF,  0 calc(-2.5 / 750 * 100vw) 0 #FFF,
        calc(-2.5 / 750 * 100vw) 0 0 #FFF, calc(2.5 / 750 * 100vw) 0 0 #FFF;
    }
    .points-card-read-txt .c-note {
        letter-spacing: 0;
    }
    .points-card-read-txt .c-note-txt__label {
        line-height: calc(34 / 24);
    }
    .points-card-read-txt .c-txt {
        line-height: calc(54 / 28);
        text-shadow: calc(3 / 750 * 100vw) calc(3 / 750 * 100vw) 0 #FFF, calc(-3 / 750 * 100vw) calc(-3 / 750 * 100vw) 0 #FFF,
        calc(-3 / 750 * 100vw) calc(3 / 750 * 100vw) 0 #FFF, calc(3 / 750 * 100vw) calc(-3 / 750 * 100vw) 0 #FFF,
        0px calc(3 / 750 * 100vw) 0 #FFF,  0 calc(-3 / 750 * 100vw) 0 #FFF,
        calc(-3 / 750 * 100vw) 0 0 #FFF, calc(3 / 750 * 100vw) 0 0 #FFF;
    }
    .points-card-read-txt .c-txt + .c-txt {
        margin-top: calc(12 / 750 * 100vw);
    } 
    .points-graph {
        position: relative;
        margin-top: calc(50 / 750 * 100vw);
        margin-bottom: calc(50 / 750 * 100vw);
    }
    .points-graph__in {
    }
    .points-graph__body {
        display: flex;
        flex-direction: column;
    }
    .points-content-list-item--03 .points-graph__body {
    }
    .points-graph-head {
        position: relative;
        z-index: 2;
        transition: all .3s ease;
    }
    .js-accordion-head {
        position: relative;
    }
    .points-graph-head__in {
        background: var(--main-color-10);
        border: solid var(--main-color-500) calc(2 / 750 * 100vw);
        border-radius: calc(50 / 750 * 100vw);
        padding: 0 calc(32 / 750 * 100vw);
        position: relative;
        transition: all .3s ease;
    }
    .points-graph-head__in {
        border-bottom: none;
        border-radius: calc(50 / 750 * 100vw) calc(50 / 750 * 100vw) 0 0;
        transition: all .3s;
    }
    .points-graph-head__in::before {
        content: "";
        display: block;
        background: var(--white-color);
        width: 100%;
        height: calc(3 / 750 * 100vw);
        position: absolute;
        bottom: calc(-2.5 / 750 * 100vw);
        left: 50%;
        transform: translateX(-50%);
    }
    .points-graph-head__body {
        padding: calc(26 / 750 * 100vw) 0;
    }
    .points-graph-head-ttl {
        width: calc(100 / 750 * 100vw);
        position: absolute;
        left: calc(36 / 750 * 100vw);
        top: calc(-24 / 750 * 100vw);
        z-index: 1;
    }
    .points-graph-head-ttl::before {
        content: "";
        display: block;
        background: var(--main-color-10);
        width: calc(100% + (18 / 750 * 100vw));
        height: calc(8 / 750 * 100vw);
        position: absolute;
        left: calc(-6 / 750 * 100vw);
        bottom: calc(18 / 750 * 100vw);
        z-index: -1;
    }
    .points-graph-head-txt {
        text-align: center;
    }
    .points-graph-head-txt__label {
        font-size: calc(32 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        letter-spacing: calc(-100 / 1000 * 1em);
    }
    .points-graph-head-btn {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-50%);
        transition: all .3s ease;
        width: calc(80 / 750 * 100vw);
        height: calc(80 / 750 * 100vw);
        background: var(--main-color-10);
        border: solid var(--main-color-500) calc(2 / 750 * 100vw);
        border-radius: 50%;
    }
    .points-graph-head-btn::before,
    .points-graph-head-btn::after {
        content: "";
        display: block;
        background: var(--main-color-500);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all .3s ease;
    }
    .points-graph-head-btn::before {
        width: calc(26 / 750 * 100vw);
        height: calc(2 / 750 * 100vw);
    }
    .points-graph-head-btn::after {
        width: calc(2 / 750 * 100vw);
        height: calc(26 / 750 * 100vw);
    }
    .is-accordion-active .points-graph-head-btn::before,
    .is-accordion-active .points-graph-head-btn::after {
        transform: rotate(45deg);
        transition: all .3s ease;
    }
    .points-graph-content {
    }
    .points-graph-content__in {
        background: var(--white-color);
        border: solid var(--main-color-500) calc(2 / 750 * 100vw);
        padding: 0 calc(12 / 750 * 100vw);
        --points-graph-content-in-width: 616;
    }
    .points-content-list-item--03 .points-graph-content__in {
        border-radius: 0 0 calc(50 / 750 * 100vw) calc(50 / 750 * 100vw);
    }
    .points-content-list-item--04 .points-graph-content__in {
        overflow-x: scroll;
        border-radius: 0 0 calc(50 / 750 * 100vw) calc(50 / 750 * 100vw);
        padding: 0 calc(40 / 750 * 100vw);
    }
    .points-graph-content__body {
        padding: calc(45 / 750 * 100vw) 0 calc(73 / 750 * 100vw);
    }
    .points-graph-content-img {
    }
    .points-content-list-item--03 .points-graph-content-img {
        max-width: calc(641 / 750 * 100vw);
        margin: 0 auto;
    }
    .points-content-list-item--04 .points-graph-content-img {
        width: calc(1464 / 750 * 100vw);
        padding-right: calc(40 / 750 * 100vw);
    }
}

/* --------------------------------------------------------------------------
  PLANT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .plant-sec {
        background: var(--white-color);
        overflow: hidden;
    }
    .plant-sec .plant-sec__in {
        max-width: calc(1104 / var(--font-size) * 1em);
        --sec-width: 1064;
        position: relative;
    }
    .plant-sec-deco-top::before {
        content: "";
        display: block;
        background: url("../img/deco-bg_left.png") no-repeat center / contain;
        width: calc(715 / var(--font-size) * 1em);
        padding-top: calc(926 / var(--font-size) * 1em);
        position: absolute;
        right: 0;
        margin-right: calc(924 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(90 / var(--font-size) * 1em);
        mix-blend-mode: multiply;
    }
    .plant-sec-deco-top::after {
        content: "";
        display: block;
        background: url("../img/deco-bg_right.png") no-repeat center / contain;
        width: calc(673 / var(--font-size) * 1em);
        padding-top: calc(1000 / var(--font-size) * 1em);
        position: absolute;
        left: 0;
        margin-left: calc(967 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(40 / var(--font-size) * 1em);
        mix-blend-mode: multiply;
    }
    .plant-sec-deco-bottom::before {
        content: "";
        display: block;
        background: url("../img/deco-bg_left-small.png") no-repeat center / contain;
        width: calc(715 / var(--font-size) * 1em);
        padding-top: calc(652 / var(--font-size) * 1em);
        position: absolute;
        right: 0;
        margin-right: calc(924 / var(--font-size) * 1em);
        bottom: 0;
        margin-bottom: calc(-20 / var(--font-size) * 1em);
        mix-blend-mode: multiply;
    }
    .plant-sec-deco-bottom::after {
        content: "";
        display: block;
        background: url("../img/deco-bg_right.png") no-repeat center / contain;
        width: calc(673 / var(--font-size) * 1em);
        padding-top: calc(1000 / var(--font-size) * 1em);
        position: absolute;
        left: 0;
        margin-left: calc(965 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(1280 / var(--font-size) * 1em);
        mix-blend-mode: multiply;
    }
    .plant-sec__body {
        padding-bottom: calc(59 / var(--sec-width) * 100%);
    }
    .plant-sec__header {
    }
    .plant-sec .l-sec__header::before {
        background: url("../img/txt-heading-plant.svg") no-repeat center / contain;
        width: calc(248 / var(--sec-width) * 100%);
        padding-top: calc(48 / var(--sec-width) * 100%);
    }
    .plant-sec__content {
    }
    .plant-sec-container {
    }
    .plant-sec-container__in {
    }
    .plant-sec-container__body {
    }
    .plant-content__container {
    }
    .plant-sec-read {
        margin-bottom: calc(40 / var(--sec-width) * 100%);
    }
    .plant-sec-read::before {
    }
    .plant-sec-read .c-txt {
        line-height: calc(42 / 20);
    }
    .plant-content {
        overflow: visible;
    }
    .plant-content-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(38 / var(--font-size) * 1em) calc(47 / var(--sec-width) * 100%);
        padding: 0 calc(18 / var(--sec-width) * 100%) calc(14 / var(--sec-width) * 100%) !important;
        --plant-content-list: 1036;
    }
    .plant-content-list-item {
        width: calc((100% - (47 / var(--plant-content-list) * 100%)) / 2);
        --plant-card-width: 490;
    }
    .plant-content-list-item--tonyu {
        width: 100%;
    }
    .plant-content-list-item--tonyu .plant-card {
        width: calc(490 / var(--plant-content-list) * 100%);
        margin: 0 auto;
    }
    .plant-content-list-item--almond {
    }
    .plant-content-list-item--oatmilk {
    }
    .plant-content-list-item--maltedrice {
    }
    .plant-content-list-item--sakelees {
    }
    .swiper-slide {
        height: auto;
    }
    .plant-card {
        height: 100%;
        box-shadow: var(--box-shadow);
    }
    .plant-card__in {
        height: 100%;
    }
    .plant-card__body {
        height: 100%;
        overflow: hidden;
    }
    .plant-card-img {
    }
    .plant-card-read {
        background: var(--white-color);
        padding: 0  calc(31 / var(--plant-card-width) * 100%) calc(44 / var(--plant-card-width) * 100%);
        position: relative;
        --plant-card-read-width: 428;
    }
    .plant-card-read::before {
        content: "";
        display: block;
        background: var(--white-color);
        width: calc(580 / var(--plant-card-width) * 100%);
        padding-top: calc(100 / var(--plant-card-width) * 100%);
        border-radius: 50% 50% 0 0;
        position: absolute;
        top: calc(-40 / var(--plant-card-width) * 100%);
        left: 50%;
        transform: translateX(-50%);
    }
    .plant-card-read-heading {
        text-align: center;
        position: relative;
        z-index: 1;
    }
    .plant-card-read-heading__label {
        font-size: calc(26 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        line-height: calc(32 /26);
        letter-spacing: 0;

    }
    .plant-card-read-txt {
        margin-top: calc(38 / var(--sec-width) * 100%);
        position: relative;
        z-index: 1;
    }
    .plant-card-read-txt .c-txt {
        line-height: calc(32 / 18);
    }
    .tonyu-nutrition-btn__container {
        --nutrition-main-color: #01643e;
        --nutrition-sub-color: #fcf7e9;
        --nutrition-btn-width: 320;
        width: calc((var(--nutrition-btn-width) + 4) / var(--plant-card-read-width) * 100%);
        margin: calc(28 / var(--plant-card-width) * 100%) auto 0;
        
    }
    .tonyu-nutrition-btn {
        width: 100%;
        transform: translate(calc(-2 / var(--font-size) * 1em) , calc(-2 / var(--font-size) * 1em));
        position: relative;
        transition: all .3s ease;
    }
    /* hover */
    .tonyu-nutrition-btn:hover {
        transform: translate(0 , 0);
    }
    .tonyu-nutrition-btn:hover.tonyu-nutrition-btn::before{
        transform: translate(0 , 0);
    }
    .tonyu-nutrition-btn:hover .tonyu-nutrition-btn__in::after {
        right: calc(16 / var(--nutrition-btn-width) * 100%);
        transition: all .2s;
    }
    .tonyu-nutrition-btn::before {
        content: "";
        display: block;
        background: var(--nutrition-main-color);
        width: 100%;
        border-radius: 9999px;
        padding-top: calc(46 / var(--nutrition-btn-width) * 100%);
        position: absolute;
        bottom: 0;
        right: 0;
        transform: translate(calc(2 / var(--font-size) * 1em) , calc(2 / var(--font-size) * 1em));
        transition: all .3s ease;
    }
    .tonyu-nutrition-btn__in {
        background: var(--nutrition-sub-color);
        border: var(--nutrition-main-color) solid calc(2 / var(--font-size) * 1em);
        border-radius: 9999px;
        padding: calc(9 / (var(--nutrition-btn-width) + 2) * 100%) calc(32 / (var(--nutrition-btn-width) + 2) * 100%) calc(9 / (var(--nutrition-btn-width) + 2) * 100%) calc(66 / (var(--nutrition-btn-width) + 2) * 100%);
        position: relative;
        display: block;
    }
    .tonyu-nutrition-btn__in::before {
        content: "";
        display: block;
        background: url(../img/tonyu-nutrition-btn-ico.svg) no-repeat center / contain;
        width: calc(25 / var(--nutrition-btn-width) * 100%);
        padding-top: calc(18 / var(--nutrition-btn-width) * 100%);
        position: absolute;
        left: calc(36 / var(--nutrition-btn-width) * 100%);
        top: 50%;
        transform: translateY(-50%);
    }
    .tonyu-nutrition-btn__in::after {
        content: "";
        display: block;
        background: url(../img/tonyu-nutrition-btn-arrow.svg) no-repeat center / contain;
        width: calc(8 / var(--nutrition-btn-width) * 100%);
        padding-top: calc(8 / var(--nutrition-btn-width) * 100%);
        position: absolute;
        right: calc(20 / var(--nutrition-btn-width) * 100%);
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease;
    }
    .tonyu-nutrition-btn__body {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tonyu-nutrition-btn-txt {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tonyu-nutrition-btn-txt__label {
        color: var(--nutrition-main-color);
        font-size: calc(18 / var(--font-size) * 1em);
        font-weight: bold;
        font-feature-settings: "palt";
        letter-spacing: 0;
    }
}
@media all and (min-width: 768px) and (max-width: 1134px) {
    .tonyu-nutrition-btn__in::after {
    }
    .plant-card-read-heading__label {
        font-size: min(26px, calc(26 / 1134 * 100vw));
    }
    .tonyu-nutrition-btn-txt__label {
        font-size: min(18px, calc(18 / 1134 * 100vw));
    }
}
@media all and (max-width: 767px) {
    .plant-sec {
        background: var(--white-color);
    }
    .plant-sec .plant-sec__in {
        max-width: 100vw;
        width: 100vw;
        padding: 0;
        position: relative;
    }
    .plant-sec__in::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: calc(-20 / 750 * 100vw);
        background: url("../img/deco-bg_right_sp.png") no-repeat center / contain;
        width: calc(560 / 750 * 100vw);
        height: calc(515 / 750 * 100vw);
        mix-blend-mode: multiply;
    }
    .plant-sec__in::after {
        content: "";
        display: block;
        background: url("../img/deco-bg_left_sp.png") no-repeat center / contain;
        width: calc(750 / 750 * 100vw);
        height: calc(563 / 750 * 100vw);
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: calc(-432 / 750 * 100vw);
        mix-blend-mode: multiply;
    }
    .plant-sec__body {
        padding-top: calc(246 / 750 * 100vw);
        padding-bottom: calc(115 / 750 * 100vw);
    }
    .plant-sec__header {
        padding-bottom: calc(92 / 750 * 100vw);
    }
    .plant-sec__header::before {
        background: url("../img/txt-heading-plant.svg") no-repeat center / contain;
        width: calc(318 / 750 * 100vw);
        padding-top: calc(67 / 750 * 100vw);
    }
    .plant-sec__content {
    }
    .plant-sec-container {
    }
    .plant-sec-container__in {
    }
    .plant-sec-container__body {
    }
    .plant-content__container {
    }
    .plant-sec-read {
        margin-bottom: calc(72 / 750 * 100vw);
    }
    .plant-sec-read::before {
    }
    .plant-sec-read .c-txt {
        line-height: calc(42 / 20);
    }
    .plant-content {
    }
    .plant-content-list {
        display: flex;
        padding-bottom: calc(61 / 750 * 100vw);
    }
    .plant-content-list-item {
    }
    .swiper-slide {
        height: auto;
    }
    .plant-card {
        --plant-card-width: 520;
        width: calc(var(--plant-card-width) / 750 * 100vw);
        height: 100%;
        margin: 0 auto;
        box-shadow: var(--box-shadow);
    }
    .plant-card__in {
        height: 100%;
    }
    .plant-card__body {
        height: 100%;
        overflow: hidden;
    }
    .plant-card-img {
    }
    .plant-card-read {
        background: var(--white-color);
        padding: 0 calc(34 / 750 * 100vw) calc(55 / 750 * 100vw);
        position: relative;
        --plant-card-read-width: 452;
    }
    .plant-card-read::before {
        content: "";
        display: block;
        background: var(--white-color);
        width: calc(681 / 750 * 100vw);
        padding-top: calc(179 / 750 * 100vw);
        border-radius: 50% 50% 0 0;
        position: absolute;
        top: 0;
        margin-top: calc(-42 / 750 * 100vw);
        left: 50%;
        transform: translateX(-50%);
    }
    .plant-card-read-heading {
        text-align: center;
        position: relative;
        z-index: 1;
    }
    .plant-card-read-heading__label {
        font-size: calc(40 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        line-height: 1;
        letter-spacing: 0;

    }
    .plant-card-read-txt {
        margin-top: calc(22 / 750 * 100vw);
        position: relative;
        z-index: 1;
    }
    .plant-card-read-txt .c-txt {
        line-height: calc(32 / 18);
    }
    .tonyu-nutrition-btn__container {
        --nutrition-main-color: #01643e;
        --nutrition-sub-color: #fcf7e9;
        margin: calc(38 / 750 * 100vw) auto 0;
        
    }
    .tonyu-nutrition-btn {
        width: 100%;
        max-width: calc(452 / 750 * 100vw);
        margin: 0 auto;
        transform: translate(calc(-2 / 750 * 100vw) , calc(-2 / 750 * 100vw));
        position: relative;
        transition: all .3s ease;
        --nutrition-btn-width: 448;
    }
    .tonyu-nutrition-btn::before {
        content: "";
        display: block;
        background: var(--nutrition-main-color);
        width: 100%;
        border-radius: 9999px;
        padding-top: calc(62 / 750 * 100vw);
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: calc(-2 / 750 * 100vw);
        margin-right: calc(-2 / 750 * 100vw);
    }
    .tonyu-nutrition-btn__in {
        background: var(--nutrition-sub-color);
        border: var(--nutrition-main-color) solid calc(4 / 750 * 100vw);
        border-radius: 9999px;
        padding: calc(10 / 750 * 100vw) calc(48 / 750 * 100vw) calc(10 / 750 * 100vw) calc(70 / 750 * 100vw);
        position: relative;
        display: block;

    }
    .tonyu-nutrition-btn__in::before {
        content: "";
        display: block;
        background: url(../img/tonyu-nutrition-btn-ico.svg) no-repeat center / contain;
        width: calc(34 / 750 * 100vw);
        padding-top: calc(24 / 750 * 100vw);
        position: absolute;
        left: calc(32 / 750 * 100vw);
        top: 50%;
        transform: translateY(-50%);
    }
    .tonyu-nutrition-btn__in::after {
        content: "";
        display: block;
        background: url(../img/tonyu-nutrition-btn-arrow.svg) no-repeat center / contain;
        width: calc(18 / 750 * 100vw);
        padding-top: calc(16 / 750 * 100vw);
        position: absolute;
        right: calc(24 / 750 * 100vw);
        top: 50%;
        transform: translateY(-50%);
    }
    .tonyu-nutrition-btn__body {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tonyu-nutrition-btn-txt {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tonyu-nutrition-btn-txt__label {
        color: var(--nutrition-main-color);
        font-size: calc(26 / 750 * 100vw);
        font-weight: bold;
        font-feature-settings: "palt";
        letter-spacing: 0;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.plant-list-scrollbar.swiper-scrollbar-horizontal {
        width: calc(700 / 750 * 100vw);
        height: calc(12 / 750 * 100vw);
        bottom: 0;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        background: #d2efed;
    }
    .plant-list-scrollbar .swiper-scrollbar-drag {
        background: #8fc9c5;
    }
}
.swiper .swiper-slide {
    overflow: visible !important;
}

/* --------------------------------------------------------------------------
  VARIOUS
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .various-sec {
        overflow: hidden;
        background: var(--white-color);
    }
    .various-sec__in {
        position: relative;
    }
    .various-sec__in::before {
        content: "";
        display: block;
        background: url("../img/deco-bg_right_small.png") no-repeat center / contain;
        width: calc(879 / var(--font-size) * 1em);
        padding-top: calc(845 / var(--font-size) * 1em);
        position: absolute;
        left: 0;
        margin-left: calc(774 / var(--font-size) * 1em);
        top: 0;
        margin-top: calc(-220 / var(--font-size) * 1em);
        mix-blend-mode: multiply;
    }
    .various-sec__body {
        padding-top: calc(59 / var(--sec-width) * 100%);
        padding-bottom: 0;
        position: relative;
        z-index: 1;
    }
    .various-sec__header {
        padding-bottom: calc(52 / var(--sec-width) * 100%);
    }
    .various-sec__header::before {
        background: url("../img/txt-heading-various.svg") no-repeat center / contain;
        width: calc(248 / var(--sec-width) * 100%);
        padding-top: calc(41 / var(--sec-width) * 100%);
    }
    .various-sec__content {
    }
    .various-sec-container {
    }
    .various-sec-container__in {
    }
    .various-sec-container__body {
    }
    .various-content__container {
    }
    .various-sec-read {
        margin-bottom: calc(72 / var(--sec-width) * 100%);
    }
    .various-sec-read .c-txt {
        line-height: calc(42 / 20);
    }
    /* accordion */
    .various-accordion{
        --various-accordion-width: 1092;
        width: calc((var(--various-accordion-width) + 2) / var(--sec-width) * 100%);
        position: relative;
        margin-top: calc(84 / var(--sec-width) * 100%);
        margin-right: auto;
        margin-bottom: calc(60 / var(--various-accordion-width) * 100%);
    }
    .various-accordion__in {

    }
    .various-accordion__body {
        display: flex;
        flex-direction: column;
        align-items: end;
    }
    .various-accordion-head {
        --various-accordion-head-width: 403;
        width: calc((var(--various-accordion-head-width) + 2) / (var(--various-accordion-width) + 2) * 100%);
        position: relative;
        z-index: 2;
        transition: all .3s ease;
    }
    /* hover */
    .various-accordion-head:hover .various-accordion-head-txt,
    .various-accordion-head:hover .various-accordion-head-btn{
        opacity: 0.7;
        transition: all .3s ease;
    }
    .various-accordion-head__in {
        --various-accordion-head-width: 280;
        background: var(--main-color-10);
        border: solid var(--main-color-500) calc(1 / var(--font-size) * 1em);
        border-radius: calc(30 / var(--font-size) * 1em);
        padding: 0 calc(42 / var(--various-accordion-head-width) * 100%) 0 calc(38 / var(--various-accordion-head-width) * 100%);
        position: relative;
        transition: all .3s;
    }
    .is-accordion-active .various-accordion-head__in {
        border-bottom: none;
        border-radius: calc(30 / var(--font-size) * 1em) calc(30 / var(--font-size) * 1em) 0 0;
        transition: all .3s;
    }
    .is-accordion-active .various-accordion-head__in::before {
        content: "";
        display: block;
        background: var(--white-color);
        width: 100%;
        height: calc(3 / var(--font-size) * 1em);
        position: absolute;
        bottom: calc(-2.5 / var(--font-size) * 1em);
        left: 50%;
        transform: translateX(-50%);
    }
    .various-accordion-content{
        width: 100%;
    }
    .various-accordion-head__body {
        --various-accordion-head-in-width: 314;
        padding: calc(16 / var(--various-accordion-head-in-width) * 100%) 0;
    }
    .various-accordion-head-ttl {
        --various-accordion-head-ttl: 90;
        width: calc(var(--various-accordion-head-ttl) / var(--various-accordion-head-width) * 100%);
        position: absolute;
        left: calc(30 / var(--various-accordion-head-width) * 100%);
        top: 0;
        margin-top: calc(-13 / var(--various-accordion-head-width) * 100%);
        z-index: 1;
    }
    .various-accordion-head-ttl::before {
        content: "";
        display: block;
        background: var(--main-color-10);
        width: calc(105 / var(--various-accordion-head-ttl) * 100%);
        height: calc(4 / var(--font-size) * 1em);
        position: absolute;
        left: calc(-6 / var(--various-accordion-head-ttl) * 100%);
        bottom: 0;
        margin-bottom: calc(9 / var(--various-accordion-head-ttl) * 100%);
        z-index: -1;
    }
    .various-accordion-head-txt {
        transition: all .3s ease;
    }
    .various-accordion-head-txt__label {
        font-size: calc(20 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        letter-spacing: calc(-100 / 1000 * 1em);
    }
    .various-accordion-head-btn {
        position: absolute;
        right: calc(25 / var(--various-accordion-head-width) * 100%);
        top: 50%;
        transform: translateY(-50%);
        --various-accordion-btn: 12;
        width: calc(var(--various-accordion-btn) / var(--various-accordion-head-width) * 100%);
        padding-top: calc(var(--various-accordion-btn) / var(--various-accordion-head-width) * 100%);
        transition: all .3s ease;
    }
    .various-accordion-head-btn::before,
    .various-accordion-head-btn::after {
        content: "";
        display: block;
        background: var(--main-color-500);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all .3s ease;
    }
    .various-accordion-head-btn::before {
        width: calc(1 / var(--various-accordion-btn) * 100%);
        padding-top: calc(12 / var(--various-accordion-btn) * 100%);
    }
    .various-accordion-head-btn::after {
        width: calc(1 / var(--various-accordion-btn) * 100%);
        padding-top: calc(12 / var(--various-accordion-btn) * 100%);
        transform: rotate(90deg);
    }
    .is-accordion-active .various-accordion-head-btn::before {
        transform: rotate(45deg);
        transition: all .3s ease;
    }
    .is-accordion-active .various-accordion-head-btn::after {
        transform: rotate(135deg);
    }
    .various-accordion-content__in {
        background: var(--white-color);
        border: solid var(--main-color-500) calc(1 / var(--font-size) * 1em);
        padding: 0 calc(56 / var(--various-accordion-width) * 100%);
        border-radius: calc(30 / var(--font-size) * 1em) 0 calc(30 / var(--font-size) * 1em) calc(30 / var(--font-size) * 1em);
        --various-accordion-content-in-width: 979;
    }
    .various-accordion-content__body {
        --various-accordion-content-body-width: 696;
        padding: calc(56 / var(--various-accordion-content-in-width) * 100%) 0 calc(43 / var(--various-accordion-content-in-width) * 100%);
        width: calc(var(--various-accordion-content-body-width) / var(--various-accordion-content-in-width) * 100%);
        margin: 0 auto;
    }
    .chronology-list{
    }
    .chronology-list-item{
        display: flex;
        align-items: center;
        --chronology-list-item-width: 696;
    }
    .chronology-list-item + .chronology-list-item{
        margin-top: calc(42 / var(--chronology-list-item-width) * 100%);
    }
    .chronology-list-item-year{
        --chronology-list-item-year-width: 70;
        width: calc(70 / var(--chronology-list-item-width) * 100%);
        flex-shrink: 0;
        position: relative;
    }
    .chronology-list-item-year::before{
        content: "";
        position: absolute;
        width: calc(4 / var(--chronology-list-item-year-width) * 100%);
        padding-top: calc(80 / var(--chronology-list-item-year-width) * 100%);
        margin: calc(5 / var(--chronology-list-item-year-width) * 100%) 0 0 calc(110 / var(--chronology-list-item-year-width) * 100%);
        background: var(--sub-color-100);
    }
    .chronology-list-item:nth-last-child(1) 
    .chronology-list-item-year::before{
        display: none;
    }
    .chronology-list-item-year::after{
        position: absolute;
        content: "";
        top: 0;
        margin-left: calc(98 / var(--chronology-list-item-year-width) * 100%);
        width: calc(12 / var(--chronology-list-item-year-width) * 100%);
        padding-top: calc(12 / var(--chronology-list-item-year-width) * 100%);
        background: var(--sub-color-100);
        border-radius: calc(50 / var(--font-size) * 1em);
        border: calc(8 / var(--font-size) * 1em) solid var(--white-color);
        box-sizing: content-box;
    }
    .chronology-list-item-year__img{
    }
    .chronology-list-item-year__img--1974{
        width: calc(63 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img--1980{
        width: calc(61 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img--2008{
        width: calc(63 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img--2013{
        width: calc(60 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img--2015{
        width: calc(62 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img--2017{
        width: calc(60 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img--2021{
        width: calc(63 / var(--chronology-list-item-year-width) * 100%);
    }
    .chronology-list-item-year__img .year-img {
        vertical-align: middle;
    }
    .chronology-list-item-read{
        --chronology-list-item-read-width: 514;
        position: relative;
        margin-left: calc(110 / var(--chronology-list-item-width) * 100%);
        width: calc(var(--chronology-list-item-read-width) / var(--chronology-list-item-width) * 100%);
    }
    .chronology-list-item-read::after{
    }
    .chronology-list-item-read--bean::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_bean.png") no-repeat center / contain;
        top: 0;
        right: calc((200 / var(--chronology-list-item-read-width) * 100%));
        width: calc((63 / var(--chronology-list-item-read-width) * 100%));
        padding-top: calc((52 / var(--chronology-list-item-read-width) * 100%));
        margin-top: calc((-10 / var(--chronology-list-item-read-width) * 100%));
    }
    .chronology-list-item-read--almond::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_almond.png") no-repeat center / contain;
        top: 0;
        right: calc((0 / var(--chronology-list-item-read-width) * 100%));
        width: calc((76 / var(--chronology-list-item-read-width) * 100%));
        padding-top: calc((53 / var(--chronology-list-item-read-width) * 100%));
        margin-top: calc((-10 / var(--chronology-list-item-read-width) * 100%));
    }
    .chronology-list-item-read--rice::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_rice.png") no-repeat center / contain;
        top: 0;
        right: calc((-80 / var(--chronology-list-item-read-width) * 100%));
        width: calc((92 / var(--chronology-list-item-read-width) * 100%));
        padding-top: calc((53 / var(--chronology-list-item-read-width) * 100%));
        margin-top: calc((-10 / var(--chronology-list-item-read-width) * 100%));
    }
    .chronology-list-item-read--oatmeal::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_oatmeal.png") no-repeat center / contain;
        right: calc((160 / var(--chronology-list-item-read-width) * 100%));
        top: 0;
        width: calc((96 / var(--chronology-list-item-read-width) * 100%));
        padding-top: calc((67 / var(--chronology-list-item-read-width) * 100%));
        margin-top: calc((-20 / var(--chronology-list-item-read-width) * 100%));
    }
    .chronology-list-item-read__txt{
        font-size: calc(18 / var(--font-size) * 1em);
        line-height: calc(30/18);
        letter-spacing: 0;
        font-weight: 400;
    }
    .various-series {
    }
    .various-series__in {
        --various-series-width:1094;
    }
    .various-series__body {
    }
    .various-series-heading {
        text-align: center;
        margin-bottom: calc(42 / var(--various-series-width) * 100%);
    }
    .various-series-heading__label {
        font-size: calc(24 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
        font-weight: 400;
        line-height: calc(32 / 24);
        text-shadow: rgba(84, 54, 54, 0.44) 0 0 calc(12 / var(--font-size) * 1em);
    }
    .various-sec .various-series-list {
        --various-series-list-width: 680;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(34 / var(--various-series-width) * 100%);
        width: calc(var(--various-series-list-width) / var(--various-series-width) * 100%);
        padding: 0 calc(20 / var(--various-series-width) * 100%);
        margin: 0 auto;
    }
    .various-series-list-item {
        width: calc((100% - (192 / var(--various-series-list-width) * 100%)) / 7);
    }
    .series-card {
    }
    .various-buy {
        --buy-w: 960;
        max-width: calc(1000 / var(--font-size) * 1em);
        padding: 0 calc(20 / var(--font-size) * 1em);
        margin: calc(151 / var(--sec-width) * 100%) auto 0;
    }
    .various-buy__in {
        margin: 0 -50vw;
        padding: 0 50vw;
        background: var(--sub-color-10);
    }
    .various-buy__body {
        padding: calc(48 / var(--buy-w) * 100%) 0 calc(180 / var(--buy-w) * 100%);
    }
    .various-buy-heading {
        text-align: center;
        margin-bottom: calc(48 / var(--sec-width) * 100%);
    }
    .various-buy-heading__label {
        color: #645c41;
        font-size: calc(26 / var(--font-size) * 1em);
        font-family: var(--font-family-shippori);
    }
    .various-site {
    }
    .various-site-list {    
        display: flex;
        gap: calc(16 / var(--buy-w) * 100%);
    }
    .various-site-list-item {
        width: calc((100%) / 3);
        --site-item-width: 229;
        transition: all .3s ease;
    }
    .various-site-list-item:hover {
        opacity: 0.7;
    }
    .site-btn {
    }
    .site-btn__in {
        position: relative;
        border: #706950 solid calc(1 / var(--font-size) * 1em);
        border-radius: calc(4 / var(--font-size) * 1em);
        padding: calc(15 / var(--site-item-width) * 100%) calc(50 / var(--site-item-width) * 100%);
        --site-item-in-width: 127;
    }
    .site-btn__body {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .site-btn-txt {
        width: calc(124 / var(--site-item-in-width) * 100%);
    }
    .site-btn-ico {
        -webkit-mask-image: url("../img/ico-window.png");
        mask-image: url("../img/ico-window.png");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #706950;
        width: calc(20 / var(--site-item-width) * 100%);
        padding-top: calc(20 / var(--site-item-width) * 100%);
        position: absolute;
        right: calc(15 / var(--site-item-width) * 100%);
        top: 50%;
        transform: translateY(-50%);
    }
}
@media all and (min-width: 768px) and (max-width: 1134px) {
    .various-accordion-head__in {
        border-radius: calc(30 / 1134 * 100vw);
    }
    .is-accordion-active .various-accordion-head__in {
        border-radius: calc(30 / 1134 * 100vw) calc(30 / 1134 * 100vw) 0 0;
    }
    .various-buy-heading__label {
        font-size: min(26px, calc(26 / 1134 * 100vw))
    }
    .various-series-heading__label {
        font-size: min(24px, calc(24 / 1134 * 100vw));
    }
    .various-accordion-head-txt__label {
        font-size: calc(20 / 1134 * 100vw);
    }
    .various-accordion-content__in {
        border-radius: calc(30 / 1134 * 100vw) 0 calc(30 / 1134 * 100vw) calc(30 / 1134 * 100vw);
    }
    .chronology-list-item-read__txt {
        font-size: calc(18 / 1134 * 100vw);
    }
    .chronology-list-item-year::after{
        border-radius: calc(50 / 1134 * 100vw);
        margin-left: calc(96.5 / var(--chronology-list-item-year-width) * 100%);
    }
}
@media all and (min-width: 768px) and (max-width: 800px) {
    .various-accordion-head-ttl::before {
        margin-bottom: calc(9 / var(--various-accordion-head-ttl) * 100%);
    }
}
@media all and (max-width: 767px) {
    .various-sec {
        overflow: hidden;
        background: var(--white-color);
    }
    .various-sec__in {
    }
    .various-sec__body {
        padding-top: calc(115 / 750 * 100vw);
        padding-bottom: 0;
    }
    .various-sec__header {
        padding-bottom: calc(68 / 750 * 100vw);
    }
    .various-sec__header::before {
        background: url("../img/txt-heading-various.svg") no-repeat center / contain;
        width: calc(222 / 750 * 100vw);
        padding-top: calc(50 / 750 * 100vw);
    }
    .various-sec__content {
    }
    .various-sec-container {
    }
    .various-sec-container__in {
    }
    .various-sec-container__body {
    }
    .various-content__container {
    }
    .various-sec-read {
        margin-bottom: calc(42 / 750 * 100vw);
    }
    .various-sec-read .c-txt {
        line-height: calc(42 / 20);
    }
    /* accordion */
    .various-accordion {
        position: relative;
        margin-bottom: calc(85 / 750 * 100vw);
        margin-top: calc(80 / 750 * 100vw);
    }
    .various-accordion__in {
        padding-top: calc(40 / 750 * 100vw);
    }
    .various-accordion__body {
        display: flex;
        flex-direction: column;
    }
    .various-content-list-item--03 .various-accordion__body {
    }
    .various-accordion-head {
        position: relative;
        z-index: 2;
        transition: all .3s ease;
        width: calc(530 / 750 * 100vw);
    }
    .various-accordion-head__in {
        background: var(--main-color-10);
        border: solid var(--main-color-500) calc(2 / 750 * 100vw);
        border-radius: calc(50 / 750 * 100vw);
        padding: 0 calc(32 / 750 * 100vw);
        position: relative;
        transition: all .3s ease;
    }
    .is-accordion-active .various-accordion-head__in {
        border-bottom: none;
        border-radius: calc(50 / 750 * 100vw) calc(50 / 750 * 100vw) 0 0;
        transition: all .3s;
    }
    .is-accordion-active .various-accordion-head__in::before {
        content: "";
        display: block;
        background: var(--white-color);
        width: 100%;
        height: calc(3 / 750 * 100vw);
        position: absolute;
        bottom: calc(-2.5 / 750 * 100vw);
        left: 50%;
        transform: translateX(-50%);
    }
    .various-accordion-head__body {
        padding: calc(26 / 750 * 100vw) 0;
    }
    .various-accordion-head-ttl {
        width: calc(175 / 750 * 100vw);
        position: absolute;
        left: calc(36 / 750 * 100vw);
        top: calc(-24 / 750 * 100vw);
        z-index: 1;
    }
    .various-accordion-head-ttl::before {
        content: "";
        display: block;
        background: var(--main-color-10);
        width: calc(100% + (18 / 750 * 100vw));
        height: calc(8 / 750 * 100vw);
        position: absolute;
        left: calc(-6 / 750 * 100vw);
        bottom: calc(20 / 750 * 100vw);
        z-index: -1;
    }
    .various-accordion-head-txt {
        transition: all .3s ease;
    }
    .various-accordion-head-txt__label {
        font-size: calc(31 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        letter-spacing: calc(-100 / 1000 * 1em);
    }
    .various-accordion-head-btn {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-50%);
        transition: all .3s ease;
        width: calc(80 / 750 * 100vw);
        height: calc(80 / 750 * 100vw);
        background: var(--main-color-10);
        border: solid var(--main-color-500) calc(2 / 750 * 100vw);
        border-radius: 50%;
    }
    .various-accordion-head-btn::before,
    .various-accordion-head-btn::after {
        content: "";
        display: block;
        background: var(--main-color-500);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all .3s ease;
    }
    .various-accordion-head-btn::before {
        width: calc(26 / 750 * 100vw);
        height: calc(2 / 750 * 100vw);
    }
    .various-accordion-head-btn::after {
        width: calc(2 / 750 * 100vw);
        height: calc(26 / 750 * 100vw);
    }
    .is-accordion-active .various-accordion-head-btn::before,
    .is-accordion-active .various-accordion-head-btn::after {
        transform: rotate(45deg);
        transition: all .3s ease;
    }
    .various-accordion-content {
    }
    .various-accordion-content__in {
        background: var(--white-color);
        border: solid var(--main-color-500) calc(2 / 750 * 100vw);
        padding: 0 calc(30 / 750 * 100vw);
        --various-accordion-content-in-width: 616;
        border-radius: 0 calc(50 / 750 * 100vw) calc(50 / 750 * 100vw) calc(50 / 750 * 100vw);
    }
    .various-accordion-content__body {
        padding: calc(51 / 750 * 100vw) 0 calc(77 / 750 * 100vw);
    }
    .chronology-list-item{
        display: flex;
        align-items: center;
    }
    .chronology-list-item + .chronology-list-item{
        margin-top: calc(54 / 750 * 100vw);
    }
    .chronology-list-item-year{
        position: relative;
        width: calc(80 / 750 * 100vw);
    }
    .chronology-list-item-year::before{
        content: "";
        position: absolute;
        width: calc(7 / 750 * 100vw);
        height: calc(110 / 750 * 100vw);
        top: calc(30 / 750 * 100vw);
        margin-left: calc(112 / 750 * 100vw);
        background: var(--sub-color-100);
    }
    .chronology-list-item:nth-last-child(1) 
    .chronology-list-item-year::before{
        display: none;
    }
    .chronology-list-item-year::after{
        position: absolute;
        content: "";
        top: 50%;
        right: calc(-53 / 750 * 100vw);
        width: calc(20 / 750 * 100vw);
        height: calc(20 / 750 * 100vw);
        background: var(--sub-color-100);
        border-radius: 9999px;      
        border: calc(8 / 750 * 100vw) solid var(--white-color);
        box-sizing: content-box;
        transform: translateY(-50%);
    }
    .chronology-list-item-year__img{
    }
    .chronology-list-item-year__img--1974{
        width: calc(80 / 750 * 100vw);
    }
    .chronology-list-item-year__img--1980{
        width: calc(83 / 750 * 100vw);  
    }
    .chronology-list-item-year__img--2008{
        width: calc(87 / 750 * 100vw);    
    }
    .chronology-list-item-year__img--2013{
        width: calc(80 / 750 * 100vw); 
    }
    .chronology-list-item-year__img--2015{
        width: calc(82 / 750 * 100vw);     
    }
    .chronology-list-item-year__img--2017{
        width: calc(80 / 750 * 100vw); 
    }
    .chronology-list-item-year__img--2021{
        width: calc(83 / 750 * 100vw); 
    }
    .chronology-list-item-year__img .year-img {
        vertical-align: middle;
    }
    .chronology-list-item-read{
        position: relative;
        margin-left: calc(80 / 750 * 100vw);
        width: calc(100% - calc(80 / 750 * 100vw));
    }
    .chronology-list-item-read::after{
    }
    .chronology-list-item-read--bean::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_bean.png") no-repeat center / contain;
        right: calc(130 / 750 * 100vw);
        width: calc(92 / 750 * 100vw);
        padding-top: calc(77 / 750 * 100vw);
        top: calc(-20 / 750 * 100vw);
    }
    .chronology-list-item-read--almond::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_almond.png") no-repeat center / contain;
        right: calc(10 / 750 * 100vw);
        width: calc(110 / 750 * 100vw);
        padding-top: calc(77 / 750 * 100vw);
        top: calc(20 / 750 * 100vw);
    }
    .chronology-list-item-read--rice::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_rice.png") no-repeat center / contain;
        right: calc(20 / 750 * 100vw);
        width: calc(124 / 750 * 100vw);
        padding-top: calc(77 / 750 * 100vw);
        top: calc(-75 / 750 * 100vw);    
    }
    .chronology-list-item-read--oatmeal::after{
        content: "";
        display: block;
        position: absolute;
        background: url("../img/various-chronology_oatmeal.png") no-repeat center / contain;
        right: calc(70 / 750 * 100vw);
        width: calc(139 / 750 * 100vw);
        padding-top: calc(98 / 750 * 100vw);
        top: calc(-20 / 750 * 100vw);
    }
    .chronology-list-item-read__txt{
        font-size: calc(26 / 750 * 100vw);
        line-height: calc(40 / 26);
        letter-spacing: calc(0 / 1000 * 1em);
        font-weight: 400;
    } 
    .various-series {
    }
    .various-series__in {
    }
    .various-series__body {
    }
    .various-series-heading {
        text-align: center;
        margin-bottom: calc(42 / 750 * 100vw);
    }
    .various-series-heading__label {
        font-size: calc(40 / 750 * 100vw);
        font-family: var(--font-family-shippori);
        font-weight: 400;
        line-height: calc(62 / 40);
        text-shadow: rgba(84, 54, 54, 0.44) 0 0 calc(12 / 750 * 100vw);
    }
    .various-sec .various-series-list {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(30 / 750 * 100vw);
        margin: 0 auto;
    }
    .various-series-list-item {
        width: calc((100% - calc(210 / 750 * 100vw)) / 7);
    }
    .series-card {
    }
    .various-buy {
        margin-top: calc(146 / 750 * 100vw);
    }
    .various-buy__in {
        background: #f3f8f8;
        margin: 0 -50vw;
        padding: 0 50vw;
    }
    .various-buy__body {
        padding: calc(96 / 750 * 100vw) 0 calc(240 / 750 * 100vw);
    }
    .various-buy-heading {
        text-align: center;
        margin-bottom: calc(40 / 750 * 100vw);
    }
    .various-buy-heading__label {
        color: #645c41;
        font-size: calc(32 / 750 * 100vw);
        font-family: var(--font-family-shippori);
    }
    .various-site {
        margin: 0 auto;
    }
    .various-site-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(35 / 750 * 100vw);
    }
    .various-site-list-item {
        width: calc(437 / 750 * 100vw);
    }
    .site-btn {
    }
    .site-btn__in {
        position: relative;
        border: #706950 solid calc(4 / 750 * 100vw);
        border-radius: calc(6 / 750 * 100vw);
        padding: calc(28 / 750 * 100vw) calc(90 / 750 * 100vw) calc(20 / 750 * 100vw);
    }
    .site-btn__body {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .site-btn-txt {
        width: calc(248 / 750 * 100vw);
    }
    .site-btn-ico {
        -webkit-mask-image: url("../img/ico-window_sp.png");
        mask-image: url("../img/ico-window_sp.png");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #706950;
        width: calc(39 / 750 * 100vw);
        padding-top: calc(42 / 750 * 100vw);
        position: absolute;
        right: calc(28 / 750 * 100vw);
        top: 50%;
        transform: translateY(-50%);
    }
    .mc-breadcrumb {
        margin-top: -70px;
    }
}

@media all and (min-width: 768px), print {
    .gfooter__inner {
        margin-top: 0;
    }
}