@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: 55px;}

#con1 {} 
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/worksite/con1-bg.png) no-repeat top center #F2F2F2;; padding: 67px 0 30px;} 
#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 23px; 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;}

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

#con2 {} 
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/worksite/con2-bg.png) no-repeat top center;; padding: 75px 0 10px;} 
#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: 67px;} 

#con2 .bx .inner .bx1{width: 1100px; margin: 0 auto 110px; background: #fff; padding: 80px 70px 33px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .bx1 .num{text-align: center; margin-bottom: 16px; margin-top: -130px;}
#con2 .bx .inner .bx1 .ttl1{font-size: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 50px;}
#con2 .bx .inner .bx1 .inner1{width: 524px; margin-left: auto;}
#con2 .bx .inner .bx1 .inner1 .ttl2{font-size: 21px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px;}
#con2 .bx .inner .bx1 .inner1 .img{position: absolute; left: 70px; top: 187px;}
#con2 .bx .inner .bx1 .inner1 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 1.95; margin-bottom: 36px;}

#con2 .bx .inner .bx2{width: 1100px; margin: 0 auto 110px; background: #fff; padding: 80px 70px 26px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .bx2 .num{text-align: center; margin-bottom: 13px; margin-top: -130px;}
#con2 .bx .inner .bx2 .ttl1{font-size: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 40px; padding-bottom: 8px;}
#con2 .bx .inner .bx2 .inner1{width: 524px; margin-left: auto;}
#con2 .bx .inner .bx2 .inner1 .ttl2{font-size: 21px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px;}
#con2 .bx .inner .bx2 .inner1 .img{position: absolute; left: 70px; top: 183px;}
#con2 .bx .inner .bx2 .inner1 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 2.05; margin-bottom: 36px;}

#con2 .bx .inner .bx3{width: 1100px; margin: 0 auto 110px; background: #fff; padding: 80px 70px 26px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .bx3 .num{text-align: center; margin-bottom: 13px; margin-top: -130px;}
#con2 .bx .inner .bx3 .ttl1{font-size: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 40px; padding-bottom: 8px;}
#con2 .bx .inner .bx3 .inner1{width: 524px; margin-left: auto;}
#con2 .bx .inner .bx3 .inner1 .ttl2{font-size: 21px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px;}
#con2 .bx .inner .bx3 .inner1 .img{position: absolute; left: 70px; top: 183px;}
#con2 .bx .inner .bx3 .inner1 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 2.05; margin-bottom: 36px;}

#con2 .bx .inner .bx4{width: 1100px; margin: 0 auto 110px; background: #fff; padding: 80px 70px 19px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .bx4 .num{text-align: center; margin-bottom: 16px; margin-top: -130px;}
#con2 .bx .inner .bx4 .ttl1{font-size: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 40px; padding-bottom: 8px;}
#con2 .bx .inner .bx4 .inner1{width: 524px; margin-left: auto;}
#con2 .bx .inner .bx4 .inner1 .ttl2{font-size: 21px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px;}
#con2 .bx .inner .bx4 .inner1 .img{position: absolute; left: 70px; top: 188px;}
#con2 .bx .inner .bx4 .inner1 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 2.05; margin-bottom: 36px;}

#con2 .bx .inner .bx5{width: 1100px; margin: 0 auto 110px; background: #fff; padding: 80px 70px 56px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .bx5 .num{text-align: center; margin-bottom: 13px; margin-top: -130px;}
#con2 .bx .inner .bx5 .ttl1{font-size: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 40px; padding-bottom: 8px;}
#con2 .bx .inner .bx5 .inner1{width: 524px; margin-left: auto;}
#con2 .bx .inner .bx5 .inner1 .ttl2{font-size: 21px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px;}
#con2 .bx .inner .bx5 .inner1 .img{position: absolute; left: 70px; top: 184px;}
#con2 .bx .inner .bx5 .inner1 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 2.05; margin-bottom: 36px;}

#con2 .bx .inner .bx6{width: 1100px; margin: 0 auto 90px; background: #fff; padding: 80px 70px 54px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .bx6 .num{text-align: center; margin-bottom: 16px; margin-top: -130px;}
#con2 .bx .inner .bx6 .ttl1{font-size: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 40px; padding-bottom: 8px;}
#con2 .bx .inner .bx6 .inner1{width: 524px; margin-left: auto;}
#con2 .bx .inner .bx6 .inner1 .ttl2{font-size: 21px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px;}
#con2 .bx .inner .bx6 .inner1 .img{position: absolute; left: 70px; top: 185px;}
#con2 .bx .inner .bx6 .inner1 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 2.05; margin-bottom: 36px;}


#con-last {}
#con-last .bx{width: 100%; max-width: 1920px; margin: 0 auto 100px; padding: 460px 0 90px ; background: url(../images/worksite/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: 33px 64px 44px; position: relative;}
#con-last .bx .inner .ttl{font-size: 29px; letter-spacing: 1.5px; line-height: 2.1; text-align: center;}
#con-last .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; text-align: center;}

#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/worksite/sp-con1-bg.png) no-repeat top center #F2F2F2;; padding: 12vw 0 5vw; background-size: 100%;} 
#con1 .bx .ttl{width: 100%; margin: 0 auto 8vw; text-align: center;}
#con1 .bx .ttl img{width: 12vw;}
#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;}

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

#con2 {} 
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/worksite/sp-con2-bg.png) no-repeat top center;; padding: 9vw 0 5vw;} 
#con2 .bx .inner{width: 100%; margin: 0 auto; } 
#con2 .bx .inner .ttl{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; color: #fff; text-align: center; margin-bottom: 13vw;} 

#con2 .bx .inner .bx1{width: 100%; margin: 0 auto 17vw; background: #fff; padding: 8vw 7vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .bx1 .num{text-align: center; margin-bottom: 4vw; margin-top: -16vw;}
#con2 .bx .inner .bx1 .num img{width: 23%;}
#con2 .bx .inner .bx1 .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 5.5vw; padding: 0 5vw 2.5vw;}
#con2 .bx .inner .bx1 .inner1{width: 95%; margin: 0 auto;}
#con2 .bx .inner .bx1 .inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .bx1 .inner1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .bx1 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.98; margin-bottom: 5vw;}

#con2 .bx .inner .bx2{width: 100%; margin: 0 auto 17vw; background: #fff; padding: 8vw 7vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .bx2 .num{text-align: center; margin-bottom: 4vw; margin-top: -16vw;}
#con2 .bx .inner .bx2 .num img{width: 23%;}
#con2 .bx .inner .bx2 .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 5.5vw; padding: 0 5vw 2.5vw;}
#con2 .bx .inner .bx2 .inner1{width: 95%; margin: 0 auto;}
#con2 .bx .inner .bx2 .inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .bx2 .inner1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .bx2 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 5vw;}

#con2 .bx .inner .bx3{width: 100%; margin: 0 auto 17vw; background: #fff; padding: 8vw 7vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .bx3 .num{text-align: center; margin-bottom: 4vw; margin-top: -16vw;}
#con2 .bx .inner .bx3 .num img{width: 23%;}
#con2 .bx .inner .bx3 .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 5.5vw; padding: 0 5vw 2.5vw;}
#con2 .bx .inner .bx3 .inner1{width: 95%; margin: 0 auto;}
#con2 .bx .inner .bx3 .inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .bx3 .inner1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .bx3 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 5vw;}

#con2 .bx .inner .bx4{width: 100%; margin: 0 auto 17vw; background: #fff; padding: 8vw 7vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .bx4 .num{text-align: center; margin-bottom: 4vw; margin-top: -16vw;}
#con2 .bx .inner .bx4 .num img{width: 23%;}
#con2 .bx .inner .bx4 .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 5.5vw; padding: 0 5vw 2.5vw;}
#con2 .bx .inner .bx4 .inner1{width: 95%; margin: 0 auto;}
#con2 .bx .inner .bx4 .inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .bx4 .inner1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .bx4 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 5vw;}

#con2 .bx .inner .bx5{width: 100%; margin: 0 auto 17vw; background: #fff; padding: 8vw 7vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .bx5 .num{text-align: center; margin-bottom: 4vw; margin-top: -16vw;}
#con2 .bx .inner .bx5 .num img{width: 23%;}
#con2 .bx .inner .bx5 .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 5.5vw; padding: 0 5vw 2.5vw;}
#con2 .bx .inner .bx5 .inner1{width: 95%; margin: 0 auto;}
#con2 .bx .inner .bx5 .inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .bx5 .inner1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .bx5 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 5vw;}

#con2 .bx .inner .bx6{width: 100%; margin: 0 auto 10vw; background: #fff; padding: 8vw 7vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .bx6 .num{text-align: center; margin-bottom: 4vw; margin-top: -16vw;}
#con2 .bx .inner .bx6 .num img{width: 23%;}
#con2 .bx .inner .bx6 .ttl1{font-size: 5.8vw; letter-spacing: 0.2vw; text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 5.5vw; padding: 0 5vw 2.5vw;}
#con2 .bx .inner .bx6 .inner1{width: 95%; margin: 0 auto;}
#con2 .bx .inner .bx6 .inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .bx6 .inner1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .bx6 .inner1 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 5vw;}


#con-last {}
#con-last .bx{width: 100%; margin: 0 auto 11vw; padding: 39vw 0 10vw ; background: url(../images/worksite/sp-con-last-bg.png) no-repeat top center, linear-gradient(180deg, #fff 0%, #fff 40vw, #F2F2F2 40vw, #F2F2F2 100%); background-size: 100%;}
#con-last .bx .inner{width: 90%; margin: 0 auto; background: #fff; padding: 8vw 5vw 9vw;}
#con-last .bx .inner .ttl{font-size: 5.1vw; 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; text-align: center;}

}