@charset "utf-8";

/* facility
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
    .inner-base .inner-narrow {
        padding-left: 0;
        padding-right: 0;
    }
}
.figs img {
    display: block;
}

/* アンカーボタン */
.box-anchor {
    padding-bottom: 80px;
}
.box-anchor li {
    margin: 0 4px 20px;
}
@media screen and (max-width: 768px){
    .box-anchor li {
        margin: 0 1% 5vw;
    }
}

/* 画像1つ */
.fig-one {
    margin-bottom: 8px;
}
@media screen and (max-width: 768px){
    .figs-three,
    .figs-four,
    .figs-two,
    .figs-six {
        margin-bottom: 6vw;
    }
    .figs-three .fig-small {
        flex-direction: row;
    }
}
/* 画像＋テキスト */
.fig2tx .txt {
    width: 627px;
    margin-right: 160px;
    padding-top: 40px;
}
.fig2tx.f-reverse .txt,
.sec02 .fig2tx .txt {
    margin-right: 0;
    margin-left: 160px;
}
.fig2tx .fig {
    width: 444px;
}
@media screen and (max-width: 768px){
    .fig2tx .txt,
    .fig2tx.f-reverse .txt,
    .sec02 .fig2tx .txt {
        width: 100%;
        padding-top: 0;
        margin: 5vw 0 0 0;
    }
}

/* ボタン */
.box-sec .btn-detail {
    margin: 40px 0 0 0;
}
@media screen and (max-width: 768px){
    .box-sec .btn-detail {
        width: 80%;
        height: 12vw;
        margin: 5vw auto 0;
        font-size: 5vw;
    }
}

/* 画像＋テキスト完結 */
.minis .fig {
    width: 693px;
}
.minis .txt {
    width: 370px;
    margin-right: 160px;
    padding-top: 50px;
}
.minis.f-reverse .txt {
    margin-right: 0;
    margin-left: 160px;
}
@media screen and (max-width: 768px){
    .minis .txt,
    .minis.f-reverse .txt {
        margin: 5vw 0 0 0;
        padding-top: 0;
    }
}



/* お部屋名など */
.names {
    margin-bottom: 25px;
}
.names .name {
    margin-right: 40px;
    font-size: 25px;
    line-height: 120%;
    color: #1F2358;
    font-weight: 400;
}
.names .catch {
    font-size: 23px;
    line-height: 120%;
    color: #1B488C;
}
.time {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #8DA3C5;
}
@media screen and (max-width: 768px){
    .names {
        margin-bottom: 5vw;
    }
    .names .name {
        margin-right: 0;
        margin-bottom: 2vw;
        font-size: 5vw;
    }
    .names .catch {
        font-size: 4.8vw;
    }
    .time {
        margin-top: 5vw;
        padding-top: 5vw;
        padding-left: 2vw;
    }
}