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

#con1 {margin-bottom: 100px;}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: #F2F2F2; padding: 80px 0;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .img{position: absolute; left: 0; top: -30px;}
#con1 .bx .inner .in-inner{width: 540px; margin-left: auto; background: #fff; padding: 30px 50px 42px; position: relative;}
#con1 .bx .inner .in-inner .icon{text-align: center; margin-bottom: 15px;}
#con1 .bx .inner .in-inner .ttl{font-size: 25px; letter-spacing: 1px; line-height: 1.85; text-align: center; margin-bottom: 17px;}
#con1 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; text-align: center;}


}




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

#con1 {
    margin-bottom: 14vw;
}
#con1 .bx{width: 100%; margin: 0 auto; background: #F2F2F2; padding: 0 0 8vw;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .img{margin-bottom: -7vw;}
#con1 .bx .inner .in-inner{width: 94%; margin: 0 auto 2vw; background: #fff; padding: 8vw 7vw 11vw; position: relative;}
#con1 .bx .inner .in-inner .icon{width: 82vw; text-align: center; margin-bottom: 3vw;}
#con1 .bx .inner .in-inner .ttl{font-size: 4.75vw; letter-spacing: 0.3vw; line-height: 1.85; text-align: center; margin-bottom: 4vw; padding-left: 2vw;}
#con1 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.8; }


}