@charset "UTF-8";
@media screen and (min-width: 768px),print {

#works .main-title{background: url(../images/works/h1.png)no-repeat top center;margin-bottom: -50px;}
main{width: 100%!important; margin: 0 auto;}
#sys-bx {width: 1100px; margin: 0 auto;}

#con1 {}
#con1 .main-bx{width: 100%; margin: 0 auto 117px; background: #E6E6E6; padding: 100px 0 80px;}
#con1 .bx{width: 1100px; margin: 0 auto; margin-top: -130px; position: relative; z-index: 1;}
#con1 .bx .ttl{width: 644px; margin: 0 auto 22px; font-size: 26px; font-weight: bold; letter-spacing: 2.5px; line-height: 1.6; text-align: center; color: #fff; background: #000; padding: 15px 10px;}
#con1 .bx .txt{font-size: 16px; letter-spacing: 0px; line-height: 1.9; text-align: center; margin-bottom: 70px;}
#con1 .bx .in-bx{width: 960px; margin: 0 auto; background: #fff; padding: 60px 0 40px;}
#con1 .bx .in-bx .in-inner{margin-top: -80px;}
#con1 .bx .in-bx .in-inner .in-ttl{width: 170px; margin: 0 auto 25px; font-size: 24px; font-weight: bold; letter-spacing: 4px; line-height: 1.6; text-align: center; border: solid 2px #000; padding: 10px 0 5px; background: #fff;}
#con1 .bx .in-bx .in-inner .in-txt{font-size: 16px; letter-spacing: 0px; line-height: 1.9; text-align: center;  margin-bottom: 10px;}

}
@media screen and (max-width: 767px) {
#works .main-title{background: url(../images/works/sp-h1.png)no-repeat top center;background-size: 100% auto;margin-bottom: -5vw;}
#sys-bx {width: 90%; margin: 0 auto;}

#con1 {}
#con1 .main-bx{width: 100%; margin: 0 auto 12vw; background: #E6E6E6; padding: 10vw 0 9vw;}
#con1 .bx{width: 95%; margin: 0 auto; margin-top: -15vw; position: relative; z-index: 1;}
#con1 .bx .ttl{width: 65vw; margin: 0 auto 5vw; font-size: 5.2vw; font-weight: bold; letter-spacing: 0.5vw; line-height: 1.45; text-align: center; color: #fff; background: #000; padding: 2.5vw 0;}
#con1 .bx .txt{font-size: 3.6vw; letter-spacing: 0.3vw; line-height: 2; margin-bottom: 18vw; padding: 0 4vw;}
#con1 .bx .in-bx{width: 94vw; margin: 0 auto; background: #fff; padding: 8vw 0 4vw;}
#con1 .bx .in-bx .in-inner{margin-top: -15vw;}
#con1 .bx .in-bx .in-inner .in-ttl{width: 36.5vw; margin: 0 auto 4.5vw; font-size: 4.8vw; font-weight: bold; letter-spacing: 1vw; line-height: 1.6; text-align: center; border: solid 2px #000; padding: 2vw 0 2vw 1vw; background: #fff;}
#con1 .bx .in-bx .in-inner .in-txt{font-size: 3.6vw; letter-spacing: 0.3vw; line-height: 2; margin-bottom: 18vw; padding: 0 7vw; margin-bottom: 3vw;}

}