@charset "UTF-8";

/*
ブレイクポイント
SP 〜519px
tab 520px ~ 959px (min-width:520px)
pc 960px~ (min-width:960px)
*/



header .menu_pc ul li a {
    margin: 30px auto;
}

/*======================
mv
======================*/
.mv .mv_inner {
    position: relative;
    padding: 0 var(--contents-side-gutter);
    height: 40vh;
    width: 100%;
}

.mv .mv_inner li img {
    border-top-left-radius: 110px;
    border-bottom-right-radius: 110px;
    transition: all .8s;
    object-fit: cover;
    height: 40vh;
    width: 100%;
}

.mv .mv_inner .mv_copy {
    position: absolute;
    left: 6%;
    bottom: 3%;
    color: #fff;
}

/*======================
about
======================*/
.about {
    margin-bottom: var(--section-gutter);
}

.about .about_box .about_text {
    background: rgba(255, 255, 255, 0.8);
    padding: 2em;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-right: var(--contents-side-gutter);
    position: relative;
    max-width: 480px;
    transition: all .8s;
    z-index: 100;
}

.about .about_box .about_img {
    max-width: 805px;
    margin: -10vh 0 0 auto;
    transition: all .8s;
}

.about .about_box .about_img img {
    padding-left: var(--contents-side-gutter);
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    object-fit: cover;
    transition: all .8s;
}


/* ===============ここからmin-width:520px=============== */
@media screen and (min-width:520px) {

    /*======================
    mv
    ======================*/
    .mv .mv_inner {
        height: 60vh;
    }

    .mv .mv_inner li img {
        border-top-left-radius: 150px;
        border-bottom-right-radius: 150px;
        height: 60vh;
    }

    /*======================
    about
    ======================*/
    .about .about_box .about_text {
        border-top-right-radius: 0;
    }

    .about .about_box .about_img {
        margin: -20vh 0 0 auto;
    }

    .about .about_box .about_img img {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 100px;
    }
}

/* ===============ここまでmin-width:520px=============== */

/* ===============ここからmin-width:960px=============== */
@media screen and (min-width:960px) {

    /*======================
    mv
    ======================*/
    .mv .mv_inner {
        max-width: var(--section-width);
        margin: 0 auto;
        padding: 0;
        height: 70vh;
    }

    .mv .mv_inner li img {
        border-top-left-radius: 150px;
        border-bottom-right-radius: 150px;
        height: 70vh;
    }

    /*======================
    about
    ======================*/
    .about {
        margin-bottom: var(--section-gutter-pc);
    }

    .about .about_box .about_text {
        margin-top: 30vh;
        margin-bottom: -53vh;
    }
}

/* ===============ここまでmin-width:960px=============== */