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

#con0 {margin-top: 100px;}
#con0 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/service_5/con0-bg.png) no-repeat top center; padding-top: 370px;;}
#con0 .bx .inner{width: 1100px; margin: 0 auto; background: #fff; border-radius: 35px; padding: 66px 70px 86px;}
#con0 .bx .inner .ttl{font-size: 40px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.6; margin-bottom: 70px; position: relative;}
#con0 .bx .inner .ttl::after{content: ""; width: 100px; height: 6px; margin: 0 auto; background: #FFDA00; position: absolute; left: 0; right: 0; bottom: -23px;}
#con0 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 60px;}
#con0 .bx .inner .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;}
#con0 .bx .inner .list li{margin-right: 32px;}
#con0 .bx .inner .list li:last-child{margin-right: 0;}

#all-bg {width: 100%; max-width: 1920px; margin: 0 auto; background: #F2F2EF; padding: 80px 0 1px;}

#con1 {}
#con1 .top-bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/service_5/con1-bg.png) no-repeat top center; padding: 50px 0;;}
#con1 .top-bx .top-inner{width: 1120px;  margin: 0 auto 40px;  background: url(../images/service_5/con1-icon.svg) no-repeat top 98px left 0;  position: relative;  padding-left: 128px;  padding-bottom: 105px;}
#con1 .top-bx .top-inner .num{padding-left: 6px; margin-bottom: 19px;}
#con1 .top-bx .top-inner .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1.5px; line-height: 1;}
#con1 .top-bx .top-inner .ttl span{font-size: 20px; letter-spacing: 1px;}
#con1 .top-bx .top-inner .bg{}
#con1 .bx{}
#con1 .bx .inner{width: 1100px; margin: 0 auto 129px; background: #fff; border-radius: 35px; padding: 66px 100px 50px;}
#con1 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 1.85; margin-bottom: 61px; padding-left: 9px;}
#con1 .bx .inner .bx1{width: 900px; margin: 0 auto 48px; background: #F9F9F9; border: 1px solid #FFDA00; padding: 43px 0 30px;}
#con1 .bx .inner .bx1 .ttl1{font-size: 22px; font-weight: bold; text-align: center; background: #FFDA00; padding: 2px 20px; letter-spacing: 0.75px; display: block; width: 180px; margin: -62px auto 28px;}
#con1 .bx .inner .bx1 .list{width: 550px; margin: 0 auto;}
#con1 .bx .inner .bx1 .list li{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.8; padding-left: 10px; margin-bottom: 15px; position: relative; left: 32px;}
#con1 .bx .inner .bx1 .list li::before{content: ""; width: 27px; height: 27px; margin: 0 auto; background: url(../images/service_5/con-list-icon.svg) no-repeat top center; position: absolute; left: -26px; top: 0;}
#con1 .bx .inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 11px;}
#con1 .bx .inner .txt3{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 46px;}
#con1 .bx .inner .img1{}


#con2 {}
#con2 .top-bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/service_5/con2-bg.png) no-repeat top center; padding: 50px 0;;}
#con2 .top-bx .top-inner{width: 1100px;  margin: 0 auto 40px;  background: url(../images/service_5/con2-icon.svg) no-repeat top 80px left 0px;  position: relative;  padding-left: 118px;  padding-bottom: 105px;}
#con2 .top-bx .top-inner .num{padding-left: 6px; margin-bottom: 19px;}
#con2 .top-bx .top-inner .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1.5px; line-height: 1;}
#con2 .top-bx .top-inner .ttl span{font-size: 20px; letter-spacing: 1px;}
#con2 .top-bx .top-inner .bg{}
#con2 .bx{}
#con2 .bx .inner{width: 1100px; margin: 0 auto 129px; background: #fff; border-radius: 35px; padding: 66px 100px 60px;}
#con2 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 1.85; margin-bottom: 61px; padding-left: 9px;}
#con2 .bx .inner .bx1{width: 900px; margin: 0 auto 48px; background: #F9F9F9; border: 1px solid #FFDA00; padding: 43px 0 30px;}
#con2 .bx .inner .bx1 .ttl1{font-size: 22px; font-weight: bold; text-align: center; background: #FFDA00; padding: 2px 20px; letter-spacing: 0.75px; display: block; width: 180px; margin: -62px auto 28px;}
#con2 .bx .inner .bx1 .list{width: 500px; margin: 0 auto;}
#con2 .bx .inner .bx1 .list li{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.8; padding-left: 10px; margin-bottom: 15px; position: relative; left: 57px;}
#con2 .bx .inner .bx1 .list li::before{content: ""; width: 27px; height: 27px; margin: 0 auto; background: url(../images/service_5/con-list-icon.svg) no-repeat top center; position: absolute; left: -26px; top: 0;}
#con2 .bx .inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 45px;}
#con2 .bx .inner .img1{}

#con3 {}
#con3 .top-bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/service_5/con3-bg.png) no-repeat top center; padding: 50px 0;;}
#con3 .top-bx .top-inner{width: 1100px;  margin: 0 auto 12px;  background: url(../images/service_5/con3-icon.svg) no-repeat top 100px left 0px;  position: relative;  padding-left: 118px;  padding-bottom: 105px;}
#con3 .top-bx .top-inner .num{padding-left: 6px; margin-bottom: 19px;}
#con3 .top-bx .top-inner .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1.7px; line-height: 0.9;}
#con3 .top-bx .top-inner .ttl span{font-size: 20px; letter-spacing: 1px; position: relative; top: 3px;}
#con3 .top-bx .top-inner .bg{}
#con3 .bx{}
#con3 .bx .inner{width: 1100px; margin: 0 auto 100px; background: #fff; border-radius: 35px; padding: 26px 100px 50px;}
#con3 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 1.85; margin-bottom: 61px; padding-left: 9px;}
#con3 .bx .inner .bx1{ background: #FFFFFF; padding: 43px 0 0;}
#con3 .bx .inner .bx1 .ttl1{font-size: 20px; font-weight: bold; text-align: center; background: #FFDA00; padding: 2px 20px; letter-spacing: 1.8px; display: block; width: 900px; margin: 0 auto 16px;}
#con3 .bx .inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 12px;}
#con3 .bx .inner .txt3{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 46px;}
#con3 .bx .inner .img1{}


#con4 {margin-top: 100px;}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/service_5/con4-bg.png) no-repeat top center #fff; padding-top: 322px;;}
#con4 .bx .inner{width: 850px; margin: 0 auto; background: #fff; padding: 57px 0 98px;}
#con4 .bx .inner .ttl{font-size: 30px; font-weight: bold; text-align: center; letter-spacing: 1.5px; line-height: 1.35; margin-bottom: 48px; position: relative;}
#con4 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; text-align: center; line-height: 1.85; margin-bottom: 75px;}
#con4 .bx .inner .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;}
#con4 .bx .inner .list li{margin-right: 70px;}
#con4 .bx .inner .list li:last-child{margin-right: 0;}
#con4 .bx .inner .list li .img{margin-bottom: 17px;}
#con4 .bx .inner .list li .txt3{font-size: 14px; letter-spacing: 0; text-align: center;}


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

#con0 {margin-top: 13vw;}
#con0 .bx{width: 100%; margin: 0 auto; background: url(../images/service_5/sp-con0-bg.png) no-repeat top center; padding-top: 59vw; background-size: 100%;}
#con0 .bx .inner{width: 93%; margin: 0 auto; background: #fff; border-radius: 7vw; padding: 12vw 2vw 8vw;}
#con0 .bx .inner .ttl{font-size: 6vw; font-weight: bold; text-align: center; letter-spacing: 0.6vw; line-height: 1.6; margin-bottom: 14vw; position: relative;}
#con0 .bx .inner .ttl::after{content: ""; width: 27%; height: 1vw; margin: 0 auto; background: #FFDA00; position: absolute; left: 0; right: 0; bottom: -8vw;}
#con0 .bx .inner .txt{font-size: 3.8vw; letter-spacing: 0.3vw; line-height: 1.95; margin-bottom: 6vw; padding: 0 8vw;}
#con0 .bx .inner .list{margin-top: 10vw;}
#con0 .bx .inner .list li{margin-bottom: 1vw;}
#con0 .bx .inner .list li:last-child{margin-bottom: 0;}

#all-bg {width: 100%; margin: 0 auto; background: #F2F2EF; padding: 6vw 0 9vw;}

#con1 {}
#con1 .top-bx{width: 100%; margin: 0 auto; padding: 5vw 0;;}
#con1 .top-bx .top-inner{width: 100%;  margin: 0 auto 5vw;  position: relative; }
#con1 .top-bx .top-inner::after{content: ""; width: 17vw; height: 17vw; margin: 0 auto; background: url(../images/service_5/con1-icon.svg) no-repeat top center; position: absolute; right: 24vw; top: 1vw; background-size: 15vw;}
#con1 .top-bx .top-inner .num{width: 12%; margin: 0 auto 4vw;}
#con1 .top-bx .top-inner .ttl{font-size: 8.2vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; line-height: 1; margin-bottom: 9vw;}
#con1 .top-bx .top-inner .ttl span{ font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.9; position: relative; top: 3vw;}
#con1 .top-bx .top-inner .bg{}
#con1 .bx{}
#con1 .bx .inner{width: 94%; margin: -25vw auto 15vw; background: #fff; border-radius: 5vw; padding: 9vw 4vw 11vw; position: relative;}
#con1 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 15vw; padding: 0 7vw;}
#con1 .bx .inner .bx1{width: 100%; margin: 0 auto 5vw; background: #F9F9F9; border: 1px solid #FFDA00; padding: 9vw 5vw 3vw;}
#con1 .bx .inner .bx1 .ttl1{font-size: 5.4vw; font-weight: bold; text-align: center; background: #FFDA00; padding: 0.5vw 0; letter-spacing: 0.3vw; display: block; width: 57%; margin: -13vw auto 7vw;}
#con1 .bx .inner .bx1 .list{width: 100%; margin: 0 auto;}
#con1 .bx .inner .bx1 .list li{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.4vw; line-height: 2; padding-left: 7vw; margin-bottom: 5vw; position: relative;}
#con1 .bx .inner .bx1 .list li::before{content: "";  width: 10vw;  height: 10vw;  margin: 0 auto;  background: url(../images/service_5/con-list-icon.svg) no-repeat top center;  position: absolute;  left: -3vw;  top: 0.5vw;  background-size: 6vw;}
#con1 .bx .inner .txt2{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.85; margin-bottom: 5vw; padding: 0 2vw;}
#con1 .bx .inner .txt3{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.85; margin-bottom: 5vw; padding: 0 2vw;}
#con1 .bx .inner .img1{}

#con2 {}
#con2 .top-bx{width: 100%; margin: 0 auto; padding: 5vw 0;;}
#con2 .top-bx .top-inner{width: 100%;  margin: 0 auto 5vw;  position: relative; }
#con2 .top-bx .top-inner::after{content: ""; width: 17vw; height: 17vw; margin: 0 auto; background: url(../images/service_5/con2-icon.svg) no-repeat top center; position: absolute; right: 24vw; top: 1vw; background-size: 15vw;}
#con2 .top-bx .top-inner .num{width: 15%; margin: 0 auto 3vw;}
#con2 .top-bx .top-inner .ttl{font-size: 8.2vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; line-height: 1.2; margin-bottom: 9vw;}
#con2 .top-bx .top-inner .ttl span{ font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.2; position: relative; top: 2vw;}
#con2 .top-bx .top-inner .bg{}
#con2 .bx{}
#con2 .bx .inner{width: 94%; margin: -25vw auto 15vw; background: #fff; border-radius: 5vw; padding: 9vw 4vw 11vw; position: relative;}
#con2 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 15vw; padding: 0 7vw;}
#con2 .bx .inner .bx1{width: 100%; margin: 0 auto 5vw; background: #F9F9F9; border: 1px solid #FFDA00; padding: 9vw 5vw 3vw;}
#con2 .bx .inner .bx1 .ttl1{font-size: 5.4vw; font-weight: bold; text-align: center; background: #FFDA00; padding: 0.5vw 0; letter-spacing: 0.3vw; display: block; width: 57%; margin: -13vw auto 7vw;}
#con2 .bx .inner .bx1 .list{width: 100%; margin: 0 auto;}
#con2 .bx .inner .bx1 .list li{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.4vw; line-height: 2; padding-left: 7vw; margin-bottom: 5vw; position: relative;}
#con2 .bx .inner .bx1 .list li::before{content: "";  width: 10vw;  height: 10vw;  margin: 0 auto;  background: url(../images/service_5/con-list-icon.svg) no-repeat top center;  position: absolute;  left: -3vw;  top: 0.5vw;  background-size: 6vw;}
#con2 .bx .inner .txt2{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.85; margin-bottom: 5vw; padding: 0 2vw;}
#con2 .bx .inner .img1{}

#con3 {}
#con3 .top-bx{width: 100%; margin: 0 auto; padding: 5vw 0;;}
#con3 .top-bx .top-inner{width: 100%;  margin: 0 auto 5vw;  position: relative; }
#con3 .top-bx .top-inner::after{content: ""; width: 17vw; height: 17vw; margin: 0 auto; background: url(../images/service_5/con3-icon.svg) no-repeat top center; position: absolute; right: 24vw; top: 1vw; background-size: 12vw;}
#con3 .top-bx .top-inner .num{width: 15%; margin: 0 auto 3vw;}
#con3 .top-bx .top-inner .ttl{font-size: 8.2vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; line-height: 1.2; margin-bottom: 9vw;}
#con3 .top-bx .top-inner .ttl span{ font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.2; position: relative; top: 2vw;}
#con3 .top-bx .top-inner .bg{}
#con3 .bx{}
#con3 .bx .inner{width: 94%; margin: -25vw auto 15vw; background: #fff; border-radius: 5vw; padding: 9vw 4vw 12vw; position: relative;}
#con3 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 15vw; padding: 0 7vw;}
#con3 .bx .inner .bx1{width: 100%; margin: 0 auto 3vw; }
#con3 .bx .inner .bx1 .ttl1{font-size: 5vw; font-weight: bold; text-align: center; background: #FFDA00; padding: 1.5vw 0; letter-spacing: 0.3vw; display: block; width: 84%; margin: 0 auto; line-height: 1.3;}
#con3 .bx .inner .bx1 .list{width: 100%; margin: 0 auto;}
#con3 .bx .inner .bx1 .list li{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.4vw; line-height: 2; padding-left: 7vw; margin-bottom: 5vw; position: relative;}
#con3 .bx .inner .bx1 .list li::before{content: "";  width: 10vw;  height: 10vw;  margin: 0 auto;  background: url(../images/service_5/con-list-icon.svg) no-repeat top center;  position: absolute;  left: -3vw;  top: 0.5vw;  background-size: 6vw;}
#con3 .bx .inner .txt2{font-size: 3.6vw; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 2vw; padding: 0 7vw;}
#con3 .bx .inner .txt3{font-size: 3.6vw; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 5vw; padding: 0 7vw;}
#con3 .bx .inner .img1{}


#con4 {margin-top: 13vw;}
#con4 .bx{width: 100%; margin: 0 auto; background: url(../images/service_5/sp-con4-bg.png) no-repeat top center #fff; padding-top: 40vw; background-size: 100%;}
#con4 .bx .inner{width: 94%; margin: 0 auto; background: #fff; padding: 8vw 5vw 5vw;}
#con4 .bx .inner .ttl{font-size: 5.2vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 5vw; position: relative;}
#con4 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.85; margin-bottom: 10vw; padding: 0 2vw;}
#con4 .bx .inner .list{width: 92%; margin: 0 auto 10vw}
#con4 .bx .inner .list li{margin-bottom: 12vw;}
#con4 .bx .inner .list li:last-child{margin-bottom: 0;}
#con4 .bx .inner .list li .img{margin-bottom: 4vw;}
#con4 .bx .inner .list li .txt3{font-size: 3.4vw; letter-spacing: 0; text-align: center;}


}