/* p-advantageDtail
----------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
    .p-page__heading .c-title__en
    {
        font-size: clamp(40px, 40px + .0952380952 * (100vw - 600px), 56px);
    }
}
@media screen and (max-width: 767px)
{
    .p-page__heading .c-title__jp
    {
        font-size: clamp(17px, 17px + .0297619048 * (100vw - 600px), 22px);
    }
}

.p-advantageDtail .c-title
{
    margin-bottom: 20px;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-advantageDtail .c-title
    {
        margin-bottom: 1.0465116279vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-advantageDtail .c-title
    {
        margin-bottom: 1.0810810811vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-advantageDtail .c-title
    {
        margin-bottom: 2.1484375vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-advantageDtail .c-title
    {
        margin-bottom: 2.8645833333vw;
    }
}
.p-advantageDtail .c-title *
{
    color: #fff;
}
.p-advantageDtail .c-title__en
{
    font-size: clamp(30px, 30px + .0223214286 * (100vw - 1024px), 50px);
}
.p-advantageDtail .c-title__en::before
{
    width: clamp(200px, 200px + .1116071429 * (100vw - 1024px), 300px);

    background-color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail .c-title__en
    {
        font-size: clamp(46px, 46px + .015625 * (100vw - 768px), 50px);
    }
}
@media screen and (max-width: 767px)
{
    .p-advantageDtail .c-title__en
    {
        font-size: clamp(33px, 33px + .0773809524 * (100vw - 600px), 46px);
    }
}
.p-advantageDtail .c-title__jp
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail .c-title__jp
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-advantageDtail__topText
{
    font-size: clamp(22px, 22px + .0089285714 * (100vw - 1024px), 30px);
    font-weight: 500;

    margin-bottom: 75px;

    text-align: center;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-advantageDtail__topText
    {
        margin-bottom: 3.9244186047vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-advantageDtail__topText
    {
        margin-bottom: 4.0540540541vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-advantageDtail__topText
    {
        margin-bottom: 8.056640625vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-advantageDtail__topText
    {
        margin-bottom: 10.7421875vw;
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__topText
    {
        font-size: clamp(22px, 22px + .0357142857 * (100vw - 600px), 28px);
    }
}
.p-advantageDtail__row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -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-advantageDtail__row:nth-of-type(odd)
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
}
.p-advantageDtail__row:nth-of-type(odd) .p-advantageDtail__textArea
{
    padding-right: 5vw;
    padding-left: clamp(30px, 30px + .0446428571 * (100vw - 1024px), 70px);
}
@media all and (min-width: 1660px)
{
    .p-advantageDtail__row:nth-of-type(odd) .p-advantageDtail__textArea
    {
        max-width: 750px;
        margin-right: auto;
        padding-right: 0;
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__row:nth-of-type(odd) .p-advantageDtail__textArea
    {
        width: 90%;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }
}
.p-advantageDtail__row:nth-of-type(odd) .p-advantageDtail__textArea::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: inline-block;

    width: 51vw;
    height: 100%;

    content: '';

    background: linear-gradient(125deg, #b6cd50 0%, #6fb92c 8.8%, #009844 70%, #6fb92c 100%);
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__row:nth-of-type(odd) .p-advantageDtail__textArea::after
    {
        left: 50%;

        width: 110vw;

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

                transform: translateX(-50%);
    }
}
.p-advantageDtail__row:nth-of-type(even) .p-advantageDtail__textArea
{
    padding-right: clamp(30px, 30px + .0446428571 * (100vw - 1024px), 70px);
    padding-left: 5vw;
}
@media all and (min-width: 1660px)
{
    .p-advantageDtail__row:nth-of-type(even) .p-advantageDtail__textArea
    {
        max-width: 750px;
        margin-left: auto;
        padding-left: 0;
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__row:nth-of-type(even) .p-advantageDtail__textArea
    {
        width: 90%;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }
}
.p-advantageDtail__row:nth-of-type(even) .p-advantageDtail__textArea::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    display: inline-block;

    width: 51vw;
    height: 100%;

    content: '';

    background: linear-gradient(125deg, #96c8e2 0%, #004da0 21.55%, #100964 70%, #004da0 100%);
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__row:nth-of-type(even) .p-advantageDtail__textArea::after
    {
        right: 50%;

        width: 110vw;

        -webkit-transform: translateX(50%);

                transform: translateX(50%);
    }
}
@media screen and (min-width: 1025px)
{
    .p-advantageDtail__row:nth-of-type(1) .p-advantageDtail__textArea::after
    {
        left: -1px;
    }
}
.p-advantageDtail__row:nth-of-type(3) .p-advantageDtail__imageArea__inner
{
    position: relative;
}
.p-advantageDtail__row:nth-of-type(3) .p-advantageDtail__imageArea__inner::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .15;
    background-color: #004800;
}
.p-advantageDtail__row:nth-of-type(5) .p-advantageDtail__imageArea__inner
{
    position: relative;
}
.p-advantageDtail__row:nth-of-type(5) .p-advantageDtail__imageArea__inner::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .3;
    background-color: #009844;
}
.p-advantageDtail__textArea
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    width: 50%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
}
@media all and (min-width: 1480px)
{
    .p-advantageDtail__textArea
    {
        padding-top: min(1.041vw, 20px);
    }
}
@media all and (max-width: 1479px) and (min-width: 1025px)
{
    .p-advantageDtail__textArea
    {
        padding-top: min(4.6875vw, 90px);
        padding-bottom: min(3.645vw, 70px);
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__textArea
    {
        width: 100%;
        padding-top: 90px;
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1479px) and (min-width: 1280px)
{
    .p-advantageDtail__textArea
    {
        padding-top: 4.7093023256vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1279px) and (min-width: 1024px)
{
    .p-advantageDtail__textArea
    {
        padding-top: 4.8648648649vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1023px) and (min-width: 768px)
{
    .p-advantageDtail__textArea
    {
        padding-top: 9.66796875vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 767px)
{
    .p-advantageDtail__textArea
    {
        padding-top: 12.890625vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1479px) and (min-width: 1280px)
{
    .p-advantageDtail__textArea
    {
        padding-bottom: 3.6627906977vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1279px) and (min-width: 1024px)
{
    .p-advantageDtail__textArea
    {
        padding-bottom: 3.7837837838vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1023px) and (min-width: 768px)
{
    .p-advantageDtail__textArea
    {
        padding-bottom: 7.51953125vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 767px)
{
    .p-advantageDtail__textArea
    {
        padding-bottom: 10.0260416667vw;
    }
}
@media screen and (max-width: 600px)
{
    .p-advantageDtail__textArea
    {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.p-advantageDtail__textArea__catch
{
    font-size: clamp(20px, 20px + .0111607143 * (100vw - 1024px), 30px);
    font-weight: 500;

    margin-bottom: .75em;

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__textArea__catch
    {
        font-size: clamp(26px, 26px + .0238095238 * (100vw - 600px), 30px);
    }
}
.p-advantageDtail__textArea__text
{
    margin-bottom: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
}
.p-advantageDtail__textArea__text__br
{
    font-size: 17px;

    display: block;

    color: #fff;
}
@media screen and (min-width: 1025px)
{
    .p-advantageDtail__textArea__text__br
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
.p-advantageDtail__textArea__flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}
@media screen and (max-width: 600px)
{
    .p-advantageDtail__textArea__flex
    {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    .p-advantageDtail__textArea__flex .p-advantageDtail__textArea__text__br
    {
        display: inline;
    }
}
.p-advantageDtail__textArea__flex__num
{
    font-size: min(8.85vw, 170px);
    line-height: 1;

    opacity: .6;
    color: #fff;
}
@media all and (min-width: 1480px)
{
    .p-advantageDtail__textArea__flex__num
    {
        margin-top: calc(clamp(45px, 45px + .0055803571 * (100vw - 1024px), 50px) * -1);
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__textArea__flex__num
    {
        font-size: min(16.6vw, 170px);
    }
}
@media screen and (max-width: 600px)
{
    .p-advantageDtail__textArea__flex__num
    {
        font-size: 100px;

        margin-left: 1.5rem;
    }
}
.p-advantageDtail__imageArea
{
    width: 50%;
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__imageArea
    {
        width: 100%;
    }
}
@media all and (min-width: 1480px)
{
    .p-advantageDtail__imageArea__inner:not(.flex)
    {
        aspect-ratio: 96/57;
    }
}
@media all and (max-width: 1479px) and (min-width: 1025px)
{
    .p-advantageDtail__imageArea__inner:not(.flex)
    {
        height: 100%;
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__imageArea__inner:not(.flex)
    {
        aspect-ratio: 96/57;
    }
}
.p-advantageDtail__imageArea__inner:not(.flex) img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}
.p-advantageDtail__imageArea__inner.flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}
@media all and (max-width: 1479px) and (min-width: 1025px)
{
    .p-advantageDtail__imageArea__inner.flex
    {
        height: 100%;
    }
}
.p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in
{
    width: 33.3333333333%;
}
@media all and (min-width: 1480px)
{
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in
    {
        overflow: hidden;

        aspect-ratio: 320/285;
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in img
    {
        max-width: unset;
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(1) img
    {
        width: 144.375%;

        -webkit-transform: translate(-18%, -26%);

                transform: translate(-18%, -26%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(2) img
    {
        width: 120.3125%;

        -webkit-transform: translate(-1%, 0%);

                transform: translate(-1%, 0%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(3) img
    {
        width: 187.8125%;

        -webkit-transform: translate(-25%, -12%);

                transform: translate(-25%, -12%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(4) img
    {
        width: 120.625%;

        -webkit-transform: translate(-7%, 0%);

                transform: translate(-7%, 0%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(5) img
    {
        width: 103.75%;

        -webkit-transform: translate(0%, -13%);

                transform: translate(0%, -13%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(6) img
    {
        width: 128.75%;

        -webkit-transform: translate(-18%, -17%);

                transform: translate(-18%, -17%);
    }
}
@media all and (max-width: 1479px) and (min-width: 1025px)
{
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in
    {
        height: 50%;
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in img
    {
        width: 100%;
        height: 100%;

        -o-object-fit: cover;

           object-fit: cover;
    }
}
@media screen and (max-width: 1024px)
{
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in
    {
        overflow: hidden;

        aspect-ratio: 320/285;
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in img
    {
        max-width: unset;
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(1) img
    {
        width: 144.375%;

        -webkit-transform: translate(-18%, -26%);

                transform: translate(-18%, -26%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(2) img
    {
        width: 120.3125%;

        -webkit-transform: translate(-1%, 0%);

                transform: translate(-1%, 0%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(3) img
    {
        width: 187.8125%;

        -webkit-transform: translate(-25%, -12%);

                transform: translate(-25%, -12%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(4) img
    {
        width: 120.625%;

        -webkit-transform: translate(-7%, 0%);

                transform: translate(-7%, 0%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(5) img
    {
        width: 103.75%;

        -webkit-transform: translate(0%, -13%);

                transform: translate(0%, -13%);
    }
    .p-advantageDtail__imageArea__inner.flex .p-advantageDtail__imageArea__inner__in:nth-of-type(6) img
    {
        width: 128.75%;

        -webkit-transform: translate(-18%, -17%);

                transform: translate(-18%, -17%);
    }
}
