/*ドロワー*/
.menu-btn.is-on-mv span {
    background-color: #fff;
}
/*mv スライド*/
.mvSlider {
    overflow: hidden;
    width: 100%;
}
.mvSliderTrack {
    display: flex;
    transition: transform 6s ease;
}
.mvSliderTrack img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
}
/*mv スライド*/
.section-mv {
    background-position: center;
    position: relative;
    z-index: -1;
    margin-bottom: 300rem;
    overflow: hidden;
}
.mvSliderTrack img {
    height: 100vh;
    background-repeat: no-repeat;
}
.mvLogo {
    width: 280rem;
    filter: invert(1);
    position: absolute;
    top: 0;
    right: 5vw;
    bottom: 0;
    left: 0;
    margin: auto;
}
.headerLogo img {
    position: absolute;
    width: 60rem;
    top: 50rem;
    left: 50rem;
}
.instagram {
    position: absolute;
    width: 27rem;
    top: 50rem;
    right: 140rem;
}
@media (max-width: 640px) {
    .section-mv {
        height: 100vh;
        background-size: cover;
        background-position: -450rem;
        margin-bottom: 100rem;
    }
    .mvLogo {
        width: 190rem;
        filter: none;
        right: 0;
        left: -39vw;
    }
    .mvSliderTrack img {
        height: 100vh;
    }
    .instagram {
        display: none;
    }
}
.verticalLineTop{
    border-left: solid 1pt #727171;
    padding-bottom: 100rem;
    display: inline-block;
    transform: translate(50vw, -3vh);
    margin: 0 auto;
    z-index: 10;
    position: inherit;
}
@media (max-width: 640px) {
    .verticalLineTop {
        transform: translate(86vw, 94vh);
        padding-bottom: 160rem;
    }
}
/*h2*/
h2 {
    transform: translateX(-80rem);
}
/*news*/
.section-news {
    margin-bottom: 230rem;
}
.section-news h2 {
    margin-top: 5rem;
    transform: translateX(20rem);
}
.newsContents {
    display: flex;
    margin: 0 auto;
    gap: 160rem;
    transform: translateX(-80rem);
}
.newsContent {
    display: flex;
    gap: 30rem;
    margin-bottom: 30rem;
    line-height: 1;
    align-items: center;
}
.flexContent {
    width: 100%;
}
.newsCategory {
    border: solid 0.5pt #231815;
    padding: 10rem;
}
.newsText {
    margin-top: 10rem;
    border-bottom: solid 0.5pt #231815;
    padding-bottom: 10rem;
}
@media (max-width: 640px) {
    .section-news {
        margin-bottom: 180rem;
    }
    .section-news h2 {
        transform: translateX(-80rem);
    }
    .newsContents {
        display: block;
        transform: translateX(0rem);
    }
    .newsContent {
        flex-wrap: wrap;
    }
    .flexContent li:nth-child(4) {
        width: 70%;
        margin-left: 146rem;
        margin-top: -10rem;
    }
}
/*concept*/
.conceptContents{
    display: flex;
    min-height: 1000rem;
}
.conceptText, .conceptImg {
    flex: 1;
}
.contentsLead {
    font-size: 18rem;
    font-weight: 400;
    padding-bottom: 100rem;
}
.conceptImg {
    position: relative;
}
.conceptImg img:first-child {
    width: 500rem;
    position: absolute;
    right: 0;
}
.conceptImg img:last-child {
    width: 450rem;
    position: absolute;
    top: 530rem;
}
@media (max-width: 640px) {
    .section-concept {
        margin-bottom: 150rem;
    }
    .contentsLead {
        font-size: 24rem;
        padding-bottom: 80rem;
    }
    .conceptContents {
        flex-direction: column-reverse;
        min-height: 104vh;
    }
    .conceptImg img:first-child {
        width: 330rem;
    }
    .conceptImg img:last-child {
        width: 280rem;
        top: 360rem;
    }
    .contentsText {
        margin-top: 590rem;

    }
}
/*works*/
.section-works {
    margin-bottom: 270rem;
}
.worksContents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.worksContent {
    width: calc(94% / 2);
    margin-bottom: 80rem;
}
.worksContent:first-child {
    margin-top: 180rem;
}
.worksContent:nth-child(2) {
    margin-top: 180rem;
}
.worksContent:nth-child(2n) {
    transform: translateY(-200px);
}

.worksContent p {
    text-align: center;
    font-family: "Noto Serif JP", serif;
    font-size: 16rem;
}
@media (max-width: 640px) {
    .worksContents {
        display: block;
    }
    .worksContent:nth-child(2) {
        margin-top: 0;
    }
    .worksContent:nth-child(2n) {
        transform: none;
    }
    .worksContent {
        width: 100%;
        margin-bottom: 50rem;
    }
    .worksContent p {
        text-align: left;
        font-size: 20rem;
    }
}
/*about section*/
.section-about {
    margin-bottom: 200rem;
}
.aboutContents {
    display: flex;
    gap: 120rem;
}
.aboutText {
    margin-top: 170rem;
    flex: 1;
}
.aboutImg img {
    transform: translateY(-50px);
}
.aboutImg {
    flex: 1;
}
@media (max-width: 640px) {
    .section-about {
        margin-bottom: 200rem;
    }
    .aboutContents {
        flex-direction: column-reverse;
        gap: 50rem;
    }
    .aboutImg img {
        transform: translateY(140rem);
        width: 450rem;
    }
    .aboutImg {
        text-align: end;
    }
}
/*staff*/
.section-staff {
    margin-bottom: 300rem;
}
.staffContents {
    display: flex;
    gap: 140rem;
    margin-top: 120rem;
}
.staffContent {
    width: 370rem
}
.staffInfo {
    margin-bottom: 80rem;
    align-items: flex-start;
}
.staffInfoName {
    border-left: solid 1pt #727171;
    padding-left: 30rem;
    padding-bottom: 1rem;
}
.staffPosition, .staffName, .staffKana {
    display: block;
    letter-spacing: 1rem;
}
.staffPosition {
    font-size: 14rem;
    margin-bottom: 16rem;
}
.staffName {
    font-size: 20rem;
    margin-bottom: 20rem;
}
.staffKana {
    font-family: "CambayDevanagari", 'Noto Serif JP';
    letter-spacing: 2rem;
    font-size: 18rem;
    padding-left: 34rem;
}
.staffContent img {
    width: 150rem;
}
.staffContent p {
    font-size: 13rem;
}
@media (max-width: 640px) {
    .staffContents {
        display: block;
        margin-top: 270rem;
    }
    .section-staff span:nth-child(2) {
        left: -134rem;
    }
    .staffContent {
        width: 100%;
        margin-bottom: 140rem;
    }
    .staffInfo {
        margin-bottom: 20rem;
    }
    .staffContent img {
        width: 200rem;
    }
    .staffPosition {
        font-size: 20rem;
        margin-bottom: 25rem;
    }
    .staffName {
        font-size: 29rem;
    }
    .staffKana {
        font-size: 20rem;
    }
}