@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/concept/main-bg1.png) no-repeat top center;; padding: 158px 0 110px;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 1280px; margin: 0 auto; position: relative; z-index: 1;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 44px; letter-spacing: 2px; line-height: 1.5; text-align: center; color: #fff; margin-bottom: 46px; }
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 24px; letter-spacing: 1px; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 71px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 2px; line-height: 2.3; text-align: center; color: #fff; font-weight: 500; margin-bottom: 49px;}
#main-bx .bx .inner .in-bx1 .img1{position: absolute; left: 40px; top: -50px; z-index: -1;}

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

#con1 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 95px; position: relative;}
#con1 .bx .inner .in-bx1 .img1{position: absolute; right: -80px; top: -155px; z-index: -1;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 540px; margin-right: auto; margin-left: 90px; margin-bottom: 0px; background: #F4F1E5; padding: 55px 0px 80px 50px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; color: #9B7845; margin-bottom: 7px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; margin-bottom: 45px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 22px; letter-spacing: 2px; line-height: 1.95; font-weight: 500; margin-bottom: 42px;}

#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 .ttl1{font-size: 20px; letter-spacing: 0.8px; line-height: 2; text-align: center; position: absolute; left: 0; right: 0; top: -92px;}
#con1 .bx .inner .in-bx2 .in-inner1{width: 500px; margin-left: auto; margin-bottom: 68px;}
#con1 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; left: 0; top: 60px;}
#con1 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; font-weight: 500; margin-bottom: 30px;}
#con1 .bx .inner .btn{text-align: center;}



#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; padding: 200px 0 45px; background: linear-gradient(to right, transparent 8.3%, #FAF7F1 8.3%);;}
#con2 .bx .inner{}

#con2 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 65px; position: relative;}
#con2 .bx .inner .in-bx1 .img1{position: absolute; right: 502px; top: -80px; z-index: 0;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 520px; margin-left: auto; margin-right: 120px; margin-bottom: 0px; background: #FAF7F1; padding: 55px 0px 80px 60px; position: relative; z-index: 1;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; color: #9B7845; margin-bottom: 7px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; margin-bottom: 38px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 24px; letter-spacing: 2px; line-height: 1.95; font-weight: 500; margin-bottom: 37px;}
#con2 .bx .inner .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; }

#con2 .bx .inner .in-bx2{width: 1000px; margin: 0 auto; background: #FAF7F1; padding: 58px 0px 0; position: relative; z-index: 1;}
#con2 .bx .inner .in-bx2 .ttl1{font-size: 24px; letter-spacing: 0.8px; line-height: 2; text-align: center; position: absolute; left: 0; right: 0; top: -92px;}
#con2 .bx .inner .in-bx2 .in-inner1{width: 455px; margin-right: auto; margin-left: 0; margin-bottom: 68px;}
#con2 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; right: 0; top: 60px;}
#con2 .bx .inner .in-bx2 .in-inner1 .list{background: #fff; padding: 35px 40px 10px; margin-bottom: 30px;}
#con2 .bx .inner .in-bx2 .in-inner1 .list li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; padding-left: 38px; margin-bottom: 19px; background: url(../images/concept/con2-li-icon.png) no-repeat top left;;}
#con2 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; font-weight: 500; margin-bottom: 30px;}




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

#con3 .bx .inner .in-bx1{width: 1280px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 610px; margin-right: auto; margin-left: 90px; margin-bottom: 0px; background: #F4F1E5; padding: 55px 0px 15px 50px;}
#con3 .bx .inner .in-bx1 .img1{position: absolute; right: -160px; top: -195px; z-index: -1;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; color: #9B7845; margin-bottom: 7px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; margin-bottom: 45px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 22px; letter-spacing: 2px; line-height: 1.95; font-weight: 500; margin-bottom: 42px;}

#con3 .bx .inner .in-bx2{width: 1000px; margin: 0 auto; background: #F5F1E6; padding: 58px 0px 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner1{}
#con3 .bx .inner .in-bx2 .in-inner1 .ttl1{font-size: 24px; letter-spacing: 0.8px; line-height: 2; text-align: center; margin-bottom: 45px;}
#con3 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto; text-align: center;}

#con3 .bx .inner .in-bx3{width: 1000px; margin: 0 auto; background: #F5F1E6; padding: 38px 0px 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx3 .ttl1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; text-align: center; margin-bottom: 70px;}
#con3 .bx .inner .in-bx3 .in-inner1{width: 500px; margin-left: auto; margin-bottom: 68px; margin-right: 70px;}
#con3 .bx .inner .in-bx3 .in-inner1 .img1{position: absolute; left: 68px; top: 190px;}
#con3 .bx .inner .in-bx3 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con3 .bx .inner .con3-last-ttl1 {font-size: 18px; letter-spacing: 0.8px; line-height: 2; text-align: center; margin-bottom: 30px;}
#con3 .bx .inner .con3-last-txt1 {font-size: 24px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: -273px;}

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


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 80px; background: url(../images/concept/con4-bg1.png) no-repeat top center;; padding: 79px 0 52px; }
#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: 20px;}
#con4 .bx .inner .ttl2{font-size: 24px; letter-spacing: 2px; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 40px;}
#con4 .bx .inner .txt1{font-size: 16px; letter-spacing: 2px; line-height: 1.95; text-align: center; color: #fff; margin-bottom: 25px;}

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



}
@media screen and (min-width:768px) and ( max-width:1450px) {
#con2 .bx{width: 100%; margin: 0 auto; padding: 200px 0 45px; background: linear-gradient(to right, transparent 0, #FAF7F1 0);;}

}



@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 10vw; background: url(../images/concept/sp-main-bg1.png) no-repeat top center;; padding: 19vw 0 14vw; 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 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 5vw; }
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0vw; line-height: 1.9; text-align: center; color: #fff; font-weight: 500; margin-bottom: 9vw; }
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 2.2; text-align: center; color: #fff; font-weight: 500; margin-bottom: 8vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1:last-child{margin-bottom: 3vw;}
#main-bx .bx .inner .img1{width: 92%; margin: 0 auto;}


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

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto -8vw;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-left: 0; margin-bottom: 0px; background: #F4F1E5; padding: 8vw 5vw 5vw 6vw; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0px; line-height: 1.6; font-weight: 500; color: #9B7845; margin-bottom: 3vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 11vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 4.5vw; letter-spacing: 0.8vw; line-height: 2.05; font-weight: 500; margin-bottom: 5vw;}

#con1 .bx .inner .in-bx2{width: 88%; margin: 0 auto; background: #F5F1E6; padding: 0 0px 0; position: relative; z-index: 1;}
#con1 .bx .inner .in-bx2 .ttl1{font-size: 4.35vw; letter-spacing: 0.7vw; line-height: 2.35; font-weight: 500; margin-bottom: 7vw;}
#con1 .bx .inner .in-bx2 .in-inner1{margin-bottom: 15vw;}
#con1 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 8vw;}
#con1 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.85; font-weight: 500; margin-bottom: 7vw;}
#con1 .bx .inner .btn{width: 58%; margin: 0 auto;}



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

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto -7vw;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-left: 0; margin-bottom: 0; background: #FAF7F1; padding: 6vw 5vw 5vw 6vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0px; line-height: 1.6; font-weight: 500; color: #9B7845; margin-bottom: 3vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 12vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 4.5vw; letter-spacing: 0.8vw; line-height: 2.15; font-weight: 500; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1 .txt1{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.85; margin-bottom: 4vw;}

#con2 .bx .inner .in-bx2{width: 88%; margin: 0 auto; background: #FAF7F1; padding: 0 0px 0; position: relative; z-index: 1;}
#con2 .bx .inner .in-bx2 .ttl1{font-size: 4.9vw; letter-spacing: 0.4vw; line-height: 2.15; font-weight: 500; margin-bottom: 6vw;}
#con2 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto 10vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .list{background: #fff; padding: 9vw 8vw 4vw; margin-bottom: 6vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .list li{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.55; padding-left: 9vw; margin-bottom: 5vw; background: url(../images/concept/sp-con2-li-icon.png) no-repeat top left; background-size: 5vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .list li:last-child{background: url(../images/concept/con2-li-icon.png) no-repeat top 4vw left;;}
#con2 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.9; font-weight: 500; margin-bottom: 7vw;}




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

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto -7vw;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-left: 0; margin-bottom: 0; background: #F4F1E5; padding: 8vw 5vw 0vw 6vw; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0px; line-height: 1.6; font-weight: 500; color: #9B7845; margin-bottom: 3vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 12vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 4.5vw; letter-spacing: 0.8vw; line-height: 2.1; font-weight: 500; margin-bottom: 8vw;}

#con3 .bx .inner .in-bx2{width: 88%; margin: 0 auto; padding: 1vw 0 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner1{}
#con3 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 7vw; text-align: center;}
#con3 .bx .inner .in-bx2 .in-inner1 .ttl1{font-size: 4.9vw; letter-spacing: 0.4vw; line-height: 2.1; margin-bottom: 6vw;}

#con3 .bx .inner .in-bx3{width: 88%; margin: 0 auto; background: #F5F1E6; padding: 0 0px 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx3 .ttl1{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.9; margin-bottom: 10vw;}
#con3 .bx .inner .in-bx3 .in-inner1{margin-bottom: 9vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .img1{width: 100%; margin: 0 auto 8vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .txt1{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.85; margin-bottom: 7vw;}

#con3 .bx .inner .con3-last-ttl1 {font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 5vw; padding: 0 6vw; font-weight: 500;}
#con3 .bx .inner .con3-last-txt1 {font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 0vw; padding: 0 6vw;}

#con3 .bx .inner #main-inc1 {margin: 0 auto 10vw!important;}
#con3 .bx .inc-bnr-list { width: 88vw; margin: -7vw auto 0;}
#con3 .bx .inc-bnr-list li { margin-bottom: 0vw;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 10vw; background: url(../images/concept/sp-con4-bg1.png) no-repeat top center;; padding: 8vw 0 5vw; background-size: 100%; }
#con4 .bx .inner{width: 100%; 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: 5vw; padding-left: 5vw;}
#con4 .bx .inner .ttl2{font-size: 4.7vw; letter-spacing: 0.6vw; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 7vw; padding-left: 2vw;}
#con4 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.05vw; line-height: 1.9; text-align: center; color: #fff; margin-bottom: 7vw; padding-left: 1vw;}

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

}