@charset "UTF-8";
main { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#main-inc1 li:nth-child(1){display: none;}

@media screen and (min-width: 768px),print {

#main-bx {margin: 63px auto 120px;}
#main-bx .ttl{text-align: center; margin-left: 70px; margin-bottom: 40px;}
#main-bx .bx{width: 1200px; margin: 0 auto 60px; position: relative; background: url(../images/print/main-bg.png) repeat; padding: 50px 50px 60px;}
#main-bx .bx .num{position: absolute; left: 55px; top: 62px;}
#main-bx .bx .ttl1{font-size: 38px; font-weight: bold; letter-spacing: 3.8px; background: #0E7AFF; color: #fff; width: 660px; display: inline-block; padding: 1px 0 1px 60px; position: absolute; left: 103px; top: 60px; z-index: 1;}
#main-bx .bx .img{text-align: center; margin-top: 60px;}
#main-bx .bx .inner{width: 630px; margin-left: auto; background: #fff; padding: 10px 25px; margin-top: -110px; position: relative; z-index: 1;}
#main-bx .bx .inner .txt{font-size: 24px; font-weight: bold; letter-spacing: 1.2px;}
#main-bx .in-inner{width: 1100px; margin: 0 auto;}
#main-bx .in-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;}
#main-bx .in-inner .list li{width: 340px; margin-right: 40px; position: relative;}
#main-bx .in-inner .list li:last-child{margin-right: 0}
#main-bx .in-inner .list li .in-ttl{text-align: center; margin-bottom: -36px; position: relative;}

#all-con-bx {width: 100%; max-width: 1920px; margin: -230px auto 130px; background: #F2F3F5; padding: 190px 0 60px;}

#con1 {}
#con1 .bx{width: 1200px; margin: 0 auto 60px; background: #fff; padding: 80px 80px 233px;}
#con1 .bx .ttl{width: 1040px; margin: 0 auto 35px; background: #0E7AFF; padding: 21px 20px; font-size: 32px; letter-spacing: 1.5px; font-weight: bold; color: #FFFE00; text-align: center;}
#con1 .bx .inner1{width: 1040px; margin: 0 auto 100px; position: relative;}
#con1 .bx .inner1 .in-inner{width: 450px; margin-right: auto;}
#con1 .bx .inner1 .in-inner .ttl1{font-size: 24px; font-weight: bold; letter-spacing: 1.2px; line-height: 1.78; margin-bottom: 10px;}
#con1 .bx .inner1 .in-inner .img{position: absolute; right: 0; top: 5px;}
#con1 .bx .inner1 .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88;}
#con1 .bx .inner2{width: 1040px; margin: 0 auto; position: relative;}
#con1 .bx .inner2 .in-ttl{text-align: center; margin-bottom: 10px;}
#con1 .bx .inner2 .in-inner{width: 450px; margin-left: auto;}
#con1 .bx .inner2 .in-inner .ttl1{font-size: 24px; font-weight: bold; letter-spacing: 1.2px; line-height: 1.78; margin-bottom: 12px;}
#con1 .bx .inner2 .in-inner .img{position: absolute; left: 0; top: 80px;}
#con1 .bx .inner2 .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88; margin-left: -3px;}

#con2 {}
#con2 .bx{width: 1200px; margin: 0 auto 60px; background: #fff; padding: 80px 80px 10px;}
#con2 .bx .ttl{width: 1040px; margin: 0 auto 35px; background: #0E7AFF; padding: 21px 20px; font-size: 32px; letter-spacing: 1.5px; font-weight: bold; color: #FFFE00; text-align: center;}
#con2 .bx .inner1{width: 1040px; margin: 0 auto 100px; position: relative;}
#con2 .bx .inner1 .in-inner{width: 450px; margin-right: auto;}
#con2 .bx .inner1 .in-inner .ttl1{font-size: 24px; font-weight: bold; letter-spacing: 1.2px; line-height: 1.78; margin-bottom: 10px;}
#con2 .bx .inner1 .in-inner .img{position: absolute; right: 0; top: 5px;}
#con2 .bx .inner1 .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88;}


#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto 80px; position: relative; background: url(../images/print/con3-bg.png) repeat top center; padding: 68px 50px 60px;}
#con3 .bx .human{position: absolute; right: 95px; top: -30px;}
#con3 .bx .ttl{width: 600px; margin: -97px auto 30px; background: #0E7AFF; font-size: 24px; font-weight: bold; text-align: center; letter-spacing: 1px; color: #fff; padding: 6px 20px;}
#con3 .bx .ttl1{font-size: 42px; font-weight: bold; line-height: 1.5; letter-spacing: 3.8px; display: block; width: 414px; margin: 0 auto 40px; text-align: center; background: linear-gradient(transparent 95%, #FFD800 10%); position: relative; top: 4px;}
#con3 .bx .list{position: relative; z-index: 1; 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;}
#con3 .bx .list li{width: 360px; margin-right: 10px;}
#con3 .bx .list li:last-child{margin-right: 0;}

#con4 {}
#con4 .bx{width: 1000px; margin: 0 auto 80px; text-align: center;}
#con4 .bx .ttl{margin-bottom: 20px;}
#con4 .bx .link{}


#con5 {}
#con5 .bx{width: 1200px; margin: 0 auto 110px; background: url(../images/print/con5-bg-icon.svg) no-repeat top 58px center,url(../images/print/con5-bg.png) no-repeat top center; padding: 90px 0;}
#con5 .bx .inner{width: 1000px; margin: 0 auto;}
#con5 .bx .inner .img{text-align: center; margin-bottom: -40px;}
#con5 .bx .inner .ttl {position: relative; }
#con5 .bx .inner .ttl .span1{font-size: 32px; text-align: center; letter-spacing: 1.75px; line-height: 1.6; font-weight: bold; display: block; width: 800px; margin: 0 auto -22px; background: #fff; padding: 8px 0px 1px 30px;}
#con5 .bx .inner .ttl .span2{font-size: 42px; text-align: center; letter-spacing: 1.5px; line-height: 1.3; font-weight: bold; display: block; width: 530px; margin: 0 auto; background: #fff; padding: 3px 0px 1px 24px;}




}



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

#main-bx {margin: 10vw auto 15vw;}
#main-bx .ttl{width: 90vw; margin: 0 auto 8vw;}
#main-bx .bx{width: 95vw; margin: 0 auto 10vw; position: relative; background: url(../images/print/main-bg.png) repeat; padding: 5vw 5vw;}
#main-bx .bx .num{width: 40vw; margin-right: auto; margin-bottom: 3vw;}
#main-bx .bx .ttl1{font-size: 4.8vw; font-weight: bold; text-align: center; letter-spacing: 0.5vw; background: #0E7AFF; color: #fff; width: 85vw; display: block; margin: 0 auto; padding: 3vw 5vw 2vw;}
#main-bx .bx .img{margin: 0 auto;}
#main-bx .bx .inner{width: 85vw; margin: 0 auto; background: #fff; padding: 3vw; position: relative; z-index: 1;}
#main-bx .bx .inner .txt{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.8;}
#main-bx .in-inner{width: 100vw; margin: 0 auto;}
#main-bx .in-inner .list{width: 77.925vw; margin: 0 auto; 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;}
#main-bx .in-inner .list li{margin: 0 auto 5vw;}
#main-bx .in-inner .list li:last-child{margin-bottom: 0}
#main-bx .in-inner .list li .in-ttl{width: 70vw; margin: 0 auto -8vw; text-align: center; position: relative;}

#all-con-bx {width: 100vw; margin: 0vw auto 15vw; background: #F2F3F5; padding: 10vw 0 5vw;}

#con1 {}
#con1 .bx{width: 90vw; margin: 0 auto 5vw; background: #fff; padding: 8vw 5vw 3vw;}
#con1 .bx .ttl{ margin: 0 auto 5vw; background: #0E7AFF; padding: 3vw; font-size: 5vw; letter-spacing: 0.3vw; font-weight: bold; color: #FFFE00; text-align: center;}
#con1 .bx .inner1{margin: 0 auto 8vw; position: relative;}
#con1 .bx .inner1 .in-inner{}
#con1 .bx .inner1 .in-inner .ttl1{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.78; margin-bottom: 3vw;}
#con1 .bx .inner1 .in-inner .img{margin: 0 auto 3vw;}
#con1 .bx .inner1 .in-inner .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}
#con1 .bx .inner2{margin: 0 auto; position: relative;}
#con1 .bx .inner2 .in-ttl{width: 60vw; margin: 0 auto 3vw;}
#con1 .bx .inner2 .in-inner{}
#con1 .bx .inner2 .in-inner .ttl1{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.78; margin-bottom: 3vw;}
#con1 .bx .inner2 .in-inner .img{margin: 0 auto 3vw;}
#con1 .bx .inner2 .in-inner .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

#con2 {}
#con2 .bx{width: 90vw; margin: 0 auto 5vw; background: #fff; padding: 8vw 5vw 5vw;}
#con2 .bx .ttl{ margin: 0 auto 5vw; background: #0E7AFF; padding: 3vw; font-size: 5vw; letter-spacing: 0.3vw; font-weight: bold; color: #FFFE00; text-align: center;}
#con2 .bx .inner1{margin: 0 auto; position: relative;}
#con2 .bx .inner1 .in-inner{}
#con2 .bx .inner1 .in-inner .ttl1{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.78; margin-bottom: 3vw;}
#con2 .bx .inner1 .in-inner .img{margin: 0 auto 3vw;}
#con2 .bx .inner1 .in-inner .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}


#con3 {}
#con3 .bx{width: 90vw; margin: 0 auto 10vw; position: relative; background: url(../images/print/con3-bg.png) repeat top center; padding: 5vw;}
#con3 .bx .human{width: 20vw; position: absolute; right: 8vw; top: 10vw;}
#con3 .bx .ttl{ margin: -10vw auto 5vw; background: #0E7AFF; font-size: 4vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; color: #fff; padding: 3vw;}
#con3 .bx .ttl1{font-size: 5.4vw; font-weight: bold; line-height: 1.5; letter-spacing: 0.5vw; display: block; width: 55vw; margin: 0 30vw 10vw auto; text-align: center; background: linear-gradient(transparent 95%, #FFD800 10%); position: relative; top: -1vw; left: 5vw;}
#con3 .bx .list{width: 77.925vw; margin: 0 auto; position: relative; z-index: 1; 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;}
#con3 .bx .list li{margin: 0 auto 3vw;}
#con3 .bx .list li:last-child{margin-bottom: 0;}

#con4 {}
#con4 .bx{width: 100vw; margin: 0 auto 10vw; text-align: center;}
#con4 .bx .ttl{width: 50vw; margin: 0 auto 3vw;}
#con4 .bx .link{width: 77.925vw; margin: 0 auto; }


#con5 {}
#con5 .bx{width: 90vw; margin: 0 auto 15vw; background: url(../images/print/con5-bg-icon.svg) no-repeat top 10vw center,url(../images/print/sp-con5-bg.png) no-repeat top center; padding: 15vw 0 10vw; background-size: 65%,100%;}
#con5 .bx .inner{}
#con5 .bx .inner .img{width: 80vw; margin: 0 auto -2vw;}
#con5 .bx .inner .ttl {position: relative; }
#con5 .bx .inner .ttl .span1{font-size: 4vw; text-align: center; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; display: block; width: 58vw; margin: 0 auto -5vw; background: #fff; padding: 1vw 0 0.8vw;}
#con5 .bx .inner .ttl .span2{font-size: 6vw; text-align: center; letter-spacing: 0.2vw; line-height: 1.3; font-weight: bold; display: block; width: 65vw; margin: 0 auto; background: #fff; padding: 1vw 0 0.8vw;}


    
}