@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; letter-spacing: 1px; line-height: 1.8;}
.seo_bread_list {  margin-bottom: 73px;}

#con1 {} 
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/design/con1-bg.png) no-repeat top center #F2F2F2;; padding: 67px 0 110px;} 
#con1 .bx .ttl{margin-bottom: 44px; text-align: center;}
#con1 .bx .ttl1{font-size: 34px; color: #fff; letter-spacing: 1.8px; line-height: 2; text-align: center; margin-bottom: 68px;}
#con1 .bx .inner{width: 900px; margin: 0 auto; background: #fff; padding: 70px 130px 60px; position: relative;}
#con1 .bx .inner::before{content: ""; width: 1px; height: 100px; margin: 0 auto; background: #1A1A1A; position: absolute; left: 0; right: 0; top: -50px; }
#con1 .bx .inner .ttl2{font-size: 29px; letter-spacing: 1.5px; line-height: 1.7; text-align: center; margin-bottom: 30px;}
#con1 .bx .inner .ttl3{font-size: 24px; letter-spacing: 1.3px; line-height: 1.9; text-align: center; margin-bottom: 26px;}
#con1 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; margin-bottom: 33px;}


#con2 {} 
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/design/con2-bg.png) no-repeat top center;; padding: 54px 0 110px;} 
#con2 .bx .inner{width: 1200px; margin: 0 auto; } 
#con2 .bx .inner .ttl{font-size: 34px; letter-spacing: 1.8px; line-height: 2; color: #fff; text-align: center; margin-bottom: 17px;} 
#con2 .bx .inner .ttl1{font-size: 24px; letter-spacing: 1.4px; line-height: 2; background: #fff; width: 600px; margin: 0 auto -80px; border-radius: 75px; padding: 22px 0; text-align: center; position: relative;}
#con2 .bx .inner .img{text-align: center; margin-bottom: 50px;}
#con2 .bx .inner .ttl2{font-size: 29px; letter-spacing: 1.5px; line-height: 1.85; color: #fff; text-align: center; margin-bottom: 17px;} 
#con2 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; color: #fff; text-align: center; margin-bottom: 50px;} 
#con2 .bx .inner .list{padding-right: 30px; 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 .inner .list li{width: 340px; margin-right: 40px;}
#con2 .bx .inner .list li:last-child{margin-right: 0;}


#all-bx{width: 100%; max-width: 1920px; margin: -310px auto 126px; background: #F2F2F2; padding: 270px 0 20px;} 

#con3 {} 
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px;  }
#con3 .bx .inner{width: 1100px; margin: 0 auto; } 
#con3 .bx .inner .bx1{width: 1100px; margin: 0 auto; background: #fff; padding: 80px 70px 45px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); }
#con3 .bx .inner .bx1 .inner1{width: 535px; margin-right: auto; } 
#con3 .bx .inner .bx1 .inner1 .num{font-size: 110px; letter-spacing: 0; line-height: 0; color: #E6E6E6; position: absolute; left: 70px; top: 125px;}
#con3 .bx .inner .bx1 .inner1 .ttl{font-size: 30px; letter-spacing: 1.5px; line-height: 1.6; padding-left: 147px; margin-bottom: 68px;}
#con3 .bx .inner .bx1 .inner1 .ttl1{font-size: 24px; letter-spacing: 1.15px; line-height: 1.6; padding-bottom: 22px; margin-bottom: 25px; position: relative;}
#con3 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 524px; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con3 .bx .inner .bx1 .inner1 .img1{position: absolute; right: 70px; top: 70px;}
#con3 .bx .inner .bx1 .inner1 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 35px;}
#con3 .bx .inner .bx1 .inner1 .img2{position: absolute; right: 70px; top: 340px;}

#con4 {} 
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px;  }
#con4 .bx .inner{width: 1100px; margin: 0 auto; } 
#con4 .bx .inner .bx1{width: 1100px; margin: 0 auto; background: #fff; padding: 80px 70px 45px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); }
#con4 .bx .inner .bx1 .inner1{width: 535px; margin-right: auto; } 
#con4 .bx .inner .bx1 .inner1 .num{font-size: 110px; letter-spacing: 0; line-height: 0; color: #E6E6E6; position: absolute; left: 70px; top: 125px;}
#con4 .bx .inner .bx1 .inner1 .ttl{font-size: 30px; letter-spacing: 1.5px; line-height: 1.6; padding-left: 147px; margin-bottom: 68px;}
#con4 .bx .inner .bx1 .inner1 .ttl1{font-size: 24px; letter-spacing: 1.15px; line-height: 1.6; padding-bottom: 22px; margin-bottom: 25px; position: relative;}
#con4 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 524px; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con4 .bx .inner .bx1 .inner1 .img1{position: absolute; right: 70px; top: 70px;}
#con4 .bx .inner .bx1 .inner1 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 35px;}
#con4 .bx .inner .bx1 .inner1 .img2{position: absolute; right: 70px; top: 340px;}

#con5 {} 
#con5 .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px;  }
#con5 .bx .inner{width: 1100px; margin: 0 auto; } 
#con5 .bx .inner .bx1{width: 1100px; margin: 0 auto; background: #fff; padding: 80px 70px 40px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); }
#con5 .bx .inner .bx1 .inner1{width: 535px; margin-right: auto; } 
#con5 .bx .inner .bx1 .inner1 .num{font-size: 110px; letter-spacing: 0; line-height: 0; color: #E6E6E6; position: absolute; left: 70px; top: 125px;}
#con5 .bx .inner .bx1 .inner1 .ttl{font-size: 30px; letter-spacing: 1.5px; line-height: 1.6; padding-left: 147px; margin-bottom: 68px;}
#con5 .bx .inner .bx1 .inner1 .ttl1{font-size: 24px; letter-spacing: 1.15px; line-height: 1.6; padding-bottom: 22px; margin-bottom: 25px; position: relative;}
#con5 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 524px; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con5 .bx .inner .bx1 .inner1 .img1{position: absolute; right: 70px; top: 70px;}
#con5 .bx .inner .bx1 .inner1 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 35px;}
#con5 .bx .inner .bx1 .inner1 .img2{position: absolute; right: 70px; top: 360px;}

#con6 {} 
#con6 .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px;  }
#con6 .bx .inner{width: 1100px; margin: 0 auto; } 
#con6 .bx .inner .bx1{width: 1100px; margin: 0 auto; background: #fff; padding: 80px 70px 40px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); }
#con6 .bx .inner .bx1 .inner1{width: 535px; margin-right: auto; } 
#con6 .bx .inner .bx1 .inner1 .num{font-size: 110px; letter-spacing: 0; line-height: 0; color: #E6E6E6; position: absolute; left: 70px; top: 125px;}
#con6 .bx .inner .bx1 .inner1 .ttl{font-size: 30px; letter-spacing: 1.5px; line-height: 1.6; padding-left: 147px; margin-bottom: 68px;}
#con6 .bx .inner .bx1 .inner1 .ttl1{font-size: 24px; letter-spacing: 1.15px; line-height: 1.6; padding-bottom: 22px; margin-bottom: 25px; position: relative;}
#con6 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 524px; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con6 .bx .inner .bx1 .inner1 .img1{position: absolute; right: 70px; top: 70px;}
#con6 .bx .inner .bx1 .inner1 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 35px;}
#con6 .bx .inner .bx1 .inner1 .img2{position: absolute; right: 70px; top: 390px;}

#con-last {}
#con-last .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px; padding: 460px 0 90px ; background: url(../images/design/con-last-bg.png) no-repeat top center, linear-gradient(180deg, #fff 0%, #fff 420px, #F2F2F2 420px, #F2F2F2 100%);}
#con-last .bx .inner{width: 800px; margin: 0 auto; background: #fff; padding: 62px 64px; position: relative;}
#con-last .bx .inner .ttl{font-size: 29px; letter-spacing: 1px; line-height: 1.65; position: absolute; left: 60px; top: 40px;}
#con-last .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; padding-left: 256px;}


#main-inc1{width: 1100px; margin: 0 auto; padding-left: 43px;}

}

@media screen and (max-width: 767px) {
main{letter-spacing: 0.3vw; line-height: 1.8;}
h1.main-title {margin: 0 auto 8vw;}


#con1 {} 
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/design/sp-con1-bg.png) no-repeat top center #F2F2F2;; padding: 12vw 0 16vw; background-size: 100%;} 
#con1 .bx .ttl{width: 100%; margin: 0 auto 8vw; text-align: center;}
#con1 .bx .ttl img{width: 14.3vw;}
#con1 .bx .ttl1{font-size: 5.6vw; color: #fff; letter-spacing: 0.5vw; line-height: 1.75; text-align: center; margin-bottom: 12vw;}
#con1 .bx .inner{width: 100%; margin: 0 auto; background: #fff; padding: 16vw 4vw 4vw; position: relative;}
#con1 .bx .inner::before{content: ""; width: 1px; height: 17vw; margin: 0 auto; background: #1A1A1A; position: absolute; left: 0; right: 0; top: -10vw; }
#con1 .bx .inner .ttl2{font-size: 5vw; letter-spacing: 0.1vw; line-height: 1.7; text-align: center; margin-bottom: 6vw;}
#con1 .bx .inner .ttl3{font-size: 4.8vw; letter-spacing: 0vw; line-height: 1.9; text-align: center; margin-bottom: 3vw;}
#con1 .bx .inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 5vw; padding: 0 5vw;}


#con2 {} 
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/design/sp-con2-bg.png) no-repeat top center;; padding: 10vw 0 10vw; background-size: 100%;} 
#con2 .bx .inner{width: 100%; margin: 0 auto; } 
#con2 .bx .inner .ttl{font-size: 5.6vw; color: #fff; letter-spacing: 0.5vw; line-height: 1.75; text-align: center; margin-bottom: 6vw; }
#con2 .bx .inner .ttl1{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.95; background: #fff; width: 92%; margin: 0 auto -4vw; border-radius: 15vw; padding: 3vw 0; text-align: center; position: relative;}
#con2 .bx .inner .img{text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner .ttl2{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.8; color: #fff; text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 2; color: #fff; margin-bottom: 6vw; padding: 0 5vw 0 9vw;}
#con2 .bx .inner .list{ }
#con2 .bx .inner .list li{width: 90%; margin: 0 auto;}
#con2 .bx .inner .list li:last-child{margin-bottom: 0;}


#all-bx{width: 100%; margin: -3vw auto 10vw; background: #F2F2F2; padding: 14vw 0 4vw; }

#con3 {} 
#con3 .bx{width: 100%; margin: 0 auto 8vw;  }
#con3 .bx .inner{width: 100%; margin: 0 auto; } 
#con3 .bx .inner .bx1{width: 100%; margin: 0 auto; background: #fff; padding: 15vw 5.5vw 12vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con3 .bx .inner .bx1 .inner1{width: 92%; margin: 0 auto;} 
#con3 .bx .inner .bx1 .inner1 .num{font-size: 15vw; letter-spacing: 0; line-height: 0; color: #E6E6E6; text-align: center; margin-bottom: 9vw; padding-right: 3vw;}
#con3 .bx .inner .bx1 .inner1 .ttl{font-size: 6vw; letter-spacing: 0.1vw; line-height: 1.55; text-align: center; margin-bottom: 5vw;}
#con3 .bx .inner .bx1 .inner1 .ttl1{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; padding-bottom: 4vw; margin-bottom: 7.5vw; position: relative;}
#con3 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 100%; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con3 .bx .inner .bx1 .inner1 .img1{margin: 0 auto 6vw;}
#con3 .bx .inner .bx1 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 5.5vw;}
#con3 .bx .inner .bx1 .inner1 .img2{margin: 0 auto;}

#con4 {} 
#con4 .bx{width: 100%; margin: 0 auto 8vw;  }
#con4 .bx .inner{width: 100%; margin: 0 auto; } 
#con4 .bx .inner .bx1{width: 100%; margin: 0 auto; background: #fff; padding: 15vw 5.5vw 12vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con4 .bx .inner .bx1 .inner1{width: 92%; margin: 0 auto;} 
#con4 .bx .inner .bx1 .inner1 .num{font-size: 15vw; letter-spacing: 0; line-height: 0; color: #E6E6E6; text-align: center; margin-bottom: 9vw; padding-right: 3vw;}
#con4 .bx .inner .bx1 .inner1 .ttl{font-size: 6vw; letter-spacing: 0.1vw; line-height: 1.55; text-align: center; margin-bottom: 5vw;}
#con4 .bx .inner .bx1 .inner1 .ttl1{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; padding-bottom: 4vw; margin-bottom: 7.5vw; position: relative;}
#con4 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 100%; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con4 .bx .inner .bx1 .inner1 .img1{margin: 0 auto 6vw;}
#con4 .bx .inner .bx1 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 4.5vw;}
#con4 .bx .inner .bx1 .inner1 .img2{margin: 0 auto;}

#con5 {} 
#con5 .bx{width: 100%; margin: 0 auto 8vw;  }
#con5 .bx .inner{width: 100%; margin: 0 auto; } 
#con5 .bx .inner .bx1{width: 100%; margin: 0 auto; background: #fff; padding: 15vw 5.5vw 12vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con5 .bx .inner .bx1 .inner1{width: 92%; margin: 0 auto;} 
#con5 .bx .inner .bx1 .inner1 .num{font-size: 15vw; letter-spacing: 0; line-height: 0; color: #E6E6E6; text-align: center; margin-bottom: 9vw; padding-right: 3vw;}
#con5 .bx .inner .bx1 .inner1 .ttl{font-size: 6vw; letter-spacing: 0.1vw; line-height: 1.55; text-align: center; margin-bottom: 5vw;}
#con5 .bx .inner .bx1 .inner1 .ttl1{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; padding-bottom: 4vw; margin-bottom: 7.5vw; position: relative;}
#con5 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 100%; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con5 .bx .inner .bx1 .inner1 .img1{margin: 0 auto 6vw;}
#con5 .bx .inner .bx1 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 5.5vw;}
#con5 .bx .inner .bx1 .inner1 .img2{margin: 0 auto;}

#con6 {} 
#con6 .bx{width: 100%; margin: 0 auto 8vw;  }
#con6 .bx .inner{width: 100%; margin: 0 auto; } 
#con6 .bx .inner .bx1{width: 100%; margin: 0 auto; background: #fff; padding: 15vw 5.5vw 12vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con6 .bx .inner .bx1 .inner1{width: 92%; margin: 0 auto;} 
#con6 .bx .inner .bx1 .inner1 .num{font-size: 15vw; letter-spacing: 0; line-height: 0; color: #E6E6E6; text-align: center; margin-bottom: 9vw; padding-right: 3vw;}
#con6 .bx .inner .bx1 .inner1 .ttl{font-size: 6vw; letter-spacing: 0.1vw; line-height: 1.55; text-align: center; margin-bottom: 5vw;}
#con6 .bx .inner .bx1 .inner1 .ttl1{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; padding-bottom: 4vw; margin-bottom: 7.5vw; position: relative;}
#con6 .bx .inner .bx1 .inner1 .ttl1::after{content: ""; width: 100%; height: 1px; background: #1A1A1A; position: absolute; left: 0; right: 0; bottom: 0;}
#con6 .bx .inner .bx1 .inner1 .img1{margin: 0 auto 6vw;}
#con6 .bx .inner .bx1 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 5.5vw;}
#con6 .bx .inner .bx1 .inner1 .img2{margin: 0 auto;}


#con-last {}
#con-last .bx{width: 100%; margin: 0 auto 11vw; padding: 53vw 0 10vw ; background: url(../images/design/sp-con-last-bg.png) no-repeat top center, linear-gradient(180deg, #fff 0%, #fff 50vw, #F2F2F2 50vw, #F2F2F2 100%); background-size: 100%;}
#con-last .bx .inner{width: 90%; margin: 0 auto; background: #fff; padding: 7vw 5vw 9vw;}
#con-last .bx .inner .ttl{font-size: 5vw; letter-spacing: 0.2vw; line-height: 1.9; text-align: center; margin-bottom: 2vw;}
#con-last .bx .inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9;}

}