@charset "UTF-8";
@media screen and (min-width: 768px),print {
.breadcrumbs{margin-bottom: 26px;}

#main-bx{}
#main-bx .bx{width: 1100px; margin: 20px auto 80px; background: url(../images/design/main-bg-icon.svg) no-repeat bottom -4px right 13px,url(../images/design/main-bg.png) no-repeat top center; padding: 65px 0 66px;;}
#main-bx .bx .inner{width: 588px; margin: 0 auto; background: #fff; padding: 37px 0px;}
#main-bx .bx .inner .ttl{font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1.1px; color: #fff; width: 199px; margin: 0 auto 23px; background: #E95504; padding: 2px 0 2px; border-radius: 20px; position: relative; left: -3px;}
#main-bx .bx .inner .ttl:after{content: ""; background: url(../images/design/main-ttl-icon.svg) no-repeat top center;; width: 24px; height: 20px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -10px; }
#main-bx .bx .inner .ttl1{font-size: 36px; font-weight: bold; text-align: center; letter-spacing: 3.5px; margin-bottom: 2px; padding-left: 4px;}
#main-bx .bx .inner .ttl2{font-size: 16px; text-align: center; letter-spacing: 1.3px; width: 374px; margin: 0 auto 6px; border-bottom: 1px solid #E3E2E0; padding-bottom: 10px;}
#main-bx .bx .inner .icon{text-align: center;}


#con1{}
#con1 .top-bx{width: 100%; margin: 0 auto; max-width: 1920px; background: #EEECE7; padding: 53px 0 192px;}
#con1 .top-bx .top-ttl{font-size: 20px; font-weight: bold; letter-spacing: 2px; text-align: center; line-height: 1.48;}
#con1 .top-bx .top-ttl span{font-size: 30px; font-weight: bold; letter-spacing: 3px; padding: 0 10px; color: #E95504;}
#con1 .bx{width: 1280px; margin: 0 auto -145px; background: #fff; padding: 58px 0; position: relative; top: -150px;}
#con1 .bx .num{text-align: center; margin-bottom: 40px; margin-right: 5px;}
#con1 .bx .ttl{font-size: 30px; font-weight: bold; letter-spacing: 1.5px; text-align: center; margin-bottom: 55px; position: relative; left: 2px;}
#con1 .bx .ttl:after{content: ""; background: #CDCBCC; width: 130px; height: 2px; margin: 0 auto; position: absolute; left: 0; right: 2px; bottom: -15px;}
#con1 .bx .img1{text-align: center; margin-bottom: 38px;}
#con1 .bx .ttl1{font-size: 20px; font-weight: bold; letter-spacing: 1.58px; text-align: center; margin-bottom: 13px;}
#con1 .bx .txt{font-size: 16px; letter-spacing: 1.28px; text-align: center; margin-bottom: 33px;}
#con1 .bx .txt span{font-weight: bold;}
#con1 .bx .img2{text-align: center; margin-bottom: 38px;}

#con2{}
#con2 .bx{width: 100%; margin: 0 auto; background: #F8F8F8; padding: 105px 0 60px}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .num{text-align: center; margin-bottom: 32px; margin-right: -13px;}
#con2 .bx .ttl{font-size: 20px; font-weight: bold; letter-spacing: 1.1px; text-align: center; margin-bottom: 40px; position: relative; left: 2px; line-height: 1.88;}
#con2 .bx .ttl span{font-size: 30px; }
#con2 .bx .ttl:after{content: ""; background: #CDCBCC; width: 130px; height: 2px; margin: 0 auto; position: absolute; left: 0; right: 2px; bottom: -3px;}
#con2 .bx .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 .list li{width: 300px; margin-right: 20px; margin-bottom: 32px;}
#con2 .bx .list li:nth-child(3n){margin-right: 0;}
#con2 .bx .list li .img{text-align: center; margin-bottom: 10px;}
#con2 .bx .list li .ttl1{text-align: center; font-size: 18px; letter-spacing: 0.85px; font-weight: bold;}

#con3{}
#con3 .bx{width: 100%; margin: 0 auto; padding: 105px 0 20px}
#con3 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .num{text-align: center; margin-bottom: 28px; margin-right: -13px;}
#con3 .bx .ttl{font-size: 30px; font-weight: bold; letter-spacing: 1.5px; text-align: center; margin-bottom: 42px; position: relative; left: 2px; line-height: 1.88;}
#con3 .bx .ttl:after{content: ""; background: #CDCBCC; width: 130px; height: 2px; margin: 0 auto; position: absolute; left: 0; right: 2px; bottom: -3px;}
#con3 .bx .list{padding-bottom: 3px; 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;}
#con3 .bx .list li{width: 340px; margin-right: 30px; margin-bottom: 30px;}
#con3 .bx .list li:last-child{margin-right: 0;}
#con3 .bx .list li .link{text-align: center; margin-bottom: 10px;}
#con3 .bx .list li .ttl1{text-align: center; font-size: 18px; letter-spacing: 1.5px; font-weight: bold; color: #fff; background: #2B2827; padding: 3px 0 3px 2px; position: relative; top: -20px; width: 280px; margin: 0 auto -16px;}
#con3 .bx .list li .txt{text-align: center; font-size: 16px; letter-spacing: 1.3px; font-weight: bold; padding-left: 5px;}
#con3 .bx .inner .list-bb{width: 800px; height: 1px; margin: 0 auto 35px; background: url(../images/design/con3-list-bb-icon.png) repeat-x top center; padding: 10px;;}
#con3 .bx .inner .in-bx{width: 1100px; margin: 0 auto 128px; position: relative;}
#con3 .bx .inner .in-bx .in-ttl{font-size: 30px; font-weight: bold; letter-spacing: 1.5px; line-height: 1.7; margin-bottom: 28px;}
#con3 .bx .inner .in-bx .in-inner{width: 380px; margin-left: auto;}
#con3 .bx .inner .in-bx .in-inner .in-img1{position: absolute; left: 0; top: 135px;}
#con3 .bx .inner .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 1.3px; margin-bottom: 32px;}
#con3 .bx .inner .in-bx1{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 380px; margin-right: auto;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-img2{position: absolute; right: 0; top: 5px;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 1.3px; margin-bottom: 32px;}




}

@media screen and (max-width: 767px) {
.breadcrumbs{margin-bottom: 3.865vw;}

main {line-height: 1.6;}

#main-bx{}
#main-bx .bx{width: 100vw; margin: 5vw auto 10vw; background: url(../images/design/main-bg-icon.svg) no-repeat bottom -1vw right 0,url(../images/design/sp-main-bg.png) no-repeat top center; padding: 10vw 0 10vw; background-size: 40vw,130vw;}
#main-bx .bx .inner{width: 70vw; margin: 0 auto; background: #fff; padding: 4vw 0 3vw;}
#main-bx .bx .inner .ttl{font-size: 3.6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; color: #fff; width: 40vw; margin: 0 auto 3vw; background: #E95504; padding: 0.5vw 0 0.3vw; border-radius: 20vw; position: relative; background-size: 100%;}
#main-bx .bx .inner .ttl:after{content: ""; background: url(../images/design/main-ttl-icon.svg) no-repeat top center;; width: 10vw; height: 10vw; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -10vw; background-size: 3vw;}
#main-bx .bx .inner .ttl1{font-size: 5vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 1vw; }
#main-bx .bx .inner .ttl2{font-size: 3vw; text-align: center; letter-spacing: 0.2vw; width: 60vw; margin: 0 auto 1vw; border-bottom: 1px solid #E3E2E0; padding-bottom: 2vw;}
#main-bx .bx .inner .icon{width: 30vw; margin: 0 auto ;}


#con1{}
#con1 .top-bx{width: 100vw; margin: 0 auto; background: #EEECE7; padding: 8vw 0 15vw;}
#con1 .top-bx .top-ttl{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; }
#con1 .top-bx .top-ttl span{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.2vw; padding: 0 1vw; color: #E95504;}
#con1 .bx{width: 90vw; margin: 0 auto -10vw; background: #fff; padding: 8vw 5vw; position: relative; top: -10vw;}
#con1 .bx .num{width: 50vw; margin: 0 auto 5vw;}
#con1 .bx .ttl{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; margin-bottom: 10vw; position: relative; }
#con1 .bx .ttl:after{content: ""; background: #CDCBCC; width: 20vw; height: 0.5vw; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -3vw;}
#con1 .bx .img1{text-align: center; margin-bottom: 5vw;}
#con1 .bx .ttl1{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 3vw;}
#con1 .bx .txt{font-size: 3.6vw; letter-spacing: 0.2vw; text-align: left; margin-bottom: 5vw; line-height: 1.8;}
#con1 .bx .txt span{font-weight: bold;}
#con1 .bx .img2{margin: 0 auto;}

#con2{}
#con2 .bx{width: 100vw; margin: 0 auto; background: #F8F8F8; padding: 8vw 0 5vw}
#con2 .bx .inner{width: 90vw; margin: 0 auto; position: relative;}
#con2 .bx .num{width: 50vw; margin: 0 auto 5vw;}
#con2 .bx .ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 10vw; position: relative; line-height: 1.8;}
#con2 .bx .ttl span{font-size: 5.2vw; }
#con2 .bx .ttl:after{content: ""; background: #CDCBCC; width: 20vw; height: 0.5vw; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -3vw;}
#con2 .bx .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 .list li{width: 43vw; margin-right: 2vw; margin-bottom: 3vw;}
#con2 .bx .list li:nth-child(2n){margin-right: 0;}
#con2 .bx .list li .img{margin: 0 auto 3vw;}
#con2 .bx .list li .ttl1{text-align: center; font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; margin: 0 0 3vw 0;}

#con3{}
#con3 .bx{width: 100vw; margin: 0 auto; padding: 8vw 0 0}
#con3 .bx .inner{width: 90vw; margin: 0 auto; position: relative;}
#con3 .bx .num{width: 50vw; margin: 0 auto 5vw;}
#con3 .bx .ttl{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 10vw; position: relative; line-height: 1.8;}
#con3 .bx .ttl:after{content: ""; background: #CDCBCC; width: 20vw; height: 0.5vw; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -3vw;}
#con3 .bx .list{padding-bottom: 10vw; 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;}
#con3 .bx .list li{width: 90%; margin-bottom: 10vw;}
#con3 .bx .list li:last-child{margin-bottom: 0;}
#con3 .bx .list li .link{width: 70vw; margin: 0 auto 5vw;}
#con3 .bx .list li .ttl1{text-align: center; font-size: 4.2vw; letter-spacing: 0.5vw; font-weight: bold; color: #fff; background: #2B2827; padding: 1vw 0 1vw; position: relative; top: -10vw; width: 50vw; margin: 0 auto -8vw;}
#con3 .bx .list li .txt{text-align: center; font-size: 3.6vw; letter-spacing: 0.2vw; font-weight: bold; }
#con3 .bx .inner .list-bb{width: 100%; height: 0.5vw; margin: 0 auto 5vw; background: url(../images/design/con3-list-bb-icon.png) repeat-x top center; padding: 0 5vw 5vw;;}
#con3 .bx .inner .in-bx{ margin: 0 auto 3vw; position: relative;}
#con3 .bx .inner .in-bx .in-ttl{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.3vw; line-height: 1.8; margin-bottom: 5vw;}
#con3 .bx .inner .in-bx .in-inner{}
#con3 .bx .inner .in-bx .in-inner .in-img1{margin: 0 auto 5vw;}
#con3 .bx .inner .in-bx .in-inner .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; margin-bottom: 3vw; line-height: 1.8;}
#con3 .bx .inner .in-bx1{ margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{}
#con3 .bx .inner .in-bx1 .in-inner1 .in-img2{margin: 0 auto 5vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 3.6vw; letter-spacing: 0.2vw; margin-bottom: 3vw; line-height: 1.8;}




}