@charset 'UTF-8';
/* ==========================================================================
   toppage
   ========================================================================== */
/* p-mv
   ----------------------------------------------------------------- */
.p-mv
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    width: 100%;
}
.p-mv__mainCatch
{
    position: absolute;
    z-index: 10;
    top: 50%;

    width: 100%;

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

            transform: translateY(-52%);
}
@media screen and (max-width: 1024px)
{
    .p-mv__mainCatch
    {
        -webkit-transform: translateY(-45%);
                transform: translateY(-45%);
    }
}
@media screen and (max-width: 600px)
{
    .p-mv__mainCatch
    {
        top: calc(190px + 7.5vh);

        -webkit-transform: unset;

                transform: unset;
    }
}
.p-mv__mainCatch__en
{
    font-size: clamp(110px, 110px + .0111607143 * (100vw - 1024px), 120px);
    font-weight: 500;
    line-height: 1;

    display: block;

    white-space: nowrap;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__mainCatch__en
    {
        font-size: clamp(95px, 95px + .05859375 * (100vw - 768px), 110px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__mainCatch__en
    {
        font-size: clamp(60px, 60px + .2083333333 * (100vw - 600px), 95px);
    }
}
.p-mv__mainCatch__jp
{
    font-size: clamp(30px, 30px + .0055803571 * (100vw - 1024px), 35px);
    font-weight: 500;
    line-height: 1.2;

    display: block;

    margin-bottom: .25em;

    letter-spacing: .085em;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__mainCatch__jp
    {
        font-size: clamp(30px, 30px + .01953125 * (100vw - 768px), 35px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__mainCatch__jp
    {
        font-size: clamp(19px, 19px + .0654761905 * (100vw - 600px), 30px);

        letter-spacing: 0;
    }
}
.p-mv__mainCatch__small
{
    font-size: clamp(15px, 15px + .0595238095 * (100vw - 600px), 25px);
    font-weight: 500;
    line-height: 1.2;

    color: #fff;
}
@media screen and (max-width: 767px)
{
    .p-mv__mainCatch__small
    {
        white-space: nowrap;
    }
}
.p-mv__bottomArea
{
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;

    width: 100%;
    padding-top: 27px;
    padding-bottom: 27px;

    background-color: rgba(152, 129, 75, .8);
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-mv__bottomArea
    {
        padding-top: 1.4127906977vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-mv__bottomArea
    {
        padding-top: 1.4594594595vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-mv__bottomArea
    {
        padding-top: 2.900390625vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea
    {
        padding-top: 3.8671875vw;
    }
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-mv__bottomArea
    {
        padding-bottom: 1.4127906977vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-mv__bottomArea
    {
        padding-bottom: 1.4594594595vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-mv__bottomArea
    {
        padding-bottom: 2.900390625vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea
    {
        padding-bottom: 3.8671875vw;
    }
}
.p-mv__bottomArea__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    grid-gap: 0 clamp(30px, 30px + .0223214286 * (100vw - 1024px), 50px);
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__inner
    {
        grid-gap: 0 clamp(20px, 20px + .078125 * (100vw - 768px), 40px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__inner
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px)
{
    .p-mv__bottomArea__inner::before
    {
        display: inline-block;

        width: 1px;

        content: '';

        background-color: #fff;

        -webkit-box-ordinal-group: 3;

            -ms-flex-order: 2;

                order: 2;
    }
}
.p-mv__bottomArea__left
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__left
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;

        width: 100%;
        margin-bottom: clamp(8px, 8px + .0119047619 * (100vw - 600px), 10px);
        padding-bottom: clamp(8px, 8px + .0119047619 * (100vw - 600px), 10px);

        border-bottom: 1px solid white;

        -webkit-box-align: baseline;

            -ms-flex-align: baseline;

                align-items: baseline;
        grid-gap: clamp(8px, 8px + .0714285714 * (100vw - 600px), 20px);
    }
}
.p-mv__bottomArea__left__en
{
    font-size: clamp(30px, 30px + .0223214286 * (100vw - 1024px), 50px);
    font-weight: 500;
    line-height: 1;

    display: block;

    margin-bottom: 10px;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__left__en
    {
        font-size: clamp(30px, 30px + .0390625 * (100vw - 768px), 40px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__left__en
    {
        font-size: clamp(18px, 18px + .0714285714 * (100vw - 600px), 30px);

        margin-bottom: 0;
    }
}
.p-mv__bottomArea__left__jp
{
    font-size: clamp(17px, 17px + .0089285714 * (100vw - 1024px), 25px);
    font-weight: 500;
    line-height: 1;

    display: block;

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

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__left__jp
    {
        /*font-size: clamp(20px, 20px + .01953125 * (100vw - 768px), 25px);*/
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__left__jp
    {
        font-size: clamp(15px, 15px + .0297619048 * (100vw - 600px), 20px);
    }
}
.p-mv__bottomArea__right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px) 10px;
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__right
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;

        width: 100%;

        -webkit-box-align: end;

            -ms-flex-align: end;

                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        grid-gap: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-mv__bottomArea__right__textArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
}
.p-mv__bottomArea__right__textArea__small
{
    font-size: clamp(22px, 22px + .0089285714 * (100vw - 1024px), 30px);
    font-weight: 500;
    line-height: 1;

    display: block;

    margin-bottom: .25em;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__right__textArea__small
    {
        font-size: clamp(20px, 20px + .03125 * (100vw - 768px), 28px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__right__textArea__small
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-mv__bottomArea__right__textArea__text
{
    font-size: clamp(28px, 28px + .0133928571 * (100vw - 1024px), 40px);
    font-weight: 500;
    line-height: 1;

    display: block;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__right__textArea__text
    {
        font-size: clamp(24px, 24px + .04296875 * (100vw - 768px), 35px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__right__textArea__text
    {
        font-size: clamp(22px, 22px + .0357142857 * (100vw - 600px), 28px);
    }
}
.p-mv__bottomArea__right__numArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: baseline;

        -ms-flex-align: baseline;

            align-items: baseline;
}
.p-mv__bottomArea__right__numArea__num
{
    font-size: clamp(72px, 72px + .0256696429 * (100vw - 1024px), 95px);
    font-weight: 500;
    line-height: .9;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__right__numArea__num
    {
        font-size: clamp(60px, 60px + .0471698113 * (100vw - 600px), 80px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__right__numArea__num
    {
        font-size: clamp(50px, 50px + .1071428571 * (100vw - 600px), 68px);
    }
}
.p-mv__bottomArea__right__numArea__text
{
    font-size: clamp(42px, 42px + .0145089286 * (100vw - 1024px), 55px);
    font-weight: bold;
    line-height: 1;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__bottomArea__right__numArea__text
    {
        font-size: clamp(30px, 30px + .0424528302 * (100vw - 600px), 48px);
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__bottomArea__right__numArea__text
    {
        font-size: clamp(28px, 28px + .0714285714 * (100vw - 600px), 40px);
    }
}
.p-mv__fixBt
{
    position: absolute;
    z-index: 20;
    z-index: 1;
    right: 15.625%;
    bottom: 25.5%;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
}
@media screen and (min-width: 1025px)
{
    .p-mv__fixBt:hover::after
    {
        background-color: #1eaa39;
    }
    .p-mv__fixBt:hover a
    {
        opacity: 1;
        background-color: #f7b52c;
    }
}
@media screen and (max-width: 1024px)
{
    .p-mv__fixBt
    {
        right: 5%;
        bottom: 15%;
    }
}
@media screen and (max-width: 767px)
{
    .p-mv__fixBt
    {
        bottom: 20%;
    }
}
@media screen and (max-width: 600px)
{
    .p-mv__fixBt
    {
        bottom: 17%;
    }
}
.p-mv__fixBt::after
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 35%;

    display: inline-block;

    width: 72.72%;

    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;

    opacity: .9;
    border-radius: 100%;
    background-color: #f7b52c;

    aspect-ratio: 1/1;
}
.p-mv__fixBt__link
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    padding: 0 min(2.34375vw, 45px);

    -webkit-transition: all .5s;

    transition: all .5s;
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);

    border-radius: 100%;
    background-color: #1eaa39;
    background-color: rgba(30, 170, 57, .9);

    aspect-ratio: 1/1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (max-width: 1024px)
{
    .p-mv__fixBt__link
    {
        padding: 0 clamp(18px, 18px + .0714285714 * (100vw - 600px), 30px);
    }
}
.p-mv__fixBt__textArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.p-mv__fixBt__textArea__small
{
    font-size: clamp(17px, 17px + .0089285714 * (100vw - 1024px), 25px);
    font-weight: 400;
    line-height: 1.2;

    display: block;

    width: 100%;
    margin-bottom: .15em;
    padding-bottom: .25em;

    text-align: center;

    color: #fff;
    border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__fixBt__textArea__small
    {
        font-size: clamp(16px, 16px + .0535714286 * (100vw - 600px), 25px);
    }
}
.p-mv__fixBt__textArea__text
{
    font-size: clamp(36px, 36px + .0267857143 * (100vw - 1024px), 60px);
    font-weight: 500;
    line-height: 1;

    display: block;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-mv__fixBt__textArea__text
    {
        font-size: clamp(28px, 28px + .130952381 * (100vw - 600px), 50px);
    }
}
.p-mv__sliderArea
{
    width: 100%;
    height: 100%;
}
.p-mv__slider
{
    width: 100%;
    height: 100%;
}
.p-mv__slide
{
    position: relative;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.p-mv__slide::before
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .35;
    background: #000;
}
.p-mv__slide--01
{
    background-image: url(../image/new_reform/top/slider01.jpg);
    background-position: center bottom 14.5%;
}
.p-mv__slide--01::before
{
    opacity: .2;
}
@media screen and (max-width: 768px)
{
    .p-mv__slide--01
    {
        background-position: left center;
    }
}
@media screen and (max-width: 600px)
{
    .p-mv__slide--01
    {
        background-position: left 13% center;
    }
}
.p-mv__slide--02
{
    background-image: url(../image/new_reform/top/slider02.jpg);
    background-position: center bottom 6%;
}
@media screen and (max-width: 768px)
{
    .p-mv__slide--02
    {
        background-position: left 48% center;
    }
}
.p-mv__slide--02::before
{
    opacity: .2;
}
.p-mv__slide--03
{
    background-image: url(../image/new_reform/top/slider03.jpg);
    background-position: center bottom 21%;
}
@media screen and (max-width: 768px)
{
    .p-mv__slide--03
    {
        background-position: right 42% center;
    }
}
@media screen and (max-width: 600px)
{
    .p-mv__slide--03
    {
        background-position: right 41% center;
    }
}

/* p-reformMenu
   ----------------------------------------------------------------- */
.p-reformMenu__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(35px, 35px + .0189732143 * (100vw - 1024px), 52px) 4%;
}
@media screen and (max-width: 1024px)
{
    .p-reformMenu__list
    {
        grid-gap: clamp(35px, 35px + .0400943396 * (100vw - 600px), 52px) 4%;
    }
}
.p-reformMenu__list__box
{
    width: 30.6666%;
}
@media screen and (max-width: 1024px)
{
    .p-reformMenu__list__box
    {
        width: 48%;
    }
}
@media screen and (max-width: 600px)
{
    .p-reformMenu__list__box
    {
        width: 100%;
    }
}
.p-reformMenu__list__box__imageBox
{
    position: relative;
    z-index: 1;

    margin-bottom: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);

    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, .3);

            box-shadow: 5px 5px 8px rgba(0, 0, 0, .3);
}
.p-reformMenu__list__box__imageBox__text
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;

    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;

    aspect-ratio: 460/102;
}
.p-reformMenu__list__box__imageBox__text__en
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 500;
    line-height: 1;

    position: absolute;
    bottom: .75em;
    left: 50%;

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

            transform: translateX(-50%);
    white-space: nowrap;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-reformMenu__list__box__imageBox__text__en
    {
        font-size: 20px;
    }
}
@media screen and (max-width: 600px)
{
    .p-reformMenu__list__box__imageBox__text__en
    {
        bottom: .5em;
    }
}
.p-reformMenu__list__box__imageBox__text__arrow
{
    position: absolute;
    top: 50%;
    right: 0;

    width: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);

    -webkit-transform: translate(-100%, -80%);

            transform: translate(-100%, -80%);

    aspect-ratio: 1/1;
}
.p-reformMenu__list__box__imageBox__text__arrow::before,
.p-reformMenu__list__box__imageBox__text__arrow::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 100%;
    height: 2px;

    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #fff;
}
.p-reformMenu__list__box__imageBox__text__arrow::after
{
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
}
.p-reformMenu__list__box__text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    grid-gap: 10px;
}
.p-reformMenu__list__box__text__txt
{
    font-size: clamp(22px, 22px + .0033482143 * (100vw - 1024px), 25px);
    font-weight: 400;

    letter-spacing: .15em;
}
@media screen and (max-width: 1024px)
{
    .p-reformMenu__list__box__text__txt
    {
        font-size: clamp(22px, 22px + .0178571429 * (100vw - 600px), 25px);
    }
}
.p-reformMenu__list__box__text .arrow
{
    font-size: clamp(22px, 22px + .0033482143 * (100vw - 1024px), 25px);

    -webkit-transition: all .5s;

    transition: all .5s;

    color: #1eaa39;
}
@media screen and (max-width: 1024px)
{
    .p-reformMenu__list__box__text .arrow
    {
        font-size: clamp(22px, 22px + .0178571429 * (100vw - 600px), 25px);
    }
}
.p-reformMenu__list__box:nth-of-type(odd) .p-reformMenu__list__box__imageBox__text
{
    background-image: url(../image/new_reform/top/cover_menu01.svg);
}
.p-reformMenu__list__box:nth-of-type(even) .p-reformMenu__list__box__imageBox__text
{
    background-image: url(../image/new_reform/top/cover_menu02.svg);
}
@media screen and (min-width: 1025px)
{
    .p-reformMenu__list__box .p-reformMenu__list__box__link:hover .p-reformMenu__list__box__imageBox__text__arrow::after
    {
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .p-reformMenu__list__box .p-reformMenu__list__box__link:hover .p-reformMenu__list__box__text .arrow
    {
        -webkit-transform: translateX(5px);
                transform: translateX(5px);
    }
}

/* p-other
   ----------------------------------------------------------------- */
.p-other
{
    margin-bottom: 110px;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-other
    {
        margin-bottom: 5.7558139535vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-other
    {
        margin-bottom: 5.9459459459vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-other
    {
        margin-bottom: 11.81640625vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-other
    {
        margin-bottom: 15.7552083333vw;
    }
}
.p-other__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(20px, 20px + .0223214286 * (100vw - 1024px), 40px) 2.666%;
}
@media screen and (max-width: 1024px)
{
    .p-other__list
    {
        grid-gap: clamp(20px, 20px + .119047619 * (100vw - 600px), 40px) 2.666%;
    }
}
.p-other__list__box
{
    width: 23.0005%;
}
@media screen and (max-width: 1024px)
{
    .p-other__list__box
    {
        width: 48.667%;
    }
}
@media screen and (max-width: 600px)
{
    .p-other__list__box
    {
        width: 100%;
    }
}
.p-other__list__box__link
{
    position: relative;
    z-index: 1;

    margin-bottom: clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);

    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, .3);

            box-shadow: 5px 5px 8px rgba(0, 0, 0, .3);
}
.p-other__list__box__title
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;

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

            transform: translateY(-30%);

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    aspect-ratio: 345/98;
}
.p-other__list__box__title__text
{
    font-size: clamp(20px, 20px + .0111607143 * (100vw - 1024px), 30px);
    font-weight: 500;
    line-height: 1;

    position: absolute;
    bottom: .75em;
    left: 50%;

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

            transform: translateX(-50%);
    white-space: nowrap;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-other__list__box__title__text
    {
        font-size: clamp(24px, 24px + .0357142857 * (100vw - 600px), 30px);

        bottom: clamp(20px, 20px + .0390625 * (100vw - 768px), 30px);
    }
}
.p-other__list__box__title__text::before
{
    position: absolute;
    bottom: -1rem;
    left: 50%;

    display: inline-block;

    width: 40px;
    height: 1px;

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

    background-color: #fff;
}
.p-other__list__box__arrow
{
    position: absolute;
    right: 10px;
    bottom: 10px;

    width: clamp(24px, 24px + .0238095238 * (100vw - 600px), 28px);

    background-color: rgba(0, 0, 0, .5);

    aspect-ratio: 1/1;
}
.p-other__list__box__arrow::before,
.p-other__list__box__arrow::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 20px;
    height: 2px;

    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #fff;
}
.p-other__list__box__arrow::after
{
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
}
.p-other__list__box__text
{
    font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    font-weight: 300;
    line-height: 1.5;
}
@media screen and (max-width: 1024px)
{
    .p-other__list__box__text
    {
        font-size: 17px;
    }
}
.p-other__list__box:nth-of-type(odd) .p-other__list__box__title
{
    background-image: url(../image/new_reform/top/cover_other01.svg);
}
.p-other__list__box:nth-of-type(even) .p-other__list__box__title
{
    background-image: url(../image/new_reform/top/cover_other02.svg);
}
@media screen and (min-width: 1025px)
{
    .p-other .p-other__list__box__link:hover .p-other__list__box__arrow::after
    {
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}

/* p-reformSubP
   ----------------------------------------------------------------- */
.p-reformSubP__menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 100px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 0 4.8%;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-reformSubP__menu
    {
        margin-bottom: 5.2325581395vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-reformSubP__menu
    {
        margin-bottom: 5.4054054054vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-reformSubP__menu
    {
        margin-bottom: 10.7421875vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-reformSubP__menu
    {
        margin-bottom: 14.3229166667vw;
    }
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__menu
    {
        grid-gap: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px) 0;
    }
}
@media screen and (min-width: 1025px)
{
    .p-reformSubP__menu.two .p-reformSubP__menu__list
    {
        width: 40%;
    }
    .p-reformSubP__menu.two .p-reformSubP__menu__list:nth-of-type(1) .p-reformSubP__menu__list__link
    {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
}
.p-reformSubP__menu__border
{
    width: 1px;
    height: auto;

    background-color: #1eaa39;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__menu__list
    {
        width: calc(50% - 1px);
    }
}
.p-reformSubP__menu__list__link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: clamp(12px, 12px + .0089285714 * (100vw - 1024px), 20px);
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__menu__list__link
    {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        grid-gap: clamp(5px, 5px + .0892857143 * (100vw - 600px), 20px);
    }
}
.p-reformSubP__menu__list__link::after
{
    display: inline-block;

    width: clamp(20px, 20px + .0167410714 * (100vw - 1024px), 35px);

    content: '';

    background: url(../image/new_reform/common/arrow_under.svg) center/100% no-repeat;

    aspect-ratio: 35/20;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__menu__list__link::after
    {
        width: clamp(14px, 14px + .0654761905 * (100vw - 600px), 25px);
    }
}
.p-reformSubP__menu__list__text
{
    font-size: clamp(20px, 20px + .0111607143 * (100vw - 1024px), 30px);
    font-weight: 500;
    line-height: 1;

    text-align: center;
    letter-spacing: .1em;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__menu__list__text
    {
        font-size: clamp(17px, 17px + .0476190476 * (100vw - 600px), 25px);

        max-width: calc(100% - clamp(14px, 14px + .0654761905 * (100vw - 600px), 25px) - clamp(5px, 5px + .0892857143 * (100vw - 600px), 20px));
    }
}
.p-reformSubP__section__mainArea
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    grid-gap: clamp(30px, 30px + .119047619 * (100vw - 600px), 50px) 0;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.p-reformSubP__section__mainArea__textBox
{
    position: relative;
    z-index: 1;

    width: 46.5625%;
    max-width: 780px;
    margin-left: 5vw;
    padding-right: min(3.125vw, 60px);
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea__textBox
    {
        width: 100%;
        max-width: unset;
    }
}
.p-reformSubP__section__mainArea__textBox .c-title
{
    margin-bottom: 17px;

    grid-gap: clamp(5px, 5px + .0090909091 * (100vw - 600px), 17px) 18px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.p-reformSubP__section__mainArea__textBox .c-title__en
{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.p-reformSubP__section__mainArea__textBox__catch
{
    font-size: clamp(27px, 27px + .0145089286 * (100vw - 1024px), 40px);
    font-weight: 500;
    line-height: 1;

    position: relative;
    z-index: 1;

    width: 100%;
    margin-bottom: clamp(20px, 20px + .0297619048 * (100vw - 600px), 25px);
    padding: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px) 0;

    letter-spacing: .1em;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea__textBox__catch
    {
        font-size: clamp(24px, 24px + .0654761905 * (100vw - 600px), 35px);
    }
}
.p-reformSubP__section__mainArea__textBox__catch::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: inline-block;

    width: 60vw;
    height: 100%;

    content: '';
    -webkit-transform: translateX(min(3.125vw, 60px));
            transform: translateX(min(3.125vw, 60px));

    background-color: #c5b38d;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea__textBox__catch::after
    {
        width: 100vw;

        -webkit-transform: unset;

                transform: unset;
    }
}
.p-reformSubP__section__mainArea__textBox__subCatch
{
    font-size: clamp(22px, 22px + .0089285714 * (100vw - 1024px), 30px);
    font-weight: 400;

    margin-bottom: 16px;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea__textBox__subCatch
    {
        font-size: clamp(22px, 22px + .0476190476 * (100vw - 600px), 30px);
    }
}
.p-reformSubP__section__mainArea__textBox__text
{
    font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    font-weight: 300;

    margin-bottom: clamp(20px, 20px + .119047619 * (100vw - 600px), 40px);
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea__textBox__text
    {
        font-size: 17px;
    }
}
.p-reformSubP__section__mainArea__textBox .c-button
{
    width: 100%;
    max-width: unset;
}
.p-reformSubP__section__mainArea__image
{
    position: relative;
    z-index: 2;

    width: 48.4375%;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__mainArea__image
    {
        width: 100%;
    }
}
.p-reformSubP__section__mainArea__timing
{
    margin-top: 17px;
}
.p-reformSubP__section__mainArea__timingTitle
{
    font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    font-weight: 500;

    display: block;
}
.p-reformSubP__section__mainArea__timingText
{
    font-size: 17px;
    font-weight: 400;

    display: block;
}
.p-reformSubP__section__mainArea__timingSmall
{
    font-size: 15px;

    display: block;
}
.p-reformSubP__section__BAarea
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}
.p-reformSubP__section__BAarea::before
{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    display: inline-block;

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

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media screen and (min-width: 1025px)
{
    .p-reformSubP__section__BAarea::before
    {
        width: 5.46875vw;

        background: url(../image/new_reform/menu/arrow_ba.png) center/100% no-repeat;

        aspect-ratio: 105/193;
    }
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__BAarea::before
    {
        width: clamp(40px, 40px + .3571428571 * (100vw - 600px), 100px);

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

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

        background: url(../image/new_reform/menu/arrow_ba_sp.png) center/100% no-repeat;

        aspect-ratio: 193/105;
    }
}
.p-reformSubP__section__BAbox
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 50%;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__BAbox
    {
        width: 100%;
    }
}
.p-reformSubP__section__BAbox::after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;

    content: '';

    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.p-reformSubP__section__BAbox__inner
{
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 750px;
    padding: clamp(40px, 40px + .070754717 * (100vw - 600px), 70px) 0 clamp(28px, 28px + .0660377358 * (100vw - 600px), 56px);
}
.p-reformSubP__section__BAbox__title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 12px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
}
.p-reformSubP__section__BAbox__title::after
{
    display: inline-block;

    height: 1px;

    content: '';

    background-color: #fff;

    -webkit-box-flex: 1;

        -ms-flex: auto;

            flex: auto;
}
.p-reformSubP__section__BAbox__title__en
{
    font-size: clamp(40px, 40px + .0223214286 * (100vw - 1024px), 60px);
    font-weight: 500;
    line-height: 1;

    letter-spacing: .025em;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__BAbox__title__en
    {
        font-size: clamp(40px, 40px + .0595238095 * (100vw - 600px), 50px);
    }
}
.p-reformSubP__section__BAbox__catch
{
    font-size: clamp(22px, 22px + .0145089286 * (100vw - 1024px), 35px);
    font-weight: 500;
    line-height: 1.25;

    margin-bottom: clamp(10px, 10px + .0297619048 * (100vw - 600px), 15px);

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__BAbox__catch
    {
        font-size: clamp(22px, 22px + .0357142857 * (100vw - 600px), 28px);
    }
}
.p-reformSubP__section__BAbox__list__row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: 5px;
}
.p-reformSubP__section__BAbox__list__row:not(:last-of-type)
{
    margin-bottom: 5px;
}
.p-reformSubP__section__BAbox__list__row::before
{
    display: inline-block;

    width: clamp(25px, 25px + .0141509434 * (100vw - 600px), 31px);

    content: '';

    background: url(../image/new_reform/menu/icon_check.svg) center/100% no-repeat;

    aspect-ratio: 31/25;
}
.p-reformSubP__section__BAbox__list__row__text
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    font-weight: 500;

    max-width: calc(100% - 5px - clamp(25px, 25px + .0141509434 * (100vw - 600px), 31px));

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__BAbox__list__row__text
    {
        font-size: clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);
    }
}
.p-reformSubP__section__BAbox__text
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    font-weight: 500;
    line-height: 1.65;

    text-decoration: underline;
    letter-spacing: .05em;

    color: #fff;

    text-decoration-color: #fff21f;
    text-decoration-thickness: 1px;
    text-underline-offset: 8px;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__BAbox__text
    {
        font-size: clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);
    }
}
.p-reformSubP__section__BAbox.before
{
    background-color: rgba(136, 134, 116, .8);

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;
}
.p-reformSubP__section__BAbox.before::after
{
    background-image: url(../image/new_reform/menu/bg_before.svg);
}
.p-reformSubP__section__BAbox.before .p-reformSubP__section__BAbox__inner
{
    margin-left: 5vw;
    padding-right: 5.20833vw;
}
.p-reformSubP__section__BAbox.after
{
    background-color: rgba(183, 161, 111, .8);
}
.p-reformSubP__section__BAbox.after::after
{
    background-image: url(../image/new_reform/menu/bg_after.svg);
}
.p-reformSubP__section__BAbox.after .p-reformSubP__section__BAbox__inner
{
    margin-right: 5vw;
    padding-left: 5.20833vw;
}
.p-reformSubP__section__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(17px, 4vw, 60px) 4%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.p-reformSubP__section__list__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    width: 30.6666%;
    padding-top: clamp(15px, 15px + .0353773585 * (100vw - 600px), 30px);

    background-color: #f5f2eb;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
            box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__list__box
    {
        width: 48%;
    }
}
@media screen and (max-width: 767px)
{
    .p-reformSubP__section__list__box
    {
        width: 100%;
    }
}
.p-reformSubP__section__list__box__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.p-reformSubP__section__list__box__title
{
    font-size: clamp(22px, 22px + .0066964286 * (100vw - 1024px), 28px);
    font-weight: 500;

    margin-right: clamp(15px, 15px + .0353773585 * (100vw - 600px), 30px);
    margin-bottom: clamp(10px, 10px + .119047619 * (100vw - 600px), 30px);
    padding: 9px 10px 9px clamp(17px, 17px + .0416666667 * (100vw - 600px), 24px);

    letter-spacing: .1em;

    color: #fff;
    background-color: #1eaa39;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__list__box__title
    {
        font-size: clamp(22px, 22px + .0357142857 * (100vw - 600px), 28px);
    }
}
.p-reformSubP__section__list__box__textArea
{
    margin: 0 clamp(15px, 15px + .0353773585 * (100vw - 600px), 30px) 16px;

    -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;
}
.p-reformSubP__section__list__box__textArea__row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    grid-gap: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
}
.p-reformSubP__section__list__box__textArea__small
{
    font-size: clamp(17px, 17px + .0089285714 * (100vw - 1024px), 25px);
    font-weight: 500;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__list__box__textArea__small
    {
        font-size: clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);
    }
}
.p-reformSubP__section__list__box__textArea__num
{
    font-size: clamp(50px, 50px + .0223214286 * (100vw - 1024px), 70px);
    font-weight: 500;
    line-height: 1;

    display: inline-block;

    min-width: 2em;
    min-width: 1.1em;

    text-align: right;

    color: #1eaa39;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__list__box__textArea__num
    {
        font-size: clamp(45px, 45px + .0595238095 * (100vw - 600px), 55px);
    }
}
.p-reformSubP__section__list__box__textArea__text
{
    font-size: clamp(20px, 20px + .0167410714 * (100vw - 1024px), 35px);
    font-weight: 500;

    display: inline-block;

    min-width: 3em;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__list__box__textArea__text
    {
        font-size: clamp(22px, 22px + .0476190476 * (100vw - 600px), 30px);
    }
}
.p-reformSubP__section__list__box__image
{
    margin: 0 clamp(15px, 15px + .0353773585 * (100vw - 600px), 30px) 12px;

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;
}
.p-reformSubP__section__list__box__bottomArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: clamp(12px, 12px + .0357142857 * (100vw - 600px), 18px) 10.43%;

    background-color: #fff;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 0 9.65%;
}
.p-reformSubP__section__list__box__bottomArea__round
{
    width: 17.76%;

    background: url(/image/new_reform/menu/icon_eco.svg) center/100% no-repeat;

    aspect-ratio: 1/1;
}
.p-reformSubP__section__list__box__bottomArea__round.gray
{
    background: url(/image/new_reform/menu/icon_eco_g.svg) center/100% no-repeat;
}
.p-reformSubP__section__attention
{
    font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    font-weight: 300;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__section__attention
    {
        font-size: 17px;
    }
}
.p-reformSubP__subMenu
{
    margin-bottom: 115px;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-reformSubP__subMenu
    {
        margin-bottom: 6.0174418605vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-reformSubP__subMenu
    {
        margin-bottom: 6.2162162162vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-reformSubP__subMenu
    {
        margin-bottom: 12.353515625vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-reformSubP__subMenu
    {
        margin-bottom: 16.4713541667vw;
    }
}
.p-reformSubP__subMenu .c-title
{
    margin-bottom: 0;
}
.p-reformSubP__subMenu__list
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 50px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(17px, 2vw, 30px) 2%;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-reformSubP__subMenu__list
    {
        padding-top: 2.6162790698vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-reformSubP__subMenu__list
    {
        padding-top: 2.7027027027vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-reformSubP__subMenu__list
    {
        padding-top: 5.37109375vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-reformSubP__subMenu__list
    {
        padding-top: 7.1614583333vw;
    }
}
.p-reformSubP__subMenu__list::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;

    display: inline-block;

    width: 110vw;
    height: 100%;

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

    background-color: #e3dbc9;
}
.p-reformSubP__subMenu__box
{
    width: 32%;

    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);

            box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__subMenu__box
    {
        width: 49%;
    }
}
@media screen and (max-width: 767px)
{
    .p-reformSubP__subMenu__box
    {
        width: 100%;
    }
}
.p-reformSubP__subMenu__box__link
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    padding: 5px clamp(10px, 10px + .0595238095 * (100vw - 600px), 20px);

    -webkit-transition: all .5s;

    transition: all .5s;
    text-align: center;

    background-color: #fff;
}
.p-reformSubP__subMenu__box__link::after
{
    font-size: clamp(22px, 22px + .0033482143 * (100vw - 1024px), 25px);

    position: absolute;
    top: 50%;
    right: clamp(10px, 10px + .0595238095 * (100vw - 600px), 20px);

    display: inline-block;

    content: '＞';
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #1eaa39;
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__subMenu__box__link::after
    {
        font-size: clamp(22px, 22px + .0178571429 * (100vw - 600px), 25px);
    }
}
.p-reformSubP__subMenu__box__text
{
    font-size: clamp(22px, 22px + .0033482143 * (100vw - 1024px), 25px);
}
@media screen and (max-width: 1024px)
{
    .p-reformSubP__subMenu__box__text
    {
        font-size: clamp(22px, 22px + .0178571429 * (100vw - 600px), 25px);
    }
}
@media screen and (min-width: 1025px)
{
    .p-reformSubP__subMenu__box .p-reformSubP__subMenu__box__link:hover
    {
        opacity: 1;
        background-color: #1eaa39;
    }
    .p-reformSubP__subMenu__box .p-reformSubP__subMenu__box__link:hover::after
    {
        -webkit-transform: translate(8px, -50%);
                transform: translate(8px, -50%);

        color: #fff;
    }
    .p-reformSubP__subMenu__box .p-reformSubP__subMenu__box__link:hover .p-reformSubP__subMenu__box__text
    {
        color: #fff;
    }
}

/* p-howTo
   ----------------------------------------------------------------- */
@media screen and (max-width: 1024px)
{
    .p-howTo .p-reformSubP__menu__list:last-of-type
    {
        width: 100%;
    }
}
.p-howTo__section__textBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: clamp(20px, 20px + .119047619 * (100vw - 600px), 40px);

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: 0 clamp(24px, 24px + .0121212121 * (100vw - 600px), 40px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.p-howTo__section__textBox .c-title
{
    width: 100%;
    margin-bottom: clamp(12px, 12px + .0178571429 * (100vw - 600px), 15px);
}
.p-howTo__section__textBox .p-howTo__section__imgFlex__textBox__catch
{
    width: 52%;
    margin: 0;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__textBox .p-howTo__section__imgFlex__textBox__catch
    {
        width: 100%;
        margin-bottom: 17px;
    }
}
.p-howTo__section__textBox .p-howTo__section__imgFlex__textBox__catch::after
{
    right: 0;
}
.p-howTo__section__textBox__text
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);

    width: calc(48% - clamp(24px, 24px + .0121212121 * (100vw - 600px), 40px));
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__textBox__text
    {
        font-size: clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);

        width: 100%;
    }
}
.p-howTo__section__flowArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);
    padding: clamp(20px, 20px + .0334821429 * (100vw - 1024px), 50px);

    background-color: #f5f2eb;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    grid-gap: 0 min(1.22699vw, 20px);
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        padding: clamp(20px, 20px + .119047619 * (100vw - 600px), 40px) clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);

        grid-gap: clamp(15px, 15px + .0119047619 * (100vw - 600px), 17px);
    }
}
.p-howTo__section__flowArea__inner:nth-of-type(2) .p-howTo__section__flowArea__list__box:last-of-type::after
{
    content: unset;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea__inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        grid-gap: clamp(15px, 15px + .0119047619 * (100vw - 600px), 17px);
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.p-howTo__section__flowArea__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea__list
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        width: calc(100% - clamp(15px, 15px + .0119047619 * (100vw - 600px), 17px) - clamp(40px, 40px + .0595238095 * (100vw - 600px), 50px));

        grid-gap: clamp(15px, 15px + .0119047619 * (100vw - 600px), 17px);
    }
}
.p-howTo__section__flowArea__list__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea__list__box
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        width: 100%;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
        grid-gap: clamp(15px, 15px + .0119047619 * (100vw - 600px), 17px);
    }
}
.p-howTo__section__flowArea__list__box::after
{
    display: inline-block;

    width: min(.85889vw, 14px);

    content: '';

    background-color: #90c177;

    aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea__list__box::after
    {
        width: 14px;

        clip-path: polygon(50% 100%, 0 0, 100% 0);
    }
}
.p-howTo__section__flowArea__list__box__text
{
    font-weight: 500;

    display: block;

    text-align: center;

    color: #fff;
    border-radius: 10px;
    background-color: #1eaa39;
}
.p-howTo__section__flowArea__list__box__text .combine
{
    text-combine-upright: all;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea__list__box__text
    {
        font-size: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);

        width: 100%;
        padding: clamp(8px, 8px + .0535714286 * (100vw - 600px), 17px) 1em;

        letter-spacing: .1em;
    }
}
.p-howTo__section__flowArea__period
{
    font-size: clamp(24px, 24px + .0066964286 * (100vw - 1024px), 30px);
    font-weight: bold;

    color: #1eaa39;
    background-color: #fff;
}
.p-howTo__section__flowArea__period span
{
    font-size: clamp(24px, 24px + .0066964286 * (100vw - 1024px), 30px);
    font-weight: bold;

    color: #1eaa39;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__flowArea__period
    {
        font-size: clamp(20px, 20px + .0238095238 * (100vw - 600px), 24px);

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        width: clamp(40px, 40px + .0595238095 * (100vw - 600px), 50px);

        -ms-writing-mode: tb-rl;

        clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 25px), 50% 100%, 0 calc(100% - 25px));
            -webkit-writing-mode: vertical-rl;
                -ms-writing-mode: tb-rl;
                    writing-mode: vertical-rl;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .p-howTo__section__flowArea__period span
    {
        -webkit-text-combine: horizontal;
        -ms-text-combine-horizontal: all;
        text-combine-upright: all;
    }
}
@media screen and (min-width: 1025px)
{
    .p-howTo__section__flowArea__inner:nth-of-type(1)
    {
        width: 40.214%;
    }
    .p-howTo__section__flowArea__inner:nth-of-type(2)
    {
        width: 59.142%;
    }
    .p-howTo__section__flowArea__list
    {
        margin-bottom: clamp(24px, 24px + .0066964286 * (100vw - 1024px), 30px);

        grid-gap: 0 clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    }
    .p-howTo__section__flowArea__list__box
    {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        grid-gap: 0 clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    }
    .p-howTo__section__flowArea__list__box::after
    {
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
    }
    .p-howTo__section__flowArea__list__box__text
    {
        font-size: clamp(24px, 24px + .0066964286 * (100vw - 1024px), 30px);

        min-height: 11.2em;
        padding: 35px 24px;

        letter-spacing: .1em;
        -ms-writing-mode: tb-rl;

            -webkit-writing-mode: vertical-rl;

                writing-mode: vertical-rl;
    }
    .p-howTo__section__flowArea__list__box__text .combine
    {
        text-combine-upright: all;
    }
    .p-howTo__section__flowArea__period
    {
        text-align: center;

        clip-path: polygon(0% 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%);
    }
}
.p-howTo__section__imgFlex
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    grid-gap: clamp(30px, 30px + .119047619 * (100vw - 600px), 50px) 0;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.p-howTo__section__imgFlex .c-title__en
{
    line-height: .9;
}
.p-howTo__section__imgFlex__textBox
{
    position: relative;
    z-index: 1;

    width: 46.5625%;
    max-width: 780px;
    margin-left: 5vw;
    padding-right: 1.5625%;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox
    {
        width: 100%;
        padding-right: 5%;
    }
}
.p-howTo__section__imgFlex__textBox .c-title
{
    margin-bottom: 17px;
}
.p-howTo__section__imgFlex__textBox__catch
{
    font-size: clamp(27px, 27px + .0145089286 * (100vw - 1024px), 40px);
    font-weight: 500;
    line-height: 1;

    position: relative;
    z-index: 1;

    width: 100%;
    margin-bottom: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);
    padding: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px) 0;

    letter-spacing: .1em;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox__catch
    {
        font-size: clamp(24px, 24px + .0654761905 * (100vw - 600px), 35px);
    }
}
.p-howTo__section__imgFlex__textBox__catch::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: -1.5625vw;

    display: inline-block;

    width: 60vw;
    height: 100%;

    content: '';

    background-color: #c5b38d;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox__catch::after
    {
        right: 0;

        width: 100vw;
    }
}
.p-howTo__section__imgFlex__textBox__text
{
    font-size: clamp(22px, 22px + .0089285714 * (100vw - 1024px), 30px);
    font-weight: 300;

    margin-bottom: clamp(20px, 20px + .1369047619 * (100vw - 600px), 43px);
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox__text
    {
        font-size: clamp(19px, 19px + .0654761905 * (100vw - 600px), 30px);
    }
}
.p-howTo__section__imgFlex__textBox__listBox
{
    width: 100%;
    max-width: 720px;
    padding: clamp(12px, 12px + .0297619048 * (100vw - 600px), 17px) clamp(15px, 15px + .0167410714 * (100vw - 1024px), 30px) clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);

    border-radius: 10px;
    background-color: #f5f2eb;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox__listBox
    {
        padding: clamp(12px, 12px + .0297619048 * (100vw - 600px), 17px) clamp(15px, 15px + .0892857143 * (100vw - 600px), 30px) clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);
    }
}
.p-howTo__section__imgFlex__textBox__listBox__title
{
    font-size: clamp(22px, 22px + .0145089286 * (100vw - 1024px), 35px);
    font-weight: 500;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: clamp(12px, 12px + .0297619048 * (100vw - 600px), 17px);

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: clamp(15px, 15px + .0167410714 * (100vw - 1024px), 30px);
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox__listBox__title
    {
        font-size: clamp(22px, 22px + .0773809524 * (100vw - 600px), 35px);
    }
}
.p-howTo__section__imgFlex__textBox__listBox__title::after
{
    display: inline-block;

    height: 1px;

    content: '';

    background-color: #000;

    -webkit-box-flex: 1;

        -ms-flex: auto;

            flex: auto;
}
.p-howTo__section__imgFlex__textBox__listBox__list__row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: 5px;
}
.p-howTo__section__imgFlex__textBox__listBox__list__row:not(:last-of-type)
{
    margin-bottom: 5px;
}
.p-howTo__section__imgFlex__textBox__listBox__list__row::before
{
    display: inline-block;

    width: clamp(25px, 25px + .0141509434 * (100vw - 600px), 31px);

    content: '';

    background: url(../image/new_reform/menu/icon_check_b.svg) center/100% no-repeat;

    aspect-ratio: 31/25;
}
.p-howTo__section__imgFlex__textBox__listBox__list__row__text
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    font-weight: 500;

    max-width: calc(100% - 5px - clamp(25px, 25px + .0141509434 * (100vw - 600px), 31px));
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__textBox__listBox__list__row__text
    {
        font-size: clamp(17px, 17px + .0476190476 * (100vw - 600px), 25px);
    }
}
.p-howTo__section__imgFlex__image
{
    position: relative;
    z-index: 2;

    width: 48.4375%;
}
.p-howTo__section__imgFlex__image img
{
    width: 100%;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__imgFlex__image
    {
        width: 100%;
    }
}
.p-howTo__section__imgFlex__image__flex
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 84.4086%;

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

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

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: min(4.6875vw, 90px) 0;
}
.p-howTo__section__imgFlex__image__flex a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
}
.p-howTo__section__imgFlex__image__flex a.risona
{
    width: 45.5%;
}
.p-howTo__section__imgFlex__image__flex a.risona img
{
    max-width: 350px;
}
.p-howTo__section__imgFlex__image__flex a.yokohama
{
    width: 46.875%;
}
.p-howTo__section__imgFlex__image__flex a.yokohama img
{
    max-width: 360px;
}
.p-howTo__section__imgFlex__image__flex a.jaccs
{
    width: 30.375%;
}
.p-howTo__section__imgFlex__image__flex a.oriko
{
    width: 58.75%;
}
.p-howTo__section__meritArea__title
{
    font-size: clamp(22px, 22px + .1071428571 * (100vw - 600px), 40px);
    font-weight: 500;
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: clamp(24px, 24px + .125 * (100vw - 600px), 45px);

    letter-spacing: .1em;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 0 clamp(12px, 12px + .0297619048 * (100vw - 600px), 17px);
}
.p-howTo__section__meritArea__title::before,
.p-howTo__section__meritArea__title::after
{
    display: inline-block;

    max-width: 245px;
    height: 1px;

    content: '';

    background-color: #1eaa39;

    -webkit-box-flex: 1;

        -ms-flex: auto;

            flex: auto;
}
.p-howTo__section__meritArea__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: min(3.125vw, 60px) 3.92%;
}
.p-howTo__section__meritArea__list__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 30.72%;
    padding: clamp(25px, 25px + .0654761905 * (100vw - 600px), 36px) clamp(17px, 17px + .03125 * (100vw - 1024px), 45px) clamp(20px, 20px + .0416666667 * (100vw - 600px), 27px);

    background-color: #ecf5e9;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
            box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 12px;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__meritArea__list__box
    {
        width: 48.04%;
        padding: clamp(25px, 25px + .0654761905 * (100vw - 600px), 36px) 17px clamp(20px, 20px + .0416666667 * (100vw - 600px), 27px);
    }
}
@media screen and (max-width: 767px)
{
    .p-howTo__section__meritArea__list__box
    {
        width: 100%;
    }
}
.p-howTo__section__meritArea__list__box__image
{
    width: 27.77%;
}
@media screen and (max-width: 767px)
{
    .p-howTo__section__meritArea__list__box__image
    {
        width: 20%;
    }
}
.p-howTo__section__meritArea__list__box__text
{
    font-size: clamp(22px, 22px + .015625 * (100vw - 1024px), 36px);
    font-weight: 500;
    line-height: 1.35;

    color: #1eaa39;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__meritArea__list__box__text
    {
        font-size: clamp(22px, 22px + .0476190476 * (100vw - 600px), 30px);
    }
}
@media screen and (max-width: 767px)
{
    .p-howTo__section__meritArea__list__box__text
    {
        min-width: 47%;
    }
}
.p-howTo__section__attention
{
    font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    font-weight: 300;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__attention
    {
        font-size: 17px;
    }
}
.p-howTo__section__differenceRow
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}
.p-howTo__section__differenceBox
{
    width: 50%;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox
    {
        width: 100%;
    }
}
@media screen and (min-width: 1025px)
{
    .p-howTo__section__differenceBox.reform
    {
        border-right: 1px solid #323232;
    }
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox.reform
    {
        margin-bottom: clamp(20px, 20px + .0238095238 * (100vw - 600px), 24px);
        padding-bottom: clamp(20px, 20px + .0238095238 * (100vw - 600px), 24px);

        border-bottom: 1px solid #323232;
    }
}
.p-howTo__section__differenceBox.reform .p-howTo__section__differenceBox__list__row:nth-of-type(2)
{
    background-color: #ecf5e9;
}
.p-howTo__section__differenceBox.reform .p-howTo__section__differenceBox__point,
.p-howTo__section__differenceBox.reform .p-howTo__section__differenceBox__list__dt
{
    background-color: #1eaa39;
}
.p-howTo__section__differenceBox.renovartion .p-howTo__section__differenceBox__list__row:nth-of-type(2)
{
    background-color: rgba(197, 179, 141, .2);
}
.p-howTo__section__differenceBox.renovartion .p-howTo__section__differenceBox__point,
.p-howTo__section__differenceBox.renovartion .p-howTo__section__differenceBox__list__dt
{
    background-color: #c5b38d;
}
.p-howTo__section__differenceBox .c-title
{
    margin-bottom: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);

    grid-gap: clamp(5px, 5px + .0090909091 * (100vw - 600px), 17px) clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.p-howTo__section__differenceBox .c-title__en
{
    font-size: clamp(40px, 40px + .0223214286 * (100vw - 1024px), 60px);
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox .c-title__en
    {
        font-size: clamp(40px, 40px + .0595238095 * (100vw - 600px), 50px);
    }
}
.p-howTo__section__differenceBox .c-title__jp
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox .c-title__jp
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-howTo__section__differenceBox .c-title__jp .slash
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox .c-title__jp .slash
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-howTo__section__differenceBox__list__row
{
    padding: clamp(17px, 17px + .0773809524 * (100vw - 600px), 30px) 0 clamp(17px, 17px + .0535714286 * (100vw - 600px), 26px);
}
.p-howTo__section__differenceBox__list__row:nth-of-type(1)
{
    padding-top: 0;
}
.p-howTo__section__differenceBox__list__dt
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    line-height: 1;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
    min-width: 4.9em;
    margin: 0 auto 7px;
    padding: 2px 1em 3px;

    text-align: center;

    color: #fff;
    border-radius: 100vw;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox__list__dt
    {
        font-size: clamp(17px, 17px + .0476190476 * (100vw - 600px), 25px);
    }
}
.p-howTo__section__differenceBox__list__dd
{
    font-size: clamp(17px, 17px + .0089285714 * (100vw - 1024px), 25px);

    text-align: center;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox__list__dd
    {
        font-size: clamp(17px, 17px + .0476190476 * (100vw - 600px), 25px);
    }
}
.p-howTo__section__differenceBox__point
{
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
    padding: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px) clamp(40px, 40px + .0223214286 * (100vw - 1024px), 60px);

    border-radius: 100vw;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox__point
    {
        padding: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px) clamp(40px, 40px + .119047619 * (100vw - 600px), 60px);
    }
}
.p-howTo__section__differenceBox__point__title
{
    font-size: clamp(20px, 20px + .0111607143 * (100vw - 1024px), 30px);
    font-weight: 400;
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 8px;

    color: #fff;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
}
.p-howTo__section__differenceBox__point__title::before,
.p-howTo__section__differenceBox__point__title::after
{
    display: inline-block;

    height: 1px;

    content: '';

    background-color: #fff;

    -webkit-box-flex: 1;

        -ms-flex: auto;

            flex: auto;
}
.p-howTo__section__differenceBox__point__text
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    font-weight: 500;

    display: block;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-howTo__section__differenceBox__point__text
    {
        font-size: clamp(17px, 17px + .0476190476 * (100vw - 600px), 25px);
    }
}

/* p-customer
   ----------------------------------------------------------------- */
.p-customer__section
{
    padding-top: 100px;
    padding-bottom: 100px;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-customer__section
    {
        padding-top: 5.2325581395vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-customer__section
    {
        padding-top: 5.4054054054vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-customer__section
    {
        padding-top: 10.7421875vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-customer__section
    {
        padding-top: 14.3229166667vw;
    }
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-customer__section
    {
        padding-bottom: 5.2325581395vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-customer__section
    {
        padding-bottom: 5.4054054054vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-customer__section
    {
        padding-bottom: 10.7421875vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-customer__section
    {
        padding-bottom: 14.3229166667vw;
    }
}
.p-customer__section:nth-of-type(odd)
{
    background-color: #f5f2eb;
}
.p-customer__section:nth-of-type(odd) .p-customer__section__title::after
{
    background-color: #fff;
}
.p-customer__section:nth-of-type(even) .p-customer__section__title::after,
.p-customer__section:nth-of-type(even) .p-customer__section__textArea
{
    background-color: #ecf5e9;
}
.p-customer__section__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.p-customer__section__title
{
    position: relative;
    z-index: 1;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    margin-bottom: clamp(24px, 24px + .0357142857 * (100vw - 600px), 30px);
    padding: 18px 0 22px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(20px, 20px + .0471698113 * (100vw - 600px), 40px);
}
.p-customer__section__title::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;

    display: inline-block;

    width: 110vw;
    height: 100%;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.p-customer__section__title__text
{
    font-size: clamp(32px, 32px + .0188679245 * (100vw - 600px), 40px);
    font-weight: 500;
}
@media screen and (max-width: 767px)
{
    .p-customer__section__title__text
    {
        font-size: clamp(24px, 24px + .0188679245 * (100vw - 600px), 32px);
    }
}
.p-customer__section__title__text .slash
{
    color: #1eaa39;
}
.p-customer__section__title__subtext
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    grid-gap: clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px);
}
.p-customer__section__textArea
{
    font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    font-weight: 400;

    width: 62%;
    padding: clamp(17px, 17px + .0060606061 * (100vw - 600px), 25px) clamp(17px, 17px + .0098484848 * (100vw - 600px), 30px);

    border-radius: clamp(10px, 10px + .0595238095 * (100vw - 600px), 20px);
    background-color: #fff;
}
@media screen and (max-width: 767px)
{
    .p-customer__section__textArea
    {
        width: 100%;
    }
}
.p-customer__section__image
{
    position: relative;
    z-index: 2;

    width: 38%;
}
.p-customer__section__image img
{
    width: auto;
    height: clamp(200px, 34.33734vw, 570px);

    -o-object-fit: contain;

       object-fit: contain;
}
@media screen and (min-width: 1025px)
{
    .p-customer__section__image img
    {
        bottom: 0;
    }
}
@media screen and (max-width: 1024px)
{
    .p-customer__section__image img
    {
        top: 0;
    }
}
@media screen and (min-width: 768px)
{
    .p-customer__section__image img
    {
        position: absolute;
        left: 50%;

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

                transform: translateX(-50%);
    }
    .p-customer__section__image.customer01 img
    {
        left: 0;

        -webkit-transform: translateX(36%);

                transform: translateX(36%);
    }
    .p-customer__section__image.customer02 img
    {
        left: 0;

        -webkit-transform: translateX(7%);

                transform: translateX(7%);
    }
}
@media screen and (max-width: 767px)
{
    .p-customer__section__image
    {
        width: 100%;
        margin-left: auto;

        text-align: center;
    }
}

/* p-faq
   ----------------------------------------------------------------- */
.p-faq__list__row
{
    border-bottom: 1px solid #fff;
}
.p-faq__list__row:nth-of-type(odd)
{
    background-color: #f5f2eb;
}
.p-faq__list__row:nth-of-type(even)
{
    background-color: #ecf5e9;
}
.p-faq__list__dt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1200px;
    margin-bottom: 10px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dt
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        margin-bottom: 20px;
    }
}
.p-faq__list__dt__en
{
    font-size: clamp(32px, 32px + .0212121212 * (100vw - 600px), 60px);
    font-weight: 500;
    line-height: 1;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: clamp(100px, 100px + .0303030303 * (100vw - 600px), 140px);
    height: clamp(80px, 80px + .0151515152 * (100vw - 600px), 100px);

    background-color: #fff;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dt__en
    {
        width: 100%;
        height: auto;
        padding: 8px;
    }
}
.p-faq__list__dt__en::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

    width: clamp(15px, 15px + .0297619048 * (100vw - 600px), 20px);

    content: '';
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);

    background-color: #fff;

    aspect-ratio: 1/1;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dt__en::after
    {
        top: unset;
        right: 50%;
        bottom: 0;

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

                transform: translate(50%, 99%);

        clip-path: polygon(50% 100%, 0 0, 100% 0);
    }
}
.p-faq__list__dt__text
{
    font-size: clamp(22px, 22px + .0098484848 * (100vw - 600px), 35px);
    font-weight: 500;

    width: calc(100% - clamp(100px, 100px + .0303030303 * (100vw - 600px), 140px) - clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px));
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dt__text
    {
        width: 100%;
    }
}
.p-faq__list__dd
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1200px;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;
    grid-gap: clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px);
}
@media screen and (max-width: 1024px)
{
    .p-faq__list__dd
    {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dd
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.p-faq__list__dd__en
{
    font-size: clamp(32px, 32px + .0212121212 * (100vw - 600px), 60px);
    font-weight: 500;
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: clamp(100px, 100px + .0303030303 * (100vw - 600px), 140px);
    height: clamp(80px, 80px + .0151515152 * (100vw - 600px), 100px);

    background-color: #fff;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dd__en
    {
        width: 100%;
        height: auto;
        padding: 8px;
    }
}
.p-faq__list__dd__text
{
    font-size: clamp(17px, 17px + .0060606061 * (100vw - 600px), 25px);
    font-weight: 400;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: calc(100% - clamp(100px, 100px + .0303030303 * (100vw - 600px), 140px) - clamp(20px, 20px + .0595238095 * (100vw - 600px), 30px));
    padding: 0 clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);

    border-radius: 10px;
    background-color: #fff;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}
@media screen and (max-width: 1024px)
{
    .p-faq__list__dd__text
    {
        padding: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dd__text
    {
        width: 100%;
    }
}
.p-faq__list__dd__text::after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    width: clamp(15px, 15px + .0297619048 * (100vw - 600px), 20px);

    content: '';
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);

    background-color: #fff;

    aspect-ratio: 1/1;
    clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
@media screen and (max-width: 767px)
{
    .p-faq__list__dd__text::after
    {
        top: 0;
        left: 50%;

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

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

        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }
}

/* p-works
----------------------------------------------------------------- */
.p-works .p-reformSubP__menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    grid-gap: unset;
}
@media screen and (max-width: 1024px)
{
    .p-works .p-reformSubP__menu
    {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        grid-gap: clamp(10px, 10px + .0235849057 * (100vw - 600px), 20px) 3px;
    }
}
@media screen and (max-width: 1024px)
{
    .p-works .p-reformSubP__menu__list
    {
        width: calc(33.3333333333% - 5px);
    }
}
@media screen and (max-width: 767px)
{
    .p-works .p-reformSubP__menu__list
    {
        width: calc(50% - 4px);
    }
}
.p-works .p-reformSubP__menu__list__link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px) 8px;

    -webkit-transition: all .5s;

    transition: all .5s;

    background-color: #d3d3d3;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: clamp(12px, 12px + .0055803571 * (100vw - 1024px), 17px) clamp(5px, 5px + .0133928571 * (100vw - 1024px), 17px);
}
.p-works .p-reformSubP__menu__list__link.active
{
    pointer-events: none;

    background-color: #1eaa39;
}
@media screen and (min-width: 1025px)
{
    .p-works .p-reformSubP__menu__list__link:hover
    {
        opacity: 1;
        background-color: #fff;
    }
    .p-works .p-reformSubP__menu__list__link:hover::after
    {
        background: url(../image/new_reform/common/arrow_under.svg) center/100% no-repeat;
    }
    .p-works .p-reformSubP__menu__list__link:hover .p-reformSubP__menu__list__text
    {
        color: #1eaa39;
    }
}
@media screen and (max-width: 1919px)
{
    .p-works .p-reformSubP__menu__list__link
    {
        padding: clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px) clamp(8px, 21px - 13 * (100vw - 1668px) / 251, 21px); /*12px~8pxへ*/
    }
}
@media screen and (max-width: 1666px)
{
    .p-works .p-reformSubP__menu__list__link
    {
        padding: clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px) clamp(10px, 10px + 9 * (100vw - 1025px) / 642, 21px); /*12px~21pxへ*/
    }
}
@media screen and (max-width: 1024px)
{
    .p-works .p-reformSubP__menu__list__link
    {
        padding: clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px);

        grid-gap: clamp(8px, 8px + .015625 * (100vw - 768px), 12px);
    }
}
@media screen and (max-width: 767px)
{
    .p-works .p-reformSubP__menu__list__link
    {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        grid-gap: clamp(5px, 5px + .0416666667 * (100vw - 600px), 12px);
    }
}
.p-works .p-reformSubP__menu__list__link::after
{
    display: inline-block;

    width: min(1.1979vw, 23px);

    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;

    background: url(../image/new_reform/common/arrow_under_w.svg) center/100% no-repeat;

    aspect-ratio: 35/20;
}
@media screen and (max-width: 1024px)
{
    .p-works .p-reformSubP__menu__list__link::after
    {
        width: clamp(16px, 16px + .015625 * (100vw - 768px), 20px);

        -webkit-transform: translateY(2px);

                transform: translateY(2px);
    }
}
@media screen and (max-width: 767px)
{
    .p-works .p-reformSubP__menu__list__link::after
    {
        width: clamp(12px, 12px + .0238095238 * (100vw - 600px), 16px);
    }
}
.p-works .p-reformSubP__menu__list__text
{
    font-size: min(1.1979vw, 23px);
    font-weight: 500;

    -webkit-transition: all .5s;

    transition: all .5s;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-works .p-reformSubP__menu__list__text
    {
        font-size: clamp(17px, 17px + .03125 * (100vw - 768px), 25px);

        white-space: nowrap;
    }
}
@media screen and (max-width: 767px)
{
    .p-works .p-reformSubP__menu__list__text
    {
        font-size: clamp(14px, 14px + .0654761905 * (100vw - 600px), 25px);

        width: calc(100% - clamp(14px, 14px + .0654761905 * (100vw - 600px), 25px) - clamp(5px, 5px + .0892857143 * (100vw - 600px), 20px));

        text-align: center;
    }
}
.p-works__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(45px, 5.52147vw, 90px) 0;
}
.p-works__list__box
{
    width: 33.3333333333%;
    padding-right: min(2.24719vw, 40px);
    padding-left: min(2.24719vw, 40px);

    border-left: 1px solid #98814b;
}
@media screen and (min-width: 1025px)
{
    .p-works__list__box:nth-of-type(3n)
    {
        border-right: 1px solid #98814b;
    }
    .p-works__list__box .p-works__list__box__link:hover
    {
        opacity: 1;
    }
    .p-works__list__box .p-works__list__box__link:hover .p-works__list__box__image img
    {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}
@media screen and (max-width: 1024px)
{
    .p-works__list__box
    {
        width: 50%;
        padding: 0 clamp(20px, 20px + .0471698113 * (100vw - 600px), 40px);
    }
    .p-works__list__box:nth-of-type(even)
    {
        border-right: 1px solid #98814b;
    }
}
@media screen and (max-width: 767px)
{
    .p-works__list__box
    {
        width: 100%;
    }
    .p-works__list__box:nth-of-type(odd)
    {
        border-right: 1px solid #98814b;
    }
}
.p-works__list__box__link
{
    display: block;
}
.p-works__list__box__top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;

    margin-bottom: clamp(12px, 12px + .0178571429 * (100vw - 600px), 15px);
    padding-bottom: clamp(12px, 12px + .0178571429 * (100vw - 600px), 15px);

    border-bottom: #1eaa39 1px solid;

    grid-gap: clamp(12px, 12px + .0178571429 * (100vw - 600px), 15px);
}
.p-works__list__box__image
{
    overflow: hidden;

    aspect-ratio: 420/315;
}
.p-works__list__box__image img
{
    -webkit-transition: all .5s;
    transition: all .5s;
}
.p-works__list__box__title__name
{
    font-size: clamp(18px, 18px + .0119047619 * (100vw - 600px), 20px);
    font-weight: 500;
}
.p-works__list__box__title__sub
{
    font-size: clamp(18px, 18px + .0119047619 * (100vw - 600px), 20px);
    font-weight: 500;
}
.p-works__list__box__title__sub .slash
{
    font-size: clamp(18px, 18px + .0119047619 * (100vw - 600px), 20px);
    font-weight: 500;

    display: inline-block;

    margin: 0 .25em;

    color: #1eaa39;
}
.p-works__list__box__text
{
    font-size: 17px;
}
.p-works__detailArea__about__row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: 1px solid #1eaa39;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.p-works__detailArea__about__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50%;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media screen and (min-width: 1025px)
{
    .p-works__detailArea__about__box:nth-of-type(1) .p-works__detailArea__about__box__dd
    {
        border-right: 1px solid #1eaa39;
    }
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__about__box
    {
        width: 100%;
    }
    .p-works__detailArea__about__box:nth-of-type(1)
    {
        border-bottom: 1px solid #1eaa39;
    }
}
.p-works__detailArea__about__box__dt
{
    font-size: clamp(19px, 19px + .0119047619 * (100vw - 600px), 21px);

    width: 24%;
    padding: 10px;

    background-color: #f5f2eb;
}
@media screen and (min-width: 768px)
{
    .p-works__detailArea__about__box__dt
    {
        border-right: 1px solid #1eaa39;
    }
}
@media screen and (max-width: 767px)
{
    .p-works__detailArea__about__box__dt
    {
        width: 100%;

        border-bottom: 1px solid #1eaa39;
    }
}
.p-works__detailArea__about__box__dd
{
    font-size: clamp(19px, 19px + .0119047619 * (100vw - 600px), 21px);

    width: 76%;
    padding: 10px;
}
@media screen and (max-width: 767px)
{
    .p-works__detailArea__about__box__dd
    {
        width: 100%;
    }
}
.p-works__detailArea__point
{
    background-color: #f5f2eb;
}
.p-works__detailArea__point__inner
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.p-works__detailArea__point__text
{
    font-size: 17px;

    width: 75%;
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__point__text
    {
        width: 100%;
        padding-bottom: 125px;
    }
}
.p-works__detailArea__point__logo
{
    width: 24%;
    max-width: 240px;

    opacity: .3;
}
@media screen and (min-width: 1025px)
{
    .p-works__detailArea__point__logo
    {
        position: absolute;
        z-index: -1;
        top: 50%;
        right: 0;

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

                transform: translateY(-50%);
    }
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__point__logo
    {
        position: absolute;
        right: 0;
        bottom: 0;

        width: 50%;
        max-width: clamp(150px, 150px + .1785714286 * (100vw - 600px), 180px);
        margin-left: auto;
    }
}
@media screen and (max-width: 767px)
{
    .p-works__detailArea__point__logo
    {
        width: 70%;
    }
}
.p-works__detailArea__before__imageFlex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: 15px 1%;
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__before__imageFlex
    {
        grid-gap: clamp(8px, 8px + .0416666667 * (100vw - 600px), 15px);
    }
}
.p-works__detailArea__before__image
{
    width: 13.428571%;

    aspect-ratio: 1/1;
}
.p-works__detailArea__before__image__link
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    height: 100%;
}
.p-works__detailArea__before__image__link::after
{
    position: absolute;
    right: clamp(7px, 7px + .0178571429 * (100vw - 600px), 10px);
    bottom: clamp(7px, 7px + .0178571429 * (100vw - 600px), 10px);

    display: inline-block;

    width: clamp(20px, 20px + .0297619048 * (100vw - 600px), 25px);

    content: '';
    -webkit-transition: all .5s;
            transition: all .5s;

    background: url(../image/new_reform/common/place.svg) center/68% no-repeat, rgba(255, 255, 255, .75);

    aspect-ratio: 1/1;
}
.p-works__detailArea__before__image figcaption
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__before__image
    {
        width: calc(25% - clamp(8px, 8px + .0416666667 * (100vw - 600px), 15px) * 3 / 4);
    }
}
@media screen and (max-width: 767px)
{
    .p-works__detailArea__before__image
    {
        width: calc(33.33333% - clamp(8px, 8px + .0416666667 * (100vw - 600px), 15px) * 2 / 3);
    }
}
.p-works__detailArea__before__text
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-works__detailArea__before__text
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
.p-works__detailArea__after
{
    position: relative;
    z-index: 1;
}
.p-works__detailArea__after__imageFlex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: 30px 2%;
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__after__imageFlex
    {
        grid-gap: 1.8vw 2%;
    }
}
@media screen and (max-width: 767px)
{
    .p-works__detailArea__after__imageFlex
    {
        grid-gap: 5vw 2%;
    }
}
.p-works__detailArea__after__image
{
    width: 32%;

    aspect-ratio: 4/3;
}
.p-works__detailArea__after__image__link
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    height: 100%;
}
.p-works__detailArea__after__image__link::after
{
    position: absolute;
    right: 10px;
    bottom: 10px;

    display: inline-block;

    width: 25px;

    content: '';
    -webkit-transition: all .5s;
            transition: all .5s;

    background: url(../image/new_reform/common/place.svg) center/68% no-repeat, rgba(255, 255, 255, .75);

    aspect-ratio: 1/1;
}
.p-works__detailArea__after__image figcaption
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__after__image
    {
        width: 49%;
    }
}
@media screen and (max-width: 767px)
{
    .p-works__detailArea__after__image
    {
        width: 100%;
    }
}
.p-works__detailArea__after__image.main
{
    width: 49%;
}
@media screen and (max-width: 1024px)
{
    .p-works__detailArea__after__image.main
    {
        width: 100%;
    }
}
.p-works__detailArea__after__text
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-works__detailArea__after__text
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}