@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; letter-spacing: 1px; line-height: 1.8;}
.seo_bread_list {  margin-bottom: 45px;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto -83px; padding-bottom: 180px; background: linear-gradient(180deg, #fff 0%, #fff 360px, #F2F2F2 360px, #F2F2F2 100%);}
#con1 .bx .inner{width: 1280px; margin: 0 auto; position: relative; }
#con1 .bx .inner .img{text-align: center; margin-bottom: -110px;}
#con1 .bx .inner .ttl{font-size: 29px; letter-spacing: 1.5px; line-height: 1.8; text-align: center; width: 560px; margin: 0 auto 55px; background: #fff; padding: 40px 50px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; position: relative;}
#con1 .bx .inner .ttl1{font-size: 29px; letter-spacing: 1.5px; line-height: 1.8; text-align: center; margin-bottom: 25px; }
#con1 .bx .inner .in-inner{width: 940px; margin: 0 auto; background: #fff; padding: 60px 50px 40px;}
#con1 .bx .inner .in-inner .ttl2{font-size: 24px; letter-spacing: 1.3px; line-height: 1.8; text-align: center; margin-bottom: 25px;}
#con1 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; text-align: center; margin-bottom: 30px; padding-left: 10px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto 110px; padding-top: 60px; background: url(../images/concept/con2-bg.png) no-repeat top center;}
#con2 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .img{position: absolute; right: 30px; top: -20px;}

#con2 .bx .inner .in-inner{width: 600px; margin-right: auto; margin-left: 66px; margin-bottom: 80px;}
#con2 .bx .inner .in-inner .ttl{font-size: 30px; color: #fff; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 103px;}
#con2 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; margin-bottom: 30px; padding-left: 23px; padding-right: 25px;}

#con2 .bx .inner .in-inner1{width: 1100px; margin: 0 auto; border: 10px solid #F2F2F2; background: #fff; padding: 30px 0px 40px;}
#con2 .bx .inner .in-inner1 .ttl1{font-size: 24px; letter-spacing: 1.2px; line-height: 1.8; text-align: center; padding-bottom: 10px; margin-bottom: 29px; position: relative;}
#con2 .bx .inner .in-inner1 .ttl1::after{content: ""; width: 60px; height: 1px; margin: 0 auto; background: #C8CBCA; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner .in-inner1 .list{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;}
#con2 .bx .inner .in-inner1 .list .list-in1{width: 535px; margin-right: 37px;}
#con2 .bx .inner .in-inner1 .list .list-in1 li{font-size: 16px; letter-spacing: 0.8px; line-height: 2; position: relative; padding-left: 13px;}
#con2 .bx .inner .in-inner1 .list .list-in1 li::before{content: ""; width: 6px; height: 6px; margin: 0 auto; background: url(../images/concept/con2-li-icon.png) no-repeat top center; position: absolute; left: 0; top: 10px;}
#con2 .bx .inner .in-inner1 .list .list-in2{width: 408px; }
#con2 .bx .inner .in-inner1 .list .list-in2 li{font-size: 16px; letter-spacing: 0.8px; line-height: 2; position: relative; padding-left: 13px;}
#con2 .bx .inner .in-inner1 .list .list-in2 li::before{content: ""; width: 6px; height: 6px; margin: 0 auto; background: url(../images/concept/con2-li-icon.png) no-repeat top center; position: absolute; left: 0; top: 10px;}


#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto -85px; padding-top: 60px; padding-bottom: 105px; background: url(../images/concept/con3-bg.png) no-repeat top center, linear-gradient(180deg, #fff 0%, #fff 90px, #F2F2F2 90px, #F2F2F2 100%);;}
#con3 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con3 .bx .img{position: absolute; left: 30px; top: -20px;}
#con3 .bx .inner .in-inner{width: 540px; margin-left: auto; margin-right: 90px; margin-bottom: 80px;}
#con3 .bx .inner .in-inner .ttl{font-size: 30px; color: #fff; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 101px;}
#con3 .bx .inner .in-inner .ttl1{font-size: 24px; letter-spacing: 1.2px; line-height: 1.8; margin-bottom: 17px;}
#con3 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; margin-bottom: 30px; }


#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto 150px; padding-top: 31px; background: url(../images/concept/con4-bg.png) no-repeat top center;}
#con4 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con4 .bx .img{position: absolute; right: 30px; top: 10px;}
#con4 .bx .inner .in-inner{width: 600px; margin-right: auto; margin-left: 66px; margin-bottom: 80px;}
#con4 .bx .inner .in-inner .ttl{font-size: 30px; color: #fff; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 78px;}
#con4 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; margin-bottom: 30px; padding-left: 23px; padding-right: 25px;}


#con5 {}
#con5 .bx{width: 100%; max-width: 1920px; margin: 0 auto 102px; padding-bottom: 84px; background: linear-gradient(180deg, #fff 0%, #fff 420px, #F2F2F2 420px, #F2F2F2 100%);}
#con5 .bx .inner{}
#con5 .bx .inner .img{text-align: center; margin-bottom: -80px;}
#con5 .bx .inner .in-inner{width: 800px; margin: 0 auto; background: #fff; padding: 48px 50px; position: relative;  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;}
#con5 .bx .inner .in-inner .ttl{font-size: 29px; letter-spacing: 1.5px; line-height: 1.65; margin-right: 47px;}
#con5 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; width: 420px;}


#main-inc1{width: 1100px; margin: 0 auto;}

}

@media screen and (max-width: 767px) {
main{letter-spacing: 0.3vw; line-height: 1.8;}
h1.main-title {margin: 0 auto 17vw;}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto -15vw; padding-bottom: 25vw; background: linear-gradient(180deg, #fff 0%, #fff 20vw, #F2F2F2 20vw, #F2F2F2 100%);}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative; }
#con1 .bx .inner .img{text-align: center; margin-bottom: -19vw;}
#con1 .bx .inner .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.7; text-align: center; width: 78%; margin: 0 auto 10vw; background: #fff; padding: 6vw 6vw 5.5vw; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; position: relative;}
#con1 .bx .inner .ttl1{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; margin-bottom: 3vw; }
#con1 .bx .inner .in-inner{width: 100%; margin: 0 auto; background: #fff; padding: 9vw 9vw 7vw;}
#con1 .bx .inner .in-inner .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; margin-bottom: 3vw;}
#con1 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 6vw; }


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 12vw; padding-top: 7vw; background: url(../images/concept/sp-con2-bg.png) no-repeat top right; background-size: 99%;}
#con2 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .img{width: 82%; margin: 0 auto 6vw;}
#con2 .bx .inner .in-inner{width: 100%; margin: 0 auto; margin-bottom: 6vw;}
#con2 .bx .inner .in-inner .ttl{font-size: 5.1vw; color: #fff; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 4.5vw; text-align: center;}
#con2 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 6vw; padding: 0 9vw;}

#con2 .bx .inner .in-inner1{width: 94%; margin: 0 auto; border: 10px solid #F2F2F2; background: #fff; padding: 5vw 6vw 5vw;}
#con2 .bx .inner .in-inner1 .ttl1{font-size: 4.1vw; letter-spacing: 0vw; line-height: 1.8; text-align: center; padding-bottom: 3vw; margin-bottom: 3vw; position: relative; padding-left: 1vw;}
#con2 .bx .inner .in-inner1 .ttl1::after{content: ""; width: 13vw; height: 1px; margin: 0 auto; background: #C8CBCA; position: absolute; left: 0; right: 0; bottom: 1vw;}
#con2 .bx .inner .in-inner1 .list{}
#con2 .bx .inner .in-inner1 .list .list-in1{margin-bottom: 3vw;}
#con2 .bx .inner .in-inner1 .list .list-in1 li{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; position: relative; padding-left: 2vw;}
#con2 .bx .inner .in-inner1 .list .list-in1 li::before{content: ""; width: 6px; height: 6px; margin: 0 auto; background: url(../images/concept/con2-li-icon.png) no-repeat top center; position: absolute; left: -1vw; top: 2.5vw;}
#con2 .bx .inner .in-inner1 .list .list-in2{margin-bottom: 3vw;}
#con2 .bx .inner .in-inner1 .list .list-in2 li{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; position: relative; padding-left: 2vw;}
#con2 .bx .inner .in-inner1 .list .list-in2 li::before{content: ""; width: 6px; height: 6px; margin: 0 auto; background: url(../images/concept/con2-li-icon.png) no-repeat top center; position: absolute; left: -1vw; top: 2.5vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto -12vw; padding-top: 7vw; padding-bottom: 16vw; background: url(../images/concept/sp-con3-bg.png) no-repeat top left, linear-gradient(180deg, #fff 0%, #fff 10vw, #F2F2F2 10vw, #F2F2F2 100%); background-size: 99%;}
#con3 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .img{width: 82%; margin: 0 auto 6vw;}
#con3 .bx .inner .in-inner{width: 100%; margin: 0 auto; margin-bottom: 6vw;}
#con3 .bx .inner .in-inner .ttl{font-size: 5.1vw; color: #fff; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 4.5vw; text-align: center;}
#con3 .bx .inner .in-inner .ttl1{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 4vw; text-align: center;}
#con3 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.84; margin-bottom: 7vw; padding: 0 9vw;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 12vw; padding-top: 7vw; background: url(../images/concept/sp-con4-bg.png) no-repeat top right; background-size: 99%;}
#con4 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con4 .bx .img{width: 82%; margin: 0 auto 6vw;}
#con4 .bx .inner .in-inner{width: 100%; margin: 0 auto; margin-bottom: 6vw;}
#con4 .bx .inner .in-inner .ttl{font-size: 5.1vw; color: #fff; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 4.5vw; text-align: center;}
#con4 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 6vw; padding: 0 9vw;}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 12vw; padding-bottom: 9vw; background: linear-gradient(180deg, #fff 0%, #fff 20vw, #F2F2F2 20vw, #F2F2F2 100%);}
#con5 .bx .inner{}
#con5 .bx .inner .img{text-align: center; margin-bottom: -5vw;}
#con5 .bx .inner .in-inner{width: 90%; margin: 0 auto; background: #fff; padding: 8vw 5vw; position: relative; }
#con5 .bx .inner .in-inner .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.65; margin-bottom: 4vw; text-align: center;}
#con5 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; }


}