@charset 'UTF-8';
.home-select h1,
.home-select h2,
.home-select h3,
.home-select h4,
.home-select h5,
.home-select h6,
.home-select p,
.home-select a,
.home-select button
{
    font-family: 'Noto Sans JP', sans-serif;
}

.home-select .content__area
{
    margin-inline: auto;
}
@media screen and (min-width: 769px)
{
    .home-select .content__area
    {
        max-width: 1366px; 

        padding-inline: 92px;
    }
}

@media screen and (min-width: 769px)
{
    .home-select .section__block
    {
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .section__block
    {
        padding-bottom: 100px;
    }
}

.home-select button
{
    border: none;
    background-color: transparent;
}

.home-select .select__component__heading
{
    padding-bottom: 40px; 

    text-align: center;
}

.home-select .select__component__heading__subtitle
{
    line-height: 1em; 

    color: #6c685c;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__heading__subtitle
    {
        font-size: 18px;
        font-weight: 500; 

        padding-bottom: 28px;

        letter-spacing: .2em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__heading__subtitle
    {
        font-size: 14px;
        font-weight: 500; 

        padding-bottom: 18px;

        letter-spacing: .2em;
    }
}

.home-select .select__component__heading__title
{
    line-height: 120%;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__heading__title
    {
        font-size: 40px;
        font-weight: 700; 

        letter-spacing: .2em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__heading__title
    {
        font-size: 24px;
        font-weight: 700; 

        letter-spacing: .2em;
    }
}
.home-select .select__component__heading__title:after
{
    display: block;

    width: 20px;
    height: 1px;

    content: '';

    background-color: #334998; 

    margin-inline: auto;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__heading__title:after
    {
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__heading__title:after
    {
        margin-top: 20px;
    }
}

.home-select .select__component__link__list
{
    gap: 24px 30px;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__link__list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-wrap: wrap;

                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__link__list
    {
        display: grid;

        margin-inline: 20px;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__link__list.is-three-columns .select__component__link__inner
    {
        width: 374px;
    }
}

.home-select .select__component__link__inner
{
    position: relative;

    display: grid;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; 
    text-align: center;

    border-radius: 8px;
    background-color: #e7e5dd;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08);

    place-content: center;
    backdrop-filter: blur(4px);
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__link__inner
    {
        width: 475px;
        height: 125px;

        background-size: auto;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__link__inner
    {
        width: 100%;
        height: 85px;

        background-size: 78px;
    }
}
.home-select .select__component__link__inner[data-bg-image='cash']
{
    background-image: url('../images/bg-cash.svg');
}
.home-select .select__component__link__inner[data-bg-image='chart']
{
    background-image: url('../images/bg-chart.svg');
}
.home-select .select__component__link__inner[data-bg-image='book']
{
    background-image: url('../images/bg-book.svg');
}
.home-select .select__component__link__inner[data-bg-image='interior']
{
    background-image: url('../images/bg-interior.svg');
}
.home-select .select__component__link__inner:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__component__link__note
{
    line-height: 1em;

    margin-bottom: 16px; 

    color: #a61918;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__link__note
    {
        font-size: 15px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__link__note
    {
        font-size: 12px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}

.home-select .select__component__link__text
{
    font-family: 'Noto Sans JP', sans-serif; 
    line-height: 120%;

    color: #a61918;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__link__text
    {
        font-size: 24px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__link__text
    {
        font-size: 16px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}

.home-select .select__component__link__arrow
{
    position: absolute;

    width: 13.5px;
    height: 13.5px;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__link__arrow
    {
        right: 15px;
        bottom: 15px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__component__link__arrow
    {
        top: 50%;
        right: 21px;

        -webkit-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

                transform: translateY(-50%);
    }
}
.home-select .select__component__link__arrow img
{
    aspect-ratio: 1 / 1;
}

.home-select .select__component__carousel__slide img
{
    width: 100%;
}

.home-select .select__component__carousel__button
{
    display: grid;

    margin-top: 24px; 

    -webkit-box-align: center; 

    -webkit-align-items: center; 

            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    grid-template-columns: repeat(3, max-content);
    gap: 16px;
}
@media screen and (min-width: 769px)
{
    .home-select .select__component__carousel__button.is-no-swiper
    {
        visibility: hidden;
    }
}

.home-select .select__component__carousel__pagenation
{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; 

    width: 100%;

    -webkit-transition: .3s opacity;

    transition: .3s opacity;
    text-align: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;
}
.home-select .select__component__carousel__pagenation .swiper-pagination-bullet
{
    width: 8px;
    height: 8px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    border-radius: 50%;
    background-color: #d8d8d8;

    margin-inline: 8px;
}
.home-select .select__component__carousel__pagenation .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color: #334998;
}

.home-select .select__component__carousel__prev,
.home-select .select__component__carousel__next
{
    width: 13.11px;
    height: 12px;

    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; 

    background-image: url('../images/icon-arrow-carousel.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.home-select .select__component__carousel__prev:hover,
.home-select .select__component__carousel__next:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.home-select .select__component__carousel__prev.swiper-button-disabled,
.home-select .select__component__carousel__next.swiper-button-disabled
{
    visibility: hidden;
}

.home-select .select__component__carousel__prev
{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.home-select .select__kv__wrap
{
    display: grid;

    background-color: #e7e5dd;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__wrap
    {
        grid-template-columns: 1fr 1.5fr;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__wrap
    {
        grid-template-columns: 1fr;
    }
}

.home-select .select__kv__detail
{
    display: grid;

    align-self: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__detail
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
                order: 1;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__detail
    {
        padding-bottom: 40px; 

        -webkit-box-ordinal-group: 3; 

        -webkit-order: 2; 

                order: 2;
    }
}
.home-select .select__kv__detail h1
{
    text-align: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__detail h1
    {
        margin-bottom: clamp(0px, 4.39239vw, 60px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__detail h1
    {
        margin-block: 40px 30px;
    }
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__detail img
    {
        width: clamp(0px, 28.11127vw, 384px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__detail img
    {
        width: 251px;
    }
}

@media screen and (min-width: 769px)
{
    .home-select .select__kv__links
    {
        margin-inline: clamp(0px, 2.92826vw, 40px);
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__kv__links
    {
        margin-inline: 20px;
    }
}

.home-select .select__kv__catalog
{
    font-family: 'Noto Sans JP', sans-serif; 
    line-height: 1em;

    display: grid;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;

    color: #fff;
    border-radius: 4px;
    background-color: #334998;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08);

    margin-inline: auto;
    grid-template-columns: max-content 1fr max-content;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    backdrop-filter: blur(4px);
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__catalog
    {
        font-size: clamp(0px, 1.61054vw, 22px);
        font-weight: 700;

        padding: clamp(0px, 1.53734vw, 21px) 16px clamp(0px, 1.53734vw, 21px) 24px;

        letter-spacing: .02em;

        gap: clamp(0px, 1.1713vw, 16px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__catalog
    {
        font-size: 14px;
        font-weight: 700;

        padding: 28px 16px 28px 24px;

        letter-spacing: .02em;

        gap: 16px;
    }
}
.home-select .select__kv__catalog:before
{
    content: '';

    background-image: url('../images/icon-book.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__catalog:before
    {
        width: clamp(0px, 2.92826vw, 40px);
        height: clamp(0px, 2.92826vw, 40px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__catalog:before
    {
        width: 24px;
        height: 24px;
    }
}
.home-select .select__kv__catalog:after
{
    content: '';

    background-color: #fff; 

    -webkit-mask-image: url('../images/icon-arrow-02.svg'); 

            mask-image: url('../images/icon-arrow-02.svg');
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__catalog:after
    {
        width: clamp(0px, 2.34261vw, 32px);
        height: clamp(0px, 2.34261vw, 32px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__catalog:after
    {
        width: 16px;
        height: 16px;
    }
}
.home-select .select__kv__catalog:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__kv__simulation
{
    display: grid;

    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__simulation
    {
        margin-top: 17px; 

        gap: 17px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__simulation
    {
        margin-top: 10px; 

        gap: 10px;
    }
}
.home-select .select__kv__simulation a
{
    font-family: 'Noto Sans JP', sans-serif; 

    display: grid;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;

    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08);

    grid-template-columns: 1fr max-content;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    backdrop-filter: blur(4px);
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__simulation a
    {
        font-size: clamp(0px, 1.02489vw, 14px);
        font-weight: 700; 
        line-height: 1em;

        padding: clamp(0px, 1.1713vw, 16px) clamp(0px, 1.1713vw, 16px) clamp(0px, 1.1713vw, 16px) clamp(0px, 1.75695vw, 24px);

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__simulation a
    {
        font-size: 12px;
        font-weight: 700; 
        line-height: 160%;

        padding: 16px;

        letter-spacing: .02em;

        margin-block: calc((1em - 1lh) / 2);
    }
}
.home-select .select__kv__simulation a:after
{
    content: '';

    background-color: #000; 

    -webkit-mask-image: url('../images/icon-arrow-02.svg'); 

            mask-image: url('../images/icon-arrow-02.svg');
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__simulation a:after
    {
        width: clamp(0px, 1.1713vw, 16px);
        height: clamp(0px, 1.1713vw, 16px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__simulation a:after
    {
        width: 16px;
        height: 16px;
    }
}
.home-select .select__kv__simulation a:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__kv__hero
{
    position: relative;

    overflow: hidden; 

    width: 100%;
}
@media screen and (min-width: 769px)
{
    .home-select .select__kv__hero
    {
        aspect-ratio: 822 / 629;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
                order: 2;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__kv__hero
    {
        aspect-ratio: 375 / 294;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
                order: 1;
    }
}

.home-select .select__kv__hero img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-animation-name: kv-fade-loop;

            animation-name: kv-fade-loop;
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; 
    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    object-fit: cover;
}

.home-select .select__kv__hero img:nth-child(1)
{
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.home-select .select__kv__hero img:nth-child(2)
{
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

.home-select .select__kv__hero img:nth-child(3)
{
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

.home-select .select__kv__hero img:nth-child(4)
{
    -webkit-animation-delay: 12s;
            animation-delay: 12s;
}

@-webkit-keyframes kv-fade-loop
{
    0%
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    2%
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    27%
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    31%
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100%
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes kv-fade-loop
{
    0%
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    2%
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    27%
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    31%
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100%
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@media screen and (min-width: 769px)
{
    .home-select .select__question
    {
        margin-bottom: 120px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__question
    {
        margin-bottom: 157px;
    }
}

.home-select .select__question__wrap
{
    position: relative;
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__wrap
    {
        padding-top: 125px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__wrap
    {
        padding-top: 56px;
    }
}

.home-select .select__question__heading
{
    text-align: center;

    margin-inline: 20px;
}
.home-select .select__question__heading h2
{
    line-height: 180%;
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__heading h2
    {
        font-size: 40px;
        font-weight: 700; 

        padding-bottom: 45px;

        letter-spacing: .16em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__heading h2
    {
        font-size: 20px;
        font-weight: 700; 

        padding-bottom: 36px;

        letter-spacing: .16em;
    }
}
.home-select .select__question__heading h2 div
{
    line-height: 180%;
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__heading h2 div
    {
        font-size: 32px;
        font-weight: 700; 

        letter-spacing: .16em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__heading h2 div
    {
        font-size: 16px;
        font-weight: 700; 

        letter-spacing: .16em;
    }
}
.home-select .select__question__heading h2 span
{
    position: relative;

    padding-bottom: 8px;
}
.home-select .select__question__heading h2 span:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-radius: 50%; 
    background-color: #334998;
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__heading h2 span
    {
        padding-bottom: 8px;
    }
    .home-select .select__question__heading h2 span:after
    {
        width: 6px;
        height: 6px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__heading h2 span
    {
        padding-bottom: 4px;
    }
    .home-select .select__question__heading h2 span:after
    {
        width: 3px;
        height: 3px;
    }
}

.home-select .select__question__gallery
{
    display: grid;
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__gallery
    {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__gallery
    {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-inline: 20px;
    }
}

.home-select .select__question__gallery__items img
{
    width: 100%;
}

@media screen and (max-width: 768px)
{
    .home-select .select__question__gallery__items
    {
        display: grid;

        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
    }
    .home-select .select__question__gallery__items.is-odd img
    {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
                order: 2;
    }
    .home-select .select__question__gallery__items.is-odd p
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
                order: 1;
    }
}

.home-select .select__question__gallery__items p
{
    line-height: 200%;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__gallery__items p
    {
        font-size: clamp(0px, 1.0981vw, 15px);
        font-weight: 500;

        padding-top: 24px; 

        text-align: center;
        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__gallery__items p
    {
        font-size: 2.66667vw;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}

.home-select .select__question__hero
{
    position: relative;

    display: grid; 

    margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__hero
    {
        padding-top: 100px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__hero
    {
        padding-top: 56px;
    }
}
.home-select .select__question__hero img
{
    display: block; 

    width: 100%;

    margin-inline: auto;
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__hero img
    {
        width: clamp(0px, 45.60761vw, 623px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__hero img
    {
        width: 89.33333vw;
    }
}

.home-select .select__question__hero__message
{
    margin-inline: auto;
}
.home-select .select__question__hero__message p
{
    line-height: 200%;

    text-align: center; 

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__question__hero__message p
    {
        font-size: clamp(0px, 1.0981vw, 15px);
        font-weight: 500;

        margin-top: clamp(0px, 1.75695vw, 24px); 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__question__hero__message p
    {
        font-size: 4vw;
        font-weight: 500;

        margin-top: 20px; 

        letter-spacing: .02em;
    }
}

@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__wrap
    {
        display: grid;

        width: clamp(0px, 71.74231vw, 980px);
        margin-bottom: clamp(-45px, -3.29429vw, 0px); 

        gap: clamp(0px, 2.19619vw, 30px);
        grid-template-columns: repeat(3, 1fr);
        justify-self: center;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__wrap
    {
        display: grid;

        margin-bottom: -40px; 

        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
}

.home-select .select__features__tab__button
{
    position: relative;

    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out, background-color .3s ease;
    transition: opacity .2s ease-in-out, background-color .3s ease;

    color: #000;
    border-radius: 4px;
    background-color: #e7e5dd;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08); 

    backdrop-filter: blur(4px);
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__button
    {
        height: clamp(0px, 12.4451vw, 170px); 

        padding-inline: clamp(0px, 1.46413vw, 20px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button
    {
        font-size: 16px;
        font-weight: 500; 

        height: 125px;

        letter-spacing: .02em;
    }
}
.home-select .select__features__tab__button:not(.active):hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__button img
    {
        width: clamp(0px, 2.92826vw, 40px); 
        margin-bottom: clamp(0px, .95168vw, 13px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button img
    {
        width: 20px;
        margin-bottom: 10px;
    }
}
.home-select .select__features__tab__button p
{
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 140%;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__button p
    {
        font-size: clamp(0px, 1.61054vw, 22px);
        font-weight: 700;

        margin-top: clamp(0px, .95168vw, 13px); 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button p
    {
        font-size: 11px;
        font-weight: 700;

        margin-top: 10px; 

        letter-spacing: .02em;
    }
}
.home-select .select__features__tab__button span
{
    line-height: 160%;

    display: block; 

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__button span
    {
        font-size: clamp(0px, 1.0981vw, 15px);

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button span
    {
        font-size: 10px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}
.home-select .select__features__tab__button:after
{
    position: absolute;
    left: 50%;

    content: '';
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; 
    -webkit-transform: translateX(-50%); 
        -ms-transform: translateX(-50%); 
            transform: translateX(-50%);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-image: url('../images/design-triangle.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__button:after
    {
        bottom: clamp(-13px, -.95168vw, 0px); 

        width: clamp(0px, 1.24451vw, 17px);
        height: clamp(0px, 1.0981vw, 15px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button:after
    {
        bottom: -13px; 

        width: 17px;
        height: 15px;
    }
}

.home-select .select__features__tab__content.active
{
    display: block;
}

.home-select .select__features__tab__button.active
{
    color: #fff; 
    background-color: #334998;
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button.active
    {
        height: 168px; 
        margin-top: -43px;
    }
    .home-select .select__features__tab__button.active span
    {
        font-size: 12px;
    }
    .home-select .select__features__tab__button.active p
    {
        font-size: 14px;
    }
}
.home-select .select__features__tab__button.active img
{
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__button.active img
    {
        width: 25px;
    }
}
.home-select .select__features__tab__button.active:after
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.home-select .select__features__tab__content
{
    display: none;
    overflow-x: hidden;

    background-color: #f3f2ef;
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__tab__content
    {
        padding-bottom: 35px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__tab__content
    {
        padding-bottom: 56px;
    }
}

.home-select .select__features__title
{
    font-size: 13px;
    font-weight: 500; 
    line-height: 160%;

    text-align: center;
    letter-spacing: .02em;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__title
    {
        height: 100px; 
        padding-top: clamp(0px, 7.32064vw, 100px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__title
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;

        height: 100px;
        padding: 60px 30px 10px;

        -webkit-box-align: center;

        -webkit-align-items: center;

                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
}

.home-select .select__features__box
{
    width: clamp(0px, 86.53001vw, 1182px);

    margin-inline: auto;
}

.home-select .select__features__container
{
    overflow: visible;
}

.home-select .select__features__list
{
    margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__list.is-no-swiper
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
}
.home-select .select__features__list[data-bg-color='gray'] .select__features__item__text
{
    background-color: #6c685c;
}
.home-select .select__features__list[data-bg-color='blue'] .select__features__item__text
{
    background-color: #0082ca;
}
.home-select .select__features__list[data-bg-color='brown'] .select__features__item__text
{
    background-color: #9d9376;
}

.home-select .select__features__item
{
    position: relative;

    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08); 

    backdrop-filter: blur(4px);
}
.home-select .select__features__item:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.home-select .select__features__item img
{
    width: 100%;

    border-radius: 0 0 4px 4px;
}

.home-select .select__features__item__text
{
    font-family: 'Noto Sans JP', sans-serif;

    display: grid;

    text-align: center;

    color: #fff;
    border-radius: 4px 4px 0 0; 

    -webkit-box-pack: center; 

    -webkit-justify-content: center; 

            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__item__text
    {
        font-size: clamp(0px, 1.1713vw, 16px);
        font-weight: 700;
        line-height: 160%;

        height: clamp(0px, 6.58858vw, 90px);

        letter-spacing: .05em; 

        margin-block: calc((1em - 1lh) / 2);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__item__text
    {
        font-size: 12px;
        font-weight: 700;
        line-height: 160%;

        height: 18.66667vw; 

        letter-spacing: .05em;
    }
}

.home-select .select__features__item__cross
{
    position: absolute;
    right: 10px;
    bottom: 10px;

    display: block;
    display: grid;

    border-radius: 50%;
    background-color: #fff;

    place-content: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__item__cross
    {
        width: clamp(0px, 2.92826vw, 40px);
        height: clamp(0px, 2.92826vw, 40px);
    }
    .home-select .select__features__item__cross img
    {
        width: clamp(0px, .87848vw, 12px);
        height: clamp(0px, .87848vw, 12px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__item__cross
    {
        font-size: 14px;
        font-weight: 700;
        line-height: 30px; 

        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width: 769px)
{
    .home-select .select__features__modal__pic
    {
        width: clamp(0px, 71.74231vw, 980px);
        margin-top: 140px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__features__modal__pic
    {
        width: 89.33333vw;
        margin-top: 40px;
    }
}

.home-select .select__features__modal__link
{
    width: calc((1182 / 1366) * 100vw);
    margin: 20px auto 60px auto;
}

.home-select .select__voice__item
{
    height: auto; 

    border-radius: 4px;
    background-color: #f3f2ef;
}

@media screen and (min-width: 769px)
{
    .home-select .select__voice__card
    {
        padding: clamp(0px, 1.75695vw, 24px) clamp(0px, 1.46413vw, 20px);
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__voice__card
    {
        padding: 24px;
    }
}

.home-select .select__voice__item__detail
{
    display: grid;

    border-bottom: 1px solid #d8d8d8; 

    grid-template-columns: max-content 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__voice__item__detail
    {
        margin-bottom: 12px; 
        padding-bottom: 12px;

        gap: clamp(0px, 1.1713vw, 16px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__voice__item__detail
    {
        margin-bottom: 20px; 
        padding-bottom: 20px;

        gap: 16px;
    }
}
@media screen and (min-width: 769px)
{
    .home-select .select__voice__item__detail img
    {
        width: clamp(0px, 4.83163vw, 66px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__voice__item__detail img
    {
        width: 66px;
    }
}

.home-select .select__voice__item__detail__text
{
    color: #334998;
}
.home-select .select__voice__item__detail__text p
{
    line-height: 120%;
}
@media screen and (min-width: 769px)
{
    .home-select .select__voice__item__detail__text p
    {
        font-size: clamp(0px, 1.1713vw, 16px);
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__voice__item__detail__text p
    {
        font-size: 16px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
.home-select .select__voice__item__detail__text span
{
    line-height: 1em;
}
@media screen and (min-width: 769px)
{
    .home-select .select__voice__item__detail__text span
    {
        font-size: clamp(0px, 1.0981vw, 15px);
        font-weight: 600; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__voice__item__detail__text span
    {
        font-size: 15px;
        font-weight: 600; 

        letter-spacing: .02em;
    }
}

.home-select .select__voice__item__text
{
    font-family: 'Noto Sans JP', sans-serif; 
    line-height: 150%;

    color: #000;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__voice__item__text
    {
        font-size: clamp(0px, 1.0981vw, 15px);
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__voice__item__text
    {
        font-size: 18px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}

.home-select .select__plan__wrap
{
    text-align: center; 

    background-color: #f3f2ef;
}
@media screen and (min-width: 769px)
{
    .home-select .select__plan__wrap
    {
        padding: 64px 81px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__plan__wrap
    {
        padding: 40px 20px;
    }
}

@media screen and (min-width: 769px)
{
    .home-select .select__plan__heading
    {
        width: 210px;
        margin-bottom: 56px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__plan__heading
    {
        width: 180px;
        margin-bottom: 32px;
    }
}

.home-select .select__plan__link
{
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1em;

    display: block;

    padding-top: 40px;

    cursor: pointer; 
    -webkit-transition: opacity .2s ease-in-out; 
    transition: opacity .2s ease-in-out;
    text-align: center;
    text-decoration: underline;

    color: #334998;
}
@media screen and (min-width: 769px)
{
    .home-select .select__plan__link
    {
        font-size: 16px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__plan__link
    {
        font-size: 14px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
.home-select .select__plan__link:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

@media screen and (min-width: 769px)
{
    .home-select .select__plan__modal__pic
    {
        width: clamp(0px, 71.74231vw, 980px);
        margin-top: 140px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__plan__modal__pic
    {
        width: 89.33333vw;
        margin-top: 40px;
    }
}

.home-select .select__plan__modal__link
{
    width: calc((1182 / 1366) * 100vw);
    margin: 20px auto 60px auto;
}

.home-select .select__exterior__wrap
{
    overflow-x: hidden;
}

.home-select .select__exterior__tab__wrap
{
    display: grid;

    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__wrap
    {
        border-bottom: 1px solid #d8d8d8; 

        gap: 4px;
        padding-inline: 92px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__wrap
    {
        gap: 2px;
    }
}

.home-select .select__exterior__tab__button
{
    cursor: pointer;
    -webkit-transition: background-color .3s ease, opacity .2s ease-in-out;
    transition: background-color .3s ease, opacity .2s ease-in-out; 

    color: #6c685c;
    background-color: #f1f1f1;

    padding-block: 24px;
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__button
    {
        font-size: 18px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__button
    {
        font-size: 16px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}
.home-select .select__exterior__tab__button:not(.active):hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__exterior__tab__button.active
{
    color: #fff; 
    background-color: #334998;
}

.home-select .select__exterior__tab__content
{
    display: none;
}

.home-select .select__exterior__tab__content.active
{
    display: block;
}

@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__block--nested
    {
        margin-top: 50px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__block--nested
    {
        margin-top: 67px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__box--nested
    {
        height: 75px;
    }
}

.home-select .select__exterior__tab__wrap--nested
{
    display: grid;

    grid-template-columns: repeat(3, max-content);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.home-select .select__exterior__tab__button--nested
{
    display: grid;

    cursor: pointer;
    -webkit-transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: color .3s ease-in-out, transform .3s ease-in-out;
    transition: color .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

    color: #bdbdbd;

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;
}
@media screen and (min-width: 851px)
{
    .home-select .select__exterior__tab__button--nested
    {
        grid-template-columns: repeat(2, max-content);
        gap: clamp(0px, .87848vw, 12px);
    }
    .home-select .select__exterior__tab__button--nested:not(:last-child)
    {
        margin-right: clamp(0px, 2.34261vw, 32px);
        padding-right: clamp(0px, 2.34261vw, 32px);

        border-right: 1px solid #d8d8d8;
    }
}
@media screen and (max-width: 850px)
{
    .home-select .select__exterior__tab__button--nested
    {
        width: 120px;

        grid-template-columns: 1fr;
        gap: 8px;
    }
}
.home-select .select__exterior__tab__button--nested > p
{
    font-family: 'Inter', sans-serif;
    line-height: 1em;

    -webkit-transition: font-size .3s ease-in-out;

    transition: font-size .3s ease-in-out;
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__button--nested > p
    {
        font-size: 22px;
        font-weight: 700; 

        letter-spacing: 0;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__button--nested > p
    {
        font-size: 15px;
        font-weight: 700; 

        letter-spacing: 0;
    }
}
.home-select .select__exterior__tab__button--nested > span
{
    line-height: 1em;
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__button--nested > span
    {
        font-size: 12px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__button--nested > span
    {
        font-size: 9px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}

.home-select .select__exterior__tab__button--nested:hover
{
    color: #6c685c;
}

.home-select .select__exterior__tab__button--nested.active
{
    position: relative; 

    color: #334998;
}
@media screen and (max-width: 850px)
{
    .home-select .select__exterior__tab__button--nested.active
    {
        -webkit-transform: scale(1.3);
            -ms-transform: scale(1.3);
                transform: scale(1.3);
    }
}
.home-select .select__exterior__tab__button--nested.active:before
{
    position: absolute;

    content: '';

    border-radius: 50%; 
    background-color: #334998;
}
@media screen and (min-width: 851px)
{
    .home-select .select__exterior__tab__button--nested.active:before
    {
        top: 50%;
        left: -20px;

        width: 8px;
        height: 8px;

        -webkit-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

                transform: translateY(-50%);
    }
}
@media screen and (max-width: 850px)
{
    .home-select .select__exterior__tab__button--nested.active:before
    {
        top: -15px;
        left: 50%;

        width: 6.15px;
        height: 6.15px;

        -webkit-transform: translate(-50%, -50%);

            -ms-transform: translate(-50%, -50%);

                transform: translate(-50%, -50%);
    }
}

.home-select .select__exterior__tab__content--nested
{
    display: none;

    text-align: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__content--nested
    {
        padding: 20px 0;
    }
}
.home-select .select__exterior__tab__content--nested > p
{
    font-size: 15px;
    font-weight: 500; 
    line-height: 200%;

    letter-spacing: .02em;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__content--nested > p
    {
        padding-top: 34px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__content--nested > p
    {
        padding-top: 32px;

        border-top: 1px solid #d8d8d8;

        margin-inline: 20px;
    }
}
.home-select .select__exterior__tab__content--nested > span
{
    font-size: 12px;
    font-weight: 500; 
    line-height: 200%;

    display: block;

    letter-spacing: .02em;

    color: #6c685c;
}
@media screen and (min-width: 769px)
{
    .home-select .select__exterior__tab__content--nested > span
    {
        padding-block: 24px 54px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__exterior__tab__content--nested > span
    {
        padding-block: 32px;
    }
}

.home-select .select__exterior__tab__content--nested.active
{
    display: block;
}

.home-select .select__layout__tab__wrap
{
    display: grid;

    grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__wrap
    {
        border-bottom: 1px solid #d8d8d8; 

        gap: 4px;
        padding-inline: 92px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__wrap
    {
        gap: 2px;
    }
}

.home-select .select__layout__tab__button
{
    cursor: pointer;
    -webkit-transition: background-color .3s ease, opacity .2s ease-in-out;
    transition: background-color .3s ease, opacity .2s ease-in-out; 

    color: #6c685c;
    background-color: #f1f1f1;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__button
    {
        font-size: 18px;
        font-weight: 500;

        padding: 24px 10px; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__button
    {
        font-size: 16px;
        font-weight: 500;

        padding: 16px 8px; 

        letter-spacing: .02em;
    }
}
.home-select .select__layout__tab__button:not(.active):hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__layout__tab__button.active
{
    color: #fff; 
    background-color: #334998;
}

.home-select .select__layout__tab__content
{
    display: none;
}

.home-select .select__layout__tab__content.active
{
    display: block;
}

@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__block--nested
    {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__block--nested
    {
        margin-top: 24px;
    }
}

.home-select .select__layout__tab__box--nested
{
    display: grid;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__box--nested
    {
        grid-template-columns: 1fr 1fr;
        gap: clamp(0px, 2.19619vw, 30px);
    }
    .home-select .select__layout__tab__box--nested:before
    {
        content: '';
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__box--nested
    {
        margin-inline: 20px;
    }
}

.home-select .select__layout__tab__manager--nested
{
    display: grid;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__manager--nested
    {
        grid-template-columns: 1fr 1.3fr;
        gap: 16px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__manager--nested
    {
        grid-template-columns: 1fr 1.3fr;
        gap: 13px;
    }
}
.home-select .select__layout__tab__manager--nested:has(.select__layout__tab__button--nested.is-yasuragi) .select__layout__tab__text--nested p
{
    white-space: nowrap;
}

.home-select .select__layout__tab__text--nested > p
{
    font-family: 'Noto Sans JP', sans-serif; 
    line-height: 150%;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__text--nested > p
    {
        font-size: clamp(0px, 1.02489vw, 14px);
        font-weight: 700;

        padding-right: 10px; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__text--nested > p
    {
        font-size: 14px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}

.home-select .select__layout__tab__wrap--nested
{
    display: grid;

    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__wrap--nested
    {
        -webkit-box-pack: right;
        -webkit-justify-content: right;
                justify-content: right;
        gap: 16px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__wrap--nested
    {
        gap: 13px;
    }
}

.home-select .select__layout__tab__button--nested
{
    display: grid;

    cursor: pointer;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;

    color: #bdbdbd;
    border: 1px solid #d8d8d8;
    border-radius: 4px; 

    -webkit-box-align: center; 

    -webkit-align-items: center; 

            align-items: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__button--nested
    {
        padding-block: 24px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__button--nested
    {
        padding-block: 31px;
    }
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__button--nested.is-yasuragi
    {
        visibility: hidden;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__button--nested.is-yasuragi
    {
        display: none;
    }
}
.home-select .select__layout__tab__button--nested > p
{
    font-family: 'Inter', sans-serif; 
    line-height: 1em;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__button--nested > p
    {
        font-size: 16px;
        font-weight: 700; 

        letter-spacing: .05em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__tab__button--nested > p
    {
        font-size: 16px;
        font-weight: 700; 

        letter-spacing: .05em;
    }
}
.home-select .select__layout__tab__button--nested:not(.active):hover
{
    color: #bdbdbd;
    background-color: rgba(51, 73, 152, .1);
}
.home-select .select__layout__tab__button--nested.active
{
    color: #334998;
}

.home-select .select__layout__tab__content--nested
{
    display: none;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__tab__content--nested
    {
        padding: 20px 0;
    }
}

.home-select .select__layout__gallery
{
    display: grid;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery
    {
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(0px, 2.19619vw, 30px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery
    {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.home-select .select__layout__gallery__image
{
    border-radius: 4px;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__image
    {
        margin-top: -92px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__image
    {
        margin-top: 16px;

        margin-inline: 20px;
    }
}
.home-select .select__layout__gallery__image img
{
    width: 100%;

    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.home-select .select__layout__gallery__image img[data-layout-image='imadoki-first-floor']
{
    background-image: url('../images/image-layout-main-imadoki-first-00.png');
}
.home-select .select__layout__gallery__image img[data-layout-image='imadoki-second-floor']
{
    background-image: url('../images/image-layout-main-imadoki-second-00.png');
}
.home-select .select__layout__gallery__image img[data-layout-image='yutori-first-floor']
{
    background-image: url('../images/image-layout-main-yutori-first-00.png');
}
.home-select .select__layout__gallery__image img[data-layout-image='yutori-second-floor']
{
    background-image: url('../images/image-layout-main-yutori-second-00.png');
}
.home-select .select__layout__gallery__image img[data-layout-image='yasuragi-first-floor']
{
    background-image: url('../images/image-layout-main-yasuragi-first-00.png');
}

.home-select .select__layout__gallery__anno
{
    font-size: 12px;
    font-weight: 500; 
    line-height: 1.5em;

    letter-spacing: .02em;

    color: #6c685c;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__anno
    {
        padding-top: 10px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__anno
    {
        padding-top: 2px; 

        margin-inline: 20px;
    }
}

@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__list::-webkit-scrollbar
    {
        width: 4px;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__list::-webkit-scrollbar
    {
        height: 4px;
    }
}

.home-select .select__layout__gallery__list::-webkit-scrollbar-track
{
    background: #d8d8d8;
}

.home-select .select__layout__gallery__list::-webkit-scrollbar-thumb
{
    background: #334998;
}

@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__list
    {
        display: grid;
        overflow-y: scroll;

        height: clamp(0px, 33.67496vw, 460px);
        max-height: 500px;
        padding-right: 8px;
        padding-bottom: 70px; 

        grid-template-columns: repeat(2, 1fr);
        gap: 24px clamp(0px, 1.1713vw, 16px);
        -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 88px);
                mask-image: linear-gradient(to top, transparent, black 88px);
        -webkit-mask-size: 100% 1500px;
                mask-size: 100% 1500px;
        -webkit-mask-position: bottom;
                mask-position: bottom;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        overflow-x: scroll;

        padding-bottom: 22px; 

        margin-inline: 20px;
        gap: 16px;
    }
}

.home-select .select__layout__gallery__item
{
    position: relative;

    height: -webkit-fit-content;

    height: fit-content; 

    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__item
    {
        min-width: 200px;
    }
}
.home-select .select__layout__gallery__item:not(.show):hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__layout__gallery__item.show .select__layout__gallery__item__image:before
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.home-select .select__layout__gallery__item.show .select__layout__gallery__item__image:after
{
    background-image: url('../images/icon-minus.svg');
}

.home-select .select__layout__gallery__item.show .select__layout__gallery__item__text
{
    z-index: 2; 

    display: block;
}

.home-select .select__layout__gallery__item__image
{
    position: relative;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08); 

    backdrop-filter: blur(4px);
}
.home-select .select__layout__gallery__item__image:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: opacity .3s ease, visibility 0s .3s;
    transition: opacity .3s ease, visibility 0s .3s; 

    opacity: 0; 

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: rgba(0, 0, 0, .6);
}
.home-select .select__layout__gallery__item__image:after
{
    position: absolute;
    z-index: 2; 

    display: block;

    content: '';

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../images/icon-cross.svg');
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__item__image:after
    {
        right: clamp(0px, .73206vw, 10px);
        bottom: clamp(0px, .73206vw, 10px);

        width: clamp(0px, 2.92826vw, 40px);
        height: clamp(0px, 2.92826vw, 40px);

        background-size: clamp(0px, .87848vw, 12px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__item__image:after
    {
        right: 10px;
        bottom: 10px;

        width: 40px;
        height: 40px;

        background-size: 12px;
    }
}
.home-select .select__layout__gallery__item__image img
{
    width: 100%;
}

.home-select .select__layout__gallery__item__text
{
    font-family: 'Noto Sans JP', sans-serif; 
    line-height: 160%;

    position: absolute;
    top: 50%;
    right: 0;

    display: none;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    color: #fff;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__item__text
    {
        font-size: clamp(0px, 1.0981vw, 15px);
        font-weight: 700;

        letter-spacing: .05em;

        padding-inline: clamp(0px, 1.46413vw, 20px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__item__text
    {
        font-size: 13px;
        font-weight: 700;

        letter-spacing: .05em;

        padding-inline: 20px;
    }
}

.home-select .select__layout__gallery__item__title
{
    display: grid;

    margin-top: 16px;

    grid-template-columns: repeat(2, max-content);
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    gap: 4px;
}
.home-select .select__layout__gallery__item__title span
{
    font-family: 'Inter', sans-serif;
    line-height: 1em;

    display: inline-block;

    padding: 4px;

    color: #fff; 
    border-radius: 4px;
    background-color: #334998;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__item__title span
    {
        font-size: 10px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__item__title span
    {
        font-size: 10px;
        font-weight: 700; 

        letter-spacing: .05em;
    }
}
.home-select .select__layout__gallery__item__title p
{
    line-height: 1em; 

    display: inline-block;
}
@media screen and (min-width: 769px)
{
    .home-select .select__layout__gallery__item__title p
    {
        font-size: 15px;
        font-weight: 500; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__layout__gallery__item__title p
    {
        font-size: 16px;
        font-weight: 400; 

        letter-spacing: .05em;
    }
}

.home-select .select__layout__tab__content--nested.active
{
    display: block;
}

.home-select .select__layout__link
{
    margin-top: 40px;
}

.home-select .select__interior__wrap
{
    background-color: #f3f2ef;
}
@media screen and (min-width: 769px)
{
    .home-select .select__interior__wrap
    {
        margin-bottom: 40px; 

        padding-block: 64px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__interior__wrap
    {
        margin-bottom: 24px; 

        padding-block: 40px;
    }
}

.home-select .select__interior__message
{
    display: grid;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__interior__message
    {
        height: 100px; 
        margin-bottom: 40px;

        grid-template-columns: repeat(2, max-content);
        gap: 40px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__interior__message
    {
        height: 260px; 
        margin: 0 20px 32px;

        grid-template-columns: 1fr;
        gap: 32px;
        justify-items: center;
        -webkit-align-content: center;
                align-content: center;
    }
}

@media screen and (max-width: 768px)
{
    .home-select .select__interior__message__heading
    {
        text-align: center;
    }
}

.home-select .select__interior__message__title
{
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 700; 
    line-height: 1em;

    margin-bottom: 16px;

    letter-spacing: 0;
}

.home-select .select__interior__message__sub
{
    font-size: 12px;
    font-weight: 500; 
    line-height: 1em;

    letter-spacing: .02em;
}

.home-select .select__interior__message__text p
{
    font-size: 15px;
    font-weight: 500; 
    line-height: 200%;

    white-space: pre-wrap;
    letter-spacing: .02em;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__interior__message__text p
    {
        padding-left: 40px;

        border-left: 1px solid #d8d8d8;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__interior__message__text p
    {
        position: relative;

        padding-top: 32px;
    }
    .home-select .select__interior__message__text p:before
    {
        position: absolute;
        top: 0;
        left: 50%;

        width: 70px;
        height: 1px;

        content: '';
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);

        background-color: #d8d8d8;
    }
}

.home-select .select__interior__message__title,
.home-select .select__interior__message__sub,
.home-select .select__interior__message__text p
{
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;

    will-change: opacity;
}

.home-select .is-fade-out
{
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.home-select
{
    /* モーダルと背景の指定 */
    /* クラスが追加された時の指定 */
    /* モーダル内側要素の指定 */
}
.home-select .select__specification__wrap
{
    container-type: inline-size;
}
@media screen and (min-width: 769px)
{
    .home-select .select__specification__list
    {
        display: grid;

        gap: 30px 30px;
        grid-template-columns: repeat(5, 1fr);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
}
.home-select .select__specification__item
{
    position: relative;

    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;

    border-radius: 4px; 
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08);

    backdrop-filter: blur(4px);
}
.home-select .select__specification__item img
{
    width: 100%;

    border-radius: 4px;
}
.home-select .select__specification__item:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.home-select .select__specification__item__text
{
    font-family: 'Inter', sans-serif; 
    line-height: 160%;

    position: absolute;
    bottom: 15px;
    left: 15px;

    color: #fff;

    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__specification__item__text
    {
        font-size: clamp(0px, 1.31772vw, 18px);
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__specification__item__text
    {
        font-size: 18px;
        font-weight: 700; 

        letter-spacing: .02em;
    }
}
.home-select .select__specification__item__cross
{
    position: absolute;
    right: 10px;
    bottom: 10px;

    display: block;
    display: grid;

    border-radius: 50%;
    background-color: #fff;

    place-content: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__specification__item__cross
    {
        width: clamp(0px, 2.92826vw, 40px);
        height: clamp(0px, 2.92826vw, 40px);
    }
    .home-select .select__specification__item__cross img
    {
        width: clamp(0px, .87848vw, 12px);
        height: clamp(0px, .87848vw, 12px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__specification__item__cross
    {
        width: 40px;
        height: 40px;
    }
}
.home-select .c-modal
{
    position: fixed;
    z-index: 1000; 
    top: 0;
    left: 0;

    visibility: hidden;
    overflow: auto;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 40px 20px;

    -webkit-transition: .3s;

    transition: .3s;
    text-align: center;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(0, 0, 0, .5);
}
.home-select .c-modal.is-active
{
    visibility: visible; 

    opacity: 1; 

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.home-select .c-modal__inner
{
    position: relative;

    display: inline-block;
}
@media screen and (min-width: 769px)
{
    .home-select .select__specification__modal__pic
    {
        width: clamp(0px, 71.74231vw, 980px);
        margin-top: 140px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__specification__modal__pic
    {
        width: 89.33333vw;
        margin-top: 40px;
    }
}
.home-select .select__specification__modal__link
{
    width: calc((1182 / 1366) * 100vw);
    margin: 20px auto 60px auto;
}
.home-select .select__specification__link
{
    margin-top: 40px;
}
.home-select .select__features__modal__button--mocx
{
    position: absolute;
    left: 50%;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; 
    -webkit-transform: translateX(-50%); 
        -ms-transform: translateX(-50%); 
            transform: translateX(-50%);
}
@media screen and (min-width: 769px)
{
    .home-select .select__features__modal__button--mocx
    {
        bottom: clamp(0px, 5.85652vw, 80px);

        width: clamp(0px, 42.16691vw, 576px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__features__modal__button--mocx
    {
        bottom: 10.66667vw;

        width: 78.66667vw;
    }
}
.home-select .select__features__modal__button--mocx img
{
    width: 100%;
}
.home-select .select__features__modal__button--mocx:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__other__banner
{
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .home-select .select__other__banner
    {
        margin-inline: 20px;
    }
}
.home-select .select__other__banner p
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 23px;
    font-weight: 700; 
    line-height: 1em;

    margin-top: 80px;

    letter-spacing: .02em;
}
.home-select .select__other__banner a
{
    display: block;

    margin-top: 20px;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;
}
@media screen and (min-width: 769px)
{
    .home-select .select__other__banner a img
    {
        width: 574px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__other__banner a img
    {
        width: 100%;
    }
}
.home-select .select__other__banner a:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-select .select__menu
{
    position: fixed;
    z-index: 1000;
    right: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: #fff;
}
@media screen and (min-width: 769px)
{
    .home-select .select__menu
    {
        top: 25%;

        width: 197px;

        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__menu
    {
        bottom: 0;

        width: 100%;
        height: 63px;

        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
}
.home-select .select__menu.is-visible
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (min-width: 769px)
{
    .home-select .select__menu.is-hidden
    {
        right: -149px;
    }
}
.home-select .select__menu .select__menu__wrap
{
    background-color: #f3f2ef;
}
@media screen and (min-width: 769px)
{
    .home-select .select__menu .select__menu__wrap
    {
        border-top-left-radius: 4px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__menu .select__menu__wrap
    {
        display: grid;

        height: 63px;

        border-top-left-radius: 4px;
        border-top-right-radius: 4px;

        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
    }
}
.home-select .select__menu .select__menu__link
{
    display: grid;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease; 

    -webkit-box-align: center; 

    -webkit-align-items: center; 

            align-items: center;
}
@media screen and (min-width: 769px)
{
    .home-select .select__menu .select__menu__link
    {
        width: 100%;
        height: 48px;

        border-bottom: 1px solid #d8d8d8;

        grid-template-columns: max-content 1fr;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__menu .select__menu__link
    {
        -webkit-align-self: center;
                align-self: center;
        gap: 5px;
    }
}
.home-select .select__menu .select__menu__link:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.home-select .select__menu .select__menu__icon
{
    width: 20px;
    height: 20px;
}
@media screen and (min-width: 769px)
{
    .home-select .select__menu .select__menu__icon
    {
        margin-inline: 14px;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__menu .select__menu__icon
    {
        justify-self: center;
    }
}
.home-select .select__menu .select__menu__text
{
    margin-block: calc((1em - 1lh) / 2);
}
@media screen and (min-width: 769px)
{
    .home-select .select__menu .select__menu__text
    {
        font-family: 'Noto Sans JP', sans-serif; 
        font-size: 13px;
        font-weight: 700;
        line-height: 150%;

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 768px)
{
    .home-select .select__menu .select__menu__text
    {
        font-size: 10px;
        font-weight: 400;
        line-height: 120%;

        text-align: center; 
        letter-spacing: .02em;
    }
}
.home-select .select__menu .select__menu__trriger
{
    position: relative;

    height: 32px;

    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; 

    border-bottom-left-radius: 4px;
    background-color: #e7e5dd;
}
.home-select .select__menu .select__menu__trriger:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.home-select .select__menu .select__menu__trriger:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 7px;
    height: 8px;

    content: '';
    -webkit-transition: left .3s ease;
    transition: left .3s ease; 
    -webkit-transform: translate(-50%, -50%); 
        -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);

    background-image: url('../images/design-menu-trigger.svg');
    background-size: cover;
}
.home-select .select__menu .select__menu__trriger.is-hidden:before
{
    left: 20px;

    margin-top: -4px; 

    -webkit-transform: scaleX(-1); 

        -ms-transform: scaleX(-1); 

            transform: scaleX(-1);

    background-image: url('../images/design-menu-trigger.svg');
}

/* モーダルを閉じるボタンの指定 */
.home-select .c-modal-close
{
    position: fixed;
    z-index: 1001;
    right: 20px;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; 
    pointer-events: none;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #334998;

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
@media screen and (min-width: 769px)
{
    .home-select .c-modal-close
    {
        top: 110px;

        width: clamp(0px, 6.07613vw, 83px);
        height: clamp(0px, 6.07613vw, 83px);

        border-radius: clamp(0px, .29283vw, 4px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .c-modal-close
    {
        top: 80px;

        width: 8.53333vw;
        height: 8.53333vw;

        border-radius: clamp(0px, .29283vw, 4px);
    }
}

.home-select .c-modal-close img
{
    margin: auto;
}
@media screen and (min-width: 769px)
{
    .home-select .c-modal-close img
    {
        width: clamp(0px, 3.66032vw, 50px);
    }
}
@media screen and (max-width: 768px)
{
    .home-select .c-modal-close img
    {
        width: 5.33333vw;
    }
}

.home-select .c-modal-close.is-active
{
    pointer-events: auto; 

    opacity: 1; 

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.home-select .c-modal-close.is-active:hover
{
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

body.is-hidden
{
    overflow: hidden;
}