@charset "UTF-8";
@media screen and (min-width: 768px),print {

main {width: 100%;}
.seo_bread_list {width: 1100px;}
h2 {background: url(../images/concept/h2.jpg) no-repeat;}

#concept-main {background: url(../images/concept/main-bg.png) repeat center; width: 100%; min-height: 880px; margin: 0 auto 150px;}
#concept-main .concept-main-bx{width: 1000px; margin: 0 auto;}
#concept-main .main-img{margin-bottom: 45px; padding-top: 50px;}
#concept-main h3{text-align: center; margin: 0 auto 20px;}
#concept-main p{width: 1000px; margin: 0 auto; text-align: center; line-height: 200%; font-size: 18px; font-weight: bold; color: #66422a; }
#concept .concept-ttl-sp { display: none; }
#concept .concept-main-sp {background: none;}


#contents1 {width: 1100px; margin: 0 auto 160px; position: relative;}
#contents1 .contents1-ttl1{margin-bottom: 40px;}
#contents1 .contents1-ttl2{width: 660px; margin-bottom: 30px; font-size: 24px; font-weight: bold; }
#contents1 .contents1-img1{position: absolute; right: 0; top: 0}
#contents1 .contents1-txt1{width: 630px; margin-bottom: 30px; line-height: 180%;}
#contents1 .contents1-txt2{width: 630px; line-height: 180%;}
#contents1 .contents1-img2{position: relative; left:-50px;}
#contents1 .contents1-bx{width: 500px;position: absolute; bottom: -30px; right: 0;}
#contents1 .contents1-bx .contents1-txt3{line-height: 180%; margin-bottom: 25px;}
#contents1 .contents1-bx .contents1-txt4{line-height: 180%; margin-bottom: 25px;}
#contents1 .contents1-bx .contents1-txt5{line-height: 180%; margin-bottom: 60px;}

#contents2 {background: #f0ece1; width: 100%; min-height: 1350px; margin: 0 auto 100px;}
#contents2 .contents2-bx1{width: 1100px; margin: 0 auto 100px; position: relative;}
#contents2 .contents2-ttl1{margin-bottom: 40px;padding-top: 100px;}
#contents2 .contents2-ttl2{width: 680px; margin-bottom: 30px; font-size: 24px; font-weight: bold; }
#contents2 .contents2-img1{position: absolute; right: 0; top: 100px}
#contents2 .contents2-txt1{width: 650px; margin-bottom: 30px; line-height: 180%;}
#contents2 .contents2-txt2{width: 650px; line-height: 180%;}

#contents2 .contents2-bx2{width: 1100px; min-height: 500px; margin: 0 auto; position: relative; border: 5px solid #fff; padding: 80px 45px 50px;}
#contents2 .contents2-bx2 .contents2-inner2{width: 630px; margin-left: auto; }
#contents2 .contents2-bx2 h3{text-align: left; font-size: 24px; font-weight: bold; padding-top: 50px; padding-bottom: 30px;}
#contents2 .contents2-bx2 .contents2-img2{position: absolute; left: 50px; top: 50px}
#contents2 .contents2-bx2 .txt{font-size: 16px; line-height: 1.8; margin-bottom: 30px;}
#contents2 .con-bx2{ padding: 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;}
#contents2 .con-bx2 li{display: inline-block; margin-left: 70px;}

#contents3 {width: 1100px; margin: 0 auto 125px; position: relative;}
#contents3 .contents3-bx1{width: 1100px; margin: 0 auto 50px; position: relative;}
#contents3 .contents3-ttl1{margin-bottom: 40px;}
#contents3 .contents3-ttl2{width: 680px; margin-bottom: 30px; font-size: 24px; font-weight: bold; }
#contents3 .contents3-img1{position: absolute; right: 0; top: 0px}
#contents3 .contents3-txt1{width: 630px; margin-bottom: 30px; line-height: 180%;}
#contents3 .contents3-txt2{width: 630px; line-height: 180%;}
#contents3 .contents3-bx2{width: 1100px; min-height: 640px; margin: 0 auto; position: relative; border: 1px solid #000; }
#contents3 .contents3-bx2 h3{text-align: center; font-size: 24px; font-weight: bold; padding-top: 50px; padding-bottom: 30px;}
#contents3 .contents3-bx2 ul{float: left;}
#contents3 .contents3-bx2 .con-bx1{width: 460px; min-height: 380px; background: #fff; margin-left: 55px; display: inline-block;}
#contents3 .contents3-bx2 h4{font-size: 18px; font-weight: bold; text-align: center; padding: 14px; background: #e08704; color: #fff;}
#contents3 .contents3-bx2 .contents3-img2{text-align: center;}
#contents3 .contents3-bx2 p{font-size: 16px; padding: 10px 12px; line-height: 180%;}
#contents3 .contents3-bx2 .con-bx2{float: left; padding: 30px;}
#contents3 .contents3-bx2 .con-bx2 li{display: inline-block; margin-left: 85px;}

#contents4 {width: 1200px; min-height: 390px; margin: 0 auto 100px; position: relative; background: #f0ece1; }
#contents4 .contents4-icon{position: relative; top: 40px; left: 80px;}
#contents4 .contents4-bx{width: 460px; min-height: 185px; border-left: 1px solid #000; padding-left: 25px; position: relative; top: 70px; left: 90px;}
#contents4 .contents4-bx p{font-size: 24px; font-weight: bold; border-bottom: 2px solid #fff; line-height: 200%;}
#contents4 .contents4-bx span{color: #e08704;}
#contents4 .contents4-img{position: absolute; top: 40px; right: 30px;}

}



@media screen and (max-width: 767px) {

#concept-main {background: none;}
#concept-main .concept-main-bx{width: 95%; margin: 0 auto;}
#concept-main .main-img{margin-bottom: 15px; padding-top: 50px;}
#concept-main h3{text-align: center; margin: 0 auto 20px;}
#concept-main p{width: 100%; margin: 0 auto; text-align: center; line-height: 1.8; font-size: 4.6vw; font-weight: bold; color: #66422a; }
#concept .concept-ttl {display: none;}
#concept .concept-ttl-sp { width: 30%;}
#concept-main-sp {background: url(../sp-images/concept/main-bg-sp.png) repeat center; width: 100%; padding-bottom: 10vw; margin: 0 auto 10vw;}

#contents1 {width: 95%; margin: 0 auto 50px; position: relative;}
#contents1 .contents1-ttl1{margin-bottom: 40px;}
#contents1 .contents1-ttl2{width: 100%; margin-bottom: 30px; font-size: 24px; font-weight: bold; text-align: center;}
#contents1 .contents1-img1{margin-bottom: 20px;}
#contents1 .contents1-txt1{width: 100%; margin-bottom: 30px; line-height: 180%;}
#contents1 .contents1-txt2{width: 100%; line-height: 180%;}
#contents1 .contents1-img2{}
#contents1 .contents1-bx{width: 100%;}
#contents1 .contents1-bx .contents1-txt3{line-height: 180%; margin-bottom: 25px;}
#contents1 .contents1-bx .contents1-txt4{line-height: 180%; margin-bottom: 25px;}
#contents1 .contents1-bx .contents1-txt5{line-height: 180%; margin-bottom: 45px;}

#contents2 {background: #f0ece1; width: 100%; min-height: 1400px; margin: 0 auto 50px; padding-bottom: 20px; }
#contents2 .contents2-bx1{width: 95%; margin: 0 auto 20px; }
#contents2 .contents2-ttl1{margin-bottom: 40px; padding-top: 20px;}
#contents2 .contents2-ttl2{width: 100%; margin-bottom: 30px; font-size: 6vw; font-weight: bold; text-align: center; line-height: 1.8;}
#contents2 .contents2-img1{margin-bottom: 20px;}
#contents2 .contents2-txt1{width: 100%; margin-bottom: 30px; line-height: 180%;}
#contents2 .contents2-txt2{width: 100%; line-height: 180%;}

#contents2 .contents2-bx2{width: 95vw; margin: 0 auto; position: relative; border: 5px solid #fff; padding: 3vw 5vw;}
#contents2 .contents2-bx2 .contents2-inner2{ margin: 0 auto;}
#contents2 .contents2-bx2 h3{text-align: left; font-size: 6vw; font-weight: bold; padding-top: 3vw; padding-bottom: 30px; line-height: 1.6;}
#contents2 .contents2-bx2 .contents2-img2{margin: 0 auto 5vw;}
#contents2 .contents2-bx2 .txt{font-size: 16px; line-height: 1.8; margin-bottom: 20px;}
#contents2 .con-bx2{ padding: 5vw}
#contents2 .con-bx2 li{display: inline-block; margin: 0 auto 5vw;}

#contents3 {width: 100%; margin: 0 auto 50px;}
#contents3 .contents3-bx1{width: 95%; margin: 0 auto 50px;}
#contents3 .contents3-ttl1{margin-bottom: 40px;}
#contents3 .contents3-ttl2{width: 100%; margin-bottom: 30px; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.6;}
#contents3 .contents3-img1{margin-bottom: 20px;}
#contents3 .contents3-txt1{width: 100%; margin-bottom: 30px; line-height: 180%;}
#contents3 .contents3-txt2{width: 100%; line-height: 180%;}
#contents3 .contents3-bx2{width: 95%; min-height: 640px; margin: 0 auto;border: 1px solid #000; }
#contents3 .contents3-bx2 h3{text-align: center; font-size: 24px; font-weight: bold; padding-top: 50px; padding-bottom: 30px;}
#contents3 .contents3-bx2 ul{margin-left: 15px;}
#contents3 .contents3-bx2 .con-bx1{width: 95%; min-height: 380px; background: #fff; display: inline-block;}
#contents3 .contents3-bx2 h4{font-size: 18px; font-weight: bold; text-align: center; padding: 14px; background: #e08704; color: #fff;}
#contents3 .contents3-bx2 .contents3-img2{text-align: center;}
#contents3 .contents3-bx2 p{font-size: 16px; padding: 10px 12px; line-height: 180%;}
#contents3 .contents3-bx2 .con-bx2{}
#contents3 .contents3-bx2 .con-bx2 li{margin-right: 11px; margin-bottom: 20px;}

#contents4 {width: 100%; padding-bottom: 20px; margin: 0 auto 50px; background: #f0ece1; }
#contents4 .contents4-icon{text-align: center; padding: 20px 0; }
#contents4 .contents4-bx{width: 90%; min-height: 160px; border-left: 1px solid #000; padding-left: 25px; margin-left: 15px; margin-bottom: 20px;}
#contents4 .contents4-bx p{font-size: 17px; font-weight: bold; border-bottom: 2px solid #fff; line-height: 200%;}
#contents4 .contents4-bx span{color: #e08704;}
#contents4 .contents4-img{width: 95%; margin: 0 auto;}

}