@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;}

@media screen and (min-width: 768px),print {
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-150px;padding-bottom:150px;}

#main-bx {}
#main-bx .bx{max-width: 1400px; margin: 48px auto 0; background: #fff; padding: 0 0 60px; position: relative;}
#main-bx .bx .inner{width: 1280px; margin: 0 auto;}
#main-bx .bx .inner .ttl{font-size: 46px; font-weight: bold; text-align: center; letter-spacing: 4.5px; margin-bottom: 25px; }
#main-bx .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;}
#main-bx .bx .inner .list li{width: 300px; margin-right: 14px;}
#main-bx .bx .inner .list li:last-child{margin-right: 0;}

#all-bx {width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/menu/all-bg.png) repeat; padding: 310px 0 15px; margin: -140px auto 0;}

#con1 {}
#con1 .bx{width: 1100px; margin: 0 auto 150px; position: relative;}
#con1 .inner{width: 1020px; margin: 0 auto;}
#con1 .inner .ttl{font-size: 22px; font-weight: bold; letter-spacing: 1.5px; border: 4px solid #000; padding: 22px 88px; background: #FFD800; position: absolute; left: 0; top: -70px;}
#con1 .inner .ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3.2px; text-align: center; border: 2px solid #000; background: #DEBC00; padding: 30px 0;}
#con1 .inner .in-bx{background: #fff; padding: 43px 60px 45px; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con1 .inner .in-bx .in-inner{width: 478px; margin-left: auto;}
#con1 .inner .in-bx .in-inner .in-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1.15px; margin-bottom: 22px;line-height: 1.75;}
#con1 .inner .in-bx .in-inner .in-img{position: absolute; left: 100px; top: 170px;}
#con1 .inner .in-bx .in-inner .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88;}

#con2 {}
#con2 .bx{width: 1100px; margin: 0 auto 150px; position: relative;}
#con2 .inner{width: 1020px; margin: 0 auto;}
#con2 .inner .ttl{font-size: 22px; color: #fff; font-weight: bold; letter-spacing: 1.5px; border: 4px solid #000; padding: 22px 53px; background: #FC3C40; position: absolute; left: 0; top: -70px;}
#con2 .inner .ttl1{font-size: 32px; color: #fff; font-weight: bold; letter-spacing: 3.2px; text-align: center; border: 2px solid #000; background: #D53033; padding: 30px 0;}
#con2 .inner .in-bx{background: #fff; padding: 43px 60px 45px; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con2 .inner .in-bx .in-inner{width: 478px; margin-left: auto;}
#con2 .inner .in-bx .in-inner .in-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1.15px; margin-bottom: 22px;line-height: 1.75;}
#con2 .inner .in-bx .in-inner .in-img{position: absolute; left: 100px; top: 170px;}
#con2 .inner .in-bx .in-inner .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88;}

#con3 {}
#con3 .bx{width: 1100px; margin: 0 auto 150px; position: relative;}
#con3 .inner{width: 1020px; margin: 0 auto;}
#con3 .inner .ttl{font-size: 22px; color: #fff; font-weight: bold; letter-spacing: 1.8px; border: 4px solid #000; line-height: 1.38; text-align: center; padding: 12px 16px; background: #0149FF; position: absolute; left: 0; top: -70px;}
#con3 .inner .ttl1{font-size: 32px; color: #fff; font-weight: bold; letter-spacing: 3.2px; text-align: center; border: 2px solid #000; background: #0533DD; padding: 30px 0;}
#con3 .inner .in-bx{background: #fff; padding: 43px 60px 45px; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con3 .inner .in-bx .in-inner{width: 478px; margin-left: auto;}
#con3 .inner .in-bx .in-inner .in-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1.15px; margin-bottom: 22px; line-height: 1.75;}
#con3 .inner .in-bx .in-inner .in-img{position: absolute; left: 100px; top: 170px;}
#con3 .inner .in-bx .in-inner .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88;}

#con4 {}
#con4 .bx{width: 1100px; margin: 0 auto 150px; position: relative;}
#con4 .inner{width: 1020px; margin: 0 auto;}
#con4 .inner .ttl{font-size: 22px; font-weight: bold; letter-spacing: 1.8px; border: 4px solid #000; line-height: 1.38; text-align: center; padding: 12px 87px; background: #28DDEE; position: absolute; left: 0; top: -70px;}
#con4 .inner .ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3.2px; text-align: center; border: 2px solid #000; background: #01BCCE; padding: 30px 0;}
#con4 .inner .in-bx{background: #fff; padding: 43px 60px 45px; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con4 .inner .in-bx .in-inner{width: 478px; margin-left: auto;}
#con4 .inner .in-bx .in-inner .in-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1.15px; margin-bottom: 22px; line-height: 1.75;}
#con4 .inner .in-bx .in-inner .in-img{position: absolute; left: 100px; top: 170px;}
#con4 .inner .in-bx .in-inner .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88;}

.all-bg-icon { margin: 0 auto -195px; background: url(../images/menu/all-bg-icon.png) no-repeat center top; padding: 150px 0; position: relative; left: -495px; top: 0;}

#con5 {}
#con5 .bx{width: 1200px; margin: 0 auto 100px; position: relative; background: url(../images/menu/con5-bg.png) no-repeat top center; padding: 185px 0 380px;}
#con5 .inner{width: 600px; margin-right: auto; margin-left: 50px;}
#con5 .inner .ttl{line-height: 1.2;}
#con5 .inner .ttl .span1{width: 600px; background: #fff; padding: 14px 34px 14px 38px; font-size: 42px; letter-spacing: 2px; font-weight: bold; text-align: center; display: inline-block; margin-bottom: 6px;}
#con5 .inner .ttl .span2{width: 410px; background: #fff; padding: 14px 20px 14px 38px; font-size: 42px; letter-spacing: 2px; font-weight: bold; text-align: center; display: inline-block; margin-bottom: 30px;}
#con5 .inner .ttl1{width: 480px; background: #111111; color: #fff; padding: 1px 10px; font-size: 24px; letter-spacing: 1.3px; font-weight: bold; text-align: center;}

}


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

a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-25vw;padding-bottom:25vw;}

#main-bx {}
#main-bx .bx{max-width: 100vw; margin: 5vw auto 0; background: #fff; padding: 0 0 10vw; position: relative;}
#main-bx .bx .inner{width: 100vw; margin: 0 auto;}
#main-bx .bx .inner .ttl{font-size: 6vw; font-weight: bold; text-align: center; letter-spacing: 0.5vw; margin-bottom: 25px; }
#main-bx .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;}
#main-bx .bx .inner .list li{width: 43vw; margin-right: 2vw; margin-left: 2vw; margin-bottom: 5vw;}
#main-bx .bx .inner .list li:last-child{margin-right: 0;}

#all-bx {width: 100vw;margin: 0 auto; background: url(../images/menu/all-bg.png) repeat; padding: 20vw 0 5vw; margin: 0 auto 0;}

#con1 {}
#con1 .bx{width: 90vw; margin: 0 auto 20vw; position: relative;}
#con1 .inner{width: 85vw; margin: 0 auto;}
#con1 .inner .ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; border: 2px solid #000; padding: 2vw 8vw; background: #FFD800; position: absolute; left: 0vw; top: -10vw;}
#con1 .inner .ttl1{font-size: 5vw; font-weight: bold; letter-spacing: 0.5vw; text-align: center; border: 2px solid #000; background: #DEBC00; padding: 4vw 0;}
#con1 .inner .in-bx{background: #fff; padding: 5vw; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con1 .inner .in-bx .in-inner{}
#con1 .inner .in-bx .in-inner .in-ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;line-height: 1.75;}
#con1 .inner .in-bx .in-inner .in-img{margin: 0 auto 5vw;}
#con1 .inner .in-bx .in-inner .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

#con2 {}
#con2 .bx{width: 90vw; margin: 0 auto 20vw; position: relative;}
#con2 .inner{width: 85vw; margin: 0 auto;}
#con2 .inner .ttl{font-size: 4.2vw; color: #fff; font-weight: bold; letter-spacing: 0.2vw; border: 2px solid #000; padding: 2vw 8vw; background: #FC3C40; position: absolute; left: 0vw; top: -10vw;}
#con2 .inner .ttl1{font-size: 5vw; color: #fff; font-weight: bold; letter-spacing: 0.5vw; text-align: center; border: 2px solid #000; background: #D53033; padding: 5vw 0 4vw;}
#con2 .inner .in-bx{background: #fff; padding: 5vw; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con2 .inner .in-bx .in-inner{}
#con2 .inner .in-bx .in-inner .in-ttl{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;line-height: 1.75;}
#con2 .inner .in-bx .in-inner .in-img{margin: 0 auto 5vw;}
#con2 .inner .in-bx .in-inner .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

#con3 {}
#con3 .bx{width: 90vw; margin: 0 auto 20vw; position: relative;}
#con3 .inner{width: 85vw; margin: 0 auto;}
#con3 .inner .ttl{font-size: 3.6vw; color: #fff; font-weight: bold; letter-spacing: 0.2vw; border: 2px solid #000; padding: 1vw 8vw; background: #0149FF; position: absolute; left: 0vw; top: -10vw;}
#con3 .inner .ttl1{font-size: 5vw; color: #fff; font-weight: bold; letter-spacing: 0.5vw; text-align: center; border: 2px solid #000; background: #0533DD; padding: 8vw 0 4vw;}
#con3 .inner .in-bx{background: #fff; padding: 5vw; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con3 .inner .in-bx .in-inner{}
#con3 .inner .in-bx .in-inner .in-ttl{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;line-height: 1.75;}
#con3 .inner .in-bx .in-inner .in-img{margin: 0 auto 5vw;}
#con3 .inner .in-bx .in-inner .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

#con4 {}
#con4 .bx{width: 90vw; margin: 0 auto 5vw; position: relative;}
#con4 .inner{width: 85vw; margin: 0 auto;}
#con4 .inner .ttl{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.2vw; border: 2px solid #000; padding: 1vw 8vw; background: #28DDEE; position: absolute; left: 0vw; top: -10vw;}
#con4 .inner .ttl1{font-size: 4.4vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; border: 2px solid #000; background: #01BCCE; padding: 7vw 0 4vw;}
#con4 .inner .in-bx{background: #fff; padding: 5vw; border-right: 2px solid #000;border-left: 2px solid #000;border-bottom: 2px solid #000;}
#con4 .inner .in-bx .in-inner{}
#con4 .inner .in-bx .in-inner .in-ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;line-height: 1.75;}
#con4 .inner .in-bx .in-inner .in-img{margin: 0 auto 5vw;}
#con4 .inner .in-bx .in-inner .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

.all-bg-icon { margin: 0 auto -10vw; background: url(../images/menu/all-bg-icon.png) no-repeat center top; padding: 10vw 0; position: relative; left: -45vw; top: 0; background-size: 15vw;}

#con5 {}
#con5 .bx{width: 100vw; margin: 0 auto 10vw; position: relative; background: url(../images/menu/sp-con5-bg.png) no-repeat top center; padding: 40vw 0 40vw; background-size: 100%;}
#con5 .inner{width: 80vw; margin-right: auto; margin-left: 4vw;}
#con5 .inner .ttl{line-height: 1.2;}
#con5 .inner .ttl .span1{width: 85vw; background: #fff; padding: 2vw 10vw 2vw 3vw; font-size: 5.6vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; display: inline-block; margin-bottom: 1vw;}
#con5 .inner .ttl .span2{width: 60vw; background: #fff; padding: 1.5vw 3vw 1vw; font-size: 6vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; display: inline-block; margin-bottom: 50vw;}
#con5 .inner .ttl1{width: 80vw; background: #111111; color: #fff; padding: 1vw 3vw; font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center;}


}