@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(3){display: none;}

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

#main-bx {margin: 48px 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/dinoc/main-bg.png) repeat; padding: 50px 50px 60px;}
#main-bx .bx .num{position: absolute; left: 50px; top: 62px;}
#main-bx .bx .ttl1{font-size: 38px; font-weight: bold; letter-spacing: 3.8px; background: #0E7AFF; color: #fff; width: 450px; 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: 600px; margin-left: auto; background: #fff; padding: 32px 60px; 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-bx {width: 100%; max-width: 1920px; margin: -142px auto 0; background: #C7CED9; padding: 130px 0 190px;}
#main-bx .in-bx .in-ttl{font-size: 32px; font-weight: bold; text-align: center; letter-spacing: 2.2px; margin-bottom: 20px;}
#main-bx .in-bx .in-ttl .span1{font-size: 42px; border-bottom: 3px solid #FFFE00; letter-spacing: 2.5px; margin-left: 3px;}
#main-bx .in-bx .in-ttl .span2{font-size: 42px; }
#main-bx .in-bx .in-inner{width: 1000px; margin: 0 auto; background: #fff; padding: 55px 50px 50px; position: relative;}
#main-bx .in-bx .in-inner .list{}
#main-bx .in-bx .in-inner .list li{font-size: 20px; font-weight: 500; letter-spacing: 1px; padding-left: 28px; background: url(../images/dinoc/main-icon.png) no-repeat top 10px left 2px,url(../images/dinoc/main-bb-icon.png) repeat-x bottom center; padding-bottom: 3px; margin-bottom: 9px;}
#main-bx .in-bx .in-inner .human{position: absolute; right: -100px; bottom: -80px;}

#all-con-bx {width: 100%; max-width: 1920px; margin: -230px auto 0; background: url(../images/dinoc/all-con-bg.png) no-repeat top center,url(../images/dinoc/all-con-bb-bg.png) no-repeat bottom center;; padding: 60px 0 410px; position: relative;}

#con1 {}
#con1 .bx{width: 1200px; margin: 0 auto 80px;}
#con1 .bx .ttl{text-align: center; margin-bottom: 43px; margin-right: 15px;}
#con1 .bx .ttl1{width: 1225px; padding: 35px 25px 25px 0; text-align: center; font-size: 22px; letter-spacing: 3px; font-weight: bold; background: url(../images/dinoc/con1-ttl1-bg.png) no-repeat top center; }
#con1 .bx .ttl1 span{font-size: 32px;}
#con1 .inner{width: 1200px; margin: 0 auto 60px; background: #fff; padding: 80px 0 143px;}
#con1 .inner .in-ttl{width: 1040px; margin: 0 auto; font-size: 24px; letter-spacing: 1.3px; line-height: 1.6; text-align: center; color: #fff; background: #0E7AFF; padding: 15px 0;}
#con1 .inner .in-ttl span{font-size: 32px; font-weight: bold; letter-spacing: 1.8px;}
#con1 .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative; padding: 62px 80px 0px;}
#con1 .inner .in-bx1 .in-inner1{width: 450px; margin-right: auto; margin-bottom: 110px;}
#con1 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 24px; font-weight: bold; letter-spacing: 1.2px; margin-bottom: 12px;}
#con1 .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: 80px; top: 40px}
#con1 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.75px; line-height: 1.88;}
#con1 .inner .in-bx2{width: 1200px; margin: 0 auto; position: relative; padding: 33px 80px 0px;}
#con1 .inner .in-bx2 .in-inner2{width: 450px; margin-left: auto; margin-bottom: 55px;}
#con1 .inner .in-bx2 .in-inner2 .in-ttl1{font-size: 24px; font-weight: bold; letter-spacing: 1.2px; margin-bottom: 12px;}
#con1 .inner .in-bx2 .in-inner2 .in-img1{position: absolute; left: 80px; top: 40px}
#con1 .inner .in-bx2 .in-inner2 .in-txt1{font-size: 16px; letter-spacing: 0.75px; line-height: 1.88;}

.con2-top-bg {background: #FFFE00; width: 1200px; height: 280px; margin: -210px auto -460px; }
#con2 {}
#con2 .bx{width: 1100px; margin: 0 auto 200px; position: relative; z-index: 1;}
#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: 332px; margin-right: 24px; border: 1px solid #111111; background: #fff;}
#con2 .bx .list li:last-child{margin-right: 0;}
#con2 .bx .list li .num{text-align: center; background: #FFFE00; padding: 0px 10px 8px;}
#con2 .bx .list li .img{border-top: 1px solid #111111; border-bottom: 1px solid #111111;}
#con2 .bx .list li .txt{font-size: 22px; letter-spacing: 1px; font-weight: bold; text-align: center; line-height: 1.85; padding: 35px 20px 35px;}

#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto 60px; background: url(../images/dinoc/con3-bg.png) repeat; position: relative; padding-bottom: 80px;}
#con3 .bx .ttl{width: 700px; margin: 0 auto; font-size: 24px; letter-spacing: 1.2px; font-weight: bold; color: #fff; text-align: center; background: #0E7AFF; position: relative; padding: 5px 0 8px; position: relative; top: -30px;}
#con3 .bx .ttl1{font-size: 42px; font-weight: bold; text-align: center; letter-spacing: 4px; margin: 0 auto 30px; position: relative;}
#con3 .bx .ttl1::after{content: ""; width: 688px; height: 2px; background: #FFD800; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 10px;}
#con3 .bx .human{position: absolute; right: 52px; top: -15px;}
#con3 .bx .list{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;}
#con3 .bx .list li{width: 212px; margin-right: 11px; border: 1px solid #000;}
#con3 .bx .list li:last-child{margin-right: 0}
#con3 .bx .list li .in-ttl{font-size: 24px; font-weight: bold; text-align: center; background: #33CFBD; padding: 2px 0;}

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

#con5 {}
#con5 .bx{width: 1200px; margin: 0 auto 98px; background: url(../images/dinoc/con5-bg.png) no-repeat top center; padding: 35px 0 60px;}
#con5 .bx .inner{width: 1000px; margin: 0 auto;}
#con5 .bx .inner .img{text-align: center; margin-bottom: -40px;}
#con5 .bx .inner .ttl0 {font-size: 22px; font-weight: bold; letter-spacing: 1px; line-height: 2.1; text-align: center; color: #011961;margin-bottom: 23px;}
#con5 .bx .inner .ttl {position: relative; }
#con5 .bx .inner .ttl .span1{font-size: 32px; text-align: center; letter-spacing: 1.5px; line-height: 1.6; font-weight: bold; display: block; width: 530px; margin: 0 auto -23px; background: #fff; padding: 8px 8px 1px 28px;}
#con5 .bx .inner .ttl .span2{font-size: 42px; text-align: center; letter-spacing: 1.7px; line-height: 1.3; font-weight: bold; display: block; width: 740px; margin: 0 auto; background: #fff; padding: 3px 0px 1px 20px;}




}



@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/dinoc/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-bx {width: 100vw; margin: -20vw auto 0; background: #C7CED9; padding: 15vw 0 25vw;}
#main-bx .in-bx .in-ttl{font-size: 4.4vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 3vw;}
#main-bx .in-bx .in-ttl .span1{font-size: 6vw; border-bottom: 3px solid #FFFE00; letter-spacing: 0.4vw; margin-left: 1vw;}
#main-bx .in-bx .in-ttl .span2{font-size: 6vw; }
#main-bx .in-bx .in-inner{width: 90vw; margin: 0 auto; background: #fff; padding: 5vw; position: relative;}
#main-bx .in-bx .in-inner .list{}
#main-bx .in-bx .in-inner .list li{font-size: 4vw; font-weight: 500; letter-spacing: 0vw; padding-left: 7vw; background: url(../images/dinoc/main-icon.png) no-repeat top 1vw left,url(../images/dinoc/main-bb-icon.png) repeat-x bottom center; padding-bottom: 2vw; margin-bottom: 3vw;}
#main-bx .in-bx .in-inner .human{width: 30vw; position: absolute; right: -5vw; bottom: -20vw;}

#all-con-bx {width: 100vw; margin: -20vw auto -25vw; background: url(../images/dinoc/sp-all-con-bg.png) no-repeat top center,url(../images/dinoc/sp-all-con-bb-bg.png) no-repeat bottom center;; padding: 10vw 0 30vw; position: relative; background-size: 110.5vw,auto;}

#con1 {}
#con1 .bx{width: 100vw; margin: 0 auto 5vw}
#con1 .bx .ttl{width: 50vw; margin: 0 auto 5vw;}
#con1 .bx .ttl1{width: 95vw; margin: 0 auto; padding: 6vw 5vw 8vw 0; text-align: center; font-size: 4.2vw; letter-spacing: 0.2vw; font-weight: bold; background: url(../images/dinoc/sp-con1-ttl1-bg.png) no-repeat top center; background-size: 100%;}
#con1 .bx .ttl1 span{font-size: 5vw;}
#con1 .inner{width: 90vw; margin: 0 auto 5vw; background: #fff; padding: 8vw 0 3vw;}
#con1 .inner .in-ttl{width: 80vw; margin: 0 auto; font-size: 3.8vw; letter-spacing: 0.1vw; line-height: 1.6; text-align: center; color: #fff; background: #0E7AFF; padding: 3vw 0;}
#con1 .inner .in-ttl span{font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw;}
#con1 .inner .in-bx1{ margin: 0 auto; position: relative; padding: 5vw 6vw 3vw;}
#con1 .inner .in-bx1 .in-inner1{margin-bottom: 3vw;}
#con1 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;}
#con1 .inner .in-bx1 .in-inner1 .in-img1{margin: 0 auto 5vw;}
#con1 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}
#con1 .inner .in-bx2{ margin: 0 auto; position: relative; padding: 3vw 6vw 3vw;}
#con1 .inner .in-bx2 .in-inner2{margin-bottom: 3vw;}
#con1 .inner .in-bx2 .in-inner2 .in-ttl1{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;}
#con1 .inner .in-bx2 .in-inner2 .in-img1{margin: 0 auto 5vw;}
#con1 .inner .in-bx2 .in-inner2 .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

.con2-top-bg {}
#con2 {}
#con2 .bx{width: 100vw; margin: 0 auto 20vw; position: relative; z-index: 1;}
#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: 80vw; margin: 0 auto 5vw; border: 1px solid #111111; background: #fff;}
#con2 .bx .list li:last-child{margin-bottom: 0;}
#con2 .bx .list li .num{text-align: center; background: #FFFE00; padding: 1vw 0 3vw;}
#con2 .bx .list li .img{border-top: 1px solid #111111; border-bottom: 1px solid #111111;}
#con2 .bx .list li .txt{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.6; padding: 4vw 5vw;}

#con3 {}
#con3 .bx{width: 90vw; margin: 0 auto 10vw; background: url(../images/dinoc/con3-bg.png) repeat; position: relative; padding-bottom: 8vw;}
#con3 .bx .ttl{width: 80vw; margin: 0 auto; font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; color: #fff; text-align: center; background: #0E7AFF; position: relative; padding: 3vw 0 2.5vw; position: relative; top: -5vw;}
#con3 .bx .ttl1{font-size: 4.6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin: 0 auto 15vw; position: relative;}
#con3 .bx .ttl1::after{content: ""; width: 80vw; height: 0.3vw; background: #FFD800; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con3 .bx .human{width: 18vw; position: absolute; right: 8vw; top: 25vw;}
#con3 .bx .list{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; }
#con3 .bx .list li{width: 38vw; margin-right: 1vw; margin-left: 6vw; margin-bottom: 3vw; border: 1px solid #000;}
#con3 .bx .list li:nth-child(2n){margin-right: 0; margin-left: 1vw;}
#con3 .bx .list li:last-child{margin-right: 0; }
#con3 .bx .list li .in-ttl{font-size: 3.8vw; font-weight: bold; text-align: center; background: #33CFBD; padding: 1vw 0 1vw;}


#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/dinoc/sp-con5-bg.png) no-repeat top center; padding: 5vw 5vw 8vw; background-size: 120%;}
#con5 .bx .inner{}
#con5 .bx .inner .img{width: 80vw; margin: 0 auto -2vw;}
#con5 .bx .inner .ttl0 {font-size: 3.8vw; font-weight: bold; letter-spacing: 0.1vw; line-height: 1.6; text-align: center; color: #011961;margin-bottom: 7vw;}
#con5 .bx .inner .ttl {position: relative; }
#con5 .bx .inner .ttl .span1{font-size: 3.8vw; text-align: center; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; display: block; width: 60vw; margin: 0 auto -5vw; background: #fff; padding: 1vw 0 0.8vw;}
#con5 .bx .inner .ttl .span2{font-size: 4.2vw; text-align: center; letter-spacing: 0.2vw; line-height: 1.3; font-weight: bold; display: block; width: 80vw; margin: 0 auto; background: #fff; padding: 1vw 0 0.8vw;}



}