html {
  scroll-behavior: smooth;
}
#lp .p-header {
    padding: 15px 32px 15px 0;
    width: min(100% - clamp(3rem, 1.488rem + 2.36vw, 3.75rem), 1540px);
}
img {
    height: auto;
}
.p-header__logo {
    width: 11rem;
    height: 4.5rem;
}
.p-hamburger__item {
    display: block;
}
#lp .p-gnav__list {
    gap: 2rem;
}
#lp .p-header__contact a {
    background-color: #4AAF91;
}
    #lp .c-button--primarysvg {
        transition: 0.4s;
    }
@media (min-width: 768px) {
    #lp .c-button--primary:hover {
        background-color: #4AAF91;
        color: #fff;
    }
    #lp .c-button--primary:hover svg {
        stroke: #fff;
    }
}

@media(max-width: 1023px){
    #lp .p-header {
        padding: 8px 24px 8px 10px;
        width: 100%;
    }
    #lp .p-header__logo {
        width: 7rem;
        height: 2.875rem;
    }
    #lp .p-gnav__list {
        gap: 1rem;
        width: calc(100% - 76px);
        margin-bottom: 60px;
        display: flex;
        flex-wrap: wrap;
    }

    #lp .p-gnav__list a {
        padding: 0 0.5rem 1rem;
        line-height: 1.5;
        font-size: 0.875rem;
    }

    #lp .p-footer__nav li a{
        padding: 0 0.5rem 1rem;
        line-height: 1.5;
        font-size: 0.875rem;
    }
    #lp .p-header__contact {
        width: 6.875rem;
        height: 1.75rem;
        margin-right: 1.5rem;
    }
    #lp .p-header__contact a {
        font-size: 0.75rem;
    }
    #lp .p-header__contact i {
        width: 1rem;
        height: 1rem;
    }
    
}
@media (max-width: 767px) {




}
@media (max-width: 1023px) {
    #lp .p-footer__nav {
        max-width: 35rem;
        margin: 0 auto 64px;
    }
    .p-footer__nav ul {
        justify-content: left;
    }
    .p-gnav li {
        flex: initial;
        width: calc(50% - 0.5rem);
        min-width: initial;
    }
    .p-footer__nav li {
        flex: initial;
        width: calc(50% - 20px);
        min-width: initial;
    }
    .p-gnav li a {
        padding: 0 0.875rem ;
    }

}
/* p-mainvisual */

#lp .p-mainvisual__img {
    padding-top: 51.783%;
}

#lp .p-mainvisual__textarea {
    top: 23.5%;
    top: 1.5%;
}
#lp .p-mainvisual__heading {
    margin-top: 0.5rem;
}
#lp .p-mainvisual__heading span {
    padding: 19px 16px;
}
#lp .p-mainvisual__heading i span {
    padding-right: 0;
}
#lp .p-mainvisual__heading i span+span {
    padding-left: 0;
    padding-right: 16px;
}
#lp .p-mainvisual__desc {
    margin-top: 42px;
}
#lp .p-mainvisual .c-button {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#lp .c-button--primary {
    color: #4AAF91;
    border: 2px solid #4AAF91;
}
#lp .c-button--primary .c-button__icon {
    width: 20px;
    margin-right: 16px;
    margin-left: 22px;
}
#lp .c-button--primary .c-button__arrow {
    margin-left: 2.2rem;
}


@media(max-width: 1023px){
    #lp .p-mainvisual__img {
        padding-top: 57.783%;
    }
    #lp .p-mainvisual__textarea {
        margin-top: -274px;
        right: 7%;
    }
    #lp .p-mainvisual__heading {
        margin-top: 0.2rem;
    }
    #lp .p-mainvisual__heading span {
        padding: 6px 8px 10px;
    }

    #lp .p-mainvisual__desc {
        margin-top: 10px;
        line-height: calc(28/16);
    }
    #lp .p-mainvisual .c-button {
        margin-top: 20px;
    }

    #lp .c-button--primary .c-button__icon {
        margin-left: 0px;
    }
    #lp .c-button--primary .c-button__arrow {
        margin-left: 1rem;
    }
    
}
@media(max-width: 767px){
    .p-mainvisual {
        margin-bottom: 0rem;
    }
    #lp .p-mainvisual__img {
        padding-top: 145.3125%;
    }
    #lp .p-mainvisual__textarea {
        margin-top: -274px;
    }
}

/* p-cmn-content__heading */

#lp .c-heading::after {
    margin-top: 1.8rem;
}
/* .p-cmn-content__heading .c-heading-en {
    margin-bottom: 5rem;
} */
.p-index-recomend .c-heading-en {
    height: 7.5rem;
    margin-bottom: 1.2rem;
}

.p-cmn-content__heading .c-heading-en img {
    position: absolute;
    right: clamp(100%, 100% - 14.167rem + 18.89vw, 100% + 8.5rem);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    object-fit: contain;
}
.p-index-recomend .p-cmn-content__heading .c-heading-en img {
    width: 49.8125rem;
    object-position: left;
}
.p-index-reason_why .c-heading-en {
    margin-bottom: 4.8rem;
}
.p-index-reason_why .c-heading-en img {
    width: 34.625rem;
    object-position: left;
}

@media(max-width: 1440px){
    .p-index-recomend .p-cmn-content__heading .c-heading-en img {
        height: 3.56rem;
        object-position: center;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media(max-width: 1023px){
    #lp .c-heading::after {
        margin-top: 1.2rem;
    }
    .p-index-reason_why .c-heading {
        line-height: calc(35/24);
    }
    .p-index-recomend .p-cmn-content__heading .c-heading-en img {
        width: 35rem;
        height: clamp(2rem, -1.111rem + 6.48vw, 3.75rem);
    }
    .p-index-recomend .c-heading-en {
        height: clamp(2rem, -1.111rem + 6.48vw, 3.75rem);
    }
    .p-index-recomend .c-heading-en {
        margin-bottom: 3rem;
    }
    .p-index-reason_why .c-heading-en {
        margin-bottom: 3rem;
    }
    .p-index-reason_why .p-cmn-content__heading .c-heading-en img {
        height: clamp(2rem, -1.111rem + 6.48vw, 3.75rem);
    }
}
@media(max-width: 767px){
    .p-cmn-content__heading .c-heading-en {
        margin-bottom: 3.6rem;
    }
    .p-cmn-content__heading .c-heading-en img {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 0 auto;
    }
    .p-index-recomend .p-cmn-content__heading .c-heading-en img {
        width: 19.375rem;
        transform: initial;
    }

    .p-index-reason_why .p-cmn-content__heading .c-heading-en img {
        width: 13.375rem;
    }
}


/* recomend */
#lp .p-index-recomend {
    padding: 3.2rem 0 5rem;
}

.p-index-recomend__list {
    margin: 5rem auto 0;
    display: flex;
    justify-content: center;
    gap: 3.75rem;
}
.p-index-recomend__item {
    width: 100%;
}
.p-index-recomend__ttl {
    text-align: center;
    padding: 0.9rem 1.13rem 2.25rem;
    background-image: url("../images/lp/recomend-text-box.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    line-height: calc(28/19);
}
.p-index-recomend__icon {
    width: 7.8rem;
    margin: 0.75rem auto 0;
}
@media(max-width: 1440px){
    .p-index-recomend__list {
        gap: 1.25rem;

    }
    .p-index-recomend__item {
        width: 20rem;
    }
    .p-index-recomend__ttl {
        padding: 0.7rem 1.13rem 2.25rem;
        font-size: 1rem;
    }
}

@media(max-width: 1023px){
.p-index-recomend__list {
    justify-content: left;
    margin: 2.4rem auto 0;
    gap: 0.5rem;
}
.p-index-recomend__item {
}
.p-index-recomend__ttl {
    padding: 1.2rem 0.5rem 2.25rem;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    line-height: calc(28/19);
    max-width: 20rem;
    margin: 0 auto;
}
.p-index-recomend__icon {
    margin-top: 0.5rem;
}
}
@media(max-width: 767px){
#lp .p-index-recomend {
    padding: 2rem 0 3.75rem;
}
    .p-index-recomend__list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.125rem;
    }
    .p-index-recomend__ttl {
        padding: 0.9rem 0.5rem 2.25rem;
        font-size: 1.05rem;
    }
}


/* reason_why */
.p-index-reason_why {
    padding: 5rem 0;
}

.p-index-reason_why__list {
    margin: 5rem auto 0;
}
.p-index-reason_why__item {
    position: relative;
    padding-top: 3.75rem;
}
.p-index-reason_why__item:nth-child(n+2) {
    margin-top: 2.5rem;
}

.p-index-recomend__image {
    position: absolute;
    top: 0;
    width: 59%;
    max-width: 43.75rem;
}

.p-index-reason_why__item:nth-child(2n+1) .p-index-recomend__image {
    left: 0;
}
.p-index-reason_why__item:nth-child(2n) .p-index-recomend__image {
    position: absolute;
    right: 0;
}

.p-index-reason_why__texts {
    border: 1px solid #4AAF91;
    padding: 2rem 2.5rem 3.5rem 2.5rem;
    width: 75%;
    max-width: 56.25rem;
    margin-left: auto;
}
.p-index-reason_why__item:nth-child(2n) .p-index-reason_why__texts {
    margin-left: 0;
}

.p-index-reason_why__texts--inner {
    width: 62%;
    max-width: 26.25rem;
    margin-left: auto;
}
.p-index-reason_why__item:nth-child(2n) .p-index-reason_why__texts--inner {
    margin-left: 0;
}
.p-index-reason_why__num {
    color: #4AAF91;
    font-weight: 700;
    font-size: 1.375rem;
    letter-spacing: 0.02em;
    line-height: calc(60/22);
}
.p-index-reason_why__num span {
    font-size: 2rem;
    line-height: calc(60/32);
}
.p-index-reason_why__ttl {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    line-height: calc(46/32);
}
.p-index-reason_why__ttl span {
    display: inline-block;
    background-color: #333333;
    padding: 0.4rem 1rem 0.625rem 0.75rem;
}
.p-index-reason_why__ttl span:nth-child(n+2) {
    margin-top: 0.5rem;
}
.p-index-reason_why__text {
    margin-top: 1.2rem;
    font-size: 1.125rem;
    line-height: calc(31/18);
}
@media(max-width: 1440px){
    .p-index-reason_why__list {
        margin: 5rem auto 0;
    }
    .p-index-reason_why__item {
        position: relative;
    }
    .p-index-recomend__image {
        width: 52%;
    }
}

@media(max-width: 1023px){
.p-index-reason_why {
    padding: 3.3rem 0 3.75rem;
}

.p-index-reason_why__list {
    margin-top: 2.25rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
}
.p-index-reason_why__item {
    position: relative;
    width: calc(50% - 1rem);
    padding-top: 2.5rem;
}
.p-index-reason_why__item:nth-child(2n) {
    margin-top: 0;
}
.p-index-reason_why__item:nth-child(n+2) {
    margin-top: 0;
}
.p-index-reason_why__item:nth-child(2n) .p-index-reason_why__texts {
    margin-left: auto;
}
.p-index-reason_why__texts {
    width: 80%;
    width: 100%;
    padding: 48% 1rem 2.5rem;
    height: 100%;

}
.p-index-recomend__image {
    width: 100%;
    padding: 0 1rem;
}

    .p-index-reason_why__item:nth-child(2n) .p-index-reason_why__texts--inner {
        margin-left: auto;
    }
.p-index-reason_why__texts--inner {
    width: 100%;
}


.p-index-reason_why__num {
    font-size: 1rem;
    line-height: calc(32/16);
}
.p-index-reason_why__num span {
    font-size: 1.625rem;
    line-height: calc(32/26);
}
.p-index-reason_why__ttl {
    font-size: 1.5rem;
    line-height: calc(35/24);
    margin-top: 0.3rem;
}
.p-index-reason_why__ttl span {
    padding: 0.4rem 0.75rem 0.5rem;
}

.p-index-reason_why__text {
    margin-top: 0.6rem;
    font-size: 1.125rem;
    line-height: calc(32/18);
}
}


@media(max-width: 768px){
    .p-index-reason_why__list {
        display: block;
        gap: 0;
        width: 100%;
        margin: 2.2rem auto 0;
    }
.p-index-reason_why__item {
    width: initial;
    margin-left: -24px;
    margin-right: -0.25rem;
    padding: 3.75rem 0 0 1.25rem;
}
.p-index-reason_why__item:nth-child(2n) {
    margin-left: -0.25rem;
    margin-right: -24px;
    padding: 3.75rem 1.25rem 0 0;
}
.p-index-reason_why__item:nth-child(n+2) {
    margin-top: 1.875rem;
}
.p-index-reason_why__texts {
    padding: 48% 1.25rem 1.6rem;
}
.p-index-reason_why__texts--inner {
    width: 100%;
    margin-left: 0;
    height: initial;
}
.p-index-reason_why__item:nth-child(2n) .p-index-reason_why__texts--inner {
    margin-left: 0;
}
.p-index-recomend__image {
    width: calc(100% - 1.25rem);
    max-width: 38rem;
    padding: 0;
}
.p-index-recomend__image img {
    max-height: 20rem;
}
.p-index-reason_why__item:nth-child(2n+1) .p-index-recomend__image {
    left: 0;
}
.p-index-reason_why__item:nth-child(2n) .p-index-recomend__image {
    right: 0;
    left: initial;
}
.p-index-reason_why__num {
    font-size: 1rem;
    line-height: calc(32/16);
}
.p-index-reason_why__num span {
    font-size: 1.625rem;
    line-height: calc(32/26);
}
.p-index-reason_why__ttl {
    font-size: 1.5rem;
    line-height: calc(35/24);
    margin-top: 0.3rem;
}
.p-index-reason_why__ttl span {
    padding: 0.4rem 0.75rem 0.5rem;
}

.p-index-reason_why__text {
    margin-top: 0.6rem;
    font-size: 1.125rem;
    line-height: calc(32/18);
}
}
.p-footer__logo {
    background-color: #fff;
}
.c-heading-en {}


    /* @media(max-width: 1023px){} */