#bath_details {
    height: auto;
    background: #efefef;
}

.bathTop {
    display: inline-block;
    margin-top: 2%;
    width: 100%;
    height: auto;
    background: #fff;
}

.bathTop_logo {
    margin: 0 auto;
    max-width: 50%;
    height: auto;
    padding: 3% 0 2% 0;
}

.bathTop_logo img {
    width: 70%;
}

.bathTop_con {
    height: auto;
}

.bathTop_img {
    width: 50%;
    vertical-align: bottom;
    float: left;
}

.bathTop_img img {
    max-width: 100%;
    vertical-align: bottom;
}

.bathTop_txt {
    box-sizing: border-box;
    width: 50%;
    padding: 0 3%;
    text-align: left;
    float: right;
}

.bathTop_txt_top {
    padding: 3%;
}

.bathTop_txt_top span {
    font-family: "游明朝", "YuMincho", serif;
    font-size: calc(32px + 32 * ((100vw - 1300px) / 1920));
    font-weight: 400;
    color: #333;
}

.bathTop_txt_top p {
    border-bottom: 3px dotted rgb(100, 100, 100);
    padding-bottom: 6%;
    font-size: calc(14px + 12 * ((100vw - 1300px) / 1920));
}

.bathTop_txt_btm {
    padding: 0 3%;
}

.bathTop_txt_btm span:not(.font_bold) {
    display: inline-block;
    padding-left: 1%;
    border-left: 5px solid rgb(42, 59, 83);
    line-height: 1;
    font-size: calc(22px + 12 * ((100vw - 1300px) / 1920));
    color: #333;
}

.bathTop_txt_btm p {
    font-size: calc(12px + 10 * ((100vw - 1300px) / 1920));
}

.font_bold {
    font-weight: bolder;
}

@media screen and (max-width: 959px) {

    .bathTop_logo {
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        padding: 10% 0 4% 0;
    }

    .bathTop_img {
        width: 100%;
        vertical-align: bottom;
        float: none;
    }
    
    .bathTop_img img {
        max-width: 100%;
    }
    
    .bathTop_txt {
        width: 100%;
        text-align: center;
        float: none;
    }
    
    .bathTop_txt_top {
        padding: 3%;
    }
    
    .bathTop_txt_top span {
        font-family: "游明朝", "YuMincho", serif;
        font-size: calc(32px + 8 * ((100vw - 480px) / 959));
    }
    
    .bathTop_txt_top p {
        display: inline-block;
        text-align: left;
        padding-bottom: 6%;
        border-bottom: 3px dotted rgb(100, 100, 100);
        font-size: calc(18px + 4 * ((100vw - 480px) / 959));
    }
    
    .bathTop_txt_btm {
        padding: 3%;
        padding-top: 0;
    }
    
    .bathTop_txt_btm span:not(.font_bold) {
        font-size: calc(24px + 8 * ((100vw - 480px) / 959));
    }
    
    .bathTop_txt_btm p {
        display: inline-block;
        text-align: left;
        font-size: calc(14px + 4 * ((100vw - 480px) / 959));
    }
}

@media screen and (max-width: 600px) {

    .bathTop_logo {
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        padding: 10% 0 4% 0;
    }
    
    .bathTop_logo img {
        max-width: 70%;
    }

    .bathTop_img {
        width: 100%;
        float: left;
    }

    .bathTop_img img {
        max-width: 100%;
    }

    .bathTop_txt {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3%;
        float: none;
        text-align: left;
    }

    .bathTop_txt_top span {
        display: inline-block;
        padding: 3% 0 1% 0;
        font-family: "游明朝", "YuMincho", serif;
        font-size: calc(24px + 12 * ((100vw - 320px) / 600));
    }

    .bathTop_txt_top p {
        padding-bottom: 6%;
        border-bottom: 3px dotted rgb(100, 100, 100);
        font-size: calc(14px + 2 * ((100vw - 320px) / 600));
    }
    
    .br_3 {
        display: none;
    }
    
    .bathTop_txt_btm span:not(.font_bold)  {
        font-size: calc(22px + 6 * ((100vw - 320px) / 600));
    }
    
    .bathTop_txt_btm p {
        font-size: calc(12px + 6 * ((100vw - 320px) / 600));
    }

}


/*==真ん中のセクション========*/

#bathMdl {
    display: inline-block;
    height: auto;
}

.bathMdl_1 {
    height: auto;
}

.bathMdl_1 h1 {
    padding: 2% 0 1% 0;
    border-bottom: 1px solid #615f5f;
    font-family: "游明朝", "YuMincho", serif;
    font-size: calc(24px + 16 * ((100vw - 480px) / 1920));
}

.bathMdl_1_con {
    height: auto;
    padding-top: 1%;
}

.bathMdl_1_img {
    max-width: 50%;
    height: auto;
    float: left;
}

.bathMdl_1_img img {
    width: 100%;
}

.bathMdl_1_txt {
    box-sizing: border-box;
    margin-left: 1%;
    width: 49%;
    height: auto;
    text-align: left;
    font-size: calc(14px + 5 * ((100vw - 600px) / 1920));
    float: right;
}

.bathMdl_1_txt span {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

.bathMdl_1_txt::after {
    content: "";
    float: none;
    display: block;
}

.bathMdl_2 {
    display: inline-block;
    height: auto;
}

.bathMdl_2 h1 {
    padding: 2% 0 1% 0;
    border-bottom: 1px solid #615f5f;
    font-family: "游明朝", "YuMincho", serif;
    font-size: calc(24px + 16 * ((100vw - 480px) / 1920));
}

.bathMdl_2_con {
    height: auto;
    padding-top: 1%;
}


.bathMdl_2_txt {
    box-sizing: border-box;
    margin-right: 1%;
    max-width: 49%;
    padding: 0 1%;
    height: auto;
    text-align: left;
    font-size: calc(14px + 5 * ((100vw - 600px) / 1920));
    float: left;
}

.bathMdl_2_img {
    max-width: 50%;
    height: auto;
    float: right;
}

.bathMdl_2_img img {
    max-width: 100%;
}

.bathMdl_3 img {
    max-width: 100%;
    padding: 5% 0;
}

@media screen and (max-width: 959px) {
    .bathMdl_1, .bathMdl_2 {
        margin: 0 auto;
        text-align: center;
        width: 90%;
    }

    .bathMdl_1_txt {
        height: auto;
        text-align: left;
        font-size: calc(14px + 5 * ((100vw - 320px) / 1920));
    }

    .bathMdl_2_txt {
        height: auto;
        text-align: left;
        font-size: calc(14px + 5 * ((100vw - 320px) / 1920));
        float: left;
    }

    .bathMdl_2_img img {
        width: 100%;
    }

    .bathMdl_3 img {
        max-width: 90%;
    }
}

@media screen and (max-width: 600px) {


    .bathMdl_1_img {
        max-width: 100%;
        height: auto;
        float: none;
    }
    
    .bathMdl_1_img img {
        max-width: 100%;
    }
    
    .bathMdl_1_txt {
        margin: 0 auto;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        text-align: left;
        font-size: calc(12px + 2 * ((100vw - 320px) / 600));
        float: none;
    }

    .bathMdl_2_txt {
        margin: 0 auto;
        max-width: 100%;
        padding-bottom: 2%;
        font-size: calc(12px + 2 * ((100vw - 320px) / 600));
        float: none;
    }

    .br_2 {
        display: none;
    }

    .br_4 {
        display: none;
    }

    .bathMdl_2_img {
        max-width: 100%;
        height: auto;
    }
    
    .bathMdl_2_img img {
        max-width: 100%;
        text-align: center;
    }
    
    .bathMdl_3 img {
        max-width: 90%;
        padding: 5% 0;
    }
}

@media screen and (max-width: 479px) {
    .bathMdl_1_txt, .bathMdl_2_txt {
        width: 100%;
    }
}


/*==下のセクション========*/

#bathBtm {
    display: inline-block;
    height: auto;
    background: #fff;
}

.bathBtm_con {
    margin: 0 3%;
    padding-top: 5%;
    text-align: center;
}

.bathBtm_box {
    display: inline-block;
    max-width: 98%;
    height: auto;
}

.bathBtm_left {
    max-width: 50%;
    float: left;
}

.bathBtm_box span {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 1% 0;
    text-align: center;
    background: rgb(36, 36, 66);
    font-size: 35px;
    color: #fff;
}

.bathBtm_content {
    box-sizing: border-box;
    margin-top: 3%;
    height: calc(480px + 600 * ((100vw - 959px) / 1920));
    background: #efefef;
}

.bathBtm_content img {
    width: 100%;
}

.bathBtm_content p {
    box-sizing: border-box;
    padding: 3%;
}

.bathBtm_left img {
    margin-bottom: calc(2px + 2 * ((100vw - 960px) / 1920));
}

.bathBtm_left p {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 5%;
    width: 100%;
    height: 100px;
    text-align: left;
    font-size: calc(14px + 12 * ((100vw - 959px) / 1920));
}

.bathBtm_right {
    max-width: 50%;
    float: right;
}

.bathBtm_right p {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 5%;
    width: 100%;
    height: 100px;
    text-align: left;
    font-size: calc(14px + 12 * ((100vw - 959px) / 1920));
}

@media screen and (max-width: 959px) {
    .bathBtm_box {
        margin: 0 auto;
        width: 95%;
        height: auto;
    }
    
    .bathBtm_left {
        max-width: 100%;
        padding-bottom: 5%;
        float: none;
    }
    
    .bathBtm_box span {
        width: 100%;
        font-size: calc(24px + 8 * ((100vw - 320px) / 959));
    }
    
    .bathBtm_content {
        margin-top: 3%;
        height: auto;
        background: #efefef;
    }
    
    .bathBtm_content img {
        width: 100%;
    }
    
    .bathBtm_content p {
        box-sizing: border-box;
        padding: 0 5% 5% 5%;
        text-align: left;
        font-size: calc(12px + 12 * ((100vw - 320px) / 959));
    }

    .bathBtm_content p:first{
        padding-bottom: 5%;
    }
    
    .bathBtm_right {
        max-width: 100%;
        float: none;
    }

    .br_5 {
        display: none;
    }
}