@charset "UTF-8";
@media screen and (min-width: 768px), print {
main {line-height: 1.8; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

#main-bx {}
#main-bx .bx{width: 100%; margin: 40px auto 100px;}
#main-bx .bx .ttl{text-align: center; margin-bottom: 70px;}
#main-bx .bx .big-img{width: 100%; margin: 0 auto 136px;}
#main-bx .bx .big-img img{width: 100%; margin: 0 auto;}
#main-bx .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#main-bx .bx .inner .ttl1{font-size: 40px; font-weight: bold; letter-spacing: 8px; text-align: center; margin-bottom: 24px; padding-left: 10px;}
#main-bx .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; text-align: center; line-height: 2; margin-bottom: 135px; position: relative;}
#main-bx .bx .inner .txt::after{content: ""; width: 1px; height: 60px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -95px;}
#main-bx .bx .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#main-bx .bx .in-bx .in-inner{width: 750px; margin-left: auto; margin-right: -75px; background: #F5F5F5; padding: 92px 75px 95px 175px;}
#main-bx .bx .in-bx .in-inner .ttl2{font-size: 36px; font-weight: bold; letter-spacing: 1.8px; margin-bottom: 25px;}
#main-bx .bx .in-bx .in-inner .img{position: absolute; left: 0; top: 68px;}
#main-bx .bx .in-bx .in-inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2;}
#main-bx .bx .in-bx .in-inner .icon{position: absolute; left: 0; top: 465px;}

#con1 {}
#con1 .all-bx{width: 100%; margin: 0 auto 145px; background: #F5F5F5; padding: 91px 0 100px;}
#con1 .top-bx{width: 850px; margin: 0 auto; }
#con1 .top-bx .top-ttl{font-size: 36px; font-weight: bold; letter-spacing: 1.8px; text-align: center; margin-bottom: 125px; position: relative;}
#con1 .top-bx .top-ttl::after{content: ""; width: 1px; height: 60px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -90px;}
#con1 .top-bx .top-ttl1{font-size: 20px; font-weight: bold; letter-spacing: 1px; text-align: center; margin-bottom: 20px;}
#con1 .top-bx .top-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 45px;}
#con1 .top-img{width: 100%; margin: 0 auto 53px; }
#con1 .top-img img{width: 100%; margin: 0 auto; }
#con1 .bx1{width: 1100px; margin: 0 auto 50px; position: relative; background: #fff; padding: 52px 50px 125px; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx1 .inner1{width: 500px; margin-right: auto;}
#con1 .bx1 .inner1 .num{margin-bottom: 26px; margin-left: 2px;}
#con1 .bx1 .inner1 .ttl{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px;}
#con1 .bx1 .inner1 .img{position: absolute; right: 50px; top: 50px;}
#con1 .bx1 .inner1 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2;}
#con1 .bx2{width: 1100px; margin: 0 auto 50px; position: relative; background: #fff; padding: 52px 50px 123px; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx2 .inner2{width: 500px; margin-right: auto;}
#con1 .bx2 .inner2 .num{margin-bottom: 26px; margin-left: 2px;}
#con1 .bx2 .inner2 .ttl{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px;}
#con1 .bx2 .inner2 .img{position: absolute; right: 50px; top: 50px;}
#con1 .bx2 .inner2 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2;}
#con1 .bx3{width: 1100px; margin: 0 auto 50px; position: relative; background: #fff; padding: 52px 50px 92px; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx3 .inner3{width: 500px; margin-right: auto;}
#con1 .bx3 .inner3 .num{margin-bottom: 26px; margin-left: 2px;}
#con1 .bx3 .inner3 .ttl{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px;}
#con1 .bx3 .inner3 .img{position: absolute; right: 50px; top: 50px;}
#con1 .bx3 .inner3 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2;}
#con1 .bx4{width: 1100px; margin: 0 auto 50px; position: relative; background: #fff; padding: 52px 50px 92px; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx4 .inner4{width: 500px; margin-right: auto;}
#con1 .bx4 .inner4 .num{margin-bottom: 26px; margin-left: 2px;}
#con1 .bx4 .inner4 .ttl{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px;}
#con1 .bx4 .inner4 .img{position: absolute; right: 50px; top: 50px;}
#con1 .bx4 .inner4 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2;}
#con1 .bx5{width: 1100px; margin: 0 auto; position: relative; background: #fff; padding: 52px 50px 92px; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx5 .inner5{width: 500px; margin-right: auto;}
#con1 .bx5 .inner5 .num{margin-bottom: 26px; margin-left: 2px;}
#con1 .bx5 .inner5 .ttl{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px;}
#con1 .bx5 .inner5 .img{position: absolute; right: 50px; top: 50px;}
#con1 .bx5 .inner5 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .big-img1{text-align: center; margin-bottom: 150px;}
#con2 .bx .ttl{text-align: center; margin-bottom: 46px;}
#con2 .bx .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; text-align: center; margin-bottom: 135px; padding-left: 8px;}
#con2 .bx .big-img2{width: 100%; margin: 0 auto 70px; }
#con2 .bx .big-img2 img{width: 100%; margin: 0 auto; }


}

@media screen and (max-width: 767px) {
main {line-height: 1.8; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -1vw auto 17vw;}
#main-bx .bx .ttl{width: 86%; margin: 0 auto 12.8vw;}
#main-bx .bx .big-img{width: 100%; margin: 0 auto 15.5vw;}
#main-bx .bx .big-img img{width: 100%; margin: 0 auto;}
#main-bx .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#main-bx .bx .inner .ttl1{font-size:8.213vw; font-weight: bold; letter-spacing: 1.6vw; text-align: center; margin-bottom: 4.5vw; padding-left: 13vw; line-height: 1.66;}
#main-bx .bx .inner .txt{font-size:3.865vw; letter-spacing: 0.2vw; text-align: center; line-height: 2; margin-bottom: 27.5vw; position: relative;}
#main-bx .bx .inner .txt::after{content: ""; width: 1px; height: 14.5vw; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -20.5vw;}
#main-bx .bx .in-bx{width: 90%; margin: 0 auto; position: relative;}
#main-bx .bx .in-bx .in-inner{width: 100%; margin: 0 auto; background: #F5F5F5; padding: 8vw 5vw 6vw}
#main-bx .bx .in-bx .in-inner .ttl2{font-size:7.488vw; font-weight: bold; letter-spacing: 0.4vw; text-align: center; margin-bottom: 3vw;}
#main-bx .bx .in-bx .in-inner .img{margin: 0 auto 6vw;}
#main-bx .bx .in-bx .in-inner .txt1{font-size:3.865vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 10vw;}
#main-bx .bx .in-bx .in-inner .icon{width: 40%; margin-left: auto;}

#con1 {}
#con1 .all-bx{width: 100%; margin: 0 auto; background: #F5F5F5; padding: 17vw 0 8vw;}
#con1 .top-bx{width: 86%; margin: 0 auto; }
#con1 .top-bx .top-ttl{font-size:7.246vw; font-weight: bold; letter-spacing: 0.4vw; text-align: center; line-height: 1.38; margin-bottom: 26.8vw; position: relative; }
#con1 .top-bx .top-ttl::after{content: ""; width: 1px; height: 14vw; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -21vw;}
#con1 .top-bx .top-ttl1{font-size:4.831vw; font-weight: bold; letter-spacing: 0.25vw; line-height: 2; text-align: center; margin-bottom: 5.5vw; width: 100vw; position: relative; left: -6.5vw;}
#con1 .top-bx .top-txt{font-size:3.865vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 10.5vw;}
#con1 .top-img{width: 100%; margin: 0 auto 5.8vw; }
#con1 .top-img img{width: 100%; margin: 0 auto; }
#con1 .bx1{width: 94%; margin: 0 auto 7vw; position: relative; background: #fff; padding: 7.8vw 6vw; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx1 .inner1{ margin: 0 auto 5vw;}
#con1 .bx1 .inner1 .num{width: 11.5vw; margin: 0 auto 9vw; }
#con1 .bx1 .inner1 .ttl{font-size:4.831vw; font-weight: bold; text-align: center; line-height: 1.9; letter-spacing: 0.2vw; margin-bottom: 6vw;}
#con1 .bx1 .inner1 .img{margin: 0 auto 6vw;}
#con1 .bx1 .inner1 .txt{font-size:3.865vw; letter-spacing: 0.8px; line-height: 2.02;}
#con1 .bx2{width: 94%; margin: 0 auto 7vw; position: relative; background: #fff; padding: 7.8vw 6vw; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx2 .inner2{ margin: 0 auto 5vw;}
#con1 .bx2 .inner2 .num{width: 14.5vw; margin: 0 auto 9vw; }
#con1 .bx2 .inner2 .ttl{font-size:4.831vw; font-weight: bold; text-align: center; line-height: 1.93; letter-spacing: 0.2vw; margin-bottom: 6vw;}
#con1 .bx2 .inner2 .img{margin: 0 auto 6vw;}
#con1 .bx2 .inner2 .txt{font-size:3.865vw; letter-spacing: 0.8px; line-height: 2.02;}
#con1 .bx3{width: 94%; margin: 0 auto 7vw; position: relative; background: #fff; padding: 7.8vw 6vw; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx3 .inner3{ margin: 0 auto 5vw;}
#con1 .bx3 .inner3 .num{width: 14.5vw; margin: 0 auto 9vw; }
#con1 .bx3 .inner3 .ttl{font-size:4.831vw; font-weight: bold; text-align: center; line-height: 1.93; letter-spacing: 0.2vw; margin-bottom: 6vw;}
#con1 .bx3 .inner3 .img{margin: 0 auto 6vw;}
#con1 .bx3 .inner3 .txt{font-size:3.865vw; letter-spacing: 0.8px; line-height: 2;}
#con1 .bx4{width: 94%; margin: 0 auto 7vw; position: relative; background: #fff; padding: 7.8vw 6vw 8vw; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx4 .inner4{ margin: 0 auto 5vw;}
#con1 .bx4 .inner4 .num{width: 15vw; margin: 0 auto 9vw; }
#con1 .bx4 .inner4 .ttl{font-size:4.831vw; font-weight: bold; text-align: center; line-height: 2; letter-spacing: 0.2vw; margin-bottom: 6vw;}
#con1 .bx4 .inner4 .img{margin: 0 auto 5.5vw;}
#con1 .bx4 .inner4 .txt{font-size:3.865vw; letter-spacing: 0.8px; line-height: 2;}
#con1 .bx5{width: 94%; margin: 0 auto 7vw; position: relative; background: #fff; padding: 7.8vw 6vw; box-shadow: 0px 3px 10px -3px rgba(10,10,10,0.39);}
#con1 .bx5 .inner5{ margin: 0 auto 5vw;}
#con1 .bx5 .inner5 .num{width: 15vw; margin: 0 auto 9vw; }
#con1 .bx5 .inner5 .ttl{font-size:4.831vw; font-weight: bold; text-align: center; line-height: 2; letter-spacing: 0.2vw; margin-bottom: 6vw;}
#con1 .bx5 .inner5 .img{margin: 0 auto 6vw;}
#con1 .bx5 .inner5 .txt{font-size:3.865vw; letter-spacing: 0.8px; line-height: 1.98;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .big-img1{width: 100%; margin: 0 auto 20vw;}
#con2 .bx .ttl{width: 62%; margin: 0 auto 6vw; padding-left: 3vw;}
#con2 .bx .txt{font-size:3.865vw; letter-spacing: 0.2vw; line-height: 2; text-align: center; margin-bottom: 6vw; padding-left: 0.5vw;}
#con2 .bx .big-img2{width: 100%; margin: 0 auto 5vw; }
#con2 .bx .big-img2 img{width: 100%; margin: 0 auto; }
}