@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;}

#all-bg1 {width: 100%; max-width: 1920px; margin: 0 auto -140px; background: url(../images/dictionary/all-bg1.png) no-repeat; padding: 140px 0;}
#all-bg2 {width: 100%; max-width: 1920px; margin: 0 auto -140px; background: url(../images/dictionary/all-bg2.png) no-repeat; padding: 140px 0;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto 85px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-inner{width: 338px; margin-right: auto; margin-left: 40px; position: relative; z-index: 1;}
#con1 .bx .inner .in-inner .ttl{font-size: 28px; font-weight: 500; margin-bottom: 1px; line-height: 1.6;}
#con1 .bx .inner .in-inner .txt{font-size: 16px; color: #fff; background: #A28756; padding: 5px 0px 0px 10px; margin-bottom: 12px; letter-spacing: 0;}
#con1 .bx .inner .in-inner .ttl1{font-size: 29px; background: #fff; width: 260px; padding: 0px 0px 0px 10px; letter-spacing: 0;}
#con1 .bx .inner .img{position: absolute; right: 40px; top: -85px;}

#sys-bg1 {width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/dictionary/sys-bg1.png) no-repeat top center; padding: 0 0 140px; position: relative; z-index: 10;}
#sys-bg2 {width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/dictionary/sys-bg2.png) no-repeat bottom center; padding: 0 0 140px; position: relative; z-index: 10; top: 110px;}
#sys-inner {width: 1100px; margin: -30px auto 0; background: #fff; position: relative; z-index: 10}
#sys-inner .sys-ttl{width: 347px; margin-bottom: 34px; font-size: 24px; text-align: center; color: #fff; background: #A28756; padding: 5px 10px 5px 5px; letter-spacing: 0;}


}




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

#all-bg1 {width: 100%; margin: 0 auto -10vw; background: url(../images/dictionary/all-bg1.png) no-repeat; padding: 14vw 0; }
#all-bg2 {width: 100%; margin: 5vw auto -31vw; background: url(../images/dictionary/all-bg2.png) no-repeat; padding: 14vw 0; }

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 2vw;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-inner{width: 73%; margin-left: 3vw; position: relative; z-index: 1;}
#con1 .bx .inner .in-inner .ttl{font-size: 5.4vw; font-weight: 500; margin-bottom: 0; line-height: 1.6;}
#con1 .bx .inner .in-inner .txt{font-size: 3.35vw; color: #fff; background: #A28756; padding: 1vw 0px 1vw 2vw; margin-bottom: 2vw; letter-spacing: 0.5vw; width: 69%;}
#con1 .bx .inner .in-inner .ttl1{font-size: 6vw; background: #fff; width: 75%; padding: 0px 0px 0px 2vw; letter-spacing: 0.2vw;}
#con1 .bx .inner .img{width: 72%; position: absolute; right: 0vw; top: -6vw;}

#sys-bg1 {width: 100%; margin: 0 auto; background: url(../images/dictionary/sys-bg1.png) no-repeat top center; padding: 7vw 0 14vw; position: relative; z-index: 10; background-size: 100%;}
#sys-bg2 {width: 100%; margin: 0 auto; background: url(../images/dictionary/sys-bg2.png) no-repeat bottom center; padding: 0 0 14vw; position: relative; z-index: 10; top: 10vw; background-size: 100%;}
#sys-inner {width: 100%; margin: -8vw auto 0; background: #fff; position: relative; z-index: 10}
#sys-inner .sys-ttl{width: 56%; margin-bottom: 5vw; font-size: 4.2vw; text-align: center; color: #fff; background: #A28756; padding: 1vw 1vw 1vw 1vw; letter-spacing: 0.4vw; margin-left: 3vw;}





}