@charset "UTF-8";
@media screen and (min-width: 768px), print {
    
main#page-service{ width: 100% !important; margin: 0 auto !important;}
.page-service-box{background: url(../images/mansion/con1-bg-img.png) repeat;padding: 152px 0 155px 0;margin-top: 30px;margin-bottom: -120px;}

.ttl-box{}
.ttl-box .ttl-box-frame{width: 1760px;margin:0 auto 0 auto;background-color:#E8E5D2;padding: 118px 0 60px 0;position:relative;}
.ttl-box .ttl-box-frame .ttl-en{position: absolute;top: -114px;left: 241px;}
.ttl-box .ttl-box-frame .main-txt{text-align: center;font-size: 22px;line-height: 2.8;letter-spacing: 1px;}
.ttl-box .ttl-box-frame .illust{position: absolute;bottom: 65px;right: 113px;}

.long-photo{text-align: center;margin: 0 0 173px 0;}
.long-photo img{width: 100%;}

.servicelist-box{}
.servicelist-box .mainttlframe{margin: 0 0 115px 0;}
.servicelist-box .mainttlframe .ttl-en{text-align: center;font-size: 46px;line-height: 1.6;letter-spacing: 2px;font-weight: 600;color: #A78A37;margin: 0 0 20px 0;}
.servicelist-box .mainttlframe .mainttl{ color: #1A1A1A; text-align: center; font-size: 24px; line-height: 1.6; letter-spacing: 1px; }

.list-head-item{ text-align: center; position:relative; top:-1px;}
.service-frame{width: 1760px;padding: 180px 230px 54px 240px;margin: 0 auto 117px;border:2px solid #1A1A1A;background-color:#fff;background-image:url(../images/service/h-bg.png);background-position:left 0px top 0px;background-repeat:repeat-x;}
.service-frame .mainttl{margin: 0 0 105px 0;}
.service-frame .list-menu-frame{
display:-webkit-box;display:-ms-flexbox;display:flex;
-ms-flex-wrap: wrap;flex-wrap: wrap;
-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.service-frame .list-menu-frame li{width: 565px;margin: 0 150px 93px 0;position:relative;padding: 0px 0px 80px 0px;} 
.service-frame .list-menu-frame li:nth-child(2n){margin:0 0px 100px 0;}
.service-frame .list-menu-frame li .photo{    margin: 0 0 18px 0;}
.service-frame .list-menu-frame li .menu-subttl{font-size: 20px;line-height: 1.6;letter-spacing: 1px;@ma: ;margin: 0 0 15px 0;}
.service-frame .list-menu-frame li .txt{font-size: 16px;line-height: 2;letter-spacing: 1px;}
.service-frame .list-menu-frame li .link-btn{position: absolute; bottom:0; left:0;}
}


/* ========================================
@media screen and (min-width:768px) and ( max-width:1800px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1800px) {
.ttl-box {}
.ttl-box .ttl-box-frame { width:97.77vw; margin:0 auto 0 auto; background-color:#E8E5D2; padding:6.55vw 0 3.33vw 0; position:relative; }
.ttl-box .ttl-box-frame .ttl-en {position:absolute;top:-6.33vw;left:13.38vw;width: 18vw;}
.ttl-box .ttl-box-frame .ttl-en img{ width: 100%;}
.ttl-box .ttl-box-frame .main-txt { text-align:center; font-size:1.22vw; line-height:2.8; letter-spacing:0.25vw; }
.ttl-box .ttl-box-frame .illust {position:absolute;bottom:3.61vw;right:6.27vw;width: 18vw;}
.ttl-box .ttl-box-frame .illust img{ width: 100%;}

.servicelist-box .mainttlframe { margin:0 0 6.38vw 0; }
.servicelist-box .mainttlframe .ttl-en { text-align:center; font-size:2.55vw; line-height:1.6; letter-spacing:0.25vw; font-weight:600; color:#A78A37; margin:0 0 1.11vw 0; }
.servicelist-box .mainttlframe .mainttl { color:#1A1A1A; text-align:center; font-size:1.33vw; line-height:1.6; letter-spacing:0.25vw; }
.list-head-item { text-align:center; position:relative; top:-0.05vw; }
.service-frame {width: 90.77vw;padding: 10vw 8.77vw 3vw 12.5vw;margin:0 auto 6.5vw;border:0.11vw solid #1A1A1A;background-color:#fff;background-image:url(../images/service/h-bg.png);background-position:left 0vw top 0vw;background-repeat:repeat-x;}
.service-frame .mainttl { margin:0 0 5.83vw 0; }
.service-frame .list-menu-frame { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; }
.service-frame .list-menu-frame li {width:31.38vw;margin: 0 6.33vw 5.16vw 0;position:relative;padding:0 0 4.44vw 0;}
.service-frame .list-menu-frame li:nth-child(2n) { margin:0 0 5.55vw 0; }
.service-frame .list-menu-frame li .photo { margin:0 0 1vw 0; width: 30vw; }
.service-frame .list-menu-frame li .photo img{width: 100%;}
.service-frame .list-menu-frame li .menu-subttl {/* font-size:1.11vw; *//* line-height:1.6; *//* letter-spacing:0.25vw; */margin:0 0 0.83vw 0;}
.service-frame .list-menu-frame li .txt {/* font-size:0.88vw; *//* line-height:2; *//* letter-spacing:0.25vw; */}
.service-frame .list-menu-frame li .link-btn { position:absolute; bottom:0; left:0; }

}





@media screen and (max-width: 767px) {
main#page-service{width: 100% !important;margin: 0 auto !important;}
.page-service-box{background: url(../images/mansion/con1-bg-img.png) repeat;padding: 23vw 0 2.44vw 0;margin-top: 7.25vw;/* margin-bottom: 1.02vw; */}
.ttl-box{}
.ttl-box .ttl-box-frame{width: 90%;margin: 0 auto 0 auto;background-color:#E8E5D2;padding: 0 0 14.49vw 0;}
.ttl-box .ttl-box-frame .ttl-en{width: 50vw;position: relative;top: -12vw;left: 3vw;margin: 0 0 -6vw 0;}
.ttl-box .ttl-box-frame .ttl-en img{ width: 100%;}
.ttl-box .ttl-box-frame .main-txt{text-align: left;font-size: 3.38vw;line-height: 2.2;letter-spacing: 0.25vw;padding: 0 7vw 0 7vw;}
.ttl-box .ttl-box-frame .illust{
    width: 37vw;
    position: absolute;
    right: 10vw;
    bottom: -48vw;
}
.long-photo{text-align: center;margin: 0 0 20.78vw 0;}
.long-photo img{width: 100%;}


.servicelist-box{}
.servicelist-box .mainttlframe{margin: 0 0 15.78vw 0;}
.servicelist-box .mainttlframe .ttl-en{text-align: center;font-size:7.25vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 600;color: #A78A37;margin: 0 0 4.82vw 0;}
.servicelist-box .mainttlframe .mainttl{color: #1A1A1A;text-align: center;font-size:3.62vw;line-height: 1.6;letter-spacing: 0.25vw;}
.list-head-item{text-align: center;}
.service-frame{width: 100%;padding: 26.47vw 8.11vw 5.04vw 8.59vw;margin: 0 auto 20.26vw;border: 2px solid #1A1A1A;background-color: #fff;background-image: url(../images/service/h-bg_sp.png);background-position: left 0px top 0px;background-repeat: repeat-x;}
.service-frame .mainttl{margin: 0 0 8.36vw 0;}
.service-frame .list-menu-frame{}
.service-frame .list-menu-frame li{width: 100%;margin: 0 0 10.46vw 0;padding: 0 0 10.32vw 0;}
.service-frame .list-menu-frame li .photo{margin: 0 0 4.35vw 0;width: 100%;}
.service-frame .list-menu-frame li .menu-subttl{font-size:4.11vw;line-height: 1.6;letter-spacing: 0.25vw;margin: 0 0 3.62vw 0;}
.service-frame .list-menu-frame li .txt{font-size: 3.38vw;line-height: 2;letter-spacing: 0.25vw;}
.service-frame .list-menu-frame li .link-btn{margin:10vw 0 0 0;}



}