:where(.seo-c) * {
    font-family: "Zen Kaku Gothic New", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body {
    color: #000;
}

img {
    width: 100%;
}

#breadcrumb {
    display: none;
}

:root {
    --r: 1px;
    --pr: 1px;
}

@media screen and (max-width: 767.98px) {
    :root {
        --r: calc(100vw / 414);
        --pr: calc(100vw / 414);
    }
}

@media (min-width: 768px) and (max-width: 1680px) {
    :root {
        --r: calc(0.8px + ((100vw - 768px) / (1680 - 768)) * 0.2);
        --pr: calc(100vw / 1680);
    }
}

@media only screen and (min-width: 1681px) {
    :root {
        --r: calc(1px + ((100vw - 1680px) / (1920 - 1680)) * 0.2);
        --pr: calc(100vw / 1680);
    }
}

.l-content {
    margin: 0;
    padding: 0;
    max-width: initial;
    /* margin-inline: auto; */
}

@media screen and (min-width: 768px) {
    .br-sp {
        display: none;
    }

    .sp {
        display: none;
    }
}

.seo-c {
    font-family: "Zen Kaku Gothic New";
    background-color: #fff;
}

.seo-c-fv {
    background-color: #fff;
    position: relative;
    z-index: 99;
}

.seo-c-fv__inner {
}

.seo-c-fv__c1 {
    position: relative;
}

.seo-c-fv__bg {
    display: block;
}

.seo-c-fv__c1-left {
}

.seo-c-fv__c1-left-doc {
    display: flex;
    align-items: flex-start;
}

.seo-c-fv__c1-img1 {
    width: 5%;
    position: absolute;
    top: calc(var(--pr) * 140);
    left: calc(var(--pr) * 168);
}

.seo-c-fv__c1-img2 {
    width: 3.7%;
    position: absolute;
    top: calc(var(--pr) * 134);
    left: calc(var(--pr) * 283);
}

.seo-c-fv__c1-img3 {
    width: 4.7%;
    position: absolute;
    top: calc(var(--pr) * 127);
    left: calc(var(--pr) * 356);
}

.seo-c-fv__c1-img4 {
    width: 29.2%;
    position: absolute;
    top: calc(var(--pr) * 576);
    left: calc(var(--pr) * 100);
}

.seo-c-fv__c1-img5 {
    width: 28.5%;
    position: absolute;
    top: calc(var(--pr) * -27);
    right: calc(var(--pr) * 204);
}

.seo-c-fv__c1-img6 {
    width: 14.2%;
    position: absolute;
    top: calc(var(--pr) * 372);
    right: calc(var(--pr) * 376);
}

.seo-c-fv__c1-img7 {
    width: 13.1%;
    position: absolute;
    top: calc(var(--pr) * 527);
    right: calc(var(--pr) * 256);
}

.seo-c-fv__c1-img8 {
    width: 7.4%;
    position: absolute;
    top: calc(var(--pr) * 36);
    right: calc(var(--pr) * 93);
}

/* ------------------------------
   FV Animations
   ------------------------------ */
@keyframes seo-wipe-down {
    0% {
        clip-path: inset(0 0 100% 0);
        -webkit-clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }
}

@keyframes seo-pop-in {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    70% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes seo-fade-up {
    0% {
        opacity: 0;
        transform: translateY(calc(var(--r) * 12));
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.seo-c-fv__c1-img8, .seo-c-fv__c1-img3, .seo-c-fv__c1-img2 {
    will-change: clip-path;
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}
.is-active .seo-c-fv__c1-img8,.is-active .seo-c-fv__c1-img3,.is-active .seo-c-fv__c1-img2 {
    animation-name: seo-wipe-down;
}


.seo-c-fv__c1-img8 {
    animation-delay: 0s;
    animation-duration: 0.6s;
}

.seo-c-fv__c1-img3 {
    animation-delay: 1s;
    animation-duration: 0.2s;
}

.seo-c-fv__c1-img2 {
    animation-delay: 1.1s;
    animation-duration: 0.4s;
}

.seo-c-fv__c1-img5, .seo-c-fv__c1-img6, .seo-c-fv__c1-img7 {
    opacity: 0;
    will-change: transform, opacity;
    transform-origin: center;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.is-active .seo-c-fv__c1-img5,.is-active .seo-c-fv__c1-img6,.is-active .seo-c-fv__c1-img7 {
    animation-name: seo-pop-in;
}


.seo-c-fv__c1-img5 {
    animation-delay: 0.5s;
}

.seo-c-fv__c1-img6 {
    animation-delay: 0.7s;
}

.seo-c-fv__c1-img7 {
    animation-delay: 0.9s;
}

.seo-c-fv__c1-img1, .seo-c-fv__c1-img4 {
    opacity: 0;
    will-change: transform, opacity;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}
.is-active .seo-c-fv__c1-img1,.is-active .seo-c-fv__c1-img4 {
    animation-name: seo-fade-up;    
}

.seo-c-fv__c1-img1 {
    animation-delay: 1.4s;
}

.seo-c-fv__c1-img4 {
    animation-delay: 1.5s;
}

.seo-c__btn {
    display: flex;
    margin-inline: auto; justify-content: center;
    width: calc(var(--pr) * 868);
    z-index: 1;
    position: relative;
    align-items: flex-end;
}

.seo-c__btn--fv {
    margin-top: calc(var(--pr) * -73);
    max-width: 56%;
}

.seo-c__btn-img {
}

.seo-c-s1 {
}

.seo-c-s1__inner {
}

.seo-c-s1__bg {
    position: relative;
}

.seo-c-s1__bg-img {
    display: block;
    margin-top: -40%;
}

.seo-c-s1__doc {
    text-align: center;
    padding-top: calc(var(--pr) * 100);
    /* top: calc(var(--r) * 33); */
    width: 100%;
    position: relative;
}

.seo-c-s1__doc-img {
    width: 37.1%;
    margin-bottom: calc(var(--r) * 15);
    display: block;
    margin-inline: auto; }

.seo-c-s1__doc-ttl {
    width: 47.2%;
    margin-bottom: calc(var(--r) * 20);
    margin-inline: auto; }

.seo-c-s1__doc-text {
    font-size: calc(var(--r) * 20);
    font-weight: 600;
    color: #000;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    /* font-weight: 700; */
    line-height: 175%;
    /* 35px */
    letter-spacing: 0.6px;
    /* -webkit-font-smoothing: antialiased; */
}

.seo-c-s1__doc-text span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50%);
}

.seo-c-s1__text {
    font-size: calc(var(--r) * 20);
}

.seo-c-s1__text span {
}

.seo-c-s1__c1 {
    position: absolute;
    bottom: calc(var(--pr) * 733);
    width: 100%;
}

.seo-c-s1__c1-img1 {
    width: 17%;
    position: absolute;
    left: calc(var(--pr) * 245);
    top: calc(var(--pr) * 43);
}

.seo-c-s1__c1-img2 {
    width: 4.2%;
    position: absolute;
    left: calc(var(--pr) * 549);
    top: calc(var(--pr) * 62);
}

.seo-c-s1__c1-img3 {
    width: 5.4%;
    position: absolute;
    right: calc(var(--pr) * 266);
    top: calc(var(--pr) * 62);
}

.seo-c-s1__badges {
    display: block;
}

/* ------------------------------
   s1: Scroll-in animations
   ------------------------------ */
.seo-c-s1__c1 .seo-c-s1__c1-img2, .seo-c-s1__c1 .seo-c-s1__c1-img3 {
    will-change: clip-path;
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
}

.seo-c-s1__c1.is-active .seo-c-s1__c1-img3 {
    animation-name: seo-wipe-down;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    animation-delay: 0.2s;
}

.seo-c-s1__c1.is-active .seo-c-s1__c1-img2 {
    animation-name: seo-wipe-down;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    animation-delay: 0.6s;
}
.seo-c-s1__c1 .seo-c-s1__c1-img1 {
    opacity: 0;
    transform: scale(0.9);
    will-change: transform, opacity;
}

.seo-c-s1__c1.is-active .seo-c-s1__c1-img1 {
    animation-name: seo-pop-in;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    animation-delay: 0.9s;
}

.seo-c-s2 {
    position: relative;
    z-index: 10;
}

.seo-c-s2__inner {
}

.seo-c-s2__past {
    background-image: url(../../img/bg-1.webp);
    background-size: 100% auto;
    text-align: center;
    padding-top: calc(var(--r) * 70);
}

.seo-c-s2__past-img1 {
    width: 89.9%;
    margin-bottom: calc(var(--r) * 35);
}

.seo-c-s2__past-text {
    font-size: calc(var(--r) * 28);
    margin-bottom: calc(var(--r) * 25);
    font-weight: 700;
    line-height: 1.8;
    color: #000;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    /* 47.6px */
    letter-spacing: 1.96px;
}

.seo-c-s2__past-text span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50%);
}

.seo-c-s2__past-img2 {
    width: 90%;
    max-width: calc(var(--r) * 1200);
}

.seo-c-s2__present {
    position: relative;
    /* min-height: 820px; */
}

.seo-c-s2__present:before, .seo-c-s2__present:after {
    content: "";
    display: block;
    width: calc(var(--pr) * 19);
    background-color: #f4f0e7;
    position: absolute;
    height: 100%;
    z-index: 9999;
}

.seo-c-s2__present:before {
    left: 0;
    top: 0;
}

.seo-c-s2__present:after {
    top: 0;
    right: 0;
}

.seo-c-s2__past-bg {
    min-width: 950px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.seo-c-s2__present-doc {
    text-align: center;
    padding-top: calc(var(--pr) * 220);
    position: absolute;
    top: calc(var(--pr) * 16);
    width: 100%;
}

.seo-c-s2__present-text1 {
    font-size: calc(var(--r) * 33);
    font-weight: 700;
    margin-bottom: calc(var(--pr) * 120);
    color: #000;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    line-height: 132%;
    /* 43.56px */
    letter-spacing: 0.99px;
}

.seo-c-s2__present-doc img {
    max-width: calc(var(--r) * 737);
}

.seo-c-s2__present-img {
    /* width: 43.9%; */
    margin-bottom: calc(var(--pr) * 40);
    margin-inline: auto; }

.seo-c-s2__present-text2 {
    font-size: calc(var(--r) * 20);
    color: #000;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 175%;
    /* 35px */
    letter-spacing: 0.6px;
}

.seo-c-s2__present-images {
}

.seo-c-s2__present-img1 {
    width: 3.8%;
    position: absolute;
    bottom: calc(var(--pr) * 401);
    left: calc(var(--pr) * 364);
}

.seo-c-s2__present-img2 {
    width: 12.6%;
    position: absolute;
    bottom: calc(var(--pr) * 459);
    left: calc(var(--pr) * 737);
}

.seo-c-s2__present-img3 {
    width: 7.9%;
    position: absolute;
    bottom: calc(var(--pr) * 284);
    right: calc(var(--pr) * 316);
}

.seo-c-s2__present-img4 {
    width: 22.1%;
    position: absolute;
    bottom: calc(var(--pr) * 115);
    right: calc(var(--pr) * 366);
}

.seo-c-s3 {
}

.seo-c-s3__inner {
    background-image: url(../../img/bg-2.webp);
    background-size: 100% auto;
    margin: calc(var(--r) * 0) calc(var(--pr) * 19);
    margin-top: calc(var(--r) * -96);
    z-index: 0;
    padding-bottom: calc(var(--r) * 80);
    position: relative;
}

.seo-c-s3__doc {
    text-align: center;
    padding-top: calc(var(--r) * 165);
    margin-bottom: calc(var(--r) * 55);
    position: relative;
}

.seo-c-s3__doc:before {
    content: '';
    display: block;
    width: calc(var(--r) * 500);
    height: calc(var(--r) * 500);
    position: absolute;
    background-image: url(../../img/s3-img1-2.webp);
    background-size: 100% 100%;
    top: 27%;
    mix-blend-mode: soft-light;
    left: 50%;
    transform: translateX(10%);
}

.seo-c-s3__doc-img1 {
    width: 41.3%;
    width: calc(var(--r) * 678);
    margin-bottom: calc(var(--r) * 15);
}

.seo-c-s3__doc-img2 {
    width: 34.2%;
    width: calc(var(--r) * 565);
    margin-inline: auto; }

.slider-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.slider-track {
    padding: calc(var(--r) * 10) 0;
}

.seo-c-s3__case {
    padding: 0;
    margin: 0;
    list-style: none;
}

.seo-c-s3__case-list {
}

.seo-c-s3__case-badges {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: calc(var(--r) * 15);
    margin-bottom: calc(var(--r) * 15);
}

.seo-c-s3__case-badge {
    width: 25.9%;
}

.seo-c-s3__case-content {
    background-color: #fff;
    border-radius: calc(var(--r) * 25);
    background-image: url(../../img/s3-case-bg.webp);
    background-size: 100% 100%;
    flex: 1;
    min-width: 0;
}

.seo-c-s3__case-content-inner {
    width: 90%;
    margin-inline: auto; }

.seo-c-s3__case-ttl {
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-size: calc(var(--r) * 27);
    font-style: normal;
    font-weight: 700;
    padding-top: calc(var(--r) * 25);
    margin-bottom: calc(var(--r) * 30);
}

.seo-c-s3__case-ttl span {
    background-color: #000;
    color: #fff;
    border-radius: calc(var(--r) * 6);
    font-size: calc(var(--r) * 20);
    padding: calc(var(--r) * 4.5) calc(var(--r) * 15);
    margin-right: calc(var(--r) * 15);
}

.seo-c-s3__case-c1 {
    display: flex;
    margin-bottom: calc(var(--r) * 20);
    align-items: self-end;
    gap: calc(var(--r) * 23);
}

.seo-c-s3__case-c1-img {
    width: 46.6%;
}

.seo-c-s3__case-c1-r {
    flex: 1;
}

.seo-c-s3__case-c1-ttl {
    font-size: calc(var(--r) * 20.01);
    font-weight: 700;
    margin-bottom: calc(var(--r) * 15);
    font-family: "Zen Kaku Gothic New";
    font-weight: 700;
    line-height: 132%;
    /* 26.413px */
    letter-spacing: 2.401px;
}

.seo-c-s3__case-c1-list {
    font-size: calc(var(--r) * 19);
    font-style: normal;
    font-weight: 500;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: calc(var(--r) * 1) solid #d3d3d3;
    line-height: 0.3;
}

.seo-c-s3__case-c1-list dt, .seo-c-s3__case-c1-list dd {
    margin: 0;
    padding: calc(var(--r) * 13);
    border-bottom: calc(var(--r) * 1) solid #d3d3d3;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 132%;
    /* 25.08px */
    letter-spacing: 2.28px;
}

.seo-c-s3__case-c1-list dt {
    background-color: #ebf5fa;
    font-weight: 500;
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 132%;
    /* 25.08px */
    letter-spacing: 2.28px;
}

.seo-c-s3__case-c1-list dd {
}

.seo-c-s3__case-c2 {
    margin-bottom: calc(var(--r) * 26);
}

.seo-c-s3__case-c2-text1 {
    font-size: calc(var(--r) * 23.953);
    font-style: normal;
    font-weight: 700;
    border-bottom: calc(var(--r) * 1) solid #000;
    margin-bottom: calc(var(--r) * 12);
    padding-bottom: calc(var(--r) * 7);
    line-height: 1.7;
    width: 95%;
    letter-spacing: calc(var(--r) * 3.095);
    font-family: "Noto Serif JP";
}

.seo-c-s3__case-c2-text1 span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50% 50%);
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 134%;
    /* 41.477px */
    letter-spacing: 3.095px;
    font-family: "Noto Serif JP";
}

.seo-c-s3__case-c2-text1 .span-1 {
    font-size: calc(var(--r) * 30.953);
    font-family: "Noto Serif JP";
}

.seo-c-s3__case-c2-text1 .span-2 {
}

.seo-c-s3__case-c2-text2 {
    font-size: calc(var(--r) * 17);
    font-weight: 400;
    letter-spacing: calc(var(--r) * 0.7);
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    /* 24.65px */
    letter-spacing: 1.53px;
}

.seo-c-s3__case-c3 {
    display: flex;
    padding-bottom: calc(var(--r) * 50);
    gap: calc(var(--r) * 20);
    align-items: flex-start;
}

.seo-c-s3__case-c3-c1-img {
    width: 22.6%;
}

.seo-c-s3__case-c3-c2 {
    flex: 1;
    margin-top: calc(var(--r) * 15);
}

.seo-c-s3__case-c3-c2-text1 {
    font-size: calc(var(--r) * 18);
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    border-radius: calc(var(--r) * 4);
    line-height: 2.1;
    padding-left: calc(var(--r) * 14);
    margin-bottom: calc(var(--r) * 12);
}

.seo-c-s3__case-c3-c2-text2::before {
    content: "";
    background-image: url("../../img/s3-case-check.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(var(--r) * 23);
    height: calc(var(--r) * 18);
    display: inline-block;
    vertical-align: middle;
    margin-right: calc(var(--r) * 11);
}

.seo-c-s3__case-c3-c2-text2 {
    font-size: calc(var(--r) * 18);
    font-weight: 500;
    line-height: 1.6;
    display: flex;
    align-items: baseline;
    margin-bottom: calc(var(--r) * 5);
}

.seo-c-s3__case-c3-c2-text2 .seo-c-s4 {
}

.seo-c-s4 {
    position: relative;
}

.seo-c-s4__inner {
    background-image: url(../../img/bg-1.webp);
    background-size: 100% auto;
    padding-top: calc(var(--r) * 54);
    padding-bottom: calc(var(--pr) * 130);
    position: relative;
    z-index: 2;
}

.seo-c-s4__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, white, transparent), linear-gradient(to top, white, transparent);
    background-size: 100% calc(var(--r) * 150);
    background-position: top, bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

.seo-c-s4__bg1, .seo-c-s4__bg2, .seo-c-s4__bg3 {
    position: absolute;
}

.seo-c-s4__bg1 {
    width: calc(var(--r) * 640);
    top: 23%;
    transform: translateX(-20%);
}

.seo-c-s4__bg2 {
    width: calc(var(--r) * 423);
    top: 41%;
    right: 0;
    transform: translateX(13%);
}

.seo-c-s4__bg3 {
    width: calc(var(--r) * 698);
    top: 81%;
    transform: translateX(-12%);
}

.seo-c-s4__doc {
    text-align: center;
    background-image: url(../../img/s4-doc-bg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 63.6%;
    width: 90%;
    max-width: calc(var(--r) * 1068);
    margin-inline: auto; padding-top: calc(var(--r) * 40);
    padding-bottom: calc(var(--r) * 51);
    margin-bottom: calc(var(--r) * 50);
    z-index: 1;
    position: relative;
    padding-inline: calc(var(--r) * 15); z-index: 9;
}

.seo-c-s4__doc h2 {
    margin-bottom: calc(var(--r) * 15);
}

.seo-c-s4__doc-img1 {
    width: 72.9%;
}

.seo-c-s4__doc-text1 {
    font-size: calc(var(--r) * 16.44);
    font-weight: 500;
    margin-bottom: calc(var(--r) * 20);
    line-height: 190%;
    letter-spacing: calc(var(--r) * 0.493);
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 190%;
    /* 31.236px */
    letter-spacing: 0.493px;
}

.seo-c-s4__doc-text1 span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50% 50%);
}

.seo-c-s4__doc-text2 {
    font-size: calc(var(--r) * 26.06);
    font-weight: 600;
}

.seo-c-s4__doc-text2 span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50% 50%);
}

.seo-c-s4__images {
    margin-bottom: calc(var(--r) * 20);
    z-index: 9;
    position: relative;
}

.seo-c-s4__img1 {
    width: calc(var(--r) * 221);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 20);
}

.seo-c-s4__img2 {
    width: calc(var(--r) * 656);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 40);
}

.seo-c-s4__img3 {
    width: calc(var(--r) * 95);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 55);
}

.seo-c-s4__img4 {
    width: calc(var(--r) * 673);
    display: block;
    margin-inline: auto; }

.seo-c-s4__sword {
    position: relative;
    max-width: calc(var(--r) * 1320);
    width: 90%;
    margin-inline: auto; z-index: 9;
}

.seo-c-s4__sword-c1 {
    width: calc(var(--r) * 400);
    position: absolute;
    top: calc(var(--r) * 42);
    left: calc(var(--r) * 247);
    left: 0;
    z-index: 3;
}

.seo-c-s4__sword-c1-ttl {
    width: 89.3%;
    width: calc(var(--r) * 372);
    max-width: 100%;
}

.seo-c-s4__sword-c1-text {
    font-size: calc(var(--r) * 15.613);
    font-weight: 500;
    letter-spacing: calc(var(--r) * 0.937);
    line-height: 1.7;
    text-shadow: calc(var(--r) * -1) calc(var(--r) * -1) 0 white, calc(var(--r) * 1) calc(var(--r) * -1) 0 white, calc(var(--r) * -1) calc(var(--r) * 1) 0 white, calc(var(--r) * 1) calc(var(--r) * 1) 0 white;
    font-size: calc(var(--r) * 16);
    line-height: 1.8;
    letter-spacing: calc(var(--r) * 0.96);
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    line-height: 168%;
}

.seo-c-s4__sword-c1-text span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50% 50%);
}

.seo-c-s4__sword-img1 {
    width: calc(var(--r) * 1019);
    display: block;
    margin-inline: auto; z-index: 2;
    transform: translateX(-2%);
}

.seo-c-s4__sword-c2 {
    width: calc(var(--r) * 402);
    position: absolute;
    right: calc(var(--r) * 128);
    right: 0;
    top: calc(var(--pr) * 345);
    z-index: 3;
}

.seo-c-s4__sword-c2 h3 {
    width: calc(var(--r) * 425);
    max-width: 100%;
}

.seo-c-s4__sword-c2-text {
    font-size: calc(var(--r) * 16);
    line-height: 1.8;
    letter-spacing: calc(var(--r) * 0.96);
    text-shadow: calc(var(--r) * -1) calc(var(--r) * -1) 0 white, calc(var(--r) * 1) calc(var(--r) * -1) 0 white, calc(var(--r) * -1) calc(var(--r) * 1) 0 white, calc(var(--r) * 1) calc(var(--r) * 1) 0 white;
    width: 96%;
    margin-left: calc(var(--r) * 15);
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    line-height: 168%;
    /* 26.88px */
}

.seo-c-s4__sword-c2-text span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50% 50%);
}

.seo-c-s4__sword-c2 h3 img {
}

.seo-c-s4__sword-img2 {
    width: calc(var(--pr) * 257);
    position: absolute;
    top: calc(var(--r) * 5);
    right: calc(var(--r) * 58);
    z-index: 1;
}

.seo-c-s4__img5 {
    width: calc(var(--r) * 816);
    display: block;
    margin-inline: auto; margin-top: calc(var(--r) * -210);
}

.seo-c-s5 {
    position: relative;
}

.seo-c-s5:before, .seo-c-s5:after {
    content: "";
    display: block;
    width: calc(var(--pr) * 19);
    background-color: #fff;
    position: absolute;
    height: 100%;
    z-index: 9999;
}

.seo-c-s5:before {
    left: 0;
    top: 0;
}

.seo-c-s5:after {
    top: 0;
    right: 0;
}

.seo-c-s5__inner {
    background-image: url(../../img/s5-bg.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: calc(var(--r) * 44);
}

.seo-c-s5__img1 {
    width: calc(var(--r) * 638);
    display: block;
    margin-inline: auto; padding-top: calc(var(--r) * 73);
    margin-bottom: calc(var(--r) * 23);
}

.seo-c__present {
    background-image: url(../../img/s11-hiden.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    max-width: calc(var(--r) * 1057);
    width: 90%;
    margin-inline: auto;
    position: relative;
    padding-top: calc(var(--r) * 40);
    padding-bottom: calc(var(--r) * 47);
    margin-bottom: calc(var(--r) * 16);
}

.seo-c__present--s5 {
}

.seo-c__present-img1 {
    display: block;
    margin-inline: auto; width: 37.3%;
    margin-bottom: calc(var(--r) * 13);
}

.seo-c__present-img2 {
    width: 66.7%;
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 25);
}

.seo-c__present-c1 {
    display: flex;
    justify-content: center;
    gap: calc(var(--r) * 45);
    align-items: center;
}

.seo-c__present-c1-img3 {
    width: 25.5%;
    width: calc(var(--r) * 270);
}

.seo-c__present-c1-text {
    font-size: calc(var(--r) * 16);
    font-style: normal;
    font-weight: 400;
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    line-height: 179%;
    /* 28.64px */
    letter-spacing: 1.28px;
}

.seo-c__present-c1-img4 {
    width: 16.8%;
    position: absolute;
    top: calc(var(--pr) * -78);
    right: calc(var(--pr) * -64);
}

.seo-c__btn--s5 {
}

.seo-c-s6 {
}

.seo-c-s6__inner {
    background-image: url(../../img/bg-2.webp);
    background-size: 100% auto;
    padding-top: calc(var(--r) * 130);
    padding-bottom: calc(var(--r) * 90);
    margin: calc(var(--r) * 0) calc(var(--pr) * 19);
    position: relative;
}

.seo-c-s6__inner h2 {
    margin-bottom: calc(var(--r) * 44);
    position: relative;
}

.seo-c-s6__img1 {
    width: calc(var(--r) * 581);
    display: block;
    margin-inline: auto; }

.seo-c-s6__c1 {
    position: relative;
    /* height: calc(var(--r) * 1541); */
    max-width: calc(var(--r) * 1190);
    width: 90%;
    margin-inline: auto; z-index: 2;
}

.seo-c-s6__c1-c {
    /* display: flex; */
    /* justify-content: center; */
    margin-bottom: calc(var(--pr) * 160);
    position: relative;
}

.seo-c-s6__c1-c--1 {
    position: relative;
}

.seo-c-s6__c1-c--1:before, .seo-c-s6__c1-c--2:before, .seo-c-s6__c1-c--3:before, .seo-c-s6__img1:before {
    content: '';
    background-image: url(../../img/s6-bg-maru.webp);
    width: calc(var(--r) * 660);
    height: calc(var(--r) * 660);
    display: block;
    position: absolute;
    background-size: 100% 100%;
}

.seo-c-s6__c1-c--1:before, .seo-c-s6__c1-c--3:before {
    top: -10%;
    left: -10%;
}

.seo-c-s6__c1-c--2:before {
    top: -10%;
    right: -10%;
}

.seo-c-s6__img1:before {
    top: -50%;
    right: -50%;
}

.seo-c-s6__c1-doc1 {
    /* max-width: calc(var(--r) * 360); */
    width: calc(var(--r) * 500);
    margin-right: calc(var(--r) * -40);
    position: relative;
}

.seo-c-s6__c1-doc2 {
    /* max-width: calc(var(--r) * 360); */
    width: calc(var(--r) * 500);
    margin-left: auto;
    position: relative;
}

.seo-c-s6__c1-doc3 {
    /* max-width: calc(var(--r) * 360); */
    width: calc(var(--r) * 500);
    position: relative;
}

.seo-c-s6__c1-c-doc-img1 {
    width: 91.6%;
    margin-bottom: calc(var(--r) * 15);
}

.seo-c-s6__c1-c-doc-img2 {
}

.seo-c-s6__c1-c-doc-img3 {
    width: 120%;
}

.seo-c-s6__c1-c-doc-text {
    font-size: calc(var(--r) * 17);
    font-style: normal;
    font-weight: 500;
    letter-spacing: calc(var(--r) * 1.19);
    line-height: calc(var(--r) * 26.52);
}

.seo-c-s6__c1-c-doc-text--1 {
}

.seo-c-s6__c1-c-doc-text--2 {
}

.seo-c-s6__c1-c-doc-text--3 {
    width: 89%;
}

.seo-c-s6__c1-c-img1 {
    width: calc(var(--pr) * 656);
    z-index: 0;
    margin-top: calc(var(--r) * 42);
    position: absolute;
    top: calc(var(--r) * -1);
    right: calc(var(--r) * 20);
}

.seo-c-s6__c1-c-img2 {
    width: calc(var(--pr) * 691);
    position: absolute;
    top: calc(var(--r) * 0);
    left: calc(var(--r) * 0);
}

.seo-c-s6__c1-c-img3 {
    width: calc(var(--pr) * 738);
    position: absolute;
    top: calc(var(--r) * 0);
    right: calc(var(--r) * 0);
    z-index: 0;
}

.seo-c-s6__c1-c--2 {
    position: relative;
    margin-bottom: calc(var(--pr) * 120);
}

.seo-c-s6__c1-c--3 {
}

.seo-c-s6__c1-c-bg1, .seo-c-s6__c1-c-bg2, .seo-c-s6__c1-c-bg3 {
    width: calc(var(--r) * 430);
    position: absolute;
    mix-blend-mode: overlay;
    z-index: 1;
}

.seo-c-s6__c1-c-bg1 {
    top: 21%;
    left: 0;
}

.seo-c-s6__c1-c-bg2 {
    right: 0;
    top: 48%;
}

.seo-c-s6__c1-c-bg3 {
    top: 71%;
    left: 0;
}

.seo-c-s7 {
    position: relative;
}

.seo-c-s7__price-bg {
    position: absolute;
    bottom: calc(var(--r) * -13);
    right: 0;
    width: calc(var(--r) * 520);
    transform: translateX(10%);
}

.seo-c-s7__inner {
    background-image: url(../../img/bg-1.webp);
    background-size: 100% auto;
    padding-bottom: calc(var(--r) * 85);
    position: relative;
}

.seo-c-s7__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, white, transparent), linear-gradient(to top, white, transparent);
    background-size: 100% calc(var(--r) * 150);
    background-position: top, bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

.seo-c-s7__inner h2 {
    padding-top: calc(var(--r) * 100);
    margin-bottom: calc(var(--r) * 60);
}

.seo-c-s7__ttl {
    width: calc(var(--r) * 567);
    display: block;
    margin-inline: auto; z-index: 1;
}

.seo-c-s7__c1 {
    max-width: calc(var(--r) * 944);
    width: 80%;
    margin-inline: auto; }

.seo-c-s7__c1-c1 {
    margin-bottom: calc(var(--r) * 55);
}

.seo-c-s7__c1-c1--1 {
}

.seo-c-s7__c1-c1-ttl {
    font-family: "Noto Serif JP";
    font-size: calc(var(--r) * 31);
    font-style: normal;
    font-weight: 700;
    margin-bottom: calc(var(--r) * 30);
    position: relative;
    color: #000;
    font-family: "Noto Serif JP";
    font-style: normal;
    font-weight: 700;
    line-height: 141%;
    /* 43.71px */
    letter-spacing: calc(var(--r) * 2.48);
}

.seo-c-s7__c1-c1-ttl::before {
    content: "";
    background-image: url(../../img/s7-line.webp);
    background-size: 100% 100%;
    width: calc(var(--r) * 6);
    height: calc(var(--r) * 62);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: calc(var(--r) * 2);
    left: calc(var(--r) * -30);
}

.seo-c-s7__c1-c1-ttl span {
    font-size: calc(var(--r) * 16);
    font-weight: 500;
    line-height: 141%;
    letter-spacing: calc(var(--r) * 0.96);
    display: block;
    color: #000205;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 141%;
    /* 22.56px */
    letter-spacing: 0.96px;
}

.seo-c-s7__c1-c1-red1 {
    margin-bottom: calc(var(--r) * 10);
    width: calc(var(--r) * 751);
}

.seo-c-s7__c1-c1-red2 {
    width: calc(var(--r) * 509);
}

.seo-c-s7__c1-c1-red3 {
    width: calc(var(--r) * 719);
}

.seo-c-s7__c1-c1-red4 {
    width: calc(var(--r) * 810);
}

.seo-c-s7__c1-c1-red5 {
    width: calc(var(--r) * 800);
}

.seo-c-s7__c1-c1-red6 {
    width: calc(var(--r) * 815);
}

.seo-c-s7__c1-c1-red7 {
    width: calc(var(--r) * 495);
}

.seo-c-s7__c1-c1-text {
    margin-bottom: calc(var(--r) * 20);
    font-size: calc(var(--r) * 16);
    font-style: normal;
    font-weight: 500;
    line-height: 158%;
    letter-spacing: calc(var(--r) * 1.12);
}

.seo-c-s7__c1-c1-text--1-1 {
}

.seo-c-s7__c1-c1-text--5 {
    margin-bottom: calc(var(--r) * 30);
}

.seo-c-s7__c1-c1-text span:not(.spna-para) {
    font-weight: 900;
}

.spna-para span {
    font-weight: 900;
}

.seo-c-s7__c1-c1-text .spna-para {
}

.seo-c-s7__c1-c1-img {
    width: 48.8%;
    margin-top: calc(var(--r) * 15);
}

.seo-c-s7__c1-c1-text--3 {
    line-height: 1;
}

.seo-c-s7__c1-c1--2 {
}

.seo-c-s7__c1-c1-text--2-1 {
    margin-bottom: calc(var(--r) * 30);
}

.seo-c-s7__c1-c1-text--2-2 {
    margin-bottom: calc(var(--r) * 30);
}

.seo-c-s7__c1-c1-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100.7%;
}

.seo-c-s7__c1-c1-list li {
    width: 47.3%;
}

.seo-c-s7__c1-c1-list-img {
}

.seo-c-s7__c1-c1-list-text {
    margin-bottom: calc(var(--r) * 25);
    font-size: calc(var(--r) * 16);
    font-style: normal;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: calc(var(--r) * 1.44);
}

.seo-c-s7__c1-c1--3 {
}

.seo-c-s7__c1-c1-text--3-1 {
}

.seo-c-s7__c1-c1-text small {
    font-size: calc(var(--r) * 13);
    font-weight: 500;
    display: block;
    margin-top: calc(var(--r) * 10);
}

.seo-c-s7__c1-c1-expert {
    padding-top: calc(var(--r) * 35);
    padding-bottom: calc(var(--r) * 52);
    background-image: url(../../img/s7-frame.webp);
    background-size: 100% 100%;
}

.seo-c-s7__c1-c1-expert-ttl {
    font-family: "Noto Serif JP";
    font-size: calc(var(--r) * 24);
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: calc(var(--r) * 30);
    color: #000;
    text-align: center;
    font-family: "Noto Serif JP";
    font-style: normal;
    font-weight: 700;
    line-height: 141%; /* 33.84px */
    letter-spacing: 2.16px;
}

.seo-c-s7__c1-c1-expert-list {
    display: flex;
    width: 79%;
    gap: calc(var(--r) * 40);
    margin-inline: auto; }

.seo-c-s7__c1-c1-expert-list li {
}

.seo-c-s7__c1-c1-expert-img {
    border: 2px solid white;
    border-radius: 130px;
}

.seo-c-s7__c1-c1-expert-text {
    font-size: calc(var(--r) * 15.727);
    font-style: normal;
    font-weight: 500;
    line-height: 2;
    letter-spacing: calc(var(--r) * 1.865);
    text-align: center;
    line-height: 1.3;
}

.seo-c-s7__c2-price {
    position: relative;
    margin-bottom: calc(var(--r) * 50);
}

.seo-c-s7__price {
    background-image: url(../../img/s7-frame.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 71.9%;
    max-width: calc(var(--r) * 1200);
    width: 80%;
    margin-inline: auto; display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.seo-c-s7__price-c1 {
    width: 46.4%;
    margin-top: calc(var(--r) * 40);
    position: relative;
    z-index: 2;
}

.seo-c-s7__price-c1 h3 {
    margin-bottom: calc(var(--r) * 15);
}

.seo-c-s7__price-c1-ttl1 {
}

.seo-c-s7__price-c1-text {
    font-size: calc(var(--r) * 17);
    font-style: normal;
    font-weight: 400;
    line-height: 161%;
    letter-spacing: calc(var(--r) * 1.19);
    width: 91%;
    margin-bottom: calc(var(--r) * 15);
}

.span-red {
    color: #a80000;
}

.seo-c-s7__price-c1-ttl2 {
    font-size: calc(var(--r) * 17);
    font-style: normal;
    font-weight: 700;
    line-height: 161%;
    letter-spacing: calc(var(--r) * 1.19);
    margin-bottom: calc(var(--r) * 10);
}

.seo-c-s7__price-c1-img {
    margin-bottom: calc(var(--r) * 50);
    min-width: 400px;
}

/* .seo-c-s7__price-c2-img {
    width: 40.1%;
    margin-top: calc(var(--r) * 70);
} */
.seo-c-s7__price-c2-img-pc {
    width: calc(var(--pr) * 481);
    margin-top: calc(var(--r) * 70);
}

.seo-c-s7__price-c2-img-sp {
    display: none;
}

.seo-c-s7__price-c2-img2 {
    width: calc(var(--pr) * 134);
    position: absolute;
    top: calc(var(--pr) * 36);
    right: calc(var(--pr) * 271);
}

.seo-c__btn--s7 {
}

.seo-c-s8 {
}

.seo-c-s8__inner {
    background-image: url(../../img/bg-2.webp);
    background-size: 100% auto;
    margin: calc(var(--r) * 0) calc(var(--r) * 19);
    padding-top: calc(var(--r) * 85);
    padding-bottom: calc(var(--pr) * 116);
}

.seo-c-s8__ttl {
    width: 29.4%;
    margin-inline: auto; display: block;
    margin-bottom: calc(var(--r) * 33);
}

.seo-c-s8__inner h2 {
}

.seo-c-s8__text {
    width: calc(var(--r) * 833);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 30);
}

.seo-c-s8__table {
    width: calc(var(--r) * 850);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 35);
}

.seo-c-s8__price {
    background-image: url(../../img/s8-price-frame.webp);
    background-size: 100% 100%;
    width: 90%;
    max-width: calc(var(--r) * 1093);
    margin-inline: auto; position: relative;
    padding-top: calc(var(--r) * 60);
    padding-bottom: calc(var(--r) * 46);
}

.seo-c-s8__price-img {
    position: absolute;
    width: calc(var(--r) * 63);
    top: calc(var(--r) * -19);
    left: calc(var(--pr) * 30);
}

@media screen and (max-width: 1000px) {
    .seo-c-s8__price-img {
        left: calc(var(--pr) * 10);
    }
}

.seo-c-s8__price-c1 {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--r) * 47);
    margin-bottom: calc(var(--r) * 27);
    align-items: center;
    width: 79%;
    margin-inline: auto; }

.seo-c-s8__price-c1-text1 {
    font-size: calc(var(--r) * 23.346);
    font-style: normal;
    font-weight: 700;
    line-height: 146%;
    letter-spacing: calc(var(--r) * 1.868);
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 146%;
    /* 34.086px */
    line-height: 1.9;
}

.seo-c-s8__price-c1-text2 {
    font-size: calc(var(--r) * 22.346);
    font-style: normal;
    font-weight: 700;
    line-height: 146%;
    letter-spacing: calc(var(--r) * 1.868);
    color: #000;
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    line-height: 146%;
}

.seo-c-s8__price-c1-img {
    width: 22.3%;
    width: calc(var(--r) * 245);
}

.seo-c-s8__price-c2 {
    text-align: center;
    margin-bottom: calc(var(--r) * 35);
}

.seo-c-s8__price-ttl {
    font-size: calc(var(--r) * 18.953);
    font-style: normal;
    font-weight: 700;
    line-height: 132%;
    letter-spacing: calc(var(--r) * 0.948);
    margin-bottom: calc(var(--r) * 15);
    text-align: center;
    display: flex;
    width: 80%;
    margin-inline: auto; align-items: center;
}

.seo-c-s8__price-ttl span {
    padding: 0 calc(var(--r) * 30);
}

.seo-c-s8__price-ttl::before, .seo-c-s8__price-ttl::after {
    content: "";
    flex-grow: 1;
    height: calc(var(--r) * 1);
    background-color: #000;
}

.seo-c-s8__price-c2-doc {
    font-size: calc(var(--r) * 15.308);
    font-style: normal;
    font-weight: 700;
    line-height: 2.1;
    letter-spacing: calc(var(--r) * 1.225);
    font-style: normal;
    /* 20.207px */
}

.seo-c-s8__price-c3 {
}

.seo-c-s8__price-c3-opt {
    display: flex;
    font-size: calc(var(--r) * 15.308);
    font-style: normal;
    font-weight: 700;
    letter-spacing: calc(var(--r) * 1.225);
    width: 81%;
    margin-inline: auto; justify-content: space-between;
    gap: calc(var(--r) * 40);
    align-items: flex-start;
}

.seo-c-s8__price-c3-opt dl {
    display: flex;
    flex-wrap: wrap;
}

.seo-c-s8__price-c3-opt dl dt, .seo-c-s8__price-c3-opt dl dd {
    padding: 0.3rem;
    line-height: 1;
}

.seo-c-s8__price-c3-opt dl dt {
    white-space: nowrap;
    width: 50%;
}

.seo-c-s8__price-c3-opt dl dd {
    margin-left: 0;
    text-align: right;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.seo-c-s9 {
    background-size: 100% auto;
    background-image: url(../../img/bg-1.webp);
    padding-top: calc(var(--r) * 106);
    padding-bottom: calc(var(--r) * 81);
    position: relative;
    width: calc(100% - calc(var(--pr) * 38));
    margin-inline: auto; }

.seo-c-s9__inner {
    width: 90%;
    max-width: calc(var(--r) * 1090);
    margin-inline: auto;}

.seo-c-s9__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, white, transparent);
    background-size: 100% calc(var(--r) * 150);
    background-position: top;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

.seo-c-s9__ttl {
    margin-bottom: calc(var(--r) * 54);
    width: calc(var(--r) * 653);
    margin-inline: auto; }

.seo-c-s9__ttl img {
}

.seo-c-s9__img {
    width: calc(var(--r) * 888);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 80);
}

.seo-c-s9__member {
    margin-bottom: calc(var(--r) * 47);
}

.seo-c-s9__member-ttl {
    width: calc(var(--r) * 460);
    margin-inline: auto; margin-bottom: calc(var(--r) * 27);
}

.seo-c-s9__member-text {
    font-size: calc(var(--r) * 20);
    font-style: normal;
    font-weight: 600;
    line-height: 141%;
    letter-spacing: calc(var(--r) * 1.8);
    text-align: center;
    margin-bottom: calc(var(--r) * 46);
}

.seo-c-s9__member-text {
    /* overflow: initial; */
}

.seo-c-s9__member-list {
    display: flex;
    margin-inline: auto; justify-content: center;
    gap: calc(var(--r) * 70);
}

.seo-c-s9__member-list li {
    width: 28.7%;
}

.seo-c-s9__member-list-img {
    margin-bottom: calc(var(--r) * 10);
}

.seo-c-s9__member-list-post {
    width: 42.2%;
    display: block;
    margin-bottom: calc(var(--r) * 4);
}

.seo-c-s9__member-list-name {
    font-size: calc(var(--r) * 21);
    font-weight: 700;
    line-height: 141%;
    letter-spacing: calc(var(--r) * 1.89);
    margin-bottom: calc(var(--r) * 11);
}

.seo-c-s9__member-list-desc {
    font-size: calc(var(--r) * 15);
    font-style: normal;
    line-height: 1.5;
    letter-spacing: calc(var(--r) * 1.05);
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 144%;
    /* 21.6px */
    letter-spacing: 1.05px;
}

.seo-c-s9__editor {
}

.seo-c-s9__editor-ttl {
    width: calc(var(--r) * 160);
    margin-inline: auto; margin-bottom: calc(var(--r) * 25);
}

.seo-c-s9__editor-text {
    font-size: calc(var(--r) * 20);
    font-weight: 700;
    letter-spacing: calc(var(--r) * 1.8);
    text-align: center;
    margin-bottom: calc(var(--r) * 45);
}

.seo-c-s9__editor-c1 {
    display: flex;
    /* width: 62.7%; */
    margin-inline: auto; align-items: center;
    gap: calc(var(--r) * 61);
}

.seo-c-s9__editor-c1-img {
    width: 29.5%;
}

.seo-c-s9__editor-c1-c1 {
}

.seo-c-s9__editor-list-post {
    width: 28.4%;
}

.seo-c-s9__editor-c1-c1-name {
    font-size: calc(var(--r) * 21);
    font-weight: 700;
    letter-spacing: calc(var(--r) * 1.89);
    margin-bottom: calc(var(--r) * 11);
}

.seo-c-s9__editor-c1-c1-desc {
    font-size: calc(var(--r) * 15);
    font-weight: 500;
    line-height: 144%;
    letter-spacing: calc(var(--r) * 1.05);
}

.seo-c-s10 {
    background-image: url(../../img/s10-bg.webp);
    background-size: cover;
    background-position: center center;
    padding-top: calc(var(--r) * 80);
    padding-bottom: calc(var(--r) * 70);
    width: calc(100% - calc(var(--pr) * 38));
    margin-inline: auto; }

.seo-c-s10__inner {
    max-width: calc(var(--r) * 913);
    width: 90%;
    margin-inline: auto;}

.seo-c-s10__ttl {
    width: calc(var(--r) * 310);
    margin-inline: auto; margin-bottom: calc(var(--r) * 30);
}

.seo-c-s10__qa {
    margin-inline: auto; }

.seo-c-s10__qa-c1 {
    background-image: url(../../img/faqbox2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: calc(var(--r) * 45);
    padding-bottom: calc(var(--r) * 40);
    margin-bottom: calc(var(--r) * 9);
}

.seo-c-s10__qa-c1-inner {
    width: 72.5%;
    margin-inline: auto; }

.seo-c-s10__qa-ques {
    font-size: calc(var(--r) * 18);
    font-weight: 600;
    letter-spacing: calc(var(--r) * 1.62);
    margin-bottom: calc(var(--r) * 10);
    position: relative;
}

.seo-c-s10__qa-ques::before {
    content: "";
    background-image: url(../../img/s10-img2.webp);
    background-size: 100% auto;
    display: inline-block;
    width: calc(var(--r) * 27);
    height: calc(var(--r) * 35);
    position: absolute;
    top: calc(var(--r) * -3);
    left: calc(var(--r) * -46);
}

.seo-c-s10__qa-ans {
    font-size: calc(var(--r) * 16);
    font-weight: 500;
    line-height: 160%;
    letter-spacing: calc(var(--r) * 0.8);
    /* Accordion: hidden by default */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* clickable question with + / - icon on the right */
.seo-c-s10__qa-ques {
    cursor: pointer;
    padding-right: calc(var(--r) * 24);
}

.seo-c-s10__qa-ques::after {
    content: "+";
    position: absolute;
    right: calc(var(--r) * -50);
    top: calc(var(--r) * 1);
    font-size: calc(var(--r) * 26);
    line-height: 1;
    font-weight: 700;
}

/* open state */
.seo-c-s10__qa-c1-inner.is-open .seo-c-s10__qa-ans {
    max-height: 1000px;
    /* safety cap for transition; JS also sets exact height */
    opacity: 1;
}

.seo-c-s10__qa-c1-inner.is-open .seo-c-s10__qa-ques::after {
    content: "−";
    /* U+2212 minus sign */
}

.seo-c-s11 {
}

.seo-c-s11__inner {
    position: relative;
}

.seo-c-s11__bg {
    display: block;
}

.seo-c-s11__texts {
    position: absolute;
    top: calc(var(--pr) * 118);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.seo-c-s11__text {
    font-size: calc(var(--r) * 18.664);
    font-style: normal;
    font-weight: 700;
    line-height: 168%;
    letter-spacing: calc(var(--r) * 2.686);
    text-align: center;
    margin-bottom: calc(var(--r) * 15);
}

@media screen and (max-width: 1200px) {
    .seo-c-s11__texts {
        top: calc(var(--pr) * 74);
    }

    .seo-c-s11__text {
        font-size: calc(var(--r) * 15.664);
        letter-spacing: calc(var(--r) * 0.886);
        margin-bottom: calc(var(--r) * 9);
    }
}

.seo-c-s11__text span {
    background-image: linear-gradient(to top, #f5e51b 50%, transparent 50% 50%);
}

.seo-c-s11__c1 {
    position: absolute;
    width: 100%;
    top: 19.6%;
}

.seo-c-s11__c1-img1 {
    width: 19.5%;
    position: absolute;
    top: calc(var(--pr) * 8);
    left: calc(var(--pr) * 189);
}

.seo-c-s11__c1-img2 {
    width: 10.4%;
    position: absolute;
    top: calc(var(--pr) * 10);
    right: calc(var(--pr) * 260);
}

.seo-c-s11__c1-img3 {
    width: 1.7%;
    position: absolute;
    top: calc(var(--pr) * 22);
    right: calc(var(--pr) * 185);
}

.seo-c-s11__c1-text {
}

.seo-c-s11__hero__badges {
    display: block;
}

/* ------------------------------
   s11: Scroll-in animations
   ------------------------------ */
.seo-c-s11__c1 .seo-c-s11__c1-img3 {
    will-change: clip-path;
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
}

.seo-c-s11__c1.is-active .seo-c-s11__c1-img3 {
    animation-name: seo-wipe-down;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    animation-delay: 0.2s;
}

.seo-c-s11__c1 .seo-c-s11__c1-img2, .seo-c-s11__c1 .seo-c-s11__c1-img1 {
    opacity: 0;
    transform: scale(0.9);
    will-change: transform, opacity;
}

.seo-c-s11__c1.is-active .seo-c-s11__c1-img2 {
    animation-name: seo-pop-in;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    animation-delay: 0.5s;
}

.seo-c-s11__c1.is-active .seo-c-s11__c1-img1 {
    animation-name: seo-pop-in;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    animation-delay: 0.7s;
}

.seo-c__s11-bg {
    background-image: url(../../img/s11-bg2.webp);
    background-size: 100% auto;
    padding-top: calc(var(--r) * 87);
    padding-bottom: calc(var(--r) * 78);
}

.seo-c__present--s11 {
}

.seo-c__present-c1-img {
}

.seo-c__btn--s11 {
    /* width: 51.5%; */
}

.seo-c-s12 {
    background-image: url(../../img/bg-1.webp);
    background-size: 100% auto;
    padding-top: calc(var(--r) * 91);
    padding-bottom: calc(var(--r) * 87);
    position: relative;
}

.seo-c-s12__wrap:before, .seo-c-s12__wrap:after {
    content: '';
    width: calc(var(--r) * 660);
    height: calc(var(--r) * 660);
    display: block;
    position: absolute;
    background-size: 100% 100%;
}

.seo-c-s12__wrap:before {
    background-image: url(../../img/s12-bg1.webp);
    width: calc(var(--r) * 741);
    height: calc(var(--r) * 860);
    top: calc(var(--r) * 30);
    left: 0;
}

.seo-c-s12__wrap:after {
    background-image: url(../../img/s12-bg2.webp);
    width: calc(var(--r) * 760);
    height: calc(var(--r) * 750);
    bottom: 0;
    right: 0;
}

.seo-c-s12__inner {
    max-width: calc(var(--r) * 888);
    width: 90%;
    margin-inline: auto; position: relative;
    z-index: 99;
}

.seo-c-s12::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, white, transparent);
    background-size: 100% calc(var(--r) * 150);
    background-position: top;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

.seo-c-s12__img {
    width: calc(var(--r) * 272);
    display: block;
    margin-inline: auto; margin-bottom: calc(var(--r) * 23);
    z-index: 1;
    position: relative;
}

.seo-c-s12__ttl {
    font-family: "Noto Serif JP";
    font-size: calc(var(--r) * 38.9);
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: calc(var(--r) * 2.723);
    text-align: center;
    margin-bottom: calc(var(--r) * 28);
}

.seo-c-s12__inquiry {
    background-image: url(../../img/s12-bg3.webp);
    background-size: 100% 100%;
    margin-inline: auto;
    padding-top: calc(var(--r) * 44);
    padding-bottom: calc(var(--r) * 0);
    /* min-height: 550px; */
}

.seo-c-s12__inquiry-inner {
    width: 77%;
    margin-inline: auto; }

.seo-c-s12__inquiry-c1 {
    position: relative;
    border-bottom: calc(var(--r) * 1) solid #000;
    padding-bottom: calc(var(--r) * 22);
}

.seo-c-s12__inquiry-ttl {
    font-size: calc(var(--r) * 20);
    font-weight: 700;
    letter-spacing: calc(var(--r) * 1.6);
    text-align: center;
    margin-bottom: calc(var(--r) * 30);
}

.seo-c-s12__inquiry-text {
    font-size: calc(var(--r) * 15);
    font-style: normal;
    font-weight: 500;
    line-height: 179%;
    letter-spacing: calc(var(--r) * 1.65);
}

.seo-c-s12__img2 {
    width: 27.2%;
    position: absolute;
    top: calc(var(--r) * -23);
    right: calc(var(--r) * -24);
}

.seo-c-s12__form {
    margin-bottom: calc(var(--r) * 20);
    font-family: sans-serif;
    margin: 0 auto;
    padding-top: calc(var(--r) * 20);
}

.seo-c-s12__form-c1 {
    margin-bottom: calc(var(--r) * 24);
}

.seo-c-s12__form-c1-label {
    font-size: calc(var(--r) * 15);
    font-weight: 500;
    letter-spacing: calc(var(--r) * 1.65);
    display: block;
    font-size: calc(var(--r) * 14);
    font-weight: bold;
    margin-bottom: calc(var(--r) * 8);
}

.span-hissu {
    font-size: calc(var(--r) * 15);
    font-style: normal;
    font-weight: 700;
    line-height: 179%;
    letter-spacing: calc(var(--r) * 1.65);
    color: #fff;
    background-color: #ce062b;
    padding: calc(var(--r) * 2) calc(var(--r) * 15);
    border-radius: calc(var(--r) * 5);
    margin-right: calc(var(--r) * 7);
}

.seo-c-s12__form-c1-input, .seo-c-s12__form-c1-select, .seo-c-s12__form-c1-textarea {
    width: 100%;
    padding: calc(var(--r) * 14);
    border: calc(var(--r) * 2) solid #eee;
    border-radius: calc(var(--r) * 13);
    font-size: calc(var(--r) * 16);
    box-sizing: border-box;
    background-color: #fff;
}

.seo-c-s12__form-c1-select {
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right calc(var(--r) * 12) center;
    background-size: calc(var(--r) * 12);
}

.seo-c-s12__form-c1-textarea {
    resize: vertical;
    height: calc(var(--r) * 150);
}

.seo-c-s12__form-c1-box {
}

.span-ninni {
    font-size: calc(var(--r) * 15);
    font-style: normal;
    font-weight: 700;
    line-height: 179%;
    letter-spacing: calc(var(--r) * 1.65);
    color: #fff;
    background-color: #676767;
    padding: calc(var(--r) * 2) calc(var(--r) * 15);
    border-radius: calc(var(--r) * 5);
    margin-right: calc(var(--r) * 7);
}

.seo-c-s12__form-c1 small {
    font-size: calc(var(--r) * 14);
    font-style: normal;
    font-weight: 500;
    line-height: 179%;
    letter-spacing: calc(var(--r) * 1.54);
    display: block;
}

.seo-c-s12__btn {
    width: 42.4%;
    display: block;
    margin-inline: auto; }

@media screen and (max-width: 768px) {
    .br-pc {
        display: none;
    }

    .pc {
        display: none;
    }

    .seo-c {
    }

    .seo-c-fv {
    }

    .seo-c-fv__inner {
    }

    .seo-c-fv__c1 {
    }

    .seo-c-fv__c1-img1 {
        width: 13.4%;
        top: calc(var(--r) * 59);
        left: calc(var(--r) * 14);
    }

    .seo-c-fv__c1-img2 {
        width: 7.3%;
        top: calc(var(--r) * 57);
        left: calc(var(--r) * 79);
    }

    .seo-c-fv__c1-img3 {
        width: 7.3%;
        top: calc(var(--r) * 55);
        left: calc(var(--r) * 111);
    }

    .seo-c-fv__c1-img4 {
        width: 72%;
        top: calc(var(--r) * 407);
        left: calc(var(--r) * -2);
    }

    .seo-c-fv__c1-img5 {
        width: 41.7%;
        top: calc(var(--r) * 5);
        right: calc(var(--r) * 50);
    }

    .seo-c-fv__c1-img6 {
        width: 21.1%;
        top: calc(var(--r) * 161);
        right: calc(var(--r) * 58);
    }

    .seo-c-fv__c1-img7 {
        width: 17.4%;
        top: calc(var(--r) * 263);
        right: calc(var(--r) * 60);
    }

    .seo-c-fv__c1-img8 {
        width: 10%;
        top: calc(var(--r) * 13);
        right: calc(var(--r) * 10);
    }

    .seo-c__btn {
        display: block;
        width: 92%;
    }

    .seo-c__btn--fv {
        margin-top: calc(var(--r) * -62);
        max-width: initial;
    }

    .seo-c__btn-img {
        margin-bottom: calc(var(--r) * -14);
    }

    .seo-c-s1 {
    }

    .seo-c-s1__inner {
    }

    .seo-c-s1__bg {
    }

    .seo-c-s1__bg-img {
        display: block;
        margin-top: -74%;
    }

    .seo-c-s1__doc {
        padding: 0;
        top: calc(var(--r) * 45);
    }

    .seo-c-s1__doc-img {
        width: 74%;
    }

    .seo-c-s1__doc-ttl {
        width: 87.9%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s1__doc-ttl img {
    }

    .seo-c-s1__doc-text {
        font-size: calc(var(--r) * 14);
        line-height: 175%;
        letter-spacing: calc(var(--r) * 0.42);
        width: 88%;
        margin-inline: auto; }

    .seo-c-s1__doc-text span {
    }

    .seo-c-s1__c1 {
    }

    .seo-c-s1__c1-img1 {
        display: none;
    }

    .seo-c-s1__c1-img2 {
        display: none;
    }

    .seo-c-s1__c1-img3 {
        display: none;
    }

    .seo-c-s1__badges {
    }

    .seo-c-s2 {
    }

    .seo-c-s2__inner {
    }

    .seo-c-s2__past {
        background-image: url(../../img/bg-1-sp.webp);
        padding-bottom: calc(var(--r) * 14);
    }

    .seo-c-s2__past-img1 {
        width: 100%;
    }

    .seo-c-s2__past-text {
        font-size: calc(var(--r) * 20.017);
        line-height: 170%;
        letter-spacing: calc(var(--r) * 1.401);
    }

    .seo-c-s2__past-text span {
    }

    .seo-c-s2__past-img2 {
        width: 100%;
        display: block;
    }

    .seo-c-s2__present {
        background-image: url(../../img/bg-1-sp.webp);
        background-repeat: no-repeat;
    }

    .seo-c-s2__present:before, .seo-c-s2__present:after {
        display: none;
    }

    .seo-c-s2__present:before {
    }

    .seo-c-s2__present:after {
    }

    .seo-c-s2__past-bg {
        display: block;
        min-width: initial;
    }

    .seo-c-s2__present-doc {
        position: absolute;
        top: calc(var(--r) * 60);
        padding: 0;
    }

    .seo-c-s2__present-text1 {
        font-size: calc(var(--r) * 20);
        letter-spacing: calc(var(--r) * 0.6);
        margin-bottom: calc(var(--r) * 42);
    }

    .seo-c-s2__present-img {
        width: 89.2%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s2__present-img img {
    }

    .seo-c-s2__present-text2 {
        font-size: calc(var(--r) * 15);
        line-height: 175%;
        letter-spacing: calc(var(--r) * 0.45);
    }

    .seo-c-s2__present-images {
    }

    .seo-c-s2__present-img1 {
        width: 6.3%;
        bottom: calc(var(--r) * 159);
        left: calc(var(--r) * 21);
    }

    .seo-c-s2__present-img2 {
        width: 29.8%;
        bottom: calc(var(--r) * 185);
        left: calc(var(--r) * 149);
    }

    .seo-c-s2__present-img3 {
        width: 13%;
        bottom: calc(var(--r) * 119);
        right: calc(var(--r) * 20);
    }

    .seo-c-s2__present-img4 {
        width: 51.9%;
        bottom: calc(var(--r) * 35);
        right: 0;
    }

    .seo-c-s3 {
        margin-top: calc(var(--r) * -23);
    }

    .seo-c-s3__inner {
        margin: 0;
        background-image: url(../../img/bg-2-sp.webp);
        padding-bottom: calc(var(--r) * 16);
    }

    .seo-c-s3__doc {
        padding-top: calc(var(--r) * 39);
        margin-bottom: calc(var(--r) * 2);
    }

    .seo-c-s3__doc-img1 {
        width: 88%;
        margin-bottom: calc(var(--r) * 7);
    }

    .seo-c-s3__doc-img2 {
        width: 77.5%;
    }

    .seo-c-s3__doc-img2 img {
    }

    .slider-container {
    }

    .slider-track {
    }

    .seo-c-s3__case {
    }

    .seo-c-s3__case-list {
    }

    .seo-c-s3__case-badges {
        height: calc(var(--r) * 129);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        /* アイテム間の隙間 */
        justify-content: center;
        place-content: flex-end;
    }

    .seo-c-s3__case-badge:nth-child(1) {
        grid-column: 1 / 3;
        margin: auto;
    }

    .seo-c-s3__case-badges--2 .seo-c-s3__case-badge:nth-child(1) {
        grid-column: initial;
        margin-left: auto;
        margin-right: 0;
    }

    .seo-c-s3__case-badges--2 .seo-c-s3__case-badge:nth-child(2) {
        margin-left: 0
    }

    .seo-c-s3__case-badge:nth-child(2) {
        margin-left: auto ;
    }

    .seo-c-s3__case-badge--2:nth-child(2) {
        margin-left: initial ;
    }

    .seo-c-s3__case-badge {
        width: calc(var(--r) * 140);
    }

    .seo-c-s3__case-content {
        border-radius: calc(var(--r) * 8);
    }

    .seo-c-s3__case-content-inner {
    }

    .seo-c-s3__case-ttl {
        font-size: calc(var(--r) * 16.15);
        letter-spacing: calc(var(--r) * 1.454);
        margin-bottom: calc(var(--r) * 15);
        padding-top: calc(var(--r) * 15);
    }

    .seo-c-s3__case-ttl span {
        font-size: calc(var(--r) * 11.963);
        letter-spacing: calc(var(--r) * 1.077);
        padding: calc(var(--r) * 4) calc(var(--r) * 7);
        border-radius: calc(var(--r) * 3.5);
        margin-right: calc(var(--r) * 6);
    }

    .seo-c-s3__case-c1 {
        display: block;
    }

    .seo-c-s3__case-c1-img {
        width: 62%;
        display: block;
        margin-inline: auto; margin-bottom: calc(var(--r) * 8);
    }

    .seo-c-s3__case-c1-r {
    }

    .seo-c-s3__case-c1-ttl {
        font-size: calc(var(--r) * 15.125);
        letter-spacing: calc(var(--r) * 1.815);
    }

    .seo-c-s3__case-c1-list {
        font-size: calc(var(--r) * 12.961);
        line-height: 1.2;
        letter-spacing: calc(var(--r) * 1.723);
        grid-template-columns: 1fr 1.1fr;
    }
.seo-c-s3__case-c1-list dt, .seo-c-s3__case-c1-list dd {
    padding: calc(var(--r) * 11);
}

    .seo-c-s3__case-c1-list dt {
    }

    .seo-c-s3__case-c1-list dd {
    }

    .seo-c-s3__case-c2 {
        margin-bottom: calc(var(--r) * 3);
    }

    .seo-c-s3__case-c2-text1 {
        font-size: calc(var(--r) * 16.146);
        line-height: 149%;
        letter-spacing: calc(var(--r) * 2.015);
    }
.seo-c-s3__case-c2-text1 .span-1 {
    font-size: calc(var(--r) * 23.953);
}
    .span-1 {
    }

    .span-2 {
    }

    .seo-c-s3__case-c2-text2 {
        font-size: calc(var(--r) * 14);
        line-height: 1.5;
        letter-spacing: calc(var(--r) * 0.7);
    }

    .seo-c-s3__case-c3 {
    }

    .seo-c-s3__case-c3-c1-img {
        width: 20%;
    }

    .seo-c-s3__case-c3-c2 {
    }

    .seo-c-s3__case-c3-c2-wrap {
        display: flex;
        align-items: flex-end;
        margin-bottom: calc(var(--r) * 13);
    }

    .seo-c-s3__case-c3-c2-text1 {
        font-size: calc(var(--r) * 15);
        letter-spacing: calc(var(--r) * 1.8);
        flex: 1;
        min-width: 0;
        margin-bottom: calc(var(--r) * 6);
        margin-left: calc(var(--r) * 9);
    }

    .seo-c-s3__case-c3-c2-texts {
    }

    .seo-c-s3__case-c3-c2-text2 {
        font-size: calc(var(--r) * 13.701);
        font-weight: 700;
        letter-spacing: calc(var(--r) * 0.548);
    }

    .seo-c-s3__case-c3-c2-text2::before {
        width: calc(var(--r) * 14);
        height: calc(var(--r) * 9);
    }

    .seo-c-s4 {
    }

    .seo-c-s4__inner {
        padding-bottom: calc(var(--r) * 47);
    }

    .seo-c-s4__bg1, .seo-c-s4__bg2, .seo-c-s4__bg3 {
        position: absolute;
    }

    .seo-c-s4__bg1 {
        width: calc(var(--r) * 179);
        top: 34%;
        transform: translateX(-31%);
    }

    .seo-c-s4__bg2 {
        width: calc(var(--r) * 175);
        top: 60%;
        right: 0;
        transform: translateX(29%);
    }

    .seo-c-s4__bg3 {
        width: calc(var(--r) * 250);
        top: 91%;
        transform: translateX(-24%);
    }

    .seo-c-s4__doc {
        width: 90.2%;
        background-image: url(../../img/s4-doc-bg-sp.webp);
        padding-top: calc(var(--r) * 20);
        margin-bottom: calc(var(--r) * 16);
        padding-inline: calc(var(--r) * 25); padding-bottom: calc(var(--r) * 28);
    }

    .seo-c-s4__inner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, white, transparent);
        background-size: 100% calc(var(--r) * 150);
        background-position: top;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 0;
    }

    .seo-c-s4__doc h2 {
    }

    .seo-c-s4__doc-img1 {
        width: 100.1%;
    }

    .seo-c-s4__doc-text1 {
        font-size: calc(var(--r) * 13);
        line-height: 180%;
        letter-spacing: calc(var(--r) * 0.56);
        margin-bottom: calc(var(--r) * 13);
    }

    .seo-c-s4__doc-text1 span {
    }

    .seo-c-s4__doc-text2 {
        font-size: calc(var(--r) * 14);
        line-height: 163%;
        letter-spacing: calc(var(--r) * 0.25);
    }

    .seo-c-s4__doc-text2 span {
    }

    .seo-c-s4__images {
    }

    .seo-c-s4__img1 {
        width: 37.2%;
        margin-bottom: calc(var(--r) * 14);
    }

    .seo-c-s4__img2 {
        width: 87.5%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s4__img3 {
        width: 11.6%;
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s4__img4 {
        width: 74.3%;
    }

    .seo-c-s4__sword {
        margin-bottom: calc(var(--r) * 27);
    }

    .seo-c-s4__sword-c1 {
        width: 94%;
        position: static;
        margin-top: calc(var(--r) * -93);
        margin-bottom: calc(var(--r) * 30);
        margin-inline: auto;
        }

    .seo-c-s4__sword-c1 h3 {
        width: 71.4%;
    }

    .seo-c-s4__sword-c1-ttl {
    }

    .seo-c-s4__sword-c1-text {
        font-size: calc(var(--r) * 13);
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: calc(var(--r) * 0.56);
        text-shadow: none;
    }

    .seo-c-s4__sword-c1-text span {
    }

    .seo-c-s4__sword-img1 {
        width: 117.2%;
        max-width: initial;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .seo-c-s4__sword-c2 {
        width: 94%;
        position: static;
        margin-inline: auto;
        }

    .seo-c-s4__sword-c2 h3 {
    }

    .seo-c-s4__sword-c2 h3 img {
        width: 95.3%;
    }

    .seo-c-s4__sword-c2-text {
        font-size: calc(var(--r) * 13);
        line-height: 160%;
        letter-spacing: calc(var(--r) * 0.56);
        margin-left: 0;
        text-shadow: none;
    }

    .seo-c-s4__sword-c2-text span {
    }

    .seo-c-s4__sword-img2 {
        width: 28%;
        top: calc(var(--r) * -6);
        right: -4%;
        z-index: 9;
        mix-blend-mode: color-dodge;
    }

    .seo-c-s4__img5 {
        width: 80%;
        position: relative;
        display: block;
        margin: 0;
        margin-inline: auto;
        z-index: 9;
    }

    .seo-c-s5 {
    }

    .seo-c-s5:before, .seo-c-s5:after {
        display: none;
    }

    .seo-c-s5__inner {
        background-image: url(../../img/s5-bg-sp.webp);
        padding-bottom: calc(var(--r) * 48);
        background-size: 100% 100%;
    }

    .seo-c-s5__img1 {
        width: 88%;
        padding-top: calc(var(--r) * 46);
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c__present {
        background-image: url(../../img/present-bg-sp.webp);
        width: 88%;
        padding-top: calc(var(--r) * 26);
        padding-bottom: calc(var(--r) * 35);
    }

    .seo-c__present--s5 {
    }

    .seo-c__present-img1 {
        width: 77%;
    }

    .seo-c__present-img2 {
        width: 84%;
        margin-bottom: calc(var(--r) * 20);
    }

    .seo-c__present-c1 {
        display: block;
    }

    .seo-c__present-c1-img3 {
        width: 43%;
        display: block;
        margin-left: calc(var(--r) * 95);
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c__present-c1-text {
        font-size: calc(var(--r) * 14);
        line-height: 185%;
        letter-spacing: calc(var(--r) * 0.56);
        width: 83.9%;
        margin-inline: auto; line-height: 1.4;
    }

    .seo-c__present-c1-img4 {
        width: 26.4%;
        top: calc(var(--r) * 178);
        right: calc(var(--r) * 42);
    }

    .seo-c__btn--s5 {
        margin-inline: auto; margin-top: 0;
    }

    .seo-c-s6 {
    }

    .seo-c-s6__inner {
        margin: 0;
        background-image: url(../../img/bg-2-sp.webp);
        padding-top: calc(var(--r) * 40);
        padding-bottom: calc(var(--r) * 40);
    }

    .seo-c-s6__inner h2 {
        width: 76.1%;
        margin-bottom: calc(var(--r) * 34);
    }

    .seo-c-s6__img1 {
    }

    .seo-c-s6__c1 {
        height: auto;
        width: 88%;
    }

    .seo-c-s6__c1-c {
        display: block;
        margin-bottom: calc(var(--r) * 30);
    }

    .seo-c-s6__c1-c--1 {
    width: 95%;
    }

    .seo-c-s6__c1-doc1 {
        width: 90%;
        position: static;
        margin-left: calc(var(--r) * 25);
        margin-left: 0;
    }

    .seo-c-s6__c1-c-doc-img1 {
        width: 86.6%;
    }

    .seo-c-s6__c1-c-doc-text {
        font-size: calc(var(--r) * 14);
        font-style: normal;
        font-weight: 500;
        line-height: 156%;
        letter-spacing: calc(var(--r) * 0.7);
    }

    .seo-c-s6__c1-c-doc-text--1 {
    }

    .seo-c-s6__c1-c-img1 {
        width: 86.5%;
        position: static;
        margin-right: calc(var(--r) * 19);
        margin-left: auto;
        display: block;
        margin-top: 0;
        margin-right: calc(var(--r) * -20);
    }

    .seo-c-s6__c1-c--2 {
    margin-left: auto;
    margin-right: initial;
    width: 90%;
    }

    .seo-c-s6__c1-c-img2 {
        width: 100.3%;
        position: static;
        margin-left: calc(var(--r) * -45);
    }

    .seo-c-s6__c1-doc2 {
        width: 100%;
        position: static;
        margin-right: calc(var(--r) * 15);
        margin-left: auto;
        margin-left: 0;
        margin-bottom: calc(var(--r) * 16);
        margin-right: initial;
    }

    .seo-c-s6__c1-c-doc-img2 {
    }

    .seo-c-s6__c1-c-doc-text--2 {
    }

    .seo-c-s6__c1-c--3 {
    width: 95%;
    }

    .seo-c-s6__c1-doc3 {
        width: 90%;
        position: static;
        margin-left: calc(var(--r) * 25);
        margin-left: 0;
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s6__c1-c-doc-img3 {
    }

    .seo-c-s6__c1-c-doc-text--3 {
        width: 100%;
    }

    .seo-c-s6__c1-c-img3 {
        width: 90%;
        position: static;
        margin-left: auto;
        margin-right: calc(var(--r) * -20);
        display: block;
    }

    .seo-c-s7 {
    }

    .seo-c-s7__inner {
        padding-bottom: calc(var(--r) * 40);
        background-image: url(../../img/bg-1-sp.webp);
    }

    .seo-c-s7__inner h2 {
        padding-top: calc(var(--r) * 50);
        z-index: 1;
        position: relative;
    }

    .seo-c-s7__ttl {
        width: 77%;
    }

    .seo-c-s7__c1 {
        width: 83%;
        margin: initial;
        margin-left: 11%;
    }

    .seo-c-s7__c1-c1 {
    }

    .seo-c-s7__c1-c1--1 {
    }

    .seo-c-s7__c1-c1-ttl {
        font-size: calc(var(--r) * 18.328);
        letter-spacing: calc(var(--r) * 1.466);
        margin-bottom: calc(var(--r) * 19);
    }

    .seo-c-s7__c1-c1-ttl::before {
        height: calc(var(--r) * 42);
        width: calc(var(--r) * 4);
        top: 0;
        left: calc(var(--r) * -21);
    }

    .seo-c-s7__c1-c1-ttl span {
        font-size: calc(var(--r) * 12.04);
        letter-spacing: calc(var(--r) * 0.722);
    }

    .seo-c-s7__c1-c1-red1 {
        width: 100%;
    }

    .seo-c-s7__c1-c1-red1 img {
    }

    .seo-c-s7__c1-c1-text {
        font-size: calc(var(--r) * 14);
        font-style: normal;
        line-height: 158%;
        letter-spacing: calc(var(--r) * 0.42);
        margin-bottom: calc(var(--r) * 5);
    }

    .seo-c-s7__c1-c1-text--1-1 {
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s7__c1-c1-text4-1 {
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s7__c1-c1-text4-2 {
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s7__c1-c1-text4-3 {
    }

    .seo-c-s7__c1-c1-text span {
    }

    .seo-c-s7__c1-c1-img {
        width: 98.4%;
    }

    .seo-c-s7__c1-c1-text--3 {
        font-size: calc(var(--r) * 12.04);
        letter-spacing: calc(var(--r) * 1.084);
    }

    .seo-c-s7__c1-c1--2 {
    }

    .seo-c-s7__c1-c1-text--2-1 {
        margin-bottom: calc(var(--r) * 20);
    }

    .spna-para {
    }

    .spna-para span {
    }

    .seo-c-s7__c1-c1-red2 {
        width: 100%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s7__c1-c1-red2 img {
    }

    .seo-c-s7__c1-c1-text--2-2 {
    }

    .seo-c-s7__c1-c1-list {
    }

    .seo-c-s7__c1-c1-list li {
    }

    .seo-c-s7__c1-c1-list-img {
    }

    .seo-c-s7__c1-c1-list-text {
        font-size: calc(var(--r) * 12.04);
        letter-spacing: calc(var(--r) * 1.084);
    }

    .seo-c-s7__c1-c1--3 {
    }

    .seo-c-s7__c1-c1-red3 {
        width: 100%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s7__c1-c1-red3 img {
    }

    .seo-c-s7__c1-c1-text--3-1 {
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s7__c1-c1-text small {
    }

    .seo-c-s7__c1-c1-expert {
        padding-top: calc(var(--r) * 25);
        padding-bottom: calc(var(--r) * 25);
        background-image: url(../../img/s7-frame-sp.webp);
    }

    .seo-c-s7__c1-c1-expert-ttl {
        font-size: calc(var(--r) * 17);
        margin-bottom: calc(var(--r) * 20);
    }

    .seo-c-s7__c1-c1-expert-list {
        flex-wrap: wrap;
        justify-content: center;
        width: 78%;
        gap: calc(var(--r) * 20);
    }

    .seo-c-s7__c1-c1-expert-list li {
        width: 46%;
    }

    .seo-c-s7__c1-c1-expert-img {
    }

    .seo-c-s7__c1-c1-expert-text {
        font-size: calc(var(--r) * 14);
    }

    .seo-c-s7__c1-c1-red4 {
        margin-bottom: calc(var(--r) * 10);
        width: 100%;
    }

    .seo-c-s7__c1-c1-red4 img {
    }

    .seo-c-s7__c1-c1-red5 {
        margin-bottom: calc(var(--r) * 10);
        width: 100%;
    }

    .seo-c-s7__c1-c1-red5 img {
    }

    .seo-c-s7__c1-c1-text--5 {
        margin-bottom: calc(var(--r) * 15);
    }

    .seo-c-s7__c1-c1-red6 {
        width: 100%;
    }

    .seo-c-s7__c1-c1-red6 img {
    }

    .seo-c-s7__c1-c1-text--6 {
    }

    .seo-c-s7__c1-c1-red7 {
        width: 100%;
    }

    .seo-c-s7__c1-c1-red7 img {
    }

    .seo-c-s7__c2-price {
        margin-bottom: calc(var(--r) * 30);
        margin-top: calc(var(--r) * -14);
    }

    .seo-c-s7__price {
        width: 87.9%;
        display: block;
        background-image: url(../../img/s7-frame-sp.webp);
    }

    .seo-c-s7__price-c1 {
        width: 85.5%;
        margin-inline: auto; margin-top: 0;
        padding-top: calc(var(--r) * 32);
    }

    .seo-c-s7__price-c1 h3 {
        width: 84%;
    }

    .seo-c-s7__price-c1-ttl1 {
    }

    .seo-c-s7__price-c1-text {
        font-size: calc(var(--r) * 14);
        line-height: 155%;
        letter-spacing: calc(var(--r) * 0.84);
        width: 100%;
    }

    .span-red {
        font-weight: 600;
    }

    .seo-c-s7__price-c1-ttl2 {
        font-size: calc(var(--r) * 15.351);
        letter-spacing: calc(var(--r) * 1.075);
    }

    .seo-c-s7__price-c1-img {
        width: 94.2%;
        margin-bottom: calc(var(--r) * 30);
        min-width: initial;
    }

    /* .seo-c-s7__price-c2-img {
    width: 83%;
    margin-top: calc(var(--r) * 20);
    margin-inline: auto;
    margin-bottom: calc(var(--r) * 12);
    display: block;
} */
    .seo-c-s7__price-c2-img-sp {
        width: 83%;
        margin-top: calc(var(--r) * 20);
        margin-inline: auto; margin-bottom: calc(var(--r) * 12);
        display: block;
    }

    .seo-c-s7__price-c2-img-pc {
        display: none;
    }

    .seo-c-s7__price-c2-img2 {
        display: none;
    }

    .seo-c__btn--s7 {
        margin-top: 0;
    }

    .seo-c-s8 {
    }

    .seo-c-s8__inner {
        margin: 0;
        padding-top: calc(var(--r) * 35);
        padding-bottom: calc(var(--r) * 55);
    }

    .seo-c-s8__ttl {
        width: 63%;
        margin-bottom: calc(var(--r) * 20);
    }

    .seo-c-s8__inner h2 {
    }

    .seo-c-s8__text {
        width: 60.6%;
    }

    .seo-c-s8__table {
        width: 100%;
    }

    .seo-c-s8__price {
        width: 87.7%;
        padding-top: calc(var(--r) * 30);
        background-image: url(../../img/s8-price-frame-sp.webp);
        padding-bottom: calc(var(--r) * 35);
    }

    .seo-c-s8__price-img {
        width: calc(var(--r) * 46);
        top: calc(var(--r) * -19);
        left: calc(var(--pr) * 10);
    }

    .seo-c-s8__price-c1 {
        display: block;
        text-align: center;
    }

    .seo-c-s8__price-c1-text1 {
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s8__price-c1-text2 {
        font-size: calc(var(--r) * 14);
        font-weight: 500;
        line-height: 146%;
        letter-spacing: calc(var(--r) * 1.12);
        margin-bottom: calc(var(--r) * 17);
    }

    .seo-c-s8__price-c1-img {
        width: 70%;
    }

    .seo-c-s8__price-c2 {
        width: 90%;
        margin-inline: auto; margin-bottom: calc(var(--r) * 20);
    }

    .seo-c-s8__price-ttl {
        font-size: calc(var(--r) * 15);
        letter-spacing: calc(var(--r) * 0.75);
        width: 100%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s8__price-ttl span {
        padding: 0 calc(var(--r) * 15);
    }

    .seo-c-s8__price-c2-doc {
        font-size: calc(var(--r) * 14.975);
        letter-spacing: calc(var(--r) * 1.198);
        text-align: left;
    }

    .seo-c-s8__price-c3 {
        width: 90%;
        margin-inline: auto; }

    .seo-c-s8__price-c3-opt {
        font-size: calc(var(--r) * 12.197);
        letter-spacing: calc(var(--r) * 0.976);
        display: block;
        width: 100%;
    }

    .seo-c-s8__price-c3-opt dl {
    }

    .seo-c-s8__price-c3-opt dl dt {
    }

    .seo-c-s8__price-c3-opt dl dd {
    }

    /* s8 テーブル：ScrollHint 用スタイル（スマホ） */
    .scroll-hint--s8 {
        /* overflow-x: auto; */
        /* -webkit-overflow-scrolling: touch; */
    }

    .scroll-hint--s8 img.seo-c-s8__table {
        min-width: 600px;
        max-width: none;
        height: auto;
        display: block;
    }

    .seo-c-s9 {
        width: 100%;
        padding-top: calc(var(--r) * 14);
        padding-bottom: calc(var(--r) * 10);
    }

    .seo-c-s9__inner {
        padding-top: calc(var(--r) * 35);
        z-index: 1;
        padding-bottom: calc(var(--r) * 50);
        width: 86%;
    }

    .seo-c-s9__ttl {
        width: 79.5%;
        z-index: 1;
        position: relative;
        margin-bottom: calc(var(--r) * 20);
    }

    .seo-c-s9__ttl img {
    }

    .seo-c-s9__img {
        width: 87.2%;
        margin-bottom: calc(var(--r) * 40);
    }

    .seo-c-s9__member {
    }

    .seo-c-s9__member-ttl {
        width: 83%;
        margin-bottom: calc(var(--r) * 11);
    }

    .seo-c-s9__member-ttl img {
    }

    .seo-c-s9__member-text {
        font-size: calc(var(--r) * 15);
        font-style: normal;
        font-weight: 500;
        line-height: 141%;
        letter-spacing: calc(var(--r) * 1.35);
        margin-bottom: calc(var(--r) * 16);
    }

    .seo-c-s9__member-swiper {
        overflow: initial !important;
    }

    .seo-c-s9__member-list {
        display: block;
        width: 100%;
        display: flex;
        gap: initial;
        justify-content: initial;
    }

    .seo-c-s9__member-list li {
        width: initial;
    }

    .seo-c-s9__member-list-img {
    }

    .seo-c-s9__member-list-post {
    }

    .seo-c-s9__member-list-name {
        font-size: calc(var(--r) * 21);
        letter-spacing: calc(var(--r) * 1.89);
    }

    .seo-c-s9__member-list-desc {
        font-size: calc(var(--r) * 13);
        line-height: 144%;
        letter-spacing: calc(var(--r) * 1.05);
    }

    .seo-c-s9__editor {
    }

    .seo-c-s9__editor-ttl {
        width: 27.6%;
        margin-bottom: calc(var(--r) * 10);
    }

    .seo-c-s9__editor-ttl img {
    }

    .seo-c-s9__editor-text {
        font-size: calc(var(--r) * 15);
        font-style: normal;
        font-weight: 500;
        line-height: 141%;
        letter-spacing: calc(var(--r) * 1.35);
        margin-bottom: calc(var(--r) * 16);
    }

    .seo-c-s9__editor-c1 {
        display: block;
        width: 84.2%;
    }

    .seo-c-s9__editor-c1-img {
        width: 100%;
        margin-bottom: calc(var(--r) * 4);
    }

    .seo-c-s9__editor-c1-c1 {
    }

    .seo-c-s9__editor-list-post {
        width: 57.1%;
    }

    .seo-c-s9__editor-c1-c1-name {
        margin-bottom: calc(var(--r) * 10);
        line-height: 1.2;
    }

    .seo-c-s9__editor-c1-c1-desc {
        font-size: calc(var(--r) * 13);
        line-height: 144%;
        letter-spacing: calc(var(--r) * 1.05);
    }

    .seo-c-s10 {
        width: 100%;
        padding-top: calc(var(--r) * 60);
        padding-bottom: calc(var(--r) * 45);
    }

    .seo-c-s10__inner {
        width: 92%;
    }

    .seo-c-s10__ttl {
        width: 42%;
    }

    .seo-c-s10__ttl img {
    }

    .seo-c-s10__qa {
    }

    .seo-c-s10__qa-c1 {
        padding-top: calc(var(--r) * 28);
        padding-bottom: calc(var(--r) * 19);
        margin-bottom: calc(var(--r) * 3);
    }

    .seo-c-s10__qa-c1-inner {
        width: 78.2%;
        margin-left: 14%;
    }

    .seo-c-s10__qa-ques {
        font-size: calc(var(--r) * 16);
        line-height: 141%;
        letter-spacing: calc(var(--r) * 1.44);
        width: 90%;
        padding-right: 0;
        font-weight: 500;
    }

    .seo-c-s10__qa-ques::after {
        content: "+";
        position: absolute;
        right: calc(var(--r) * -40);
        font-size: calc(var(--r) * 19);
        line-height: 1;
        font-weight: 700;
    }

    .seo-c-s10__qa-ques::before {
        width: calc(var(--r) * 18);
        background-repeat: no-repeat;
        top: calc(var(--r) * 1);
        left: calc(var(--r) * -33);
    }

    .seo-c-s10__qa-ans {
        font-size: calc(var(--r) * 14);
        letter-spacing: calc(var(--r) * 0.7);
    }

    .seo-c-s11 {
    }

    .seo-c-s11__inner {
        padding: revert-layer;
        position: relative;
    }

    .seo-c-s11__texts {
        top: 0;
    }

    .seo-c-s11__bg {
        display: block;
    }

    .seo-c-s11__text {
        font-size: calc(var(--r) * 12.571);
        letter-spacing: calc(var(--r) * 0.754);
    }

    .seo-c-s11__text--1 {
        position: absolute;
        top: calc(var(--r) * 54);
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .seo-c-s11__text--2 {
        top: calc(var(--r) * 132);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .seo-c-s11__text--3 {
        font-size: calc(var(--r) * 14.247);
        letter-spacing: calc(var(--r) * 0.855);
        top: calc(var(--r) * 256);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .seo-c-s11__text--4 {
        font-size: calc(var(--r) * 13.409);
        line-height: 168%;
        letter-spacing: calc(var(--r) * 0.805);
        position: absolute;
        top: calc(var(--r) * 296);
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .seo-c-s11__text span {
    }

    .seo-c-s11__c1 {
        height: auto;
    }

    .seo-c-s11__c1-img1 {
        width: 30%;
        top: calc(var(--r) * 93);
        left: calc(var(--r) * 11);
    }

    .seo-c-s11__c1-img2 {
        width: 21.3%;
        top: calc(var(--r) * 17);
        right: calc(var(--r) * 42);
    }

    .seo-c-s11__c1-img3 {
        width: 3.8%;
        top: calc(var(--r) * 0);
        right: calc(var(--r) * 19);
    }

    .seo-c-s11__hero__badges {
        display: block;
    }

    .seo-c__s11-bg {
        background-image: url(../../img/s11-bg2-sp.webp);
        padding-bottom: calc(var(--r) * 50);
        padding-top: calc(var(--r) * 30);
    }

    .seo-c__present--s11 {
        background-image: url(../../img/present-bg2-sp.webp);
        margin-bottom: calc(var(--r) * 40);
    }

    .seo-c__btn--s11 {
        margin-top: 0;
    }

    .seo-c__btn a {
    }

    .seo-c-s12 {
        padding-top: calc(var(--r) * 54);
        padding-bottom: calc(var(--r) * 47);
    }

    .seo-c-s12__inner {
    }
.seo-c-s12__wrap:before, .seo-c-s12__wrap:after {
    content: '';
    width: calc(var(--r) * 660);
    height: calc(var(--r) * 660);
    display: block;
    position: absolute;
    background-size: 100% 100%;
}

.seo-c-s12__wrap:before {
    background-image: url(../../img/s12-bg1.webp);
    width: calc(var(--r) * 300);
    height: calc(var(--r) * 390);
    top: calc(var(--r) * 10);
    left: 0;
}

.seo-c-s12__wrap:after {
    background-image: url(../../img/s12-bg2.webp);
    width: calc(var(--r) * 290);
    height: calc(var(--r) * 290);
    bottom: 0;
    right: 0;
}


    .seo-c-s12__img {
        width: 75%;
    }

    .seo-c-s12__ttl {
        font-size: calc(var(--r) * 23.418);
        letter-spacing: calc(var(--r) * 1.639);
    }

    .seo-c-s12__inquiry {
        background-image: url(../../img/s12-bg3-sp.webp);
        padding-top: calc(var(--r) * 29);
    }

    .seo-c-s12__inquiry-inner {
        width: 87.7%;
    }

    .seo-c-s12__inquiry-c1 {
        padding-bottom: calc(var(--r) * 15);
    }

    .seo-c-s12__inquiry-ttl {
        font-size: calc(var(--r) * 15.05);
        letter-spacing: calc(var(--r) * 1.204);
        margin-bottom: calc(var(--r) * 16);
    }

    .seo-c-s12__inquiry-text {
        font-size: calc(var(--r) * 12);
        letter-spacing: calc(var(--r) * 1.32);
        width: 66%;
    }

    .seo-c-s12__img2 {
        top: calc(var(--r) * 38);
        width: 40.2%;
        right: calc(var(--r) * -34);
    }

    .seo-c-s12__btn {
    }

    .seo-c-s12__btn img {
    }
}

.seo-c-s3__swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Swiper nav icon color/size */
    --swiper-navigation-color: #000;
    --swiper-navigation-size: calc(var(--r) * 24);
}

.seo-c-s3__swiper .swiper-wrapper {
}

.seo-c-s3__swiper .swiper-slide {
    height: auto;
}

.seo-c-s3__case-list-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.seo-c-s3__swiper .swiper-slide-duplicate {
    opacity: 1;
    visibility: visible;
}

.seo-c-s3__swiper .swiper-pagination {
    position: relative;
    margin-top: calc(var(--r) * 30);
}

.seo-c-s3__swiper .swiper-pagination-bullet {
    width: calc(var(--r) * 10);
    height: calc(var(--r) * 10);
    background: #ccc;
    opacity: 1;
}

.seo-c-s3__swiper .swiper-pagination-bullet-active {
    background: #000;
}

/* Navigation arrows: hidden on mobile, show on PC */
.seo-c-s3__nav-prev, .seo-c-s3__nav-next {
    display: none;
}

@media (min-width: 768px) {
    .seo-c-s3__nav-prev, .seo-c-s3__nav-next {
        display: block;
    }
}

.seo-c-s3__nav {
    width: 69.4%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    z-index: 99;
}

@media screen and (max-width: 1200px) {
    .seo-c-s3__nav {
        width: 92.4%;
    }
}

@media screen and (max-width: 767.98px) {
    .seo-c-s3__nav {
        display:none;
    }
}

body .swiper-button-prev, body .swiper-rtl .swiper-button-next {
}

body .swiper-button-next, body .swiper-button-prev {
    background-color: rgb(0 0 0 / 90%);
    width: calc(var(--r) * 70);
    height: calc(var(--r) * 70);
    color: white;
    border-radius: 100px;
    transition: all 0.3s ease 0s;
}

body .swiper-button-next:hover, body .swiper-button-prev:hover {
    opacity: .8;
}

body .swiper-button-next {
    /* right: calc(var(--r) * 250); */
}

body .swiper-button-prev {
}

.seo-c-s12__inquiry-inner iframe {
    width:100%;    
}