/* Scss Document */
@import "global";

#key{
    .slide1{
        background: url("../img/index/key1.jpg") no-repeat center / cover;
    }
    .slide2{
        background: url("../img/index/key2.jpg") no-repeat center / cover;
    }
    .slide3{
        background: url("../img/index/key3.jpg") no-repeat center / cover;
    }
}
#sec1{
    background: url("../img/index/sec1_bg.png") no-repeat right bottom;
    background-size: auto;
    overflow: hidden;
    .wrap{
        min-height: 762px;
        z-index: 1;
        padding-top: 107px;
        box-sizing: border-box;
        
    }
    .dc{
        position: absolute;
        z-index: -1;
    }
    .decor0{
        left: -314px;
        top: 35px;
    }
    .decor1{
        bottom: 170px;
        left: -314px;
    }
    .decor2{
        bottom: -41px;
        left: -208px;
    }
    .decor3{
        bottom: 170px;
        right: 130px;
    }
    h2{
        color: #642502;
        font-weight: 900;
        font-size: 48px;
        line-height: 70px;
        letter-spacing: 2px;
        margin-bottom: 23px;
    }
    .txt{
        padding-left: 6px;
    }
}

#sec2{
    .block1{
        background: url("../img/shared/line2.png") repeat-x center top, url("../img/index/sec2_bg.png") no-repeat center top, url("../img/shared/bg2.jpg") repeat center top;
        .wrap{
            min-height: 944px;
            box-sizing: border-box;
        }
        h2{
            position: absolute;
            top: 118px;
            right: -154px;
        }
        .txt{
            color: #e8e1d1;
            position: absolute;
            top: 364px;
            right: 296px;
        }
        .btn{
            position: absolute;
            right: 24px;
            bottom: 99px;

            a{
                width: 422px;
            }
        }
    }
    .simply-scroll-container { position:relative; padding-bottom: 14px; background: url("../img/shared/line3.jpg") repeat-x center bottom}
    .simply-scroll-clip { position:relative; overflow:hidden; }
    .simply-scroll-list { margin:0; padding:0; overflow:hidden; }
    .simply-scroll-list li { float:left; width:408px; height:274px; padding:0; list-style:none; }
}
#sec3{
    background: url("../img/index/sec3_bg.png") no-repeat center top;
    .wrap{
        min-height: 1048px;
        box-sizing: border-box;
        padding-top: 90px;
    }
    h2{
        margin-bottom: 33px;
    }
    h3{
        margin-bottom: 30px;
    }
    .pt{
        position: absolute;
        top: 32px;
        right: -265px;
    }
    .btn{
        width: 420px;
        position: absolute;
        bottom: 85px;
        left: 147px;
    }
    .txt{
        padding-left: 5px;
    }
}
#sec4{
    background: url("../img/index/sec4_bg.png") no-repeat center top, url("../img/shared/bg3.jpg") repeat center top;
    .wrap{
        min-height: 814px;
        box-sizing: border-box;
        padding-top: 111px
    }
    h2{
        float: right;
    }
    .txt{
        width: 581px;
        color: #e8e1d1;
        float: right;
        margin-top: 22px;
    }
    .btn{
        width: 370px;
        position: absolute;
        left: -1px;
        bottom: 90px;
    }
}
#sec5{
    background: url("../img/index/sec5_bg.jpg") no-repeat center top;
    .wrap{
        height: 805px;
        box-sizing: border-box;
        padding-top: 336px;
    }
    h2{
        margin-bottom: 22px;
    }
    .decor{
        position: absolute;
        top: 112px;
        right: 75px;
    }
    .btn{
        width: 294px;
        position: absolute;
        right: 0;
        bottom: 99px;
    }
    .txt{
        color: #e8e1d1;
        padding-left: 10px;
    }
}
#sec6{
    background: url("../img/index/sec6_bg.jpg");
    .wrap{
        min-height: 649px;
        box-sizing: border-box;
        padding-top: 90px;
    }
    h2{
        font-family: 'Noto Serif Japanese', serif;
        font-weight: 900;
        color: #472208;
        font-size: 45px;
        line-height: 57px;
        letter-spacing: 4.8px;
        text-align: center;
        position: relative;
        padding-bottom: 64px;
        &:after{
            content: "";
            width: 222px;
            height: 96px;
            position: absolute;
            left: 50%;
            transform: translateX(-121px);
            background: url("../img/index/sec6_decor1.png") no-repeat;
        }
    }
    .btn{
        display: inline-block;
        position: absolute;
        top: 107px;
        right: 15px;
        a{
            background: transparent;
            &:before{
                display: none;
            }
        }
        
    }
    #feed{
        font-family: 'Noto Serif Japanese', serif;
        font-weight: 400;
        text-align: center;
        .title{
            color: #000;
        }
        .more{
            color: #782805;
        }
        dl{
            width: 33.33%;
            float: left;
            font-weight: 600;
            dd{
                span{
                    display: block;
                    &.date{
                        font-size: 13px;
                    }
                }
            }
        }
    }
}