/* ========================================================
TABATA Co.,ltd.
Service Top Style Sheet
First Update 2018-02-08
Last  Update 2018-02-08
Creat by Basic Plus Design Inc.
========================================================= */
/* =========================================================
#  Service Top
========================================================== */
#service-top .c-hero { background: url(../images/service/hero-service.jpg) no-repeat center center; background-size: cover; }
#service-top .c-top-ttl { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom: -100px; }
#service-top .c-top-ttl span { display: inline-block; height: 24px; box-shadow: 0 10px rgba(255,230,0,.6); font-size: 115%; margin: 0 .2em; }
/* .p-service-menu */
.p-srvmn .c-cell { width: 300px; height: 300px; border: 1px solid #463d1d; padding: 75px 20px 0; margin: 100px auto 0; position: relative; }
.p-srvmn-ttl { width: 130px; height: 130px; position: absolute; top: -65px; left: 50%; margin-left: -60px; text-indent: -9999px; }
.p-srvmn .c-btn-more { position: absolute; bottom: 10px; left: 50%; margin-left: -4.5em; }
.p-srvmn .c-cell:hover { box-shadow: 0 0 0 5px #463d1d inset; }
.p-srvmn .c-cell:hover .c-btn-more a { color: #ffe600; background-image: url(../images/common/icon-arrow-right-narrow-yellow.svg); }
.p-srvmn1 .p-srvmn-ttl { background: #fff url(../images/service/ico_cloth_off.svg) no-repeat center top/auto 75%; }
.p-srvmn1:hover .p-srvmn-ttl { background-image: url(../images/service/ico_cloth_on.svg); }
.p-srvmn2 .p-srvmn-ttl { background: #fff url(../images/service/ico_floor_off.svg) no-repeat center top/auto 70%; }
.p-srvmn2:hover .p-srvmn-ttl { background-image: url(../images/service/ico_floor_on.svg); }
.p-srvmn3 .p-srvmn-ttl { background: #fff url(../images/service/ico_window_off.svg) no-repeat center top/auto 70%; }
.p-srvmn3:hover .p-srvmn-ttl { background-image: url(../images/service/ico_window_on.svg); }
.p-srvmn4 .p-srvmn-ttl { background: #fff url(../images/service/ico_door_off.svg) no-repeat center top/auto 70%; }
.p-srvmn4:hover .p-srvmn-ttl { background-image: url(../images/service/ico_door_on.svg); }
.p-srvmn5 .p-srvmn-ttl { background: #fff url(../images/service/ico_closet_off.svg) no-repeat center top/auto 70%; }
.p-srvmn5:hover .p-srvmn-ttl { background-image: url(../images/service/ico_closet_on.svg); }
.p-srvmn6 .p-srvmn-ttl { background: #fff url(../images/service/ico_import_off.svg) no-repeat center top/auto 70%; }
.p-srvmn6:hover .p-srvmn-ttl { background-image: url(../images/service/ico_import_on.svg); }
.p-srvmn7 .p-srvmn-ttl { background: #fff url(../images/service/ico_wetarea_off.svg) no-repeat center top/auto 70%; }
.p-srvmn7:hover .p-srvmn-ttl { background-image: url(../images/service/ico_wetarea_on.svg); }
.p-srvmn8 .p-srvmn-ttl { background: #fff url(../images/service/ico_exterior_off.svg) no-repeat center top/auto 70%; }
.p-srvmn8:hover .p-srvmn-ttl { background-image: url(../images/service/ico_exterior_on.svg); }
.p-srvmn9 .p-srvmn-ttl { background: #fff url(../images/service/ico_swarm_off.svg) no-repeat center top/auto 70%; }
.p-srvmn9:hover .p-srvmn-ttl { background-image: url(../images/service/ico_swarm_on.svg); }