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

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

ホーム

------------------------------------------------------------ */
p#promotion {background: url(../img/img_promotion.jpg) no-repeat center 0;height: 800px;}
p#promotion span {visibility: hidden;}

/* block-service
---------------------------------------------- */
div#service{width: 1400px;margin: 0 auto;padding-bottom: 100px;}
ul#btn_service{overflow: hidden;padding-left:100px;margin-bottom: 60px;}
ul#btn_service li{float: left;margin-right: 40px;}
ul#btn_service li:last-child{margin-right: 0;}
    
/* block-work
---------------------------------------------- */
ul#latest_works{overflow: hidden;margin-right: -40px;margin-bottom: 60px;}
ul#latest_works li{width: 270px;float: left;margin-right: 40px;}
ul#latest_works li img{width: 270px; max-height: 270px; margin-bottom: 20px;}
ul#latest_works li a img:hover{opacity: 0.7}
ul#latest_works li p.cate{
	margin-bottom: 15px;
	border: 1px solid #09A9F7;
	font-size: 14px;
	display:inline-block;
	padding: 0 10px;
	color: #FFFFFF;
}
ul#latest_works li p a{color: #FFFFFF;}
ul#latest_works li p a:hover{color: #09A9F7;}
div#bg_work{background: url(../common/img/bg_work.jpg) repeat 0 0;}
div#work{margin: 0 auto;width: 1200px; padding: 100px 0 ;}

/* block-company
---------------------------------------------- */
div#company{margin: 0 auto;width: 1200px; padding-top: 100px ;overflow: hidden;}
div#company div#box_company01{float: left;width: 600px;}
div#company div#box_company02{float: right;width: 500px;}

/* heading
---------------------------------------------- */
h3#ttl01 span,h3#ttl02 span,h3#ttl03 span{visibility: hidden;}
h3#ttl01{background: url(../img/h3_ttl01.png ) no-repeat 0 0;width: 1400px;height: 305px;}
h3#ttl02{background: url(../img/h3_ttl02.png ) no-repeat 0 0;width: 363px;height: 88px;	margin: 0 auto;margin-bottom: 100px;}
h3#ttl03{background: url(../img/h3_ttl03.png ) no-repeat 0 0;width: 377px;height: 42px;margin-bottom: 30px;}