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

main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; }
.seo_bread_list {color: #fff; margin-bottom: -55px!important;}
.seo_bread_list a{color: #fff;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/processing/con1-bg1.png) no-repeat top center; padding: 182px 0 170px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{font-size: 54px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 38px; padding-left: 40px;}
#con1 .bx .inner .ttl1 .ss1{font-size: 62px; letter-spacing: 0.8px; line-height: 0; font-weight: bold; text-align: center; color: #F3D600; border-left: 4px solid #F3D600; border-right: 4px solid #F3D600; border-top: 4px solid #F3D600; border-bottom: 4px solid #F3D600; padding: 0 8px;}
#con1 .bx .inner .ttl1 .ss2{font-size: 62px; letter-spacing: 0.8px; line-height: 0; font-weight: bold; text-align: center; color: #F3D600; border-right: 4px solid #F3D600; border-top: 4px solid #F3D600; border-bottom: 4px solid #F3D600; padding: 0 8px; margin-right: 15px;}
#con1 .bx .inner .txt1{font-size: 24px; letter-spacing: 1.2px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; padding-right: 30px;}
#con1 .bx .inner .icon1{position: absolute; left: 30px; bottom: -180px;}

#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto 136px; background: url(../images/processing/con2-all-bg.jpg) no-repeat top 133px center; padding: 98px 0 80px;}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/processing/con2-bg1.png) no-repeat top center; padding: 0 0 60px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}

#con2 .bx .inner .sub-inner{width: 1100px; margin: 0 auto 120px; background: url(../images/processing/con2-bg1.png) no-repeat top center;; position: relative; padding: 58px 0 53px;}
#con2 .bx .inner .sub-inner .ttl1{font-size: 32px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; color: #fff; text-align: center; margin-bottom: 47px;}
#con2 .bx .inner .sub-inner .list{}
#con2 .bx .inner .sub-inner .list li{font-size: 18px; letter-spacing: 0.3px; line-height: 1.6; font-weight: 500; width: 450px; margin: 0 auto 9px; background: #fff; padding: 10px 0 10px 98px; position: relative;}
#con2 .bx .inner .sub-inner .list li::before{content: ""; width: 25px; height: 25px; margin: 0 auto; text-align: center; background: url(../images/processing/con2-ul-icon.png) no-repeat top center; position: absolute; left: 57px; top: 13px;}
#con2 .bx .inner .sub-inner .img1{position: absolute; left: 20px; top: 68px;}
#con2 .bx .inner .sub-inner .img2{position: absolute; left: 266px; bottom: 0;}

#con2 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 62px; position: relative; border: 4px solid #fff; padding: 75px 0 12px 55px;}
#con2 .bx .inner .in-bx1 .in-inner{width: 440px; margin-right: auto;}
#con2 .bx .inner .in-bx1 .in-inner .in-img1{position: absolute; right: 57px; top: 55px;}
#con2 .bx .inner .in-bx1 .in-inner .in-ttl1{position: relative; z-index: 1; margin-bottom: 40px;}
#con2 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.7; font-weight: 500; color: #fff; margin-bottom: 30px;}

#con2 .bx .inner .in-bx2{width: 1100px; margin: 0 auto 100px; position: relative; border: 4px solid #fff; padding: 75px 0 47px 55px;}
#con2 .bx .inner .in-bx2 .in-inner{width: 440px; margin-right: auto;}
#con2 .bx .inner .in-bx2 .in-inner .in-img1{position: absolute; right: 57px; top: 55px;}
#con2 .bx .inner .in-bx2 .in-inner .in-ttl1{position: relative; z-index: 1; margin-bottom: 37px;}
#con2 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.75; font-weight: 500; color: #fff; margin-bottom: 30px;}

#con2 .bx .inner .in-bx2 .in-list-bx{width: 980px; margin: 55px auto 0; position: relative; display: flex; background-color: #FFDE00; border-radius: 50px; border: 3px solid #fff;}
#con2 .bx .inner .in-bx2 .in-list{width: 980px; margin: 0 auto; position: relative; display: flex; border-radius: 50px; box-shadow: inset 0 0 0 2px #000; }

#con2 .bx .inner .in-bx2 .in-list li{flex: 1; text-align: center; padding: 29px 0 29px; font-size: 18px; letter-spacing: 0.8px; font-weight: bold; line-height: 1.6; color: #000; border-right: 2px solid #000; background-color: transparent;}
#con2 .bx .inner .in-bx2 .in-list li:last-child{border-right: none;}
#con2 .bx .inner .in-bx2 .icon1{position: absolute; left: 20px; bottom: 8px;}


#con2 .bx .ttl3 {font-size: 32px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 900; color: #fff; text-align: center; margin-bottom: 36px;}
#con2 .bx .in-list1 {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 .in-list1 li{margin-right: 25px;}
#con2 .bx .in-list1 li:last-child{margin-right: 0;}
#con2 .bx .in-list1 li .li-icon1{margin-bottom: 23px;}
#con2 .bx .in-list1 li .li-txt{font-size: 16px; letter-spacing: 1.5px; line-height: 1.6; font-weight: bold; color: #fff; text-align: center;}



#con3 {}
#con3 .bx{}
#con3 .bx .inner{width: 1100px; margin: 0 auto 102px; position: relative;}
#con3 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0px; line-height: 1.6; font-weight: 900; text-align: center; margin-bottom: 58px;}
#con3 .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;}
#con3 .bx .inner .list li{width: 550px; padding: 20px 30px 0px 208px; position: relative; border-right: 1px solid #ACACAC;}
#con3 .bx .inner .list li:last-child{padding: 20px 30px 0px 188px;  border: none;}

#con3 .bx .inner .list li .icon1{position: absolute; left: 67px; top: 0}
#con3 .bx .inner .list li .icon2{position: absolute; left: 47px; top: 0}
#con3 .bx .inner .list li .ttl2{font-size: 20px; letter-spacing: 0.5px; line-height: 1.6; font-weight: 500; }
#con3 .bx .inner .list li .ttl2 span{font-size: 26px; letter-spacing: 0.5px; line-height: 1.8; font-weight: bold; color: #25498B;}



}












@media screen and (max-width: 767px) {
h1.main-title { margin-bottom: 0vw!important;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 3vw; background: url(../images/processing/sp-con1-bg1.png) no-repeat top center; padding: 7vw 0 11vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 2.05; font-weight: bold; text-align: center; color: #fff; margin-bottom: 6vw; padding-left: 7vw;}
#con1 .bx .inner .ttl1 .ss1{font-size: 8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; color: #F3D600; border-left: 3px solid #F3D600; border-right: 3px solid #F3D600; border-top: 3px solid #F3D600; border-bottom: 3px solid #F3D600; padding: 0 2vw; margin-left: -6vw;}
#con1 .bx .inner .ttl1 .ss2{font-size: 8vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; text-align: center; color: #F3D600; border-right: 3px solid #F3D600; border-top: 3px solid #F3D600; border-bottom: 3px solid #F3D600; padding: 0 2vw; margin-right: 3vw;}
#con1 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; }
#con1 .bx .inner .icon1{width: 22%; position: absolute; left: 5vw; bottom: -17vw;}

#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto 19vw; background: url(../images/processing/sp-con2-all-bg.jpg) no-repeat top 112vw center; padding: 10vw 0 3vw; background-size: 100%;}
#con2 .bx{width: 92%; margin: 0 auto; background: url(../images/processing/sp-con2-bg1.png) no-repeat top center; padding: 9vw 0 5vw;  background-size: 100%;}
#con2 .bx .inner{width: 100%; margin: 0 auto; position: relative;}

#con2 .bx .inner .sub-inner{width: 100%; margin: 0 auto 19vw; background: url(../images/processing/sp-con2-bg1.png) no-repeat top -10vw center;; position: relative; padding: 0 0 7vw; background-size: 100%;}
#con2 .bx .inner .sub-inner .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; line-height: 2.05; font-weight: bold; color: #fff; text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner .sub-inner .list{margin-bottom: 5vw;}
#con2 .bx .inner .sub-inner .list li{font-size: 4vw; letter-spacing: 0; line-height: 1.55; font-weight: 500; width: 90%; margin: 0 auto 2vw; background: #fff; padding: 3vw 0 3vw 13vw; position: relative;}
#con2 .bx .inner .sub-inner .list li::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; text-align: center; background: url(../images/processing/con2-ul-icon.png) no-repeat top center; position: absolute; left: 3.5vw; top: 4vw; background-size: 4.5vw;}
#con2 .bx .inner .sub-inner .img1{width: 64vw; margin-left: auto; padding-right: 9vw;}
#con2 .bx .inner .sub-inner .img2{width: 24vw; position: absolute; left: 3vw; bottom: 0;}

#con2 .bx .inner .in-bx1{width: 97%; margin: 0 auto 7vw; position: relative; border: 4px solid #fff; padding: 4vw 4vw 6vw;}
#con2 .bx .inner .in-bx1 .in-inner{width: 100%; margin-right: auto;}
#con2 .bx .inner .in-bx1 .in-inner .in-img1{width: 100%; margin: 0 auto -5vw;}
#con2 .bx .inner .in-bx1 .in-inner .in-ttl1{width: 62vw; position: relative; z-index: 1; margin-bottom: 6.5vw;}
#con2 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 3.3vw; letter-spacing: 0.25vw; line-height: 1.7; font-weight: 500; color: #fff; margin-bottom: 6.5vw;}
#con2 .bx .inner .in-bx1 .in-inner .in-txt1:last-child{margin-bottom: 0;}

#con2 .bx .inner .in-bx2{width: 97%; margin: 0 auto 12vw; position: relative; border: 4px solid #fff; padding: 4vw 4vw 13vw;}
#con2 .bx .inner .in-bx2 .in-inner{width: 100%; margin-right: auto;}
#con2 .bx .inner .in-bx2 .in-inner .in-img1{width: 100%; margin: 0 auto -5vw;}
#con2 .bx .inner .in-bx2 .in-inner .in-ttl1{width: 55vw; position: relative; z-index: 1; margin-bottom: 6.5vw;}
#con2 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 3.3vw; letter-spacing: 0.25vw; line-height: 1.7; font-weight: 500; color: #fff; margin-bottom: 6.5vw;}
#con2 .bx .inner .in-bx2 .in-inner .in-txt1:last-child{margin-bottom: 0;}

#con2 .bx .inner .in-bx2 .in-list-bx{width: 100%; margin: 8vw auto 0; position: relative; background-color: #FFDE00; border-radius: 10vw; border: 3px solid #fff;}
#con2 .bx .inner .in-bx2 .in-list{width: 100%; margin: 0 auto; position: relative; border-radius: 10vw; box-shadow: inset 0 0 0 2px #000; }

#con2 .bx .inner .in-bx2 .in-list li{text-align: center; padding: 3vw 0 3vw; font-size: 3.8vw; letter-spacing: 0.25vw; font-weight: bold; line-height: 1.6; color: #000; border-bottom: 2px solid #000; background-color: transparent;}
#con2 .bx .inner .in-bx2 .in-list li:last-child{border-bottom: none;}
#con2 .bx .inner .in-bx2 .icon1{width: 24%; position: absolute; left: 3vw; bottom: 4vw;}


#con2 .bx .ttl3 {font-size: 5.8vw; letter-spacing: 0.15vw; line-height: 1.6; font-weight: 900; color: #fff; text-align: center; margin-bottom: 7vw;}
#con2 .bx .in-list1 {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 .in-list1 li{width: 24vw; margin-right: 5vw; margin-bottom: 6vw;}
#con2 .bx .in-list1 li:nth-child(3n){margin-right: 0;}
#con2 .bx .in-list1 li .li-icon1{width: 100%; margin: 0 auto 2.5vw;}
#con2 .bx .in-list1 li .li-txt{font-size: 3.3vw; letter-spacing: 0vw; line-height: 1.6; font-weight: bold; color: #fff; text-align: center;}



#con3 {}
#con3 .bx{}
#con3 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 5.8vw; letter-spacing: 0.1vw; line-height: 1.65; font-weight: 900; text-align: center; margin-bottom: 8vw;}
#con3 .bx .inner .list{width: 90%; margin: 0 auto;}
#con3 .bx .inner .list li{width: 100%; padding: 2vw 3vw 8vw 28vw; position: relative; border-bottom: 1px solid #ACACAC; margin-bottom: 6vw;}
#con3 .bx .inner .list li:last-child{padding: 2vw 3vw 7vw 28vw; border: none;}

#con3 .bx .inner .list li .icon1{position: absolute; left: 3vw; top: -1vw; width: 21vw;}
#con3 .bx .inner .list li .icon2{position: absolute; left: 3vw; top: -1vw; width: 21vw;}
#con3 .bx .inner .list li .ttl2{font-size: 4vw; letter-spacing: 0; line-height: 1.6; font-weight: 500; }
#con3 .bx .inner .list li .ttl2 span{font-size: 4.9vw; letter-spacing: 0.45vw; line-height: 1.8; font-weight: bold; color: #25498B;}


}