@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/message/con1-bg1.png) no-repeat top -140px center; padding: 112px 0 100px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 15px; padding-left: 5px;}
#con1 .bx .inner .img1{padding-left: 80px;}

#con1 .bx .inner .in-bx1{width: 347px; position: absolute; right: 110px; bottom: -40px; background: #24498A; padding: 48px 0px 48px 45px;}
#con1 .bx .inner .in-bx1 .txt1{font-size: 24px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 10px;}
#con1 .bx .inner .in-bx1 .txt2{letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; color: #fff; }
#con1 .bx .inner .in-bx1 .txt2 .ss1{font-size: 18px; }
#con1 .bx .inner .in-bx1 .txt2 .ss2{font-size: 24px; }
#con1 .bx .inner .in-bx1 .txt2 .ss3{font-size: 20px; }


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto -250px; background: url(../images/message/con2-bg1.png) no-repeat top -30px center; padding: 98px 0 186px; position: relative;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}

#con2 .bx .inner .in-bx1{width: 480px; margin-left: auto; position: relative; margin-bottom: 130px;}
#con2 .bx .inner .in-bx1 .img1{position: absolute; left: -620px; top: 0;}
#con2 .bx .inner .in-bx1 .ttl1{font-size: 26px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 34px;}
#con2 .bx .inner .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; color: #fff; margin-bottom: 32px;}

#con2 .bx .inner .in-bx2{width: 480px; margin-right: auto; position: relative; margin-bottom: 135px; margin-left: 108px;}
#con2 .bx .inner .in-bx2 .img1{position: absolute; left: 490px; top: -75px;}
#con2 .bx .inner .in-bx2 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; color: #fff; margin-bottom: 25px;}
#con2 .bx .inner .in-bx2 .txt2{font-size: 18px; letter-spacing: 0.8px; line-height: 1.8; font-weight: bold; color: #fff;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: url(../images/message/con3-bg1.png) no-repeat top -12px center; padding: 227px 0 235px;}
#con3 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}

#con3 .bx .inner .in-bx{width: 1100px; margin: 0 auto 80px; position: relative;}
#con3 .bx .inner .in-bx .ttl{text-align: center; margin-bottom: 40px;}
#con3 .bx .inner .in-bx .txt{font-size: 20px; letter-spacing: 1.2px; line-height: 1.5; font-weight: 400; color: #fff; text-align: center; margin-bottom: 50px;}
#con3 .bx .inner .in-bx .txt span{font-size: 26px; font-weight: bold; }

#con3 .bx .inner .in-bx1{width: 480px; margin-right: auto; position: relative; margin-bottom: 100px;}
#con3 .bx .inner .in-bx1 .img1{position: absolute; right: -620px; top: -25px;}
#con3 .bx .inner .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; color: #fff; margin-bottom: 32px;}

#con3 .bx .inner .in-bx2{width: 480px; margin-left: auto; position: relative; margin-bottom: 55px; }
#con3 .bx .inner .in-bx2 .img1{position: absolute; left: -620px; top: 0;}
#con3 .bx .inner .in-bx2 .ttl1{font-size: 26px; letter-spacing: 1.2px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 33px;}
#con3 .bx .inner .in-bx2 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; color: #fff; margin-bottom: 32px;}

#con3 .bx .inner .last-ttl{font-size: 20px; letter-spacing: 1.2px; line-height: 1.6; font-weight: bold; color: #fff; text-align: center;}



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #24498A; padding: 0 0 40px;}
#con4 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}

#con4 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 140px; position: relative; margin-bottom: 53px; padding: 355px 0 50px;}
#con4 .bx .inner .in-bx1::before{content: ""; width: 930px; height: 50px; background: #244989; position: absolute; left: 0; top: 322px; z-index: 1;}
#con4 .bx .inner .in-bx1 .img1{position: absolute; right: 0; top: -150px;}
#con4 .bx .inner .in-bx1 .ttl1{position: absolute; left: 0; top: 165px;}
#con4 .bx .inner .in-bx1 .ttl2{font-size: 32px; letter-spacing: 1.5px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 75px; margin-left: -15px; position: relative; z-index: 2;}
#con4 .bx .inner .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; color: #fff; text-align: center; margin-bottom: 32px; position: relative; z-index: 2;}
#con4 .bx .inner .in-bx1 .img2{position: absolute; right: 0; left: -15px; top: 550px;}

#con4 .bx .inner .in-bx2{width: 1100px; margin: 0 auto 135px; position: relative; margin-bottom: 45px; padding: 0 0 50px;}
#con4 .bx .inner .in-bx2 .ttl2{text-align: center; margin-bottom: 123px;}
#con4 .bx .inner .in-bx2 .img1{position: absolute; left: 0; top: 120px;}
#con4 .bx .inner .in-bx2 .txt1{width: 480px; margin-left: auto; font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; color: #fff; margin-bottom: 32px;}

#con4 .bx .inner .in-bx3{width: 1100px; margin: 0 auto 135px; position: relative; margin-bottom: 50px; padding: 0 0 50px;}
#con4 .bx .inner .in-bx3 .txt1{font-size: 20px; letter-spacing: 0.8px; line-height: 1.9; font-weight: 400; color: #fff; text-align: center; margin-bottom: 5px;}
#con4 .bx .inner .in-bx3 .txt2{font-size: 24px; letter-spacing: 1.3px; line-height: 1.9; font-weight: bold; color: #fff; text-align: center; margin-bottom: 5px;}
#con4 .bx .inner .in-bx3 .bnr{text-align: center; margin-top: 72px;}



#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: url(../images/message/con5-bg1.png) no-repeat top center; padding: 115px 0 120px;}
#con5 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con5 .bx .inner .ttl1{font-size: 32px; letter-spacing: 2px; line-height: 1.6; font-weight: bold; color: #fff; text-align: center; margin-bottom: 72px;}
#con5 .bx .inner .ttl1 span{font-size: 56px; }
#con5 .bx .inner .img1{text-align: center; margin-bottom: 96px;}
#con5 .bx .inner .douga{width: 1000px; height: 563px; margin: 0 auto;}
#con5 .bx .inner .douga iframe{width: 1000px; height: 563px; margin: 0 auto;}



#con6 {}
#con6 .bx{width: 100%; margin: 0 auto 60px; padding: 146px 0 100px; position: relative;}
#con6 .bx::before{content: ""; width: 100%; height: 96px; background: #FFE100; border-top: 2px solid #1A1A1A; border-bottom: 2px solid #1A1A1A; position: absolute; left: 0; right: 0; top: 420px;}
#con6 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con6 .bx .inner .ttl1{text-align: center; margin-bottom: 80px;}
#con6 .bx .inner .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; justify-content: center;}
#con6 .bx .inner .list li{width: 250px; margin-right: 60px;}
#con6 .bx .inner .list li:last-child{margin-right: 0;}





}












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

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/message/sp-con1-bg1.png) no-repeat top 8vw center; padding: 13vw 0 39vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{width: 60%; margin: 0 auto 6vw;}
#con1 .bx .inner .img1{width: 90%; margin: 0 auto -3vw;}


#con1 .bx .inner .in-bx1{width: 83%; margin: 0 auto; background: #24498A; padding: 5vw 0vw 5vw 6vw; position: relative; }
#con1 .bx .inner .in-bx1 .txt1{font-size: 4.4vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; color: #fff; }
#con1 .bx .inner .in-bx1 .txt2{letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; color: #fff; }
#con1 .bx .inner .in-bx1 .txt2 .ss1{font-size: 3.8vw; padding-right: 4vw;}
#con1 .bx .inner .in-bx1 .txt2 .ss2{font-size: 5.2vw; }
#con1 .bx .inner .in-bx1 .txt2 .ss3{font-size: 3.4vw; margin-left: -1vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto -25vw; background: url(../images/message/sp-con2-bg1.png) no-repeat top center; padding: 9.5vw 0 15vw; position: relative; background-size: 100%;}
#con2 .bx .inner{width: 90%; margin: 0 auto; position: relative;}

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative; }
#con2 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto 6vw;}
#con2 .bx .inner .in-bx1 .ttl1{font-size: 4.6vw; letter-spacing: 0.5vw; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 3vw;}
#con2 .bx .inner .in-bx1 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.98; font-weight: 400; color: #fff; margin-bottom: 6vw;}

#con2 .bx .inner .in-bx2{width: 100%; margin: 0 auto; position: relative; margin-bottom: 13vw;}
#con2 .bx .inner .in-bx2 .img1{width: 100%; margin: 0 auto 6vw}
#con2 .bx .inner .in-bx2 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.98; font-weight: 400; color: #fff; margin-bottom: 2vw;}
#con2 .bx .inner .in-bx2 .txt2{font-size: 3.9vw; letter-spacing: 0.1vw; line-height: 1.9; font-weight: bold; color: #fff;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: url(../images/message/sp-con3-bg1.png) no-repeat top 4vw center; padding: 29vw 0 50vw; background-size: 100%;}
#con3 .bx .inner{width: 90%; margin: 0 auto; position: relative;}

#con3 .bx .inner .in-bx{width: 100%; margin: 0 auto 6.5vw; position: relative;}
#con3 .bx .inner .in-bx .ttl{width: 66%; margin: 0 auto 5vw;}
#con3 .bx .inner .in-bx .txt{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 1.75; font-weight: 400; color: #fff; text-align: center;}
#con3 .bx .inner .in-bx .txt span{font-size: 4.6vw; font-weight: bold; }

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto 11vw; position: relative; }
#con3 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto 6vw;}
#con3 .bx .inner .in-bx1 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.9; font-weight: 400; color: #fff; margin-bottom: 6.7vw;}

#con3 .bx .inner .in-bx2{width: 100%; margin: 0 auto 8vw; position: relative; }
#con3 .bx .inner .in-bx2 .img1{width: 100%; margin: 0 auto 6vw;}
#con3 .bx .inner .in-bx2 .ttl1{font-size: 4.8vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 4vw;}
#con3 .bx .inner .in-bx2 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.8; font-weight: 400; color: #fff; margin-bottom: 6vw;}

#con3 .bx .inner .last-ttl{font-size: 4.6vw; letter-spacing: 0.5vw; line-height: 1.65; font-weight: bold; color: #fff; text-align: center;}



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #24498A; padding: 0 0 5vw;}
#con4 .bx .inner{width: 100%; margin: 0 auto; position: relative;}

#con4 .bx .inner .in-bx1{width: 100%; margin: 0 auto 12vw; position: relative; padding: 19vw 0 5vw;}
#con4 .bx .inner .in-bx1 .img1{width: 90%; margin: 0 auto; position: absolute; left: 0; right: 0; top: -41vw;}
#con4 .bx .inner .in-bx1 .ttl1{width: 89%; margin: 0 auto 10vw; padding-right: 10vw;}
#con4 .bx .inner .in-bx1 .ttl2{font-size: 4.6vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 4vw; padding: 0 6vw;}
#con4 .bx .inner .in-bx1 .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.8; font-weight: 400; color: #fff; margin-bottom: 6vw; padding: 0 5.5vw;}
#con4 .bx .inner .in-bx1 .img2{width: 100%; margin: 8vw auto 0;}

#con4 .bx .inner .in-bx2{width: 90%; margin: 0 auto -6vw; padding: 0 0 5vw;}
#con4 .bx .inner .in-bx2 .ttl2{width: 98%; margin: 0 auto 7.5vw;}
#con4 .bx .inner .in-bx2 .img1{width: 100%; margin: 0 auto 4vw;}
#con4 .bx .inner .in-bx2 .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.8; font-weight: 400; color: #fff; margin-bottom: 6vw;}

#con4 .bx .inner .in-bx3{width: 90%; margin: 0 auto; position: relative; padding: 0 0 4vw;}
#con4 .bx .inner .in-bx3 .txt1{font-size: 4vw; letter-spacing: 0.1vw; line-height: 1.9; font-weight: 400; color: #fff; text-align: center; margin-bottom: 3vw;}
#con4 .bx .inner .in-bx3 .txt2{font-size: 4.8vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; color: #fff; text-align: center; margin-bottom: 1.5vw; margin-top: -1vw; padding-right: 2vw;}
#con4 .bx .inner .in-bx3 .bnr{text-align: center; margin-top: 6vw;}



#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: url(../images/message/sp-con5-bg1.png) no-repeat top center; padding: 13vw 0 10vw; background-size: 100%;}
#con5 .bx .inner{width: 92%; margin: 0 auto; position: relative;}
#con5 .bx .inner .ttl1{font-size: 5.4vw; letter-spacing: 0.6vw; line-height: 1.2; font-weight: bold; color: #fff; text-align: center; margin-bottom: 6vw;}
#con5 .bx .inner .ttl1 span{font-size: 9vw; }
#con5 .bx .inner .img1{width: 100%; margin: 0 auto 3vw;}
#con5 .bx .inner .douga{width: 97%; height: 60vw; margin: 0 auto 10vw;}
#con5 .bx .inner .douga iframe{width: 100%; height: 60vw; margin: 0 auto;}



#con6 {}
#con6 .bx{width: 100%; margin: 0 auto 8vw; padding: 5vw 0 10vw; position: relative;}
#con6 .bx::before{content: ""; width: 100%; height: 12vw; background: #FFE100; border-top: 2px solid #1A1A1A; border-bottom: 2px solid #1A1A1A; position: absolute; left: 0; right: 0; top: 61vw;}
#con6 .bx .inner{width: 100%; margin: 0 auto 2vw; position: relative;}
#con6 .bx .inner .ttl1{width: 90%; margin: 0 auto 10vw;}
#con6 .bx .inner .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; justify-content: center;}
#con6 .bx .inner .list li{width: 27vw; margin-right: 4vw;}
#con6 .bx .inner .list li:last-child{margin-right: 0;}


}