/* 背景動画 */
.video_wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url(../img/overlays/dot2.png);
}
.video_wrapper > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
}

/* リード文 */
#lead_box {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #efece7;
}

/* 宿泊体験 */
@media screen and (min-width:992px){
    #taiken_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #taiken_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:767px){
    #taiken_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* 家づくりへの想い */
@media screen and (min-width:992px){
    #house_box {
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/top/top_01bg.jpg) repeat center center fixed;
        background-size: cover;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #house_box {
        padding-top: 75px;
        padding-bottom: 75px;
        background: url(../img/top/top_01bg.jpg);
        background-size: cover;
    }
}
@media screen and (max-width:767px){
    #house_box {
        padding-top: 60px;
        padding-bottom: 60px;
        background: url(../img/top/top_01bg.jpg);
        background-size: cover;
    }
}

/* CONTENTS */
@media screen and (min-width:992px){
    #contents_box {
        padding-top: 90px;
        padding-bottom: 90px;
        background: url("../img/top/top_03bg.jpg") repeat center center fixed;
        background-size: cover;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #contents_box {
        padding-top: 75px;
        padding-bottom: 75px;
        background: url("../img/top/top_03bg.jpg");
        background-size: cover;
    }
}
@media screen and (max-width:767px){
    #contents_box {
        padding-top: 60px;
        padding-bottom: 60px;
        background: url("../img/top/top_03bg.jpg");
        background-size: cover;
    }
}

/* PICK UP */
@media screen and (min-width:992px){
    #pickup_box {
        padding-top: 90px;
        padding-bottom: 90px;
        background: url(../img/top/top_10bg.jpg)  no-repeat center center fixed;
        background-size: cover;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #pickup_box {
        padding-top: 75px;
        padding-bottom: 75px;
        background: url(../img/top/top_10bg.jpg);
        background-size: cover;
    }
}
@media screen and (max-width:767px){
    #pickup_box {
        padding-top: 60px;
        padding-bottom: 60px;
        background: url(../img/top/top_10bg.jpg);
        background-size: cover;
    }
}

/* 建築実例 */
@media screen and (min-width:992px){
    #case_box{
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #case_box{
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #case_box{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* 建築実例 */
/*
@media screen and (min-width:992px){
    #special_box{
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #special_box{
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #special_box{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
*/
/* 代表挨拶 */
@media screen and (min-width:992px){
    #greeting_box {
        padding-top: 90px;
        padding-bottom: 90px;
        background: #efece7;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #greeting_box {
        padding-top: 75px;
        padding-bottom: 75px;
        background: #efece7;
    }
}
@media screen and (max-width:991px){
    #greeting_box {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #efece7;
    }
}

/* YouTube動画 */
@media screen and (min-width:992px){
    #movie_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #movie_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #movie_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* 購入までの流れ */
@media screen and (min-width:992px){
    #purchase_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #purchase_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #purchase_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* リノベーション */
@media screen and (min-width:992px){
    #renovation_box {
        padding-top: 90px;
        padding-bottom: 90px;
        background: #efece7;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #renovation_box {
        padding-top: 75px;
        padding-bottom: 75px;
        background: #efece7;
    }
}
@media screen and (max-width:991px){
    #renovation_box {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #efece7;
    }
}

/* 住まいのコラム */
@media screen and (min-width:992px){
    #column_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #column_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #column_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* お知らせ */
@media screen and (min-width:992px){
    #news_box {
        padding-top: 90px;
        padding-bottom: 90px;
        background: #efece7;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #news_box {
        padding-top: 75px;
        padding-bottom: 75px;
        background: #efece7;
    }
}
@media screen and (max-width:991px){
    #news_box {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #efece7;
    }
}

/* 施工エリア */
@media screen and (min-width:992px){
    #area_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #area_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #area_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* アクセス */
@media screen and (min-width:992px){
    #access_box {
        margin-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #access_box {
        padding-bottom: 75px;
    }
}
@media screen and (max-width:991px){
    #access_box {
        margin-bottom: 60px;
    }
}