@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -70px auto 0; background: url(../images/kodawari/main-bg1.png) no-repeat top center;; padding: 244px 0 240px;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx1 .img1{position: absolute; left: 0; top: -100px; z-index: 0;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.5; text-align: center; color: #fff; margin-bottom: 37px; padding-right: 17px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; text-align: center; color: #fff; font-weight: 500;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; padding: 353px 0 17px; }
#con1 .bx .inner{}

#con1 .bx .inner .in-bx1{width: 1280px; margin: 0 auto -50px; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 550px; margin-left: auto; margin-right: 40px; margin-bottom: 84px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 143px; letter-spacing: 0; line-height: 1.8; color: #fff; position: absolute; right: 258px; top: -260px; z-index: 1;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{position: absolute; right: 107px; top: -225px; z-index: 1;}
#con1 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; left: -80px; top: -115px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 28px; letter-spacing: 2px; line-height: 1.95; margin-bottom: 42px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl4{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 28px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con1 .bx .inner .in-bx2{width: 1000px; margin: 0 auto; background: #F5F1E6; padding: 58px 0px 0; position: relative; z-index: 1;}
#con1 .bx .inner .in-bx2 .in-inner1{width: 530px; margin-right: auto; margin-left: 60px; margin-bottom: 84px;}
#con1 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; right: 0; top: 5px;}
#con1 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con1 .bigimg-ttl1 {font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 5px;}
#con1 .bigimg-ttl2 {font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; text-align: center; margin-bottom: 40px;}

#con1 .top-last-bigimg {width: 100%; margin: 0 auto 120px;}

#con1 .loop1 {
width: 100%;
height: 266px; /*画像の高さ等*/
background: url(../images/kodawari/top-last-bigimg1.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2055px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}



#con2 {background: #FAF7F1; padding-bottom: 10px;}
#con2 .bx{width: 100%; margin: 0 auto; background: #FAF7F1; padding: 310px 0 10px; }
#con2 .bx .inner{}

#con2 .bx .inner .in-bx1{width: 1280px; margin: 0 auto -40px; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 400px; margin-right: auto; margin-left: 230px; margin-bottom: 84px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 143px; letter-spacing: 0; line-height: 1.8; color: #9B7845; position: absolute; left: 230px; top: -260px; z-index: 1; opacity: 0.3;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{position: absolute; left: 105px; top: -112px; z-index: 1;}
#con2 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; right: -80px; top: -70px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 28px; letter-spacing: 2px; line-height: 1.95; margin-bottom: 42px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl4{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px; padding-right: 20px;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{}

#con2 .bx .inner .in-bx2{width: 1180px; margin: 0 auto; background: #FAF7F1; padding: 60px 0px 0; position: relative; z-index: 1; }
#con2 .bx .inner .in-bx2 .in-inner1{width: 540px; margin-left: auto; margin-right: 100px; margin-bottom: 84px;}
#con2 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; left: 90px; top: 30px;}
#con2 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con2 .bigimg-ttl1 {font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 5px;}
#con2 .bigimg-ttl2 {font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; text-align: center; margin-bottom: 40px;}

#con2 .top-last-bigimg {width: 100%; margin: 0 auto 110px;}

#con2 .loop1 {
width: 100%;
height: 266px; /*画像の高さ等*/
background: url(../images/kodawari/top-last-bigimg2.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2055px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; padding: 360px 0 17px; }
#con3 .bx .inner{}

#con3 .bx .inner .in-bx1{width: 1280px; margin: 0 auto -55px; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 550px; margin-left: auto; margin-right: 40px; margin-bottom: 84px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 120px; letter-spacing: 1px; line-height: 1.05; color: #fff; position: absolute; right: 296px; top: -200px; z-index: 1;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl2{position: absolute; right: 77px; top: -230px; z-index: 1;}
#con3 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; left: -80px; top: -105px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 28px; letter-spacing: 2px; line-height: 1.95; margin-bottom: 42px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl4{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 28px;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con3 .bx .inner .in-bx2{width: 1000px; margin: 0 auto; background: #F5F1E6; padding: 52px 0px 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner1{width: 535px; margin-right: auto; margin-left: 50px; margin-bottom: 95px;}
#con3 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; right: 0; top: 10px;}
#con3 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con3 .bigimg-ttl1 {font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 5px;}
#con3 .bigimg-ttl2 {font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; text-align: center; margin-bottom: 40px;}

#con3 .top-last-bigimg {width: 100%; margin: 0 auto 220px;}

#con3 .loop1 {
width: 100%;
height: 266px; /*画像の高さ等*/
background: url(../images/kodawari/top-last-bigimg3.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2055px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 80px; background: url(../images/kodawari/con4-bg1.png) no-repeat top center;; padding: 225px 0 210px; }
#con4 .bx .inner{width: 1200px; margin: 0 auto;}
#con4 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 18px;}

#main-inc1 .bx{margin: 0 auto 168px!important;}



}
@media screen and (min-width:768px) and ( max-width:1450px) {
}



@media screen and (max-width: 767px) {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}


#main-bx {}
#main-bx .bx{width: 100%; margin: -10vw auto 0; background: url(../images/kodawari/sp-main-bg1.png) no-repeat top center;; padding: 13vw 0 30vw; background-size: 100%;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx1 .img1{width: 96%; margin: 0 auto;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5.8vw; letter-spacing: 0.4vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 7vw; }
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.8; text-align: center; color: #fff; font-weight: 500;}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; padding: 24vw 0 6vw; }
#con1 .bx .inner{}

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto -5vw; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto 11vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 16vw; letter-spacing: 0.8vw; line-height: 1; color: #fff; position: absolute; left: 4vw; top: -10vw; z-index: 1;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{width: 12vw; position: absolute; right: 5vw; top: -8vw; z-index: 1;}
#con1 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 7vw; letter-spacing: 0.2vw; line-height: 1.65; margin-bottom: 10vw; padding: 0 6vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl4{font-size: 5vw; letter-spacing: 0.3vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.9; margin-bottom: 6vw; padding: 0 6vw;}

#con1 .bx .inner .in-bx2{width: 100%; margin: 0 auto; background: #F5F1E6; padding: 0 0px 0; position: relative; z-index: 1;}
#con1 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto; margin-bottom: 9vw; padding: 0 6vw;}
#con1 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw; }
#con1 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.9; margin-bottom: 6vw;}

#con1 .bigimg-ttl1 {font-size: 7.5vw; letter-spacing: 0vw; line-height: 0.8; text-align: center; margin-bottom: 5vw;}
#con1 .bigimg-ttl2 {font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 1.9; text-align: center; margin-bottom: 3vw;}

#con1 .top-last-bigimg {width: 100%; margin: 0 auto 27vw;}

#con1 .loop1 {
width: 100%;
height: 44vw; /*画像の高さ等*/
background: url(../images/kodawari/sp-top-last-bigimg1.png) repeat-x;
background-position: center; background-size: 340%;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}



#con2 {background: #FAF7F1; padding-bottom: 10vw;}
#con2 .bx{width: 100%; margin: 0 auto; padding: 8vw 0 6vw; }
#con2 .bx .inner{}

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto -5vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto 11vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 16vw; letter-spacing: 0.8vw; line-height: 1; color: #9B7845; position: absolute; left: 32vw; top: -9vw; z-index: 1; opacity: 0.6;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{width: 12.2vw; position: absolute; right: 5vw; top: -8vw; z-index: 1;}
#con2 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 7vw; letter-spacing: 0.2vw; line-height: 1.65; margin-bottom: 10vw; padding: 0 6vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl4{font-size: 5vw; letter-spacing: 0.3vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.9; margin-bottom: 6vw; padding: 0 6vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{display: block; padding: 6vw 0 0;}

#con2 .bx .inner .in-bx2{width: 100%; margin: 0 auto; background: #FAF7F1; padding: 0 0px 0; position: relative; z-index: 1;}
#con2 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto; margin-bottom: 9vw; padding: 0 6vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw; }
#con2 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.9; margin-bottom: 6vw;}

#con2 .bigimg-ttl1 {font-size: 7.5vw; letter-spacing: 0vw; line-height: 0.8; text-align: center; margin-bottom: 5vw;}
#con2 .bigimg-ttl2 {font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 1.9; text-align: center; margin-bottom: 3vw;}

#con2 .top-last-bigimg {width: 100%; margin: 0 auto 0;}

#con2 .loop1 {
width: 100%;
height: 44vw; /*画像の高さ等*/
background: url(../images/kodawari/sp-top-last-bigimg1.png) repeat-x;
background-position: center; background-size: 340%;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; padding: 29vw 0 6vw; }
#con3 .bx .inner{}

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto -5vw; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto 11vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 10vw; letter-spacing: 0.8vw; line-height: 1.2; color: #fff; position: absolute; left: 4vw; top: -7vw; z-index: 1;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl2{width: 27vw; position: absolute; right: 5vw; top: -8vw; z-index: 1;}
#con3 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 7vw; letter-spacing: 0.2vw; line-height: 1.65; margin-bottom: 10vw; padding: 0 6vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl4{font-size: 5vw; letter-spacing: 0.3vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 4vw; letter-spacing: 0.03vw; line-height: 1.9; margin-bottom: 6vw; padding: 0 6vw;}

#con3 .bx .inner .in-bx2{width: 100%; margin: 0 auto; background: #F5F1E6; padding: 0 0px 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto; margin-bottom: 9vw; padding: 0 6vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw; }
#con3 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.9; margin-bottom: 6vw;}

#con3 .bigimg-ttl1 {font-size: 7.5vw; letter-spacing: 0vw; line-height: 0.8; text-align: center; margin-bottom: 5vw;}
#con3 .bigimg-ttl2 {font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 1.9; text-align: center; margin-bottom: 4vw;}

#con3 .top-last-bigimg {width: 100%; margin: 0 auto 17vw;}

#con3 .loop1 {
width: 100%;
height: 44vw; /*画像の高さ等*/
background: url(../images/kodawari/sp-top-last-bigimg2.png) repeat-x;
background-position: center; background-size: 340%;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 13vw; background: url(../images/kodawari/sp-con4-bg1.png) no-repeat top center; padding: 37vw 0 30vw; background-size: 100%;}
#con4 .bx .inner{width: 89%; margin: 0 auto;}
#con4 .bx .inner .ttl1{font-size: 5.7vw; letter-spacing: 0.5vw; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 6vw; }
#con4 .bx .inner .ttl1 span{font-size: 4.4vw; letter-spacing: 0vw; line-height: 1.6; text-align: center; color: #fff; padding: 5vw 0 0; display: block;}

#main-inc1 .bx{margin: 0 auto 20vw!important;}
    .inc-bnr-list li {
        margin-bottom: 8vw;
    }

}