@charset "utf-8";


:root {
    --color-theme:       #bb2431;
    --color-light-theme: #6fb8a8;
    --fg-color:          #333;
    --color-white:       #fff;
    --color-lightgray:   #f0f0f0;
    --font-alphabet: 'Roboto', 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    --font-gothic: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    --font-mincho: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    --max-width: 750;
    --max-width-px: 1366px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    height: auto;
}

a {
    color: var(--fg-color);
    text-decoration: none;
    transition: opacity ease-out 0.5s;
}

@media ( hover: hover ) {
    a:hover {
        opacity: 0.5;
    }
}

ul, p {
    margin: 1.5em 0;
    line-height: 1.8;
}

section {
    position: relative;
}

em {
    color: var(--color-theme);
    font-style: normal;
}

u {
    text-decoration: 8px underline #ffec5d;
    text-underline-offset: 0.3em;
}

.big {
    font-size: 1.2rem;
}

.small {
    font-size: 0.8rem;
}

.bold {
    font-weight: 900;
}

.ab-txt {
    position: absolute;
    line-height: 1.0;
}

.theme {
    color: var(--color-theme);
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.red {
    color: #d60000;
}

.pc {
    display: none;
}

.sp {
    display: block;
}

@media ( width >= 768px ) {
    .pc {
        display: block;
    }
    .sp {
        display: none;
    }
}


/* スクロールアニメーション */
.ws-scroll-fadeIn {
    opacity: 0.0;
    transform: scale( 0.5, 0.5 );
    transition: 1.0s;
}
.ws-scroll-fadeIn.ws-scroll-show {
    opacity: 1.0;
    transform: scale( 1.0, 1.0 );
}

.ws-scroll-fadeIn-l {
    opacity: 0.0;
    transform: translateX( -200px );
    transition: 1.0s;
}
.ws-scroll-fadeIn-r {
    opacity: 0.0;
    transform: translateX( 200px );
    transition: 1.0s;
}
.ws-scroll-fadeIn-l.ws-scroll-show,
.ws-scroll-fadeIn-r.ws-scroll-show {
    opacity: 1.0;
    transform: translateX( 0 );
}

.ws-scroll-fadeIn-u {
    opacity: 0.0;
    transform: translateY( -200px ) scale( 0.8, 0.8 );
    transition: 1.0s;
}
.ws-scroll-fadeIn-d {
    opacity: 0.0;
    transform: translateY( 200px ) scale( 0.8, 0.8 );
    transition: 1.0s;
}
.ws-scroll-fadeIn-u.ws-scroll-show,
.ws-scroll-fadeIn-d.ws-scroll-show {
    opacity: 1.0;
    transform: translateY( 0 )  scale( 1.0, 1.0 );
}

.ws-goto-top {
    position: fixed;
    z-index: 20;
    margin: 0;
    padding: 0 0 2px;
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;
    width: clamp( 30px, 5.0vw, 60px );
    height: clamp( 30px, 5.0vw, 60px );
    background: var(--color-theme);
    font-size: clamp( 15px, 2.5vw, 30px );
    color: #ffffff;
    text-decoration: none;
    border: 2px solid #ffffff;
    border-radius: clamp( 15px, 2.5vw, 30px );
    opacity: 0.0;
    transform-origin: right bottom;
    transform: scale( 0.01, 0.01 );
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1.0s;
}
.ws-goto-top.ws-scroll-show {
    transform: scale( 1.0, 1.0 );
    opacity: 0.9;
}
@media ( hover: hover ) {
    .ws-goto-top:hover {
        opacity: 0.5;
    }
}

.ws-scroll-top-menu {
    opacity: 0.0;
    transform: translateY( -150px );
    transition: 0.5s;
}
.ws-scroll-top-menu.ws-scroll-show {
    opacity: 1.0;
    transform: translateY( 0 );
}



/* 以下サイトごと */

html {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: min( 18px, 3.0vw );
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 160px;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    color: var(--fg-color);
    font-family: var(--font-gothic);
    font-weight: 400;
    line-height: 1.5;
    background: #f8f8f8;
    opacity: 0.0;
    animation: anim-fadein 1.0s ease-out 0s forwards;
}

@keyframes anim-fadein {
    0%   { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.ws-popup {
    cursor: pointer;
}


/**
 * スマホ用設定
 */
@media ( width < 768px ) {
    main {
        margin: 0 auto;
        width: 100%;
        background: #fff;
    }

    .pic-w100 {
        width: 100%;
    }
    .pic-w90 {
        margin: 0 auto;
        width: 90%;
    }

    .mv {
        margin: 0 auto;
        width: 100%;
    }
    .mv img {
        width: 100%;
    }

    .cta {
        margin: 0 auto;
        width: 100%;
        padding: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 4.0%;
        background: #ede6c7;
    }
    .cta-box {
        margin: 0;
        padding: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        width: 100%;
        background: #fff;
        border: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid var(--color-theme);
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .cta-text1 {
        margin: 0.5em 0;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        text-align: left;
    }
    .cta-text2 {
        margin: 0.8em 0 0.2em;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        text-align: center;
    }
    .cta-text2:first-of-type {
        margin-top: 0;
    }

    .cta-large {
        margin: 0 auto;
        width: 100%;
    }
    .cta-large img {
        width: 100%;
    }
    .cta-large .cta-tel {
        position: absolute;
        display: block;
        bottom: 24%;
        left: 6.7%;
        width: 86.6%;
    }
    .cta-large .cta-paper {
        position: absolute;
        display: block;
        bottom: 7%;
        left: 6.7%;
        width: 86.6%;
    }

    .cta-small {
        margin: calc( -20 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) auto 0;
        width: 100%;
    }
    .cta-small img {
        width: 100%;
    }
    .cta-small .cta-tel {
        position: absolute;
        display: block;
        bottom: 42%;
        left: 6.7%;
        width: 86.6%;
    }
    .cta-small .cta-paper {
        position: absolute;
        display: block;
        bottom: 12%;
        left: 6.7%;
        width: 86.6%;
    }

    .cta-head1 {
        margin: 0 auto;
        width: 100%;
        aspect-ratio: 750 / 110;
        background: var(--color-theme);
        color: #fff;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 400;
        letter-spacing: 0.08em;
        display: grid;
        place-items: center;
    }
    .cta-head2 {
        margin: 0 auto;
        padding: 0 0 0 22%;
        width: 100%;
        aspect-ratio: 750 / 110;
        background: var(--color-theme);
        display: grid;
        place-items: center;
    }
    .cta-text3 {
        color: #fff;
        font-size: calc( 36 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 400;
        letter-spacing: 0.06em;
    }
    .cta-pic {
        margin: 0 auto;
        width: 100%;
    }
    .cta-pic img {
        width: 100%;
        height: auto;
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .cta-circle {
        position: absolute;
        top: 50%;
        left: 4%;
        width: 18.67%;
        aspect-ratio: 1 / 1;
        border: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid var(--color-theme);
        border-radius: 100%;
        overflow: hidden;
        translate: 0 -50%;
        z-index: 1;
    }
    .cta-circle img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cta-btn-tel {
        display: block;
        width: 100%;
        aspect-ratio: 650 / 120;
        background: linear-gradient( to bottom, #a02724, #501412 );
        border-radius: calc( 8 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.3;
    }
    .cta-btn-tel span {
        color: #fff;
        font-weight: 400;
    }
    .cta-btn-tel span:nth-child(1) {
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .cta-btn-tel span:nth-child(2) {
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }

    .cta-btn-paper {
        margin: 0;
        width: 100%;
        aspect-ratio: 650 / 120;
        background: linear-gradient( to bottom, #136972, #0a3539 );
        border-radius: calc( 8 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        color: #fff;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 400;
        display: grid;
        place-items: center;
    }

    .red {
        color: #bb2431;
    }

    .txt-shadow {
        text-shadow:
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff;
    }

    .t01 {
        top: 5.0%;
        right: 5.0%;
        color: #3f1c00;
        font-size: calc( 62 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        writing-mode: vertical-rl;        
    }
    .t01 .small {
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .t02 {
        top: 7.0%;
        right: 14.5%;
        color: #3f1c00;
        font-size: calc( 60 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        writing-mode: vertical-rl;        
    }
    .t03 {
        top: 40.0%;
        left: 0;
        width: 100%;
        color: var(--color-theme);
        font-size: calc( 60 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 700;
        text-align: center;
    }
    .t04 {
        top: 51.5%;
        left: 6.0%;
        width: max-content;
        color: #3f1c00;
        font-size: calc( 42 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .t05 {
        top: 56.5%;
        left: 6.0%;
        width: max-content;
        color: #3f1c00;
        font-size: calc( 56 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
    }
    .t06 {
        top: 43.5%;
        right: 22%;
        color: var(--color-theme);
        font-size: calc( 275 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 800;
        letter-spacing: -0.18em;
    }
    .t07 {
        top: 49.0%;
        right: 5.8%;
        color: var(--color-theme);
        font-size: calc( 82 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        writing-mode: vertical-rl;        
    }
    .t08 {
        top: 63.2%;
        right: 6.4%;
        color: var(--color-theme);
        font-size: calc( 34 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .t09 {
        top: 67.2%;
        right: 4.5%;
        color: #3f1c00;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .t10 {
        top: 79.0%;
        left: 22.0%;
        width: 24%;
        aspect-ratio: 1 / 1;
        translate: -50% -50%;
    }
    .t10::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        filter: blur(4px);
        background: radial-gradient( #e2942a 70%, transparent 100% );
    }
    .t10::after {
        position: absolute;
        content: "手続き\aなし";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: calc( 38 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
        white-space: pre;
        display: grid;
        place-items: center;
    }
    .t11 {
        top: 79.0%;
        left: 50.0%;
        width: 24%;
        aspect-ratio: 1 / 1;
        translate: -50% -50%;
    }
    .t11::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        filter: blur(4px);
        background: radial-gradient( #e2942a 70%, transparent 100% );
    }
    .t11::after {
        position: absolute;
        content: "入会金\aなし";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: calc( 38 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
        white-space: pre;
        display: grid;
        place-items: center;
    }
    .t12 {
        top: 79.0%;
        left: 78.0%;
        width: 24%;
        aspect-ratio: 1 / 1;
        translate: -50% -50%;
    }
    .t12::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        filter: blur(4px);
        background: radial-gradient( #e2942a 70%, transparent 100% );
    }
    .t12::after {
        position: absolute;
        content: "負担\aなし ※";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: calc( 38 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
        white-space: pre;
        display: grid;
        place-items: center;
    }
    .t13 {
        top: 88.5%;
        left: 0;
        color: #3f1c00;
        width: 100%;
        font-size: calc( 33 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.4;
    }
    .t14 {
        top: 24.0%;
        left: 36%;
        width: 64%;
        color: #acbfc1;
        font-size: calc( 33 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
    }
    .t15 {
        top: 48.0%;
        left: 36%;
        width: 64%;
        color: #fff;
        font-size: calc( 44 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.1em;
    }

    .way {
        margin: 0 auto;
        padding: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        width: 100%;
        background: #fcfbf5;
    }
    .way h2 {
        margin: 0;
        color: var(--fg-color);
        font-size: calc( 65 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .way h3 {
        margin: 0 0 1.0em;
        color: var(--fg-color);
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .way p {
        margin: 1.0em auto;
        color: var(--fg-color);
        font-size: calc( 30 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }

    .way-flex {
        margin: 0 auto;
        width: 100%;
        padding: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 6.67%;
        padding: 0 6.67%;
    }
    .way-col {
        display: block;
        width: 100%;
    }
    .pic-w100.visit {
        margin: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        position: relative;
    }
    .pic-w100.visit img {
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .pic-w100.visit::before {
        position: absolute;
        content: "";
        top: -4%;
        left: 3%;
        width: calc( 9.6% + 2.0% );
        height: 60%;
        background: linear-gradient( to right, #e85400 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ), #b74300 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) );
        clip-path: polygon( 0 0,
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 0,
                            100% calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 100%,
                            calc( 100% * 0.5 * 9.6 / ( 9.6 + 2.0 ) ) 93%,
                            0 100% );
    }
    .pic-w100.visit::after {
        position: absolute;
        content: "面会できます";
        top: 2.0%;
        left: 7.8%;
        color: #fff;
        font-size: calc( 30 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        writing-mode: vertical-rl;        
        translate: -50% 0;
    }
	
	.pic-w101.visit {
        margin: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        position: relative;
    }
    .pic-w101.visit img {
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .pic-w101.visit::before {
        position: absolute;
        content: "";
        top: -4%;
        left: 3%;
        width: calc( 9.6% + 2.0% );
        height: 70%;
        background: linear-gradient( to right, #e85400 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ), #b74300 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) );
        clip-path: polygon( 0 0,
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 0,
                            100% calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 100%,
                            calc( 100% * 0.5 * 9.6 / ( 9.6 + 2.0 ) ) 93%,
                            0 100% );
    }
    .pic-w101.visit::after {
        position: absolute;
        content: "おすすめプラン";
        top: 2.0%;
        left: 7.8%;
        color: #fff;
        font-size: calc( 30 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        writing-mode: vertical-rl;        
        translate: -50% 0;
    }
	
		.pic-w102.visit {
        margin: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        position: relative;
    }
    .pic-w102.visit img {
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .pic-w102.visit::before {
        /*position: absolute;*/
        content: "";
        top: -4%;
        left: 3%;
        width: calc( 9.6% + 2.0% );
        height: 70%;
        background: linear-gradient( to right, #e85400 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ), #b74300 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) );
        clip-path: polygon( 0 0,
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 0,
                            100% calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 100%,
                            calc( 100% * 0.5 * 9.6 / ( 9.6 + 2.0 ) ) 93%,
                            0 100% );
    }
    .pic-w102.visit::after {
        /*position: absolute;*/
        content: "";
        top: 2.0%;
        left: 7.8%;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        writing-mode: vertical-rl;        
        translate: -50% 0;
    }
	
    .way-text1 {
        position: relative;
        color: var(--color-theme);
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
    }
    .way-text1::before {
        position: absolute;
        content: "";
        top: -30%;
        right: 1.5%;
        width: 18%;
        aspect-ratio: 1 / 1;
        background: #ffec5d;
        border-radius: 100%;
    }
    .way-text1::after {
        position: absolute;
        content: attr(data-no);
        top: -30%;
        right: 3.5%;
        width: 16%;
        aspect-ratio: 1 / 1;
        font-size: calc( 68 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        font-style: italic;
        display: grid;
        place-items: center;
    }
    .way-cats {
        margin: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        display: flex;
    }
    .way-cat {
        margin: 0 0.4em 0 0;
        padding: 0.2em 0 0.2em 0.4em;
        width: 5.0em;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        background: #777;
        text-align: center;
        letter-spacing: 0.4em;
        border-radius: calc( 5 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .way-flex hr {
        margin: calc( 15 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) auto;
        width: 100%;
        border: calc( 2 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #4f2600;
    }
    .way-text2 {
        color: var(--color-theme);
        font-size: calc( 116 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 700;
        line-height: 1.0;
    }
    .way-text2 u {
        background: linear-gradient( to bottom, transparent 70%, #ffec5d 70%, #ffec5d 90%, transparent 90% );
        text-decoration: none;
        /*
          text-decoration-color: #ffec5d;
          text-decoration-thickness: 8px;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-underline-offset: 0em;
        */
    }
    .way-text2 .small {
        color: var(--fg-color);
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 600;
    }
    .way-text3 {
        margin: 0.5em 0 0;
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.0;
    }

    .funeral {
        margin: 0 auto;
        padding: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        width: 100%;
        background: #eef2f6;
    }
    .funeral h2 {
        position: relative;
        margin: 0 auto;
        padding: 0.5em 0 0.5em 1.0em;
        width: 94%;
        color: #136972;
        font-size: calc( 45 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .funeral h2::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 8px;
        height: 100%;
        background: #136972;
    }
    .funeral-box {
        margin: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) auto;
        padding: 2%;
        width: 94%;
        background: #fff;
        border-top: 8px solid #136972;
    }
    .funeral-box h3 {
        margin: 0 0 0.5em;
        color: #136972;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .funeral-box p {
        margin: 0;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .funeral-box .attrs {
        margin: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        gap: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .funeral-box .attrs .attr {
        position: relative;
        margin: 0;
        padding: 0.5em 0 0.5em 2.0em;
        width: calc( 50% - 0.5 * ( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) );
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        background: #fff;
        border: 1px solid #707070;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .funeral-box .attrs .attr.family::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-family.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.parking::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.8em );
        left: 0.6em;
        width: 1.0em;
        height: 1.6em;
        background: url(../images/icon-parking.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.train::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-train.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.inn::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-inn.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.room::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-waitingroom.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.attend::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-attendance.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.disabled {
        filter: grayscale( 1.0 );
        color: #ccc;
    }
    .funeral-box .attrs .attr.disabled::before {
        filter: brightness( 400% );
    }
    .funeral-box .funeral-btn {
        position: relative;
        display: block;
        margin: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        padding: 0.8em 0;
        width: 100%;
        color: #136972;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        text-align: center;
        border: calc( 2 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #136972;
        border-radius: calc( 5 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .funeral-box .funeral-btn::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.6em );
        right: 1.0em;
        width: 1.2em;
        height: 1.2em;
        background: #136972;
        border-radius: 100%;
    }
    .funeral-box .funeral-btn::after {
        position: absolute;
        content: "";
        top: calc( 50% - 0.25em );
        right: 1.45em;
        width: 0.4em;
        height: 0.4em;
        border-right: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        border-bottom: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        rotate: -45deg;
    }

    .flow {
        margin: 0 auto;
        padding: 0 0 calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        width: 100%;
    }
    .flow h2 {
        margin: 2.0em auto 1.0em;
        width: 94%;
        padding: 0.8em 1.0em;
        color: #136972;
        font-size: calc( 32 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        background: #eeeeee;
    }
    .flow .flow-grid {
        margin: 0 auto;
        padding: calc( 30 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        width: 94%;
        display: grid;
        grid-template-columns: 15% 1fr 23%;
        align-items: center;
        border-bottom: 1px solid #ccc;
    }
    .flow .flow-grid div:nth-child(1) {
        position: relative;
    }
    .flow .flow-grid div:nth-child(1)::before {
        position: absolute;
        content: attr(data-no);
        bottom: 10%;
        left: 0;
        width: 100%;
        color: #fff;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .flow .flow-grid div:nth-child(2) {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
        padding: 0 2%;
        width: 100%;
        color: #136972;
        font-size: calc( 32 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
    }
    .flow .flow-grid div:nth-child(2) .small {
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .flow .flow-grid div:nth-child(3) {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
        align-self: center;
    }
    .flow .flow-grid div:nth-child(4) {
        padding: 0.5em 0 0;
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        width: 100%;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 400;
    }
    .flow .flow-grid div:nth-child(5) {
        grid-column: 1 / 3;
        grid-row: 3 / 5;
        width: 100%;
        padding: 4% 0 0;
    }
    .flow .flow-grid div:nth-child(5) a {
        position: relative;
        display: block;
        margin: 0;
        padding: 0.8em 1.0em;
        width: 100%;
        color: #136972;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 400;
        background: linear-gradient( to bottom, #fff, #f6f6f6);
        border: 1px solid #ccc;
        border-radius: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .flow .flow-grid div:nth-child(5) a::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.6em );
        right: 1.0em;
        width: 1.2em;
        height: 1.2em;
        background: #136972;
        border-radius: 100%;
    }
    .flow .flow-grid div:nth-child(5) a::after {
        position: absolute;
        content: "";
        top: calc( 50% - 0.25em );
        right: 1.45em;
        width: 0.4em;
        height: 0.4em;
        border-right: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        border-bottom: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        rotate: -45deg;
    }

    .mind {
        margin: 0 auto;
        padding: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 3%;
        width: 100%;
        background: #fcfbf5;
    }
    .mind h2 {
        margin: 0;
        font-size: calc( 71 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.0;
        letter-spacing: 0.1em;
    }
    .mind h2 .big {
        color: #bb2431;
        font-size: calc( 86 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .mind h2 .small {
        font-size: calc( 61 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .mind h3 {
        margin: 1.0em 0;
        font-size: calc( 45 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .mind h4 {
        margin: 1.0em 0 0;
        color: #bb2431;
        font-size: calc( 35 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: left;
    }
    .mind p {
        margin: 0.5em 0;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: left;
    }

    .ws-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        background: #000000cc;
        overflow: hidden;
        opacity: 0.0;
        transform: scaleY( 0.0 );
        transition: transform 0.01s ease-out 0.5s, opacity 0.5s ease-out;
        z-index: 99;
    }
    .ws-modal.show {
        opacity: 1.0;
        transform: scaleY( 1.0 );
        transition: transform 0.01s, opacity 0.5s ease-out;
    }
    .ws-modal .modal-wrap {
        position: absolute;
        top: 2.0vw;
        left: 50%;
        margin: 0;
        padding: min( 20px, 3.0vw );
        width: calc( 100% - 4.0vw );
        max-width: 680px;
        height: calc( 100% - 4.0vw );
        background: #fcfbf5;
        overflow-y: auto;
        translate: -50% 0;
    }
    .ws-modal .modal-wrap .visit {
        margin-top: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap .way-text1 {
        margin-top: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap p {
        margin: 1.0em 0;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
    }
    .ws-modal .modal-wrap .way-head1 {
        margin: 1.0em auto 0.5em;
        padding: 0.2em 0;
        color: #fff;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        text-align: center;
        background: #ffad00;
        border-radius: calc( 4 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap .way-head2 {
        margin: 1.0em auto 0.5em;
        padding: 0.2em 0;
        color: #fff;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        text-align: center;
        background: #808080;
        border-radius: calc( 4 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap .way-list {
        margin: 0.5em auto 1.0em;
        font-size: calc( 28 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        display: flex;
        flex-wrap: wrap;
        gap: 0.2em 1.4em;
    }
    .ws-modal .modal-wrap .way-list span {
        font-size: calc( 28 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        white-space: nowrap;
    }
    .ws-modal .modal-wrap .way-list span::before {
        content: "・ ";
    }
}


/**
 * PC用設定
 */
@media ( width >= 768px ) {
    main {
        margin: 0 auto;
        width: 100%;
        max-width: var(--max-width-px);
        background: #fff;
    }

    .pic-w100 {
        width: 100%;
    }
    .pic-w90 {
        margin: 0 auto;
        width: 90%;
    }

    .mv {
        margin: 0 auto;
        width: 100%;
    }
    .mv img {
        width: 100%;
    }

    .cta {
        margin: 0 auto;
        width: 100%;
        padding: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 4.0%;
        background: #ede6c7;
        --max-width: 1366;
    }
    .cta-box {
        margin: 0 auto;
        padding: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 4.0%;
        width: 100%;
        max-width: 1100px;
        background: #fff;
        border: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid var(--color-theme);
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .cta-text1 {
        margin: 0.5em auto;
        width: 100%;
        max-width: 600px;
        font-size: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        text-align: left;
    }
    .cta-text2 {
        margin: 0.8em 0 0.2em;
        font-size: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        text-align: center;
    }
    .cta-text2:first-of-type {
        margin-top: 0;
    }

    .cta-large {
        margin: 0 auto;
        width: 100%;
    }
    .cta-large img {
        width: 100%;
    }
    .cta-large .cta-tel {
        position: absolute;
        display: block;
        bottom: 24%;
        left: 6.7%;
        width: 86.6%;
    }
    .cta-large .cta-paper {
        position: absolute;
        display: block;
        bottom: 7%;
        left: 6.7%;
        width: 86.6%;
    }

    .cta-small {
        margin: calc( -20 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) auto 0;
        width: 100%;
    }
    .cta-small img {
        width: 100%;
    }
    .cta-small .cta-tel {
        position: absolute;
        display: block;
        bottom: 42%;
        left: 6.7%;
        width: 86.6%;
    }
    .cta-small .cta-paper {
        position: absolute;
        display: block;
        bottom: 12%;
        left: 6.7%;
        width: 86.6%;
    }

    .cta-head1 {
        margin: 0 auto;
        width: 100%;
        aspect-ratio: 1366 / 82;
        background: var(--color-theme);
        color: #fff;
        font-size: calc( 16 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 400;
        letter-spacing: 0.08em;
        display: grid;
        place-items: center;
    }
    .cta-head2 {
        margin: 0 auto;
        padding: 0 0 0 8%;
        width: 100%;
        aspect-ratio: 1366 / 82;
        background: var(--color-theme);
        display: grid;
        place-items: center;
    }
    .cta-text3 {
        color: #fff;
        font-size: calc( 16 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 400;
        letter-spacing: 0.06em;
    }
    .cta-pic {
        margin: 0 auto;
        width: 100%;
        max-width: 600px;
    }
    .cta-pic img {
        width: 100%;
        height: auto;
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .cta-circle {
        position: absolute;
        top: 50%;
        left: 20%;
        width: 12%;
        aspect-ratio: 1 / 1;
        border: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid var(--color-theme);
        border-radius: 100%;
        overflow: hidden;
        translate: 0 -50%;
        z-index: 1;
    }
    .cta-circle img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cta-flex {
        margin: calc( 36 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }
    .cta-flex:first-of-type {
        margin-top: 0;
    }
    .cta-col {
        width: 49%;
    }

    .cta-btn-tel {
        margin: 0;
        width: 100%;
        aspect-ratio: 650 / 120;
        background: linear-gradient( to bottom, #a02724, #501412 );
        border-radius: calc( 8 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.3;
    }
    .cta-btn-tel span {
        color: #fff;
        font-weight: 400;
    }
    .cta-btn-tel span:nth-child(1) {
        font-size: calc( 32 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .cta-btn-tel span:nth-child(2) {
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }

    .cta-btn-paper {
        margin: 0;
        width: 100%;
        aspect-ratio: 650 / 120;
        background: linear-gradient( to bottom, #136972, #0a3539 );
        border-radius: calc( 8 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        color: #fff;
        font-size: calc( 32 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 400;
        display: grid;
        place-items: center;
    }

    .red {
        color: #bb2431;
    }

    .txt-shadow {
        text-shadow:
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff,
            0 0 0.4em #fff;
    }

    .t01 {
        top: 5.0%;
        right: 12.0%;
        color: #3f1c00;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        writing-mode: vertical-rl;        
    }
    .t01 .small {
        font-size: calc( 16 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .t02 {
        top: 7.0%;
        right: 15.5%;
        color: #3f1c00;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        writing-mode: vertical-rl;        
    }
    .t03 {
        top: 44.0%;
        left: 11.0%;
        color: var(--color-theme);
        font-size: calc( 29 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 700;
        text-align: right;
    }
    .t04 {
        top: 62.0%;
        left: 11.0%;
        width: max-content;
        color: #3f1c00;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .t05 {
        top: 72.0%;
        left: 11.0%;
        width: max-content;
        color: #3f1c00;
        font-size: calc( 26 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
    }
    .t06 {
        top: 52.0%;
        left: 32%;
        color: var(--color-theme);
        font-size: calc( 120 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 800;
        letter-spacing: -0.12em;
    }
    .t07 {
        top: 59.0%;
        left: 49.0%;
        color: var(--color-theme);
        font-size: calc( 36 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        writing-mode: vertical-rl;        
    }
    .t08 {
        top: 81.5%;
        left: 49.5%;
        color: var(--color-theme);
        font-size: calc( 16 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .t09 {
        top: 89.0%;
        left: 39.0%;
        color: #3f1c00;
        font-size: calc( 14 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .t10 {
        top: 56.0%;
        left: 60.0%;
        width: 10.0%;
        aspect-ratio: 1 / 1;
        translate: -50% -50%;
    }
    .t10::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        filter: blur(4px);
        background: radial-gradient( #e2942a 70%, transparent 100% );
    }
    .t10::after {
        position: absolute;
        content: "手続き\aなし";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: calc( 15 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
        white-space: pre;
        display: grid;
        place-items: center;
    }
    .t11 {
        top: 56.0%;
        left: 72.0%;
        width: 10.0%;
        aspect-ratio: 1 / 1;
        translate: -50% -50%;
    }
    .t11::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        filter: blur(4px);
        background: radial-gradient( #e2942a 70%, transparent 100% );
    }
    .t11::after {
        position: absolute;
        content: "入会金\aなし";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: calc( 15 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
        white-space: pre;
        display: grid;
        place-items: center;
    }
    .t12 {
        top: 56.0%;
        left: 84.0%;
        width: 10.0%;
        aspect-ratio: 1 / 1;
        translate: -50% -50%;
    }
    .t12::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        filter: blur(4px);
        background: radial-gradient( #e2942a 70%, transparent 100% );
    }
    .t12::after {
        position: absolute;
        content: "負担\aなし ※";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: calc( 15 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
        white-space: pre;
        display: grid;
        place-items: center;
    }
    .t13 {
        top: 70.0%;
        left: 59.0%;
        width: max-content;
        color: #3f1c00;
        font-size: calc( 13 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.4;
    }

    .way {
        margin: 0 auto;
        padding: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 calc( 120 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        width: 100%;
        background: #fcfbf5;

        --max-width: 1366;
    }
    .way h2 {
        margin: 0;
        color: var(--fg-color);
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .way h3 {
        margin: 0 0 1.0em;
        color: var(--fg-color);
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .way p {
        margin: 1.0em auto;
        color: var(--fg-color);
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }

    .way-flex {
        margin: 0 auto;
        width: 94%;
        max-width: 1100px;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        gap: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 2%;

        --max-width: 1080;
    }
    .way-col {
        display: block;
        width: 60%;
    }
    .pic-w100.visit {
        margin: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        position: relative;
    }
    .pic-w100.visit img {
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .pic-w100.visit::before {
        position: absolute;
        content: "";
        top: -4%;
        left: 3%;
        width: calc( 9.6% + 2.0% );
        height: 60%;
        background: linear-gradient( to right, #e85400 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ), #b74300 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) );
        clip-path: polygon( 0 0,
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 0,
                            100% calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 100%,
                            calc( 100% * 0.5 * 9.6 / ( 9.6 + 2.0 ) ) 93%,
                            0 100% );
    }
    .pic-w100.visit::after {
        position: absolute;
        content: "面会できます";
        top: 2.0%;
        left: 7.8%;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        writing-mode: vertical-rl;        
        translate: -50% 0;
    }
	
	.pic-w101.visit {
        margin: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        position: relative;
    }
    .pic-w101.visit img {
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .pic-w101.visit::before {
        position: absolute;
        content: "";
        top: -4%;
        left: 3%;
        width: calc( 9.6% + 2.0% );
        height: 70%;
        background: linear-gradient( to right, #e85400 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ), #b74300 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) );
        clip-path: polygon( 0 0,
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 0,
                            100% calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 100%,
                            calc( 100% * 0.5 * 9.6 / ( 9.6 + 2.0 ) ) 93%,
                            0 100% );
    }
    .pic-w101.visit::after {
        position: absolute;
        content: "おすすめプラン";
        top: 2.0%;
        left: 7.8%;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        writing-mode: vertical-rl;        
        translate: -50% 0;
    }
	
		
	.pic-w102.visit {
        margin: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        position: relative;
    }
    .pic-w102.visit img {
        border-radius: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .pic-w102.visit::before {
        /*position: absolute;*/
        content: "";
        top: -4%;
        left: 3%;
        width: calc( 9.6% + 2.0% );
        height: 70%;
        background: linear-gradient( to right, #e85400 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ), #b74300 calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) );
        clip-path: polygon( 0 0,
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 0,
                            100% calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) calc( 100% * 4.0 / 60.0 ),
                            calc( 100% * 9.6 / ( 9.6 + 2.0 ) ) 100%,
                            calc( 100% * 0.5 * 9.6 / ( 9.6 + 2.0 ) ) 93%,
                            0 100% );
    }
    .pic-w102.visit::after {
        /*position: absolute;*/
        content: "";
        top: 2.0%;
        left: 7.8%;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        writing-mode: vertical-rl;        
        translate: -50% 0;
    }
	
    .way-text1 {
        position: relative;
        color: var(--color-theme);
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
    }
    .way-text1::before {
        position: absolute;
        content: "";
        top: -20%;
        right: 7.5%;
        width: 14%;
        aspect-ratio: 1 / 1;
        background: #ffec5d;
        border-radius: 100%;
    }
    .way-text1::after {
        position: absolute;
        content: attr(data-no);
        top: -25%;
        right: 8.5%;
        width: 14%;
        aspect-ratio: 1 / 1;
        font-size: calc( 50 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        font-style: italic;
        display: grid;
        place-items: center;
    }
    .way-cats {
        margin: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0 0;
        display: flex;
    }
    .way-cat {
        margin: 0 0.4em 0 0;
        padding: 0.2em 0 0.2em 0.4em;
        width: 5.0em;
        color: #fff;
        font-size: calc( 22 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        background: #777;
        text-align: center;
        letter-spacing: 0.4em;
        border-radius: calc( 5 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .way-flex hr {
        margin: calc( 15 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) auto;
        width: 100%;
        border: calc( 2 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #4f2600;
    }
    .way-text2 {
        color: var(--color-theme);
        font-size: calc( 88 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 700;
        line-height: 1.0;
    }
    .way-text2 u {
        background: linear-gradient( to bottom, transparent 70%, #ffec5d 70%, #ffec5d 90%, transparent 90% );
        text-decoration: none;
        /*
          text-decoration-color: #ffec5d;
          text-decoration-thickness: 8px;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-underline-offset: 0em;
        */
    }
    .way-text2 .small {
        color: var(--fg-color);
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 600;
    }
    .way-text3 {
        margin: 0.5em 0 0;
        font-size: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.0;
    }

    .funeral {
        margin: 0 auto;
        padding: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        width: 100%;
        background: #eef2f6;

        --max-width: 1366;
    }
    .funeral h2 {
        position: relative;
        margin: 0 auto;
        padding: 0.5em 0 0.5em 1.0em;
        width: 94%;
        max-width: 1100px;
        color: #136972;
        font-size: calc( 36 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .funeral h2::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 8px;
        height: 100%;
        background: #136972;
    }
    .funeral-flex {
        margin: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) auto;
        width: 94%;
        max-width: 1100px;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
        gap: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 1%;
    }
    .funeral-box {
        margin: 0;
        padding: 2%;
        width: 49.5%;
        background: #fff;
        border-top: 8px solid #136972;
    }
    .funeral-box h3 {
        margin: 0 0 0.5em;
        color: #136972;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .funeral-box p {
        margin: 0;
        font-size: calc( 16 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
    }
    .funeral-box .attrs {
        margin: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        gap: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .funeral-box .attrs .attr {
        position: relative;
        margin: 0;
        padding: 0.5em 0 0.5em 2.0em;
        width: calc( 50% - 0.5 * ( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) );
        font-size: calc( 16 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        background: #fff;
        border: 1px solid #707070;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .funeral-box .attrs .attr.family::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-family.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.parking::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.8em );
        left: 0.6em;
        width: 1.0em;
        height: 1.6em;
        background: url(../images/icon-parking.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.train::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-train.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.inn::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-inn.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.room::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-waitingroom.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.attend::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.7em );
        left: 0.3em;
        width: 1.4em;
        height: 1.4em;
        background: url(../images/icon-attendance.svg) no-repeat center / contain;
    }
    .funeral-box .attrs .attr.disabled {
        filter: grayscale( 1.0 );
        color: #ccc;
    }
    .funeral-box .attrs .attr.disabled::before {
        filter: brightness( 400% );
    }
    .funeral-box .funeral-btn {
        position: relative;
        display: block;
        margin: calc( 10 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        padding: 0.8em 0;
        width: 100%;
        color: #136972;
        font-size: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        text-align: center;
        border: calc( 2 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #136972;
        border-radius: calc( 5 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .funeral-box .funeral-btn::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.6em );
        right: 1.0em;
        width: 1.2em;
        height: 1.2em;
        background: #136972;
        border-radius: 100%;
    }
    .funeral-box .funeral-btn::after {
        position: absolute;
        content: "";
        top: calc( 50% - 0.25em );
        right: 1.45em;
        width: 0.4em;
        height: 0.4em;
        border-right: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        border-bottom: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        rotate: -45deg;
    }

    .flow {
        margin: 0 auto;
        padding: 0 0 calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        width: 100%;

        --max-width: 1100;
    }
    .pic-flow {
        width: 100%;
        aspect-ratio: 8 / 1;
    }
    .pic-flow img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .t14 {
        top: 24.0%;
        left: 36%;
        width: 64%;
        color: #acbfc1;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
    }
    .t15 {
        top: 48.0%;
        left: 36%;
        width: 64%;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.1em;
    }
    .flow h2 {
        margin: 2.0em auto 1.0em;
        width: 94%;
        max-width: 1100px;
        padding: 0.8em 1.0em;
        color: #136972;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        background: #eeeeee;
    }
    .flow .flow-grid {
        margin: 0 auto;
        padding: calc( 30 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 0;
        width: 94%;
        max-width: 1100px;
        display: grid;
        grid-template-columns: 12% 1fr 25%;
        align-items: center;
        border-bottom: 1px solid #ccc;
    }
    .flow .flow-grid div:nth-child(1) {
        position: relative;
    }
    .flow .flow-grid div:nth-child(1)::before {
        position: absolute;
        content: attr(data-no);
        bottom: 10%;
        left: 0;
        width: 100%;
        color: #fff;
        font-size: calc( 32 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .flow .flow-grid div:nth-child(2) {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
        padding: 0 2%;
        width: 100%;
        color: #136972;
        font-size: calc( 22 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
    }
    .flow .flow-grid div:nth-child(2) .small {
        font-size: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .flow .flow-grid div:nth-child(3) {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
        align-self: center;
    }
    .flow .flow-grid div:nth-child(4) {
        padding: 0.5em 0 0;
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        width: 100%;
        font-size: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 400;
    }
    .flow .flow-grid div:nth-child(5) {
        grid-column: 1 / 3;
        grid-row: 3 / 5;
        width: 100%;
        padding: 4% 0 0;
    }
    .flow .flow-grid div:nth-child(5) a {
        position: relative;
        display: block;
        margin: 0;
        padding: 0.8em 1.0em;
        width: 100%;
        color: #136972;
        font-size: calc( 18 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 400;
        background: linear-gradient( to bottom, #fff, #f6f6f6);
        border: 1px solid #ccc;
        border-radius: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .flow .flow-grid div:nth-child(5) a::before {
        position: absolute;
        content: "";
        top: calc( 50% - 0.6em );
        right: 1.0em;
        width: 1.2em;
        height: 1.2em;
        background: #136972;
        border-radius: 100%;
    }
    .flow .flow-grid div:nth-child(5) a::after {
        position: absolute;
        content: "";
        top: calc( 50% - 0.25em );
        right: 1.45em;
        width: 0.4em;
        height: 0.4em;
        border-right: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        border-bottom: calc( 3 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) solid #fff;
        rotate: -45deg;
    }

    .mind {
        margin: 0 auto;
        padding: calc( 80 * min( 100vw, var(--max-width-px) ) / var(--max-width) ) 3%;
        width: 100%;
        background: #fcfbf5;

        --max-width: 1366;
    }
    .mind h2 {
        margin: 0 auto;
        width: 94%;
        max-width: 1100px;
        font-size: calc( 56 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: center;
        line-height: 1.0;
        letter-spacing: 0.1em;
    }
    .mind h2 .big {
        color: #bb2431;
        font-size: calc( 88 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .mind h2 .small {
        font-size: calc( 48 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .mind h3 {
        margin: 1.0em auto;
        width: 94%;
        max-width: 1100px;
        font-size: calc( 36 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: center;
    }
    .mind h4 {
        margin: 1.0em auto 0;
        width: 94%;
        max-width: 1100px;
        color: #bb2431;
        font-size: calc( 28 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 600;
        text-align: left;
    }
    .mind p {
        margin: 0.5em auto;
        width: 94%;
        max-width: 1100px;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-family: var(--font-mincho);
        font-weight: 500;
        text-align: left;
    }

    .ws-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        background: #000000cc;
        overflow: hidden;
        opacity: 0.0;
        transform: scaleY( 0.0 );
        transition: transform 0.01s ease-out 0.5s, opacity 0.5s ease-out;
        z-index: 99;

        --max-width: 1080;
    }
    .ws-modal.show {
        opacity: 1.0;
        transform: scaleY( 1.0 );
        transition: transform 0.01s, opacity 0.5s ease-out;
    }
    .ws-modal .modal-wrap {
        position: absolute;
        top: 2.0vw;
        left: 50%;
        margin: 0;
        padding: min( 20px, 3.0vw );
        width: calc( 100% - 4.0vw );
        max-width: 680px;
        height: calc( 100% - 4.0vw );
        background: #fcfbf5;
        overflow-y: auto;
        translate: -50% 0;
    }
    .ws-modal .modal-wrap .visit {
        margin-top: calc( 40 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap .way-text1 {
        margin-top: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap p {
        margin: 1.0em 0;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
    }
    .ws-modal .modal-wrap .way-head1 {
        margin: 1.0em auto 0.5em;
        padding: 0.2em 0;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        text-align: center;
        background: #ffad00;
        border-radius: calc( 4 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap .way-head2 {
        margin: 1.0em auto 0.5em;
        padding: 0.2em 0;
        color: #fff;
        font-size: calc( 24 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 700;
        text-align: center;
        background: #808080;
        border-radius: calc( 4 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
    }
    .ws-modal .modal-wrap .way-list {
        margin: 0.5em auto 1.0em;
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        display: flex;
        flex-wrap: wrap;
        gap: 0.2em 1.4em;
    }
    .ws-modal .modal-wrap .way-list span {
        font-size: calc( 20 * min( 100vw, var(--max-width-px) ) / var(--max-width) );
        font-weight: 500;
        white-space: nowrap;
    }
    .ws-modal .modal-wrap .way-list span::before {
        content: "・ ";
    }
}