@charset "UTF-8";
/* =========================
common
============================*/
:root {
    --white: #FEFEFE;
    --black: #000;
    --lightgreen: #C4E3CD;
    --sheergreen: rgba(196, 227, 205, 0.40);

}

html {
    font-size: 62.5%;
}

body {
    font-family: 
        'Inter', 
        Helvetica,
        "Hiragino Sans"
        sans-serif;
    
    font-style: normal;
    color: var(--black);
    background-color: var(--white);
}

img {
    max-width: 100%;
    height: auto;
}

.topic {
    color: #000;
    font-family: Inter;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 50px;
    margin-left: 20px;
}

/* * html, body {
    overflow: hidden;
}  */

/* common pc */
@media screen and (min-width:769px) {
    .topic {
        font-size: 3.2rem;
        margin-top: 134px;
        margin-left: 148px;
    }
    /* * html, body {
    overflow: hidden;
    }  */
    
}

/* pc 769px */

/* * {
    outline: 1px solid red;
} */

/* =========================
header
============================*/
.header {
    display: flex;
    padding: 16px 5.3%;
    align-items: center;
    justify-content: space-between;
    height: 51px;
    
}

.header__logo {
    font-family: Helvetica;
    font-size: 2rem;
    font-weight: 400;
}

.header__btn {
    width: 43px;
    margin-left: auto;
}

.opening {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #C4E3CD;
    z-index: 9999;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    visibility: visible;
}

.opening__txt {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    /* display: none; */
}



/* nav初期表示 */
.headerNav--pc {
    display: none;
}
.headerNav--sp {
    display: block;
}
.nav__menu {
    position: fixed;
    width: 100%;
    background-color: rgba(196, 227, 205, 0.40);
    top: 0;
    right: 0;
    z-index: 3;
    transform: translateX(100%);
    transition: transform 0.4s;
    opacity: 0;
}

.nav__menu.active {
    transform: translateX(0);
    opacity: 1;
}

.nav__pic {
    position: relative;
    height: 800px;
    max-width: none !important;
    margin-left: 69px;
}

.headerNav--sp .nav__list {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 153px 3.4% 496px;
    z-index: 4;
}

.nav__item {
    margin-top: 33px;
}

.headerNav--sp .nav__item a {
    font-family: Inter;
    font-size: 2rem;
    font-weight: 400;
}

.nav__menu .close__btn {
    position: absolute;
    top: 45px;
    margin-left: 85%;
    cursor: pointer;
}


/* header pc */
@media screen and (min-width:769px) {
    .header {
        width: 100%;
        height: 28px;
        display: flex;
        padding: 24px 4.9%;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .headerNav--pc {
        display: block;
    }
    .headerNav--sp,
    .header__btn {
        display: none;
    }
    .header__logo {
        font-size: 2.4rem;
        margin-top: 33px;
    }
    .headerNav--pc .nav__list {
        display: flex;
        gap: 33px;
    }
    .headerNav--pc .nav__item a {
        font-family: Inter;
        font-size: 2rem;
    }
}
/* pc 769px */

/* opening pc */
@media screen and (min-width:769px){
    .opening__txt {
        font-size: 30px;
        font-weight: bold;
        color: #000;
}    
}
/* pc 769px */


/* =========================
mainVisual
============================*/
.mainVisual--pc {
    display: none;
}
.Mv {
    position: relative;
    display: block;
    height: 733px;
}

.Mv__pic {
    width: 100%;
    height: auto;
}

.Mv__txt {
    position: absolute;
    bottom: 233px;  
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.br__pc {
    display: none;
}

.mV__logo {
    width: 299px;
    height: auto;
    margin: 0 auto;
}

.mV__content {
    color: #FFF;
    font-family: "Hiragino Sans";
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 34px;
    line-height: 1.8;
}

.subMv--sp {
    position: absolute;
    bottom: 24vw;
    left: 50%;
    transform: translateX(-50%);
}

.subMv__item {
    /* width: 100%; */
    max-width: 110px;
}

/* タブレット */
@media (min-width:376px) and (max-width:768px) {
    .Mv__txt {
    position: absolute;
    bottom: 130px;  
    left: 50%;
    transform: translate(-50%, -10%);
    text-align: center;
    }

    .mV__logo {
        width: 299px;
        height: auto;
        margin: 0 auto;
    }

    .mV__content {
        color: #FFF;
        font-family: "Hiragino Sans";
        font-size: 1.4rem;
        font-weight: 400;
        margin: 34px 0 20%;
        line-height: 1.8;
    }

    .subMv--sp {
        position: absolute;
        bottom: -227px;
        left: 50%;
        transform: translateX(-50%);
    }
}


/* mainVisual pc */
@media screen and (min-width:769px) {
    .mainVisual--sp {
        display: none;
    }
    .mainVisual--pc {
        display: flex;
        height: 1023px;
        background-image: url(../image/mv1.jpg);
        background-repeat: no-repeat;
        background-position: right ;
        position: relative;
    }
    .subMv--pc {
        position: relative;
        z-index: 1;
        padding: 208px 185px 109px 181px;
        flex: 1;
        justify-content: center;
        height: 1024px;
    }
    .subMv__item {
        position: absolute;
        object-fit: cover;
    }
    .Mvitem1 {
        width: 202px;
        top: 184px;
        left: 51px;
        transform:translateX(50%);
        z-index: 0;
    }
    .Mvitem2 {
        width: 191px;
        top: 370px;
        left: 55px;
        z-index: 10;
        transform: translate(100%);
    }
    .Mvitem3 {
        width: 180px;
        top: 226px;
        left: 171px;
        z-index: 100;
        transform: translateX(100%);
    }
    .Mv {
        position: relative;
        
    }
    .Mv__pic {
        height: 9.4vh;
    }
    .mV__logo {
        width: 623px;
        position: absolute;
        bottom:190px;
        left: 190px;
    }
    .mV__content {
        position: absolute;
        bottom: 82px;
        left: 13%;
        font-size: 1.6rem;
        font-weight: 400;
        color: #000;
        font-family: "Hiragino Sans";
    }
    .br__sp {
        display: none;
    }
    .br__pc {
        display: block;
    }

}
 /* pc 769px */



/* =========================
concept
============================*/
.section--concept {
    display: block;
}

.concept__content {
    display: block;
}

.concept__txt1 {
    font-family: "Hiragino Sans";
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 25px;
    margin-left: 20px;
}

.conceptImg1 {
    width: 280.8px;
    height: 351px;
    display: block;
    margin-top: 45px;
}

.conceptImg2 {
    width: 156px;
    height: 208px;
    margin-top: 60px;
    margin-left: 195px;
}

.concept__txt2 {
    margin-top: 21px;
    margin-left: 250px;
}

.text {
    font-size: 1.4rem;
    font-weight: 400;
}

.conceptImg3 {
    width: 188px;
    margin-top: 47px;
    margin-left: 22px;
}

.conceptImg4 {
    width: 82.4px;
    margin-left: 241px;
}

.concept__txt3 {
    margin-left: 68px;
}

.conceptImg5 {
    width: 70.259px;
    height: 93px;
    margin-top: 75px;
    margin-left: 55px;
}

.conceptImg6 {
    width: 156px;
    height: 195px;
    margin-left: 195px;
}

.concept__txt4 {
    margin-top: 39px;
    margin-left: 38px;
}

.conceptImg7 {
    width: 390.194px;
    height: 252px;
    margin-top: 139px;
}


/* タブレット */
@media (min-width:376px) and (max-width:768px) {
    .section--concept {
        margin-top: 500px;
    }
    .conceptImg2 {
    width: 156px;
    height: 208px;
    margin-top: 15px;
    margin-left: 52vw;
    }

    .concept__txt2 {
        margin-top: 21px;
        margin-left: 70vw;
    }

    .text {
        font-size: 1.4rem;
        font-weight: 400;
    }

    .conceptImg3 {
        width: 188px;
        margin-top: 47px;
        margin-left: 15vw;
    }

    .conceptImg4 {
        width: 82.4px;
        margin-top: 10vw;
        margin-left: 63vw;
    }

    .concept__txt3 {
        margin-left: 19vw;
    }

    .conceptImg5 {
        max-width: 100px;
        height: auto;
        margin-top: 75px;
        margin-left: 55px;
    }

    .conceptImg6 {
        width: 156px;
        height: 195px;
        margin-top: -94px;
        margin-left: 58vw;
    }

    .concept__txt4 {
        margin-top: 39px;
        margin-left: 114px;
    }

    .conceptImg7 {
        width: 100%;
        height: auto;
        margin-top: 139px;
    }
}


/* concept pc */
@media screen and (min-width:769px) {
    .section--concept {
        width: 100%;
        /* height: 3484px; */
        display: block;
        padding: 134px 0 0;
        margin-bottom: 1650px;
    }
    .concept__gallery {
        display: block;
    }
    .concept__content {
        position: relative;
    }
    .concept__txt1 {
        font-size: 1.6rem;
        margin-left: 150px;
    }
    .conceptImg1 {
        width: 100%;
        height: auto;
    }
    .concept__content1 {
        position: relative;
        display: flex;
        height: 58vh;
        padding: 0 13% 0;
    }
    .concept__image1 {
        position: absolute;
        top:2vw;
        left: 0;
    }
    .concept__image2 {
        position: absolute;
        top:11vw;
        left: 37vw;
    }
    .conceptImg2 {
        width: 284px;
        height: auto;
        margin-left: 226px;
    }
    .concept__txt2 {
        position: absolute;
        top: 35vw;
        left: 60vw;
    }
    .text {
        font-size: 1.6rem;
        font-weight: 400;
    }

    /* 2 */
    .concept__content2 {
        position: relative;
        display: flex;
        height: 40vh;
        padding: 22px 4.9% 77px 13%;
    }
    .concept__image3 {
        position: absolute;
        top: 28vw;
        left: 8vw;
    }
    .conceptImg3 {
        width: 374px;
        height: 232px;
    }
    .concept__image4 {
        position: absolute;
        top: 17vw;
        right: 7vw;
    }
    .conceptImg4 {
        width: 348px;
        height: 435px;
    }
    .concept__txt3 {
        position: absolute;
        top: 20vw;
        left: 9vw;
    }
    .concept__content3 {
        position: relative;
        display: flex;
        height: 70vh;
        padding: 0 17% 28px 13%;
    }

    /* 3 */
    .concept__image5 {
        position: absolute;
        top: 30vw;
        left: 0vw;
    }
    .conceptImg5 {
        width: 238.73px;
        height: 316px;
    }
    .concept__image6 {
        position: absolute;
        bottom: -30vw;
        right: 10vw;
    }
    .conceptImg6 {
        width: 558.4px;
        height: 698px;
    }
    .concept__txt4 {
        position: absolute;
        bottom: -10vw;
        left: 22vw;
    }
    .concept__image7 {
        position: absolute;
        bottom: -100vw;
    }
    .conceptImg7 {
        width: 100%;
        /* height: 930px; */
        height: auto;
        margin-top: 0;
    }  
    
}

/* blur */
.inview-blur {
  opacity: 0;
  transition: filter 0.8s linear, opacity 0.7s ease;
  filter: blur(15px);
}

.blur {
  opacity: 1;
  filter: blur(0px);
}


/* =========================
work
============================*/
.section--work {
    padding: 62px 5.1% 60px;
}
/* hair design */
.content__item1 {
    position: relative;
}

.designFrame1 {
    margin-left: 19px;
    margin-top: -179px;
}

.work__txt {
    position: absolute;
    top: 113px;  
    left: 47%;
    transform: translateX(-50%);
}

.btn-work {
    width: 121.541px;
    height: 42.201px;
    position: absolute;
    top: 196px;  
    left: 80%;
    transform: translateX(-50%);
}

.hairdesign__gallery:not(.slick-initialized) {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    position: absolute;
    bottom: 58px;  
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}
.slick-slider {
    position: relative;
    display: block;
    top: 275px;
    min-height: 0;
    min-width: 0;
    margin: 0;
    overflow: hidden;
}

.gallery__item {
    width: 137px !important;
    margin-right: 18px;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  display: block !important;
  float: none;
  width: auto !important;
  margin: 0;
}

.gallery__item {
  width: 100% !important;
  max-width: 190px; /* 大きく保ちたいサイズ */
  height: auto;
  object-fit: cover;
}


.content__topic {
    font-family: Inter;
    font-size: 1.6rem;
    font-weight: 500;
}

.content__txt {
    font-family: "Hiragino Sans";
    font-size: 1.4rem;
    font-weight: 400;
}

/* wedding */
.content__item2 {
    position: relative;
    margin-top: 57px;
}

.designFrame2 {
    margin-left: -20px;
}

.work__txt2 {
    width: 272px;
    position: absolute;
    top: 59px;  
    left: 45%;
    transform: translateX(-50%);
}

.content__topic {
    font-family: Inter;
    font-size: 1.6rem;
    font-weight: 500;
}

.content__txt {
    font-family: "Hiragino Sans";
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 22px;
}

.content__pic {
    width: 100%;
    position: absolute;
    bottom: 10vw;
    right: 0;
}


/* タブレット */
@media (min-width:376px) and (max-width:768px) {
    .work__txt {
    position: absolute;
    top: 135px;  
    left: 35vw;
    transform: translateX(-50%);
    }

    .designFrame1 {
    margin-left: 5vw;
    /* margin-top: -59px; */
    }

    .btn-work {
        position: absolute;
        top: 27vh;  
        left: 75%;
        transform: translateX(-50%);
    }

    .hairdesign__gallery:not(.slick-initialized) {
        display: flex;
        gap: 18px;
        position: absolute;
        bottom: 58px;  
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
    }
    .slick-slider {
        position: relative;
        display: block;
        float: none;
        top: 40vh;
        min-height: 0;
        min-width: 0;
    }
    .gallery__item {
        /* height: 3.9vh !important; */
        margin-right: 18px;
        max-width: 190px !important;
    }
    .content__topic {
        font-family: Inter;
        font-size: 1.6rem;
        font-weight: 500;
    }

    .content__txt {
        font-family: "Hiragino Sans";
        font-size: 1.4rem;
        font-weight: 400;
    }


    .slick-slider {
    overflow: hidden;
    box-sizing: border-box;
    }

    .slick-track {
    display: flex !important;
    /* margin: 0 auto; */
    }

    .slick-slide {
    display: block;
    float: none;
    }

    .gallery__item {
    width: 100% !important;
    max-width: 300px;
    height: 200px;
    object-fit: cover;
    }



    /* wedding */
    .content__item2 {
        position: relative;
        margin-top: 115px;
    }

    .designFrame2 {
        margin-left: -20px;
    }

    .work__txt2 {
        width: 272px;
        position: absolute;
        top: 10vh;  
        left: 35%;
        transform: translateX(-50%);
    }

    .content__topic {
        font-family: Inter;
        font-size: 1.6rem;
        font-weight: 500;
    }

    .content__txt {
        font-family: "Hiragino Sans";
        font-size: 1.2rem;
        font-weight: 400;
        margin-top: 22px;
    }

    .content__pic {
        width: 100%;
        position: absolute;
        bottom: 15vw;
        right: 0;
    }

}

/* work pc */
@media screen and (min-width:769px) {
    .section--work {
        width: 100%;
        padding: 112px 0 100px;
        margin-top: 130px;
        margin-bottom: 275px;
    }
    .designFrame1 {
        margin-left: 300px;
        position: absolute;
        top: 181px;
        right: 0;
    }
    .work__txt {
        position: absolute;
        top: 114px;  
        left: 67%;
        transform: translateX(-50%);
    }
    .content__item1 {
        position: relative;
        height: 1000px;
    }
    .content__topic {
        font-family: Inter;
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: 0.32px;
    }
    .content__txt {
        font-family: "Hiragino Sans";
        font-size: 1.6rem;
        font-weight: 400;
        line-height: normal;
        margin-top: 48px;
    }
    .btn-work {
        width: 223.576px;
        height: 77.629px;
        position: absolute;
        top: 222px;  
        left: 80%;
        transform: translateX(-50%);
    }
    .hairdesign__gallery:not(.slick-initialized) {
        display: block;
    }
    .hairdesign__gallery {
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 10px; /* 画面端との余白 */
    }
    .slick-slider {
        position: relative;
        display: block;
        z-index: 1;
        top: 365px;
        overflow: hidden;
    }
    .slick-track {
        display: flex !important;
        margin: 0 auto;
    }
    .gallery__item {
        width: 100% !important;  /* 自動でスライド幅調整 */
        max-width: 500px !important;
        height: auto !important;
        margin-right: 13px;
        object-fit: cover;
    }
    .content__item2 {
        position: relative;
    }
    
    .designFrame2 {
        margin-left: -20px;
    }
    .work__txt2 {
        position: absolute;
        top: 122px;
        margin-left: 140px;
        transform: translateX(-160%);
    }
    .content__pic {
        width: 100%;
        position: absolute;
        bottom: -17vw;
        left: 50%;
        transform: translateX(-50%);
    }
    
}
/* pc 769px */

/* =========================
space
============================*/
.section--space {
    display: block;
    background: var(--lightgreen);
    padding: 41px 0 109px;
    margin-top: 57px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.topic {
    margin-top: -11px;
}
.space__gallery {
    display: flex;
    margin-top: 30px;
    position: absolute;
    top: 10vw;
    width: 100%;

    
}
.Galleryitem {
    /* width: 192px; */
    margin-left: 15px;
}


/* space pc */
@media screen and (min-width:769px) {
    .section--space {
        display: block;
        background: var(--lightgreen);
        padding: 10px 0 109px;
        margin-top: 90px;
        box-sizing: border-box;
    }
    .topic {
        margin-top: 100px;
        margin-left: 109px;
    }
    .space__gallery{
        display: flex;
        /* justify-content: center; */
        margin-left: 0;
        top: 4vw;

    }
    .Galleryitem {
        margin-right: 59px;
        width: 100% !important;
        max-width: 300px;
        object-fit: cover;
    }
    .space__gallery .slick-slide {
        display: flex !important;
        justify-content: center;
    }

        .space__gallery .slick-track {
        display: flex !important;
    }

        .space__gallery {
        overflow: hidden;
    }
}
/* pc 769px */


/* =========================
about
============================*/
.section--about {
    display: block;
    padding: 50px 0 35px;
}

.about__content {
    display: flex;
    margin-top: 32px;
    margin-bottom: 32px;
    align-items: center;
}

.aboutBtn1 {
    position: relative;
    width: 133px;
}

.btnTxt1 {
    position: absolute;
    top: 54%;
    left: 44%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 500;
    background: linear-gradient(transparent 50%, #FF8585 0%);
    pointer-events: none;
}

.btnTxt1::after {
    content: "";
    position: absolute;
    left: -10%; /* ← 横に5%広げる */
    right: -10%;
    bottom: 0em; /* テキストに合わせて位置調整 */
    height: 0.9em; /* 線の太さ */
    background: #FF8585;
    z-index: -1;
}

.aboutBtn2 {
    position: relative;
    width: 102px;
}

.btnTxt2 {
    position: absolute;
    top: 50%;
    left: 59%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 500;
    background: linear-gradient(transparent 70%, #FF8585 0%);
    pointer-events: none;

}

.btnTxt2::after {
    content: "";
    position: absolute;
    left: -10%; /* ← 横に5%広げる */
    right: -10%;
    bottom: 0em; /* テキストに合わせて位置調整 */
    height: 1.1em; /* 線の太さ */
    background: #FF8585;
    z-index: -1;
}

.toptxt2 {
    background: linear-gradient(transparent 50%, #FF8585 0%);
}

.toptxt2::after {
    content: "";
    position: absolute;
    left: 21%; /* ← 横に5%広げる */
    right: 20%;
    bottom: 1em; /* テキストに合わせて位置調整 */
    height: 1.2em; /* 線の太さ */
    background: #FF8585;
    z-index: -1;
}

.aboutBtn3 {
    position: relative;
    width: 135px;
}

.btnTxt3 {
    position: absolute;
    top: 54%;
    left: 60%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 500;
    background: linear-gradient(transparent 50%, #FF8585 0%);
    pointer-events: none;
}

.btnTxt3::after {
    content: "";
    position: absolute;
    left: -10%; /* ← 横に5%広げる */
    right: -10%;
    bottom: 0em; /* テキストに合わせて位置調整 */
    height: 0.9em; /* 線の太さ */
    background: #FF8585;
    z-index: -1;
}

/* タブレット */
@media (min-width:376px) and (max-width:768px) {
    .about__content {
        justify-content: space-around;
    }


}

/* about pc */
@media screen and (min-width:769px) {
    .section--about {
        width: 100%;
        height: auto;
        padding: 103px 5.2% 155px;
    }
    .topicAbout {
        margin-left: 70px;
    }
    .about__content {
        margin-top: 121px;
        align-items: center;
        justify-content: center;
        gap: 85px;
    }
    .aboutBtn1 {
        position: relative;
        width: 437.23px;
        /* height: 263.578px; */
    }
    .btnTxt1 {
        position: absolute;
        top: 54%;
        left: 44%;
        transform: translate(-50%, -50%);
        color: #FFF;
        font-family: Inter;
        font-weight: 500;
        background: linear-gradient(transparent 50%, #FF8585 0%);
        pointer-events: none;
        font-size: 3.2rem;
    }
    
    .btnTxt1::after {
        content: "";
        position: absolute;
        left: -10%; /* ← 横に5%広げる */
        right: -10%;
        bottom: 0em; /* テキストに合わせて位置調整 */
        height: 0.9em; /* 線の太さ */
        background: #FF8585;
        z-index: -1;
    }
    
    .aboutBtn2 {
        position: relative;
        width: 316px;
    }
    
    .btnTxt2 {
        position: absolute;
        top: 50%;
        left: 59%;
        transform: translate(-50%, -50%);
        color: #fff;
        text-align: center;
        font-family: Inter;
        font-weight: 500;
        background: linear-gradient(transparent 70%, #FF8585 0%);
        pointer-events: none;
        font-size: 3.2rem;
    
    }
    
    .btnTxt2::after {
        content: "";
        position: absolute;
        left: -10%; /* ← 横に5%広げる */
        right: -10%;
        bottom: 0em; /* テキストに合わせて位置調整 */
        height: 1.1em; /* 線の太さ */
        background: #FF8585;
        z-index: -1;
    }
    
    .toptxt2 {
        background: linear-gradient(transparent 50%, #FF8585 0%);
    }
    
    .toptxt2::after {
        content: "";
        position: absolute;
        left: 21%; /* ← 横に5%広げる */
        right: 20%;
        bottom: 1em; /* テキストに合わせて位置調整 */
        height: 1.2em; /* 線の太さ */
        background: #FF8585;
        z-index: -1;
    }
    
    .aboutBtn3 {
        position: relative;
        width: 338px;
    }
    
    .btnTxt3 {
        position: absolute;
        top: 54%;
        left: 60%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-family: Inter;
        font-size: 3.8rem;
        font-weight: 500;
        background: linear-gradient(transparent 50%, #FF8585 0%);
        pointer-events: none;
    }
    
    .btnTxt3::after {
        content: "";
        position: absolute;
        left: -10%; /* ← 横に5%広げる */
        right: -10%;
        bottom: 0em; /* テキストに合わせて位置調整 */
        height: 0.9em; /* 線の太さ */
        background: #FF8585;
        z-index: -1;
    }
    
}
/* pc 769px */


/* =========================
movie
============================*/
.movie__content {
    display: flex;
    flex-direction: column;
    align-items: center; /* 横方向の中央揃え */
    justify-content: center;
    text-align: center;
    background-image: url(../image/wa.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

video {
    display: block;
    width: 246px;
    margin-top: 130px;
    
}

.instaUrl {
    display: block;
    margin-top: 62px;
    font-family: Inter;
    font-size: 1.6rem;
    font-weight: 500;
}


/* movie pc */
@media screen and (min-width:769px) {
    .section--movie {
        width: 100%;
        height: 1256px;
        padding: 206px 15%;
    }
    video {
        width: 399px;
    }
    .instaUrl {
        font-size: 2rem;
    }
    
}
/* pc 769px */

/* =========================
footer
============================*/
.footer {
    background-color: var(--lightgreen);
    margin-top: 63px;
    padding: 20px;
}

.footer__content {
    display: block;
}

.footer__logo {
    color: #000;
    font-family: Helvetica;
    font-size: 2rem;
    font-weight: 700;
}

.footerNav {
    display: flex;
    margin-top: 39px;
    gap: 54px;
}

.footerNav__content1 {
    display: block;
}

.footer__content {
    display: block;
}

.footerNav__topic {
    font-family: Inter;
    font-size: 1.6rem;
    font-weight: 500;
}

.footerNav__item {
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 14px;
}

.footer__line {
    border: none;
    border-top: 1px solid var(--black);
    margin: 24px 0;
    width: 60%;
  }

.footerNav__info {
    display: block;
}

.footerNav__content2 {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footerNav__content3 {
    display: flex;
    margin-top: 35px;
    align-items: center;
    gap: 40px;
}

.info__txt {
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
}

.footer__bottom {
    display: flex;
    margin-top: 45px;
    gap: 218px;
    align-items: center;
}

.instaIcon {
    width: 27px;
    height: 27px;
}

.copy {
    font-family: Inter;
    font-size: 1.2rem;
    font-weight: 300;
}

/* タブレット */
@media (min-width:376px) and (max-width:768px) {
    .footer__bottom {
        justify-content: space-between;
    }

}

/* footer pc */
@media screen and (min-width:769px) {
    .footer {
        width: 100%;
        padding: 68px 75px 43px 144px;
    }
    .footer__content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer__logo {
        font-size: 4.8rem;
        font-weight: 700;
    }
    .footerNav {
        margin-top: 56px;
        gap: 54px;
    }
    
    .footerNav__content1 {
        display: block;
        gap: 14px;
        margin-top: 56px;

    }
    .footerNav__topic {
        font-family: Inter;
        font-size: 2.4rem;
        font-weight: 500;
    }
    
    .footerNav__item {
        font-family: Inter;
        font-size: 1.6rem;
        font-weight: 400;
        margin-top: 14px;
    }
    
    .footer__line {
        border: none;
        border-left: 1px solid var(--black);
        margin: 0 100px;
        height: 160px;
        width: 0;
        margin-top: 90px;
      }
    
      .footerNav__info {
        margin-top: 89px;
      }
    .footerNav__content2 {
        display: flex;
        align-items: center;
        gap: 120px;
    }
    
    .footerNav__content3 {
        display: flex;
        margin-top: 50px;
        align-items: center;
        gap: 120px;
    }
    
    .info__txt {
        font-family: Inter;
        font-size: 1.6rem;
        font-weight: 400;
    }
    
    .footer__bottom {
        display: flex;
        margin-top: 116px;
        align-items: center;
        justify-content: space-between;
    }
    
    .instaIcon {
        width: 36px;
        height: 36px;
    }
    
    .copy {
        font-family: Inter;
        font-size: 1.6rem;
        font-weight: 300;
    }
}
/* pc 769px */