/* VARIABLES
-------------------------------------*/
/* COMMON
-------------------------------------*/
body {
    background: #fff;
    font-family: "yu-mincho-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

a {
    text-decoration: none;
}
a:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    display: block;
}
.bg_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flex {
    display: flex;
}

.btn:hover {
    transform: translateY(-2px);
}

/* HEADER
-------------------------------------*/
header {
    display: none;
}

/* TOP
-------------------------------------*/
#top .inner {
    height: 841px;
    background-image: url("../img/top.png");
}
@media screen and (max-width: 1440px) {
    #top .inner {
        padding-bottom: 0;
        height: 58.4027777778vw;
    }
}
@media screen and (max-width: 440px) {
    #top .inner {
        padding-bottom: 0;
        height: 145.4545454545vw;
        background-image: url("../img/top2.png");
    }
}

/* ITEM BUNNER
-------------------------------------*/

#item_banner .item {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.item_left,
.item_right {
    position: relative;
    width: 50%;
    padding: 32px;
}
.item_left_img,
.item_right_img {
    width: 193px;
    height: 290px;
}
.item_left {
    border-right: solid 1px #000;
}
.item_left_img {
    background-image: url("../img/left.png");
}
.item_right_img {
    background-image: url("../img/right.png");
}
.item_left_content,
.item_right_content {
    width: 420px;
}
.item_name {
    line-height: 1;
    font-size: 24px;
}
.series_name {
    margin-top: 15px;
    font-size: 32px;
}
.exp {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.5;
}
.purchase {
    width: 500px;
    position: absolute;
    bottom: 50px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}
.purchase .price {
    font-size: 50px;
}
.purchase .button {
    width: 162px;
}

@media screen and (max-width: 1440px) {
    .item_left,
    .item_right {
        padding: 2.5vw;
    }
    .item_left_img,
    .item_right_img {
        width: 13.4027777778vw;
        height: 20.1388888889vw;
    }
    .item_left_content,
    .item_right_content {
        width: 29.1666666666vw;
    }
    .item_name {
        font-size: 1.6666666667vw;
    }
    .series_name {
        margin-top: 1.0416666667vw;
        font-size: 2.2222222222vw;
    }
    .exp {
        margin-top: 2.0833333333vw;
        font-size: 1.3888888889vw;
    }
    .purchase {
        width: 34.7222222222vw;
        bottom: 3.4722222222vw;
        right: 1.3888888889vw;
        font-size: 1.25vw;
    }
    .purchase .price {
        font-size: 3.4722222222vw;
    }
    .purchase .button {
        width: 11.25vw;
    }
}
@media screen and (max-width: 440px) {
    #item_banner .inner {
        flex-direction: column;
    }
    .item_left,
    .item_right {
        width: 100%;
        padding: 2.7272727273vw 2.7272727273vw 0;
        border-right: none;
        border-bottom: solid 1px #000;
    }
    .item_left_img,
    .item_right_img {
        width: 26.8181818182vw;
        height: 44.3181818182vw;
    }
    .item_left_content,
    .item_right_content {
        width: 59.0909090909vw;
    }
    .item_name {
        font-size: 3.4090909091vw;
    }
    .series_name {
        margin-top: 2.2727272727vw;
        font-size: 4.5454545455vw;
    }
    .exp {
        margin-top: 2.2727272727vw;
        font-size: 2.7272727273vw;
    }
    .purchase {
        /* width: 45.4545454545vw; */
        width: 59.0909090909vw;
        /* bottom: 6.8181818182vw; */
        bottom: 2.2727272727vw;
        left: 38.8636363636vw;
        flex-wrap: wrap;
        row-gap: 2.2727272727vw;
        font-size: 2.7272727273vw;
    }
    .purchase .price {
        font-size: 6.3636363636vw;
        padding-bottom: 11.3636363636vw;
    }
    .purchase .button {
        width: 28.1818181818vw;
    }
}
/* APEAL
-------------------------------------*/
#apeal .inner {
    position: relative;
    height: 140px;
    background-image: url("../img/apeal.png");
}
#apeal .inner p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 40px;
    white-space: nowrap;
}

@media screen and (max-width: 1440px) {
    #apeal .inner {
        height: 9.7222222222vw;
    }
    #apeal .inner p {
        font-size: 2.7777777778vw;
    }
}
@media screen and (max-width: 440px) {
    #apeal .inner {
        height: 14.3181818182vw;
    }
    #apeal .inner p {
        font-size: 4.5454545455vw;
    }
}
/* EXPLANATION
-------------------------------------*/
.exp_left,
.exp_right {
    width: 50%;
}
.exp_left img,
.exp_right img {
    width: 100%;
    height: 50.4166666667vw;
    max-height: 726px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 440px) {
    #explanation .flex {
        flex-direction: column-reverse;
    }
    .exp_left {
        width: 100%;
    }
    .exp_left img {
        height: 115.9090909091vw;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .exp_right {
        width: 100%;
    }
    .exp_right img {
        width: 100%;
        height: 63.6363636364vw;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
/* SOLUTION
-------------------------------------*/
#solution .inner {
    height: 2172px;
    background-image: url("../img/solution.png");
    position: relative;
}
.solution_catch {
    position: relative;
    height: 168px;
    background-image: url("../img/Background.png");
}
.solution_catch p {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    white-space: nowrap;
}
.solution_catch p br {
    display: none;
}
.solution_approach {
    position: relative;
    height: 152px;
    background-image: linear-gradient(
        to right,
        rgba(160, 198, 217, 0.29),
        rgba(255, 255, 255, 0)
    );
    margin-top: 90px;
}
.solution_approach p {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    white-space: nowrap;
    line-height: 1.5;
}
.solution_approach p br:last-child {
    display: none;
}
.solution_6years {
    position: absolute;
    bottom: 40px;
    left: 120px;
    font-size: 48px;
}
@media screen and (max-width: 1440px) {
    #solution .inner {
        height: 150.8333333333vw;
    }
    .solution_catch {
        height: 11.6666666666vw;
    }
    .solution_catch p {
        font-size: 3.3333333333vw;
    }
    .solution_approach {
        height: 10.5555555555vw;
        margin-top: 6.25vw;
    }
    .solution_approach p {
        font-size: 2.5vw;
    }
    .solution_6years {
        bottom: 2.7777777777vw;
        left: 8.3333333333vw;
        font-size: 3.3333333333vw;
    }
}
@media screen and (max-width: 440px) {
    .solution_catch {
        height: 22.7272727272vw;
    }
    .solution_catch p {
        font-size: 4.545454545454vw;
        line-height: 1.5;
        text-align: center;
    }
    .solution_catch p br {
        display: block;
    }
    .solution_approach {
        height: 15.4545454545vw;
    }
    .solution_approach p br:last-child {
        display: block;
    }
}

/* BASIS
-------------------------------------*/
#basis .inner {
    position: relative;
    height: 1023px;
    background-image: url("../img/basis.png");
}
.basis_text {
    position: absolute;
    top: 32px;
    left: 90px;
    font-size: 48px;
}
@media screen and (max-width: 1440px) {
    #basis .inner {
        height: 71.0416666667vw;
    }
    .basis_text {
        top: 2.2222222222vw;
        left: 6.25vw;
        font-size: 3.3333333333vw;
    }
}

/* COMPONENT
-------------------------------------*/
#component .inner {
    position: relative;
    height: 1644px;
    background-image: url("../img/component.png");
}
#component .inner p {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 80px;
    width: 990px;
    font-size: 24px;
    line-height: 32px;
    text-align: justify;
}
@media screen and (max-width: 1440px) {
    #component .inner {
        padding-bottom: 0;
        height: 114.1666666667vw;
    }
    #component .inner p {
        bottom: 5.5555555556vw;
        width: 68.75vw;
        font-size: 1.6666666667vw;
        line-height: 2.2222222222vw;
    }
}
@media screen and (max-width: 440px) {
    #component .inner {
        height: 170.2272727273vw;
        background-image: url("../img/component2.png");
    }
    #component .inner p {
        bottom: -9.0909090909vw;
        width: 75vw;
        font-size: 3.1818181818vw;
        line-height: 4.3181818182vw;
    }
}

/* EFFICACY
-------------------------------------*/
#efficacy .inner {
    padding-top: 146px;
    padding-bottom: 155px;
}

.seibun_text {
    width: 690px;
    padding-left: 56px;
    /* padding-left: 118px; */
    padding-right: 62px;
    text-align: justify;
}

.seibun_image {
    width: 52.0833333333vw;
    max-width: 750px;
    position: relative;
}
.seibun_image img {
    -o-object-fit: cover;
    object-fit: cover;
}

#syohou {
    flex-direction: row-reverse;
}

.syohou_text {
    width: 590px;
    padding-top: 75px;
    padding-left: 85px;
    padding-right: 35px;
    text-align: justify;
}

.syohou_image {
    width: 59.0277777778vw;
    max-width: 850px;
    position: relative;
}

.syohou_image .img:last-child {
    width: 200px;
    height: 400px;
    position: absolute;
    left: 740px;
    bottom: -60px;
}

.seibun_title,
.syohou_title {
    font-size: 46px;
    /* font-size: 48px; */
    margin-bottom: 58px;
}
.syohou_title span {
    line-height: 2;
}

.seibun_description,
.syohou_description {
    font-size: 32px;
}
.seibun_description span {
    font-size: 24px;
}

@media screen and (max-width: 1440px) {
    #efficacy .inner {
        padding-top: 10.1388888889vw;
        padding-bottom: 10.7638888889vw;
    }
    .seibun_text {
        width: 47.9166666667vw;
        padding-left: 3.8888888888vw;
        /* padding-left: 8.1944444444vw; */
        padding-right: 4.3055555556vw;
    }
    .syohou_text {
        width: 40.9722222222vw;
        padding-top: 5.2083333333vw;
        padding-left: 5.9027777778vw;
        padding-right: 2.4305555556vw;
    }
    .syohou_image .img:last-child {
        width: 13.8888888889vw;
        height: 27.7777777778vw;
        left: 51.3888888889vw;
        bottom: -4.1666666667vw;
    }
    .seibun_title,
    .syohou_title {
        font-size: 3.1944444444vw;
        /* font-size: 3.3333333333vw; */
        margin-bottom: 4.0277777778vw;
    }
    .seibun_description,
    .syohou_description {
        font-size: 2.2222222222vw;
    }
    .seibun_description span {
        font-size: 1.6666666666vw;
    }
}
@media screen and (max-width: 440px) {
    #efficacy .inner {
        padding: 22.7272727273vw 6.8181818182vw 22.7272727273vw;
    }
    #seibun {
        flex-direction: column-reverse;
        width: 100%;
    }
    .seibun_text {
        width: 100%;
        padding: 0;
        margin-bottom: 11.3636363636vw;
    }
    .seibun_image {
        width: 100%;
        margin-bottom: 6.8181818182vw;
    }
    #syohou {
        flex-direction: column-reverse;
        width: 100%;
    }
    .syohou_text {
        width: 100%;
        padding: 0;
    }
    .syohou_image {
        width: 100%;
        margin-bottom: 6.8181818182vw;
    }
    .syohou_image .img:last-child {
        width: 22.7272727273vw;
        height: 45.4545454545vw;
        left: 65.9090909091vw;
        bottom: -17.0454545455vw;
    }
    .seibun_description,
    .syohou_description {
        font-size: 3.1818181818vw;
        line-height: 4.3181818182vw;
    }
    .seibun_description span {
        font-size: 3.1818181818vw;
    }
    .seibun_title,
    .syohou_title {
        font-size: 4.5454545455vw;
        text-align: center;
    }
}

/* FREE
-------------------------------------*/
#free .inner {
    margin-bottom: 125px;
}
@media screen and (max-width: 1440px) {
    #free .inner {
        margin-bottom: 8.6805555556vw;
    }
}

/* CONCEPT
-------------------------------------*/
#concept .inner {
    position: relative;
    margin-bottom: 3.4722222222vw;
    height: 1190px;
    background-image: url("../img/concept.png");
}
#concept .inner p {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    /* bottom: 211px; */
    top: 500px;
    width: 921px;
    text-align: justify;
    font-size: 32px;
    line-height: 63px;
}
@media screen and (max-width: 1440px) {
    #concept .inner {
        height: 82.6388888889vw;
        padding-bottom: 0;
    }
    #concept .inner p {
        top: 34.7222222222vw;
        width: 68.75vw;
        font-size: 2.2222222222vw;
        line-height: 4.375vw;
    }
}
@media screen and (max-width: 440px) {
    #concept .inner {
        height: 113.6363636364vw;
        width: 100vw;
    }
    #concept .inner p {
        top: 45.4545454545vw;
        width: 87.7272727273vw;
        font-size: 3.1818181818vw;
        line-height: 6.3636363636vw;
    }
}

/* BANNER2
-------------------------------------*/
#banner2 .bg_image {
    height: 594px;
    background-image: url("../img/banner.png");
}
@media screen and (max-width: 1440px) {
    #banner2 .bg_image {
        padding-bottom: 0;
        height: 41.25vw;
    }
}
@media screen and (max-width: 440px) {
    #banner2 .bg_image {
        background-image: url("../img/banner2.png");
        height: 57.0454545455vw;
    }
}

/* HOW_TO_USE
-------------------------------------*/
#howToUse .bg_image {
    height: 1366px;
    background-image: url("../img/howtouse.png");
}
@media screen and (max-width: 1440px) {
    #howToUse .bg_image {
        padding-bottom: 0;
        height: 94.8611111111vw;
    }
}
@media screen and (max-width: 440px) {
    #howToUse .bg_image {
        margin-bottom: 15.909090909vw;
        height: 105.909090909vw;
        background-image: url("../img/howtouse_sp.png");
    }
}

/* CTA
-------------------------------------*/

#impression_contents {
    padding-top: 37px;
    padding-bottom: 104px;
}
.impression_catch {
    position: relative;
    height: 140px;
    background-color: #a0c6d9;
}
.impression_catch p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 48px;
    white-space: nowrap;
}
.impression_text {
    width: 693px;
    padding-top: 110px;
    padding-left: 156px;
    padding-right: 56px;
}
.impression_image {
    width: 747px;
    padding-right: 35px;
}
.impression_title {
    font-size: 40px;
    margin-bottom: 58px;
}
.impression_description {
    font-size: 32px;
    line-height: 44px;
}

@media screen and (max-width: 1440px) {
    #impression_contents {
        padding-top: 2.5694444444vw;
        padding-bottom: 7.2222222222vw;
    }
    .impression_catch {
        height: 9.7222222222vw;
    }
    .impression_catch p {
        font-size: 3.3333333333vw;
    }
    .impression_text {
        width: 48.125vw;
        padding-top: 7.6388888889vw;
        padding-left: 10.8333333333vw;
        padding-right: 3.8888888889vw;
    }
    .impression_image {
        width: 51.875vw;
        padding-right: 2.4305555556vw;
    }
    .impression_title {
        font-size: 2.7777777778vw;
        margin-bottom: 4.0277777778vw;
    }
    .impression_description {
        font-size: 2.2222222222vw;
        line-height: 3.0555555556vw;
    }
}
@media screen and (max-width: 440px) {
    #impression .inner .flex {
        flex-direction: column;
    }
    .impression_catch {
        height: 14.3181818182vw;
    }
    .impression_catch p {
        font-size: 4.5454545455vw;
    }
    .impression_text {
        width: 100%;
    }
    .impression_image {
        width: 72.5%;
        margin: 0 0 0 auto;
    }
    .impression_title {
        font-size: 3.6363636364vw;
    }
    .impression_description {
        font-size: 3.1818181818vw;
        line-height: 4.5454545455vw;
    }
}

/* IMPORTANT
-------------------------------------*/
.important {
    margin-bottom: 21px;
}
.important_catch {
    position: relative;
    height: 140px;
    background-color: #a0c6d9;
}
.important_catch p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 48px;
    white-space: nowrap;
}
.important div.flex {
    justify-content: space-between;
}
.important_image1 {
    width: 556px;
}
.important_exp {
    width: 830px;
}
.important_image2 {
    margin-top: 119px;
    margin-bottom: 59px;
}
.important_text {
    font-size: 36px;
    line-height: 61px;
    padding-left: 32px;
    padding-right: 32px;
}

.cta_title {
    position: relative;
    margin: 0 auto 30px;
    width: 847px;
    height: 272px;
}
.cta_title_text {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 40px;
    line-height: 1.5;
}
@media screen and (max-width: 1440px) {
    .important {
        margin-bottom: 1.4583333333vw;
    }
    .important_catch {
        height: 9.7222222222vw;
    }
    .important_catch p {
        font-size: 3.3333333333vw;
    }
    .important div.flex {
        justify-content: space-between;
    }
    .important_image1 {
        width: 38.6111111111vw;
    }
    .important_exp {
        width: 57.6388888889vw;
    }
    .important_image2 {
        margin-top: 8.2638888889vw;
        margin-bottom: 4.0972222222vw;
    }
    .important_text {
        font-size: 2.5vw;
        line-height: 4.2361111111vw;
        padding-left: 2.2222222222vw;
        padding-right: 2.2222222222vw;
    }
    .cta_title {
        margin-bottom: 2.0833333333vw;
        width: 58.8194444444vw;
        height: 18.8888888889vw;
    }
    .cta_title_text {
        top: 6.9444444444vw;
        font-size: 2.7777777778vw;
        line-height: 1.5;
    }
}
@media screen and (max-width: 440px) {
    .important_catch {
        height: 14.3181818182vw;
    }
    .important_catch p {
        font-size: 4.5454545455vw;
    }
    .cta_title {
        width: 100%;
        height: 30vw;
        padding: 3.6363636364vw;
        margin-bottom: 7.2727272727vw;
    }
    .cta_title_text {
        top: 13.6363636364vw;
        font-size: 4.0909090909vw;
    }
}

/* BIG BANNER
-------------------------------------*/
.bigBanner .inner {
    padding-top: 50px;
    background-color: #e1eef5;
    position: relative;
}
.bigBanner .inner .flex {
    justify-content: space-between;
}
.bb1_exp,
.bb2_exp {
    width: 565px;
}
.bb1_exp .title_image,
.bb2_exp .title_image {
    max-width: 307px;
    height: 65px;
    margin-bottom: 29px;
}
.bb1_exp .title_image img,
.bb2_exp .title_image img {
    -o-object-fit: cover;
    object-fit: cover;
}
.bb1_exp .item_name,
.bb2_exp .item_name {
    font-size: 38px;
    margin-bottom: 29px;
}
.bb1_exp .series_name,
.bb2_exp .series_name {
    font-size: 51px;
    margin-bottom: 60px;
}
.bb1_exp .exp,
.bb2_exp .exp {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 40px;
}

.purchase2 p {
    font-size: 24px;
    margin-bottom: 50px;
}
.purchase2 p span {
    font-size: 80px;
}
@media screen and (max-width: 1440px) {
    .bigBanner .inner {
        padding-top: 3.4722222222vw;
    }
    .bb1_exp,
    .bb2_exp {
        width: 39.2361111111vw;
    }
    .bb1_exp .title_image,
    .bb2_exp .title_image {
        max-width: 21.3194444444vw;
        height: 4.5138888889vw;
        margin-bottom: 2.0138888889vw;
    }
    .bb1_exp .item_name,
    .bb2_exp .item_name {
        font-size: 2.6388888889vw;
        margin-bottom: 2.0138888889vw;
    }
    .bb1_exp .series_name,
    .bb2_exp .series_name {
        font-size: 3.5416666667vw;
        margin-bottom: 4.1666666667vw;
    }
    .bb1_exp .exp,
    .bb2_exp .exp {
        font-size: 1.4583333333vw;
        margin-bottom: 2.7777777778vw;
    }
    .purchase2 p {
        font-size: 1.6666666667vw;
        margin-bottom: 3.4722222222vw;
    }
    .purchase2 p span {
        font-size: 5.5555555556vw;
    }
}
@media screen and (max-width: 440px) {
    .bigBanner .inner {
        padding-top: 2.2727272727vw;
    }
    .bb1_exp .title_image,
    .bb2_exp .title_image {
        max-width: 24.5454545455vw;
        height: 5vw;
        margin-bottom: 3.4090909091vw;
    }
    .bb1_exp .item_name,
    .bb2_exp .item_name {
        font-size: 2.9545454545vw;
        margin-bottom: 2.2727272727vw;
    }
    .bb1_exp .series_name,
    .bb2_exp .series_name {
        font-size: 4.5454545455vw;
        margin-bottom: 3.4090909091vw;
    }
    .bb1_exp .exp,
    .bb2_exp .exp {
        font-size: 2.7272727273vw;
        margin-bottom: 4.5454545455vw;
    }
    .purchase2 p {
        font-size: 2.7272727273vw;
        margin-bottom: 4.5454545455vw;
    }
    .purchase2 p span {
        font-size: 8.1818181818vw;
    }
}

#bigBanner1 .inner {
    padding-left: 120px;
}
#bigBanner1 .inner .flex {
    width: 940px;
}
.bb1_image {
    background-image: url("../img/shampoo.png");
    height: 949px;
    width: 490px;
}
.bb1_exp {
    padding-top: 100px;
}
.bb1_exp .purchase2 .button {
    width: 255px;
    height: 63px;
}
.bb1_exp .purchase2 .button img {
    -o-object-fit: cover;
    object-fit: cover;
}
.bb1_exp .purchase2 .button:nth-child(2) {
    margin-bottom: 50px;
}
#bigBanner1 .inner .features {
    position: absolute;
    top: 263px;
    right: 0;
    width: 440px;
    height: 329px;
}
@media screen and (max-width: 1440px) {
    #bigBanner1 .inner {
        padding-left: 8.3333333333vw;
    }

    #bigBanner1 .inner .flex {
        width: 65.2777777778vw;
    }
    .bb1_image {
        height: 65.9027777778vw;
        width: 34.0277777778vw;
    }
    .bb1_exp {
        padding-top: 6.9444444444vw;
    }
    .bb1_exp .purchase2 .button {
        width: 17.7083333333vw;
        height: 4.375vw;
    }
    .bb1_exp .purchase2 .button:nth-child(2) {
        margin-bottom: 3.4722222222vw;
    }
    #bigBanner1 .inner .features {
        top: 18.2638888889vw;
        width: 30.5555555556vw;
        height: 22.8472222222vw;
    }
}
@media screen and (max-width: 440px) {
    #bigBanner1 .inner {
        padding-left: 9.0909090909vw;
    }
    #bigBanner1 .inner .flex {
        width: 79.5454545455vw;
    }
    .bb1_image {
        height: 86.3636363636vw;
    }
    .bb1_exp {
        padding-top: 4.5454545455vw;
    }
    .bb1_exp .purchase2 .button {
        width: 29.7727272727vw;
        height: 7.2727272727vw;
    }
    .bb1_exp .purchase2 .button:last-child {
        margin-bottom: 4.0909090909vw;
    }
    .bb1_exp .purchase2 .button:nth-child(2) {
        margin-bottom: 4.0909090909vw;
    }
    #bigBanner1 .inner .features {
        display: none;
        /* top: 2.9545454545vw;
        left: -2.2727272727vw;
        width: 43.7689969604vw;
        height: 32.7272727273vw; */
    }
}

#bigBanner2 .inner {
    padding-top: 0;
    position: relative;
}
.bb2_catch {
    position: relative;
    height: 168px;
    background-image: url("../img/Background.png");
}
.bb2_catch p {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    white-space: nowrap;
}
.bb2_contents {
    /* width: 890px; */
    width: 980px;
    padding-top: 85px;
    /* margin-left: 150px; */
    margin: 0 auto;
}
.bb2_image {
    height: 799px;
    width: 222px;
    background-image: url("../img/care.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bb2_exp {
    padding-top: 50px;
    margin-right: 50px;
}
.linK {
    width: 470px;
}
.bb2_exp .purchase2 .button1 {
    width: 470px;
    height: 55px;
    margin-bottom: 21px;
}
.bb2_exp .purchase2 .link {
    width: 470px;
    padding-top: 0;
    margin: 0;
}
.button2,
.button3 {
    width: 220px;
    height: 55px;
}
#bigBanner2 .inner .features {
    position: absolute;
    top: 450px;
    /* top: 263px; */
    right: 0;
    width: 440px;
    height: 329px;
}
@media screen and (max-width: 1440px) {
    .bb2_catch {
        height: 11.6666666666vw;
    }
    .bb2_catch p {
        font-size: 3.3333333333vw;
    }
    .bb2_contents {
        width: 68.0555555556vw;
        padding-top: 5.9027777778vw;
        padding-bottom: 3.4722222222vw;
    }
    .bb2_image {
        height: 55.4861111111vw;
        width: 15.4166666667vw;
    }
    .bb2_exp {
        padding-top: 3.4722222222vw;
    }
    .bb2_exp .purchase2 .button1 {
        width: 32.6388888889vw;
        height: 3.8194444444vw;
        margin-bottom: 1.4583333333vw;
    }
    .bb2_exp .purchase2 .link {
        width: 32.6388888889vw;
    }
    .button2,
    .button3 {
        width: 15.2777777778vw;
        height: 3.8194444444vw;
    }
    #bigBanner2 .inner .features {
        top: 31.25vw;
        width: 30.5555555556vw;
        height: 22.8472222222vw;
    }
}
@media screen and (max-width: 440px) {
    .bb2_catch {
        height: 22.7272727272vw;
    }
    .bb2_catch p {
        font-size: 4.545454545454vw;
        /* line-height: 1.5; */
        text-align: center;
    }
    .bb2_contents {
        width: 72.7272727273vw;
    }
    .bb2_image {
        height: 77.2727272727vw;
        width: 22.7272727273vw;
    }
    .bb2_exp {
        padding-top: 3.4722222222vw;
        margin-right: 0;
        width: 47.7272727273vw;
    }
    .bb2_exp .purchase2 .button1 {
        width: 59.5454545455vw;
        height: 7.2727272727vw;
        margin-bottom: 1.4583333333vw;
    }
    .bb2_exp .purchase2 .link {
        width: 59.5454545455vw;
    }
    .button2,
    .button3 {
        width: 29.7727272727vw;
        height: 7.2727272727vw;
    }
    #bigBanner2 .inner .features {
        display: none;
    }
}

/* APEAL2
-------------------------------------*/
#apeal2 .inner {
    position: relative;
    height: 959px;
    background-image: url("../img/apeal2.png");
}
#apeal2_contents {
    width: 60%;
    padding-top: 100px;
    margin: 0 auto;
    font-size: 40px;
}
.apeal2_catch {
    margin-bottom: 70px;
    text-align: center;
}
.apeal2_catch br {
    display: none;
}
.apeal2_text {
    line-height: 1.5;
    text-align: justify;
}
.leaf_left,
.leaf_right {
    position: absolute;
}
.leaf_right {
    width: 426px;
    height: 680px;
    bottom: 700px;
    right: 0;
}
.leaf_left {
    width: 308px;
    height: 580px;
    bottom: 520px;
    left: 0;
}
@media screen and (max-width: 1440px) {
    #apeal2 .inner {
        height: 67vw;
    }
    #apeal2_contents {
        padding-top: 6.9444444444vw;
        font-size: 2.7777777777vw;
    }
    .apeal2_catch {
        margin-bottom: 4.8611111111vw;
    }
    .leaf_right {
        width: 30vw;
        height: 47vw;
        bottom: 50vw;
    }
    .leaf_left {
        width: 21vw;
        height: 40vw;
        bottom: 36vw;
    }
}
@media screen and (max-width: 440px) {
    #apeal2 .inner {
        background-image: url("../img/apeal3.png");
        height: 98vw;
    }
    #apeal2_contents {
        padding-top: 10vw;
    }
    .apeal2_catch {
        margin-bottom: 3.4722222222vw;
        font-size: 3.6363636363vw;
    }
    .apeal2_catch br {
        display: block;
    }
    .apeal2_text {
        font-size: 3.1818181818vw;
        line-height: 1.8;
    }
    .leaf_right {
        width: 22vw;
        bottom: 75vw;
    }
    .leaf_left {
        width: 17vw;
        bottom: 70vw;
    }
}

/* FOOTER
-------------------------------------*/
footer .inner {
    color: #fff;
    background-color: #447591;
    padding-top: 125px;
    padding-bottom: 90px;
    padding-left: 175px;
}

footer .inner .flex {
    justify-content: space-between;
    align-items: center;
}
footer .inner .wrapper {
    width: 880px;
}
footer .inner .wrapper .company .name {
    font-size: 40px;
    margin-bottom: 50px;
}
footer .inner .wrapper .company .address {
    font-size: 24px;
    margin-bottom: 40px;
}
footer .inner .wrapper .company .copy {
    font-size: 16px;
}
footer .inner .wrapper .instagram {
    width: 41px;
    height: 41px;
}
@media screen and (max-width: 1440px) {
    footer .inner {
        padding-top: 8.6805555556vw;
        padding-bottom: 6.25vw;
        padding-left: 12.1527777778vw;
    }
    footer .inner .wrapper {
        width: 61.1111111111vw;
    }
    footer .inner .wrapper .company .name {
        font-size: 2.7777777778vw;
        margin-bottom: 3.4722222222vw;
    }
    footer .inner .wrapper .company .address {
        font-size: 1.6666666667vw;
        margin-bottom: 2.7777777778vw;
    }
    footer .inner .wrapper .company .copy {
        font-size: 1.1111111111vw;
    }
    footer .inner .wrapper .instagram {
        width: 2.8472222222vw;
        height: 2.8472222222vw;
    }
}
@media screen and (max-width: 440px) {
    footer .inner .wrapper {
        width: 75vw;
    }
    footer .inner .wrapper .company .name {
        font-size: 4.0909090909vw;
        margin-bottom: 5vw;
    }
    footer .inner .wrapper .company .address {
        font-size: 2.5vw;
        margin-bottom: 5vw;
    }
    footer .inner .wrapper .company .copy {
        font-size: 1.8181818182vw;
    }
    footer .inner .wrapper .instagram {
        width: 4.3181818182vw;
        height: 4.3181818182vw;
    }
}
/*# sourceMappingURL=style.css.map */