@charset "UTF-8";

/*================================================================
# パララックス
================================================================ */
.open-air-bath .parallax-bg {
    background-image: url("../img/img_open-air-bath_p.png");
}

.public-bath .parallax-bg {
    background-image: url("../img/img_public-bath_p.png");
}

.private-bath .parallax-bg {
    background-image: url("../img/img_private-bath_p.png");
}

.foot-bath .parallax-bg {
    background-image: url("../img/img_foot-bath_p.png");
}

/*================================================================
# section
================================================================ */
.public-bath .section .section__box.box02 .img03 {
    width: 80%;
    margin: -16px 0 0 16%;
    position: relative;
}

.private-bath {
    background: #02385f;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.private-bath .section03:before {
    width: 1920px;
    height: 1120px;
    background: url("../../top/img/bg_fac.png") no-repeat center top / contain;
    position: absolute;
    content: "";
    top: -240px;
    left: -240px;
    display: block;
    font-feature-settings: "palt" 1;
    z-index: 0;
    transform-origin: top left;
    animation: loadingShadow02 40s cubic-bezier(0.05, 0.54, 0.46, 1.06) 0s infinite normal forwards;
}

.private-bath .c-h3-5:before {
    background-color: var(--light-blue);
}

.private-bath .c-h3-5 .en {
    color: var(--light-blue);
}

.private-bath .c-h3-5 .jp {
    color: #fff;
}

.private-bath .c-h3-6 .jp {
    color: #fff;
}

.private-bath .c-h3-6 .en {
    color: var(--light-blue);
}

.private-bath .c-h3-9 {
    font-family: var(--shippori);
    font-weight: 400;
    color: #fff;
    text-align: right;
}

.private-bath .c-h3-9 .en {
    margin-right: -8px;
    color: var(--light-blue);
}

.private-bath .c-h3-9 .jp {
    font-size: 40px;
}

.private-bath .list-info li {
    color: var(--light-blue);
}

.foot-bath .section .section__box:nth-of-type(1) {
    margin: 32px 0 0;
}

.foot-bath .container {
    margin: 24px 0 0 0;
    position: relative;
}

.foot-bath .container .left {
    width: 64%;
}

.foot-bath .container .right .img03 {
    width: 40%;
    position: absolute;
    top: 88px;
    right: 0;
}

.foot-bath .container .right .text {
    width: 100%;
    margin-top: 24px;
}

.efficacy {
    padding: 0 0 100px;
}

.efficacy .c-h3-8 .jp,
.efficacy .c-h3-8 .en {
    text-align: center;
}

.efficacy .tbl_basic {
    margin: 40px auto 0;
}