@charset "utf-8";

/* ==========================================
下層カバー
========================================== */

.inner-cover-img {
    width: 100%;
    padding-top: 24.53%;
    position: relative;
    background-size: cover;
    background-position: center;
}

#voice.inner-cover-container {
    background-image: url(../../../../uploads/in_cover_voice.jpg);
    background-size: cover;
    background-position: center;
}

#about.inner-cover-container {
    background-image: url(../../../../uploads/in_cover_about.jpg);
    background-size: cover;
    background-position: center;
}

#first.inner-cover-container {
    background-image: url(../../../../uploads/in_cover_first.jpg);
    background-size: cover;
    background-position: center;
}

#sound-healing.inner-cover-container {
    background-image: url(../../../../uploads/in_cover_sound_healing.jpg);
    background-size: cover;
    background-position: center;
}

#menu.inner-cover-container {
    background-image: url(../../../../uploads/in_cover_menu.jpg);
    background-size: cover;
    background-position: center;
}

#blog.inner-cover-container {
    background-image: url(../../../../uploads/in_cover_blog.jpg);
    background-size: cover;
    background-position: center;
}


.inner-cover {
    max-width: 192rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: url(../../../../uploads/in_cover_wood.png);
    background-size: cover;
    background-position: center bottom;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.inner-cover-container {
    width: 100%;
    position: relative;
    mask-image: url("../../../../uploads//in_cover_mask.png");
    -webkit-mask-image: url("../../../../uploads//in_cover_mask.png");
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.inner-cover-container::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(86, 119, 125, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.inner-cover-title-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
}

.inner-cover-title {
    font-size: 4.5rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: var(--white);
}

.inner-cover-img img {
    max-width: 192rem;
    width: 100%;
}

/* ==========================================
下層コンテンツ
========================================== */

.wrapper {
    position: relative;
}

.inner01 {
    max-width: 118.5rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2.5rem;
}

.inner02 {
    max-width: 137rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 2.5rem;
}


/* ==========================================
下層共通
========================================== */

p, h1, h2, h3 {
    letter-spacing: 0.05em;
}

p {
    font-size: 1.8rem;
    font-weight: 600;
}

.d-none {
    display: none !important;
}

.primary {
    color: var(--primary);
}

.in-common-title-box {
    position: relative;
    text-align: center;
}

.in-en-title01 {
    font-family: var(--font-family01);
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: 0.15em;
}

.in-jp-title01 {
    font-family: var(--font-family01);
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: 0.1em; 
    margin: 0 0 1rem 0;
}

.in-jp-title01 span {
    font-size: 5rem;
}

.in-jp-title02 {
    font-family: var(--font-family01);
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0.1em; 
    margin: 0 0 1rem 0;
}

.anchor-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 4rem;
    width: 100%;
    margin: 0 auto 0 auto;
    z-index: -1;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    p {
        font-size: 1.6rem;
        font-weight: 600;
    }

    .in-jp-title01 {
        font-size: 3rem;
    }

    .in-jp-title01 span {
        font-size: 4rem;
    }

/* ==========================================
下層カバー
========================================== */

    .inner-cover::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        background: url(../../../../uploads/sp_in_cover_wood.png);
        background-size: cover;
        background-position: center bottom;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .inner-cover-container {
        mask-image: url("../../../../uploads//sp_in_cover_mask.png");
        -webkit-mask-image: url("../../../../uploads//sp_in_cover_mask.png");
        mask-size: cover;
        -webkit-mask-size: cover;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
    }

    .inner-cover-title {
        font-size: 4rem;
    }

    .inner-cover-img {
        padding-top: 56.25%;
    }

    

    #voice.inner-cover-container {
        background-image: url(../../../../uploads/sp_in_cover_voice.jpg);
        background-size: cover;
        background-position: center;
    }

    #about.inner-cover-container {
        background-image: url(../../../../uploads/sp_in_cover_about.jpg);
        background-size: cover;
        background-position: center;
    }

    #first.inner-cover-container {
        background-image: url(../../../../uploads/sp_in_cover_first.jpg);
        background-size: cover;
        background-position: center;
    }

    #sound-healing.inner-cover-container {
        background-image: url(../../../../uploads/sp_in_cover_sound_healing.jpg);
        background-size: cover;
        background-position: center;
    }

    #menu.inner-cover-container {
        background-image: url(../../../../uploads/sp_in_cover_menu.jpg);
        background-size: cover;
        background-position: center;
    }

    #blog.inner-cover-container {
        background-image: url(../../../../uploads/sp_in_cover_blog.jpg);
        background-size: cover;
        background-position: center;
    }

/* ==========================================
下層共通
========================================== */

    .d-md-block {
        display: block !important;
    }

    .d-md-none {
        display: none !important;
    }

/* ==========================================
下層テキスト
========================================== */

    .in-title01 {
        font-size: 4rem;
        font-weight: 400;
        letter-spacing: 0.1em;
        line-height: 2.25em;
    }

    .in-title01 strong {
        font-size: 5rem;
        line-height: 1.8em;
    }

    .in-text01 {
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        line-height: 2.2222em;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

/* ==========================================
下層カバー
========================================== */

    .inner-cover-title {
        font-size: 3rem;
    }

    .in-jp-title01 {
        font-size: 2.5rem;
    }

    .in-jp-title01 strong {
        font-size: 3rem;
    }

    .in-jp-title01 span {
        font-size: 3rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */