@charset "utf-8";
/* Copyright 2016 FSFIELD All Rights Reserved. */

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

太陽光発電事業について

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

/* div
---------------------------------------------- */
div#wrap_service02 p{display:none;}

@media screen and (min-width:769px){ /* 表示領域が769px以上の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC用

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* グローバルナビアクティブ
---------------------------------------------- */
nav#nav_global ul li.g02 a{background:url(/img/pc/nav_global01.png) no-repeat -67px -50px;}

/* layout上書き
---------------------------------------------- */
/*--div--*/
div.wrap_type02{margin-bottom:60px;}

/* heading
---------------------------------------------- */
/*--h3--*/
h3#h3_service01{background:url(/service/img/pc/h3_service01.png) no-repeat 0 0;}
h3#h3_service02{background:url(/service/img/pc/h3_service02.png) no-repeat 0 0;}

h3#h3_service01,
h3#h3_service02{height:52px;}

/*--h4--*/
h4#h4_service01{
	background:url(/service/img/pc/h4_service01.gif) no-repeat 0 0;
	height:68px;
	margin-bottom:20px;
}
	
h4#h4_service02{background:url(/service/img/pc/h4_service02.gif) no-repeat 0 0;}
h4#h4_service03{background:url(/service/img/pc/h4_service03.gif) no-repeat 0 0;}

h4#h4_service02,
h4#h4_service03{
	height:22px;
	margin-bottom:10px;
}

/* div
---------------------------------------------- */
div#introduce{
	overflow:hidden;
	margin-bottom:30px;
}

/*--wrap_service01--*/
div#wrap_service01{
	overflow:hidden;
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;
	padding:30px 40px 160px;
	background:url(/service/img/pc/bg_service01.png) no-repeat right bottom;
	margin-bottom:20px;
}

div#wrap_service01 figure{float:right;}

/*--wrap_service02--*/
div#wrap_service02{
	background:url(/service/img/pc/bg_service02.png) no-repeat 0 0;
	height:430px;
	margin-bottom:20px;
}

/*--wrap_service03--*/
div.wrap_service03{
	background-image:url(/service/img/pc/bg_bdr_top01.jpg),url(/service/img/pc/bg_bdr_btm01.jpg),url(/service/img/pc/bg_bdr_rpt01.jpg);
	background-size:100% auto , 100% auto, 100% auto;
	background-position:center top,center bottom,center center;
	background-repeat:no-repeat,no-repeat,repeat-y;
	float:left;
	width:250px;
	margin-right:10px;
	padding:8px;
}

div.wrap_service03:last-child{
	width:440px;
	margin-right:0;
	background-image:url(/service/img/pc/bg_bdr_top02.jpg),url(/service/img/pc/bg_bdr_btm02.jpg),url(/service/img/pc/bg_bdr_rpt02.jpg);
	background-size:100% auto , 100% auto, 100% auto;
	background-position:center top,0 bottom,center center;
	background-repeat:no-repeat,no-repeat,repeat-y;
	overflow:hidden;
}

/*--box_service01--*/
div#box_service01{
	float:left;
	width:360px;
}

div#box_service01 p{
	background:#EEF0EF;
	padding:20px 20px 17px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*--box_service02--*/
div.box_service02{
	background:#EFEFEF;
	padding:10px;
}

div.box_service02 p{margin-bottom:0;}

/* p
---------------------------------------------- */
p.txt_service01,
p#img_service01 span,
p#img_service02 span,
p#img_service03 span,
p#bn_service span{display:none;}

p#img_service01{background:url(/service/img/pc/img_service02.jpg) no-repeat center 0;}
p#img_service02{background:url(/service/img/pc/img_service03.jpg) no-repeat center 0;}
p#img_service03{background:url(/service/img/pc/img_service04.jpg) no-repeat center 0;}

p#img_service01,
p#img_service02,
p#img_service03{
	height:230px;
	margin:10px 0;
}

p#bn_service{
	background:url(/service/img/pc/bn_service01.jpg) no-repeat 0 0;
	height:150px;
}

/* ul
---------------------------------------------- */
ul#list_service01{overflow:hidden;}
ul#list_service01 li{
	float:left;
	width:202px;
}

ul#list_service01 li:first-child{padding-right:10px;}

ul#list_service01 li:last-child{
	border-left:2px dotted #fff;
	padding-left:10px;
}

}

@media screen and (max-width:768px){ /* 表示領域が768px以下の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

スマートフォン（iPhone,iPod,Android) 共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* heading
---------------------------------------------- */
/*--h3--*/
h3#h3_service01{
	background:url(/service/img/sp/h3_service01.jpg) no-repeat 0 0;
	background-size:contain;
}

h3#h3_service02{
	background:url(/service/img/sp/h3_service02.jpg) no-repeat 0 0;
	background-size:contain;
}

h3#h3_service01,
h3#h3_service02{
	height:0;
	padding-top:12.6%;
	margin-bottom:15px;
}

/*--h4--*/
h4#h4_service01,
h4#h4_service03{
	height:0;
	padding-top:12.2%;
	margin-bottom:15px;
}
h4#h4_service01{
	background:url(/service/img/sp/h4_service01.jpg) no-repeat 0 0;
	background-size:contain;
}

h4#h4_service02{
	background:url(/service/img/sp/h4_service02.jpg) no-repeat 0 0;
	background-size:contain;
	height:0;
	padding-top:5.2%;
	margin-bottom:30px;
}

h4#h4_service03{
	background:url(/service/img/sp/h4_service03.jpg) no-repeat 0 0;
	background-size:contain;
}

/* div
---------------------------------------------- */
div#introduce{margin-bottom:30px;}

div.wrap_type02{margin-bottom:30px;}

/*--wrap_service01--*/
div#wrap_service01{
	border-bottom:1px solid #E1E1E1;
	padding-bottom:30px;
	margin-bottom:30px;
}

/*--wrap_service02--*/
div#wrap_service02{
	background:url(/service/img/sp/bg_service01.jpg) no-repeat center 0;
	background-size:contain;
	height:0;
	padding:268% 0 30px;
	margin-bottom:30px;
	border-bottom:1px solid #E1E1E1;
}

/*--wrap_service03--*/
div.wrap_service03{margin-bottom:30px;}
div.wrap_service03:last-child{margin-bottom:0;}

/*--box_service02--*/
div.box_service02{
	background:#EFEFEF;
	padding:10px;
}

div.box_service02 p{margin-bottom:0;}

/* p
---------------------------------------------- */
p#img_service01{
	background:url(/service/img/sp/img_service01.jpg) no-repeat center 0;
	background-size:contain;
	height:0;
	padding-top:50%;
	margin-bottom:10px;
}

p#img_service02{
	background:url(/service/img/sp/img_service02.jpg) no-repeat center 0;
	background-size:contain;
	height:0;
	padding-top:66.6%;
	margin-bottom:10px;
}

p#img_service03{
	background:url(/service/img/sp/img_service03.jpg) no-repeat center 0;
	background-size:contain;
	height:0;
	padding-top:49.3%;
	margin-bottom:10px;
}

p#bn_service{display:none;}
p#img_service01 span,
p#img_service02 span,
p#img_service03 span{display:none;}

p.txt_service01{
	font-weight:bold;
	color:#0C6CB7;
	margin-bottom:0;
}

/* ul
---------------------------------------------- */
ul#list_service01 li:first-child{
	background:url(/img/sp/ico_number01.jpg) no-repeat left 2px;
	background-size:14px;
	margin-bottom:10px;
	border-bottom:2px dotted #fff;
	padding-bottom:10px;
}

ul#list_service01 li:last-child{
	background:url(/img/sp/ico_number02.jpg) no-repeat left 2px;
	background-size:14px;
}

ul#list_service01 li{padding-left:20px;}

}