@charset "utf-8";
/* Copyright 2022 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */
/* プロモーション
---------------------------------------------- */
@media print, screen and (min-width: 768px){
div#wrap_sp_slider{display: none;}
div#wrap_pc_slider{position: relative;}
div#wrap_pc_slider p#pc_catch{position: absolute;top: 50%;left: 50%;width: 1200px;transform: translate(-50%, -50%);z-index: 100;}
ul#pc_slider{margin: 0;padding: 0;}
ul#pc_slider li{position: relative;overflow: hidden;height: 620px;margin: 0;padding: 0;}
ul#pc_slider li img{position: absolute;top: 50%;left: 50%;width: 1920px;height: 650px;transform: translate(-50%, -50%);}
}
@media print, screen and (max-width: 767px){
div#wrap_pc_slider{display: none;}
div#wrap_sp_slider{position: relative;width: 100%;height: auto;}
div#wrap_sp_slider p#sp_catch{position: absolute;top: 0;left: 0;z-index: 100;}
div#wrap_sp_slider p#sp_catch img{width: 100%;height: auto;}
ul#sp_slider{margin: 0;padding: 0;}
ul#sp_slider li{width: 100%;height: auto;}
ul#sp_slider li img{width: 100%;height: auto;}
}

/* FEATURE
---------------------------------------------- */
div#bg_feature{background:url(/img/feature_bg_pc.png) no-repeat center bottom;background-size:1920px 200px;}
div#box_feature{width: 1200px;padding: 140px 0 290px;margin: 0 auto;overflow: hidden;}
div#box_feature h2{width: 500px;float: left;margin-right: 100px;}
div#box_feature div#txt_feature{width: 600px;float: left;padding: 40px 0 0 0;}
div#box_feature div#txt_feature p{margin-bottom: 50px;}
div#box_feature div#txt_feature p:last-child{margin-bottom: 0;}
div#box_feature div#txt_feature p a img:hover{opacity: 0.7;}

@media print, screen and (max-width: 767px){
div#bg_feature{background:url(/img/feature_bg_sp.png) no-repeat center bottom;background-size:100%;}
div#box_feature{width: 100%;padding: 0 0 70px;margin: 0;overflow:visible;}
div#box_feature h2{width: 100%;float: none;margin:0 0 35px 0;}
div#box_feature h2 img{width: 240px;height: 70px;}
div#box_feature div#txt_feature{width: 100%;float: none;padding: 0 0 0 0;}
div#box_feature div#txt_feature p{margin-bottom: 30px;}
div#box_feature div#txt_feature p a img{width: 150px;14px;}
}

/* SERVICE
---------------------------------------------- */
div#bg_service{background:#C31018 url(/img/service_bg_pc.png) no-repeat center top 100px;background-size:1920px 500px;}
section#wrap_service{width: 1200px;padding: 100px 0 190px;margin: 0 auto;color: #FFFFFF;}
div#box_service{width:480px;padding-left: 720px;} 
div#box_service h2{margin-bottom: 55px;}
div#box_service p{margin-bottom: 50px;}
div#box_service p:last-child{margin-bottom: 0;}
div#box_service p a img:hover{opacity: 0.7;}

@media print, screen and (max-width: 767px){
div#bg_service{background:#C31018 url(/img/service_bg_sp.png) no-repeat center top 50px;background-size:100%;}
section#wrap_service{width: 100%;padding:240px 0 0;margin: 0;}
div#box_service{width:100%;padding-left: 0;}
div#box_service h2{margin-bottom: 35px;}
div#box_service h2 img{width: 215px;height: 83px;}
div#box_service p{margin-bottom: 30px;}
div#box_service p a img{width: 150px;14px;}
}

/* WORKS
---------------------------------------------- */
div#bg_works{background:#FFFFFF;}
section#wrap_works{width: 1200px;padding: 100px 0;margin: 0 auto;text-align: center;}
section#wrap_works h2{margin-bottom:55px;}
section#wrap_works ul#list_works{font-size: 0;margin-bottom: 55px;}
section#wrap_works ul#list_works li{display: inline-block;width: 360px;margin-right:60px;font-size: 18px;text-align: left;font-weight: bold;line-height: 1.0;}
section#wrap_works ul#list_works li:last-child{margin-right:0;}
section#wrap_works ul#list_works li p{width:360px;height: 240px;overflow: hidden;position: relative;margin-bottom: 20px;}
section#wrap_works ul#list_works li p img{width:420px;height:auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
section#wrap_works ul#list_works li dl dt{background: #D0111A;color: #FFFFFF;display: inline-block;padding: 3px 10px 5px;font-size: 15px;margin-bottom: 20px;}
section#wrap_works ul#list_works li p img:hover{opacity: 0.7;}
section#wrap_works ul#list_works li dl dd a:hover{color: #C31018;}

@media print, screen and (max-width: 767px){
section#wrap_works{width: 100%;padding:0;margin: 0;}
section#wrap_works img{width: 100%;}
section#wrap_works h2{margin-bottom:40px;}
section#wrap_works ul#list_works{font-size:0;margin-bottom:40px;}
section#wrap_works ul#list_works li{display: inline-block;width: 100%;margin:0 0 30px 0;font-size: 17px;}
section#wrap_works ul#list_works li:last-child{margin-bottom:0;}
section#wrap_works ul#list_works li p{width:100%;height: 240px;overflow: hidden;position: relative;margin-bottom: 15px;}
section#wrap_works ul#list_works li p img{width:100%;height:auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
section#wrap_works ul#list_works li dl dt{padding: 4px 10px 6px;font-size: 13px;margin-bottom: 15px;}
}

/* COMPANY
---------------------------------------------- */
div#bg_company{background:#141414;}
div#wrap_company{width: 1200px;padding: 140px 0;margin: 0 auto;}
div#wrap_company ul#list_company{overflow: hidden;}
div#wrap_company ul#list_company li{width: 540px;float: left;margin-right: 120px;}
div#wrap_company ul#list_company li:last-child{margin-right: 0;}
div#wrap_company ul#list_company li img:last-child{display: none;}

@media print, screen and (max-width: 767px){
div#wrap_company{width: 100%;padding:0;margin:0;}
div#wrap_company ul#list_company{overflow: visible;}
div#wrap_company ul#list_company li{width: 100%;float: none;margin: 0 0 40px 0;}
div#wrap_company ul#list_company li:last-child{margin-bottom:0;}
div#wrap_company ul#list_company li img{width: 100%;}
div#wrap_company ul#list_company li img:first-child{display: none;}
div#wrap_company ul#list_company li img:last-child{display: block;}

}