@charset "utf-8";

/* ==========================================
下層カバー
========================================== */

.in-cover {
    max-width: 192rem;
    width: 100%;
    height: 40rem;
    position: relative;
}

.in-cover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgb(143 208 225 / 72%);
}

.in-cover-title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: anchor-center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 01.5rem;
    text-align: center;
    color: var(--white);
    flex-direction: column;
}

.in-cover-title {
    font-size: 4rem;
    font-weight: 600;
    font-family: var(--font-family01);
    letter-spacing: 0.05em;
    line-height: 1.45em;
    text-shadow: 0 0.2rem 0.8rem rgb(0 0 0 / 25%);
    margin: 2rem 0 0;
}

.in-cover-sub-title {
    font-size: 2rem;
    font-weight: bold;
    font-family: var(--font-family02);
    letter-spacing: 0.1em;
    line-height: 1.2em;
    text-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 25%);
}

.in-cover-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.in-cover-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* ==========================================
共通
========================================== */

.in-text-deco-box01 {
    position: relative;
    display: inline-block;
    padding: 0 0 1rem;
}

/* .in-text-deco-box01:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: url(../../../../uploads/text-deco02-blue.png) repeat-x 0 center / auto;
} */

.in-text-deco-box01:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    height: 9px;
    width: 100%;
    background-image: url(../../../../uploads/text-deco02-blue.png);
    background-repeat: repeat-x;
    background-position: 0 center;
    background-size: auto 100%;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 820px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    /* ==========================================
    下層カバー
    ========================================== */
    
    .in-cover {
        height: 25rem;
    }
    
   .in-cover-sub-title {
        font-size: 1.8rem;
    }
    
    .in-cover-title {
        font-size: 3.2rem;
        margin: 1.5rem 0 0;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    /* ==========================================
    下層カバー
    ========================================== */
    
    .in-cover {
        height: 20rem;
    }
    
   .in-cover-sub-title {
        font-size: 1.6rem;
    }
    
    .in-cover-title {
        font-size: 2.6rem;
        margin: 1rem 0 0;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */