@charset "UTF-8";

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

.seo_bread_list{
	color: #1C1814;
}
.seo_bread_list a{
	color: #1C1814;
}

#main-bx {}
#main-bx .bx{width: 100%; margin: -70px auto 0; background: #C1B2A1; padding: 217px 0 70px;}
#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{width: 550px; margin-left: auto; margin-right: 30px; margin-bottom: 38px; background: #C1B2A1; padding: 40px 30px 40px 80px; position: relative; z-index: 1;}
#main-bx .bx .inner .in-bx1 .in-inner1 .num1{width: 100%; margin-bottom: 10px; margin-left: -40px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.5; padding-bottom: 17px; margin-bottom: 45px; border-bottom: 1px solid #959595;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss1{font-size: 12px; letter-spacing: 0.8px; line-height: 1.6; }
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 24px; letter-spacing: 0.8px; line-height: 1.6; margin-bottom: 23px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; }
#main-bx .bx .inner .in-bx1 .txt2{font-size: 16px; letter-spacing: 0px; line-height: 1.9; text-align: center; margin-bottom: 30px;}

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

#con1 .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 470px; margin-right: auto; margin-left: 100px; margin-bottom: 84px; }
#con1 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; right: 0; top: -32px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.8; margin-bottom: 30px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 38px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 500; margin-bottom: 30px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{display: block; margin-bottom: 25px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{display: block; margin-bottom: 25px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss3{display: block; margin-bottom: 25px;}
#con1 .bx .inner .in-bx1 .sub-bx{}
#con1 .bx .inner .in-bx1 .sub-bx .list{margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .inner .in-bx1 .sub-bx .list li{width: 264px; margin-right: 30px; font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 600; text-align: center; border: 1px solid #9B7845; border-radius: 20px; background: #fff; padding: 20px 0; color: #9B7845; display: flex; align-items: center; justify-content: center;}
#con1 .bx .inner .in-bx1 .sub-bx .list li:last-child{margin-right: 0;}
#con1 .bx .inner .in-bx1 .txt2{font-size: 22px; letter-spacing: 0.8px; line-height: 2; text-align: center; margin-bottom: 45px;}


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

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

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


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

#con2 .bx .inner .in-bx1 {width: 1200px; margin: 0 auto 210px; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1 {width: 490px; margin-left: auto; margin-right: 70px;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: 0px; top: -53px;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.8; padding-bottom: 14px; margin-bottom: 15px;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-ttl2{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 40px;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 1.85; margin-bottom: 30px;}

#con2 .bx .inner .in-bx2 {width: 1200px; margin: 0 auto 173px; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner1 {width: 490px; margin-right: auto; margin-left: 100px;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-img1{position: absolute; right: 103px; top: -96px;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.4; padding-bottom: 14px; margin-bottom: 15px;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-ttl2{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 40px;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 30px;}


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

#con3 .bx .inner .in-bx1 {width: 1200px; margin: 0 auto 90px; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1 {width: 490px; margin-right: auto; margin-left: 100px;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: 0px; top: -30px;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.8; padding-bottom: 14px; margin-bottom: 15px;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-ttl2{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 40px;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 1.85; margin-bottom: 30px;}

#con3 .bx .inner .in-bx2 {width: 1200px; margin: 0 auto 10px; position: relative;}
#con3 .bx .inner .in-bx2 .in-inner1 {}
#con3 .bx .inner .in-bx2 .in-inner1 .in-img1{width: 100%; margin: 0 auto 55px; text-align: center;}
#con3 .bx .inner .in-bx2 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; text-align: center; margin-bottom: 45px;}
#con3 .bx .inner .in-bx2 .in-inner1 .in-txt2{font-size: 22px; letter-spacing: 0.8px; line-height: 2.05; text-align: center; }



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #C1B2A1; padding: 123px 0 100px;}
#con4 .bx .inner{}

#con4 .bx .inner .in-bx1 {width: 1200px; margin: 0 auto; position: relative;}
#con4 .bx .inner .in-bx1 .in-inner1 {width: 470px; margin-left: auto; margin-right: 90px;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: 0px; top: 123px;}
#con4 .bx .inner .in-bx1 .in-ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.8; text-align: center; padding-bottom: 14px; margin-bottom: 52px;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-ttl2{font-size: 22px; letter-spacing: 2px; line-height: 2.1; font-weight: 500; margin-bottom: 32px;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 1.85; margin-bottom: 30px;}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 80px; background: url(../images/natural/con5-bg1.png) no-repeat top center;; padding: 118px 0 76px; }
#con5 .bx .inner{width: 1200px; margin: 0 auto;}
#con5 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 18px;}
#con5 .bx .inner .txt1{font-size: 24px; letter-spacing: 2px; line-height: 1.9; text-align: center; color: #fff; margin-bottom: 35px;}
#con5 .bx .inner .txt2{font-size: 16px; letter-spacing: 2px; line-height: 1.9; text-align: center; color: #fff; margin-bottom: 35px;}




}
@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: #C1B2A1; padding: 10vw 0 5vw;}
#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: 100%; margin: 0 auto -10vw;}
#main-bx .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-bottom: 4.5vw; background: #C1B2A1; padding: 6vw 5vw 4vw 6vw; position: relative; z-index: 1;}
#main-bx .bx .inner .in-bx1 .in-inner1 .num1{width: 15%; margin-bottom: 3vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5.8vw; letter-spacing: 0.4vw; line-height: 1.1; padding-bottom: 3vw; margin-bottom: 7vw; border-bottom: 1px solid #959595;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss1{font-size: 3vw; letter-spacing: 0vw; line-height: 1; }
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.3vw; line-height: 1.6; margin-bottom: 2vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.3vw; letter-spacing: 0.05vw; line-height: 1.9; }
#main-bx .bx .inner .in-bx1 .txt2{font-size: 3.3vw; letter-spacing: 0.05vw; line-height: 1.95; padding: 0 10vw 5vw 6vw;}
#main-bx .bx .inner .in-bx1 .txt2 .ss1{display: inline;}

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

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto 6vw; }
#con1 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: 0 auto 8vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.4; margin-bottom: 11vw; text-align: center; padding-right: 9vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 5.2vw; letter-spacing: 0.1vw; line-height: 1.8; font-weight: 500; margin-bottom: 8vw; padding: 0 6vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss3{display: block; margin-top: 7vw; margin-bottom: 9vw;}
#con1 .bx .inner .in-bx1 .sub-bx{width: 89%; margin: 0 auto 7vw; }
#con1 .bx .inner .in-bx1 .sub-bx .list{margin-bottom: 10vw;}
#con1 .bx .inner .in-bx1 .sub-bx .list li{width: 100%; margin: 0 auto 6vw; font-size: 4.3vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 600; text-align: center; border: 1px solid #9B7845; border-radius: 5vw; background: #fff; padding: 6vw 0; color: #9B7845; margin-bottom: 4vw;}
#con1 .bx .inner .in-bx1 .sub-bx .list li:last-child{margin-bottom: 0;}
#con1 .bx .inner .in-bx1 .txt2{font-size: 4.7vw; letter-spacing: 0.35vw; line-height: 2; font-weight: 500; margin-bottom: 8vw; padding: 0 6vw;}


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

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

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


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #FAF7F1; padding: 7vw 0 2vw;}
#con2 .bx .inner{}

#con2 .bx .inner .in-bx1 {width: 100%; margin: 0 auto; padding: 3vw 0vw 0; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1 {width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 8vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; padding-bottom: 3vw; margin-bottom: 7vw; padding-left: 6vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-ttl2{font-size: 5.3vw; letter-spacing: 0vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.96; margin-bottom: 7vw; padding: 0 6vw;}

#con2 .bx .inner .in-bx2 {width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner1 {width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-img1{width: 88%; margin: 0 auto 7vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-ttl1{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; padding-bottom: 3vw; margin-bottom: 7vw; padding-left: 6vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-ttl2{font-size: 5.3vw; letter-spacing: 0vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.96; margin-bottom: 7vw; padding: 0 6vw;}


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

#con3 .bx .inner .in-bx1 {width: 100%; margin: 0 auto; padding: 12vw 0vw 0; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1 {width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 8vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; padding-bottom: 3vw; margin-bottom: 7vw; padding-left: 6vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-ttl2{font-size: 5.3vw; letter-spacing: 0vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.96; margin-bottom: 7vw; padding: 0 6vw;}

#con3 .bx .inner .in-bx2 {width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx2 .in-inner1 {width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx2 .in-inner1 .in-img1{width: 88%; margin: 0 auto 7vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.96; margin-bottom: 7vw; padding: 0 6vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .in-txt2{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 2.05; margin-bottom: 7vw; padding: 0 6vw;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #C1B2A1; padding: 10vw 0 4vw;}
#con4 .bx .inner{}

#con4 .bx .inner .in-bx1 {width: 100%; margin: 0 auto; position: relative;}
#con4 .bx .inner .in-bx1 .in-inner1 {width: 100%; margin: 0 auto;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 10vw;}
#con4 .bx .inner .in-bx1 .in-ttl1{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 10vw; padding: 0 8vw 0 6vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-ttl2{font-size: 5.3vw; letter-spacing: 0vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw; padding: 0 6vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.96; margin-bottom: 7vw; padding: 0 6vw;}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 7vw; background: url(../images/natural/sp-con5-bg1.png) no-repeat top center;; padding: 9vw 0 7vw; background-size: 100%;}
#con5 .bx .inner{width: 89%; margin: 0 auto;}
#con5 .bx .inner .ttl1{font-size: 5.7vw; letter-spacing: 0.5vw; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 6vw; padding-left: 3vw;}
#con5 .bx .inner .txt1{font-size: 5vw; letter-spacing: 0.35vw; line-height: 1.55; text-align: center; color: #fff; margin-bottom: 7vw;}
#con5 .bx .inner .txt2{font-size: 3.6vw; letter-spacing: 0.05vw; line-height: 1.9; text-align: center; color: #fff; margin-bottom: 7vw;}

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

}