@charset "utf-8";
/*
機　　能　　名：施工実績
作　　成　　日：2020/04/30
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	results
**************************************** */

div#results {
}

/* h_ttl */
@media screen and (min-width: 769px) {/* PC */
#results .h_ttl_in {
	background:url(../images/results/main_img_pc.png) center bottom no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
#results .h_ttl {
	background:url(../images/results/main_img_sp.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
}

/* ***************************************
	intro
**************************************** */
#intro h3 {
	text-align:center;
	color:#3399CC;
	font-weight:normal;
	line-height:1.4;
}
#intro p {
	margin:0 auto;
}
@media screen and (min-width: 769px) {/* PC */
#intro {
	margin-bottom:40px;
}
#intro h3 {
	margin-bottom:40px;
	font-size:35px;
}
}
@media screen and (max-width: 768px) {/* SP */
#intro {
	margin-bottom:30px;
}
#intro h3 {
	margin-bottom:20px;
	font-size:20px;
	line-height:1.2;
}

@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	results_detail
**************************************** */
#results_detail {
}
#results_detail div.results_box {
background:#E6F2F9;
}
#results_detail div.results_box h3 {
color:#3B9DCC;
position:relative;
line-height:1.4;
}
#results_detail div.results_box h3 .point {
	background:#3C9DCC;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:0;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	position:absolute;
}
#results_detail div.results_box h3 a {
color:#fff;
line-height:1.4;
background-color:#339900;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
letter-spacing:0.2em;
position:relative;
top:-3px;
left:-5px;
}
#results_detail div.results_box div.cate {
background:url(../images/common/bg_blue.png) 0 0 repeat;
font-weight:bold;
color:#FFF;
}
#results_detail div.results_box_in {
background:#FFF;
border:1px solid #CCCCCC;
}
#results_detail div.results_box_in h4 {
border-bottom:1px solid #CCC;
display:block;
}


@media screen and (min-width: 769px) {/* PC */
#results_detail div.results_box {
	width:940px;/* total 980px */
padding:20px;
margin:0 auto 30px auto;
}
/* results_ttl */
#results_detail div.results_ttl {
float:left;
width:578px;
padding-top:30px;
}
#results_detail div.results_box h3 {
padding-left:85px;
padding-right:10px;
}
#results_detail div.results_box h3 .point {
top:-20px;
left:0;
width:65px;
height:65px;
line-height:65px;
font-size:20px;
}
#results_detail div.results_box h3 a {
/*#results_detail div.results_box h3 .hoge {*/
font-size:12px;
padding:5px 3px 5px 5px;
}
#results_detail div.results_box h3 a:hover {
text-decoration:none;
background-color:#33CC00;
}
#results_detail div.results_box div.cate {
padding:15px;
font-size:16px;
padding-left:40px;
margin:40px 0 0 75px;
position:relative;
}
#results_detail div.results_box div.cate:before {
	content:"";
	position:absolute;
	top:15px;
	left:15px;
	width:17px;
	height:17px;
	background:url(../images/common/icon_tool.png) 0 0 no-repeat;
	background-size:auto 17px;
	-webkit-background-size:auto 17px;
}
#results_detail div.results_box_in {
font-size:16px;
float:left;
padding:19px;
width:320px;/* total 360px */
}
#results_detail div.results_box_in h4 {
padding-bottom:5px;
}
#results_detail div.results_box_in p {
font-size:14px;
margin:0.5em 0 1.5em 0;
}
#results_detail div.results_box_in p.lastChild {
margin-bottom:0;
}
}
@media screen and (max-width: 768px) {/* SP */
#results_detail div.results_box {
	padding:5%;
	margin-bottom:20px;
}
/* results_ttl */
#results_detail div.results_ttl {
}
#results_detail div.results_box h3 {
padding-left:55px;
	margin-bottom:18px;
	min-height:43px;
}
#results_detail div.results_box h3 .point {
top:0;
left:0;
	width:43px;
	height:43px;
	line-height:43px;
	font-size:12px;
}
#results_detail div.results_box h3 a {
/*#results_detail div.results_box h3 .hoge {*/
font-size:10px;
padding:2px;
}
#results_detail div.results_box div.cate {
padding:9px 0;
font-size:14px;
text-align:center;
min-height:19px;
}
#results_detail div.results_box div.cate span {
position:relative;
padding:0 20px;
}
#results_detail div.results_box div.cate span:before {
	content:"";
	position:absolute;
	top:50%;
	left:0px;
	width:19px;
	height:19px;
	margin-top:-7px;
	background:url(../images/common/icon_tool.png) 0 0 no-repeat;
	background-size:auto 19px;
	-webkit-background-size:auto 19px;
}
#results_detail div.results_box_in {
	padding:20px;
}
#results_detail div.results_box_in h4 {
	padding-bottom:10px;
	margin-bottom:10px;
}
#results_detail div.results_box_in p {
	margin:0 0 36px 0;
}
#results_detail div.results_box_in p:last-child {
	margin-bottom:0;
}

@media screen and (max-width: 320px) {/* w320 */
}
}