@charset "UTF-8";
/* CSS Document */
.sp{
	display:none;
}
#navi_sp{
	display:none;
}
/*PC*/
@media screen and (max-width:750px) {
/* ----------------------------------------
common
---------------------------------------- */
.sp{
	display:block;
}
a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#pagebody{
	padding:20px 10px;
	width:100%;
	box-sizing: border-box;
}
#pagebody p img{
	max-width:100%;
	height:auto;
}
h2.title{
	padding:0;
	clear:both;
	margin:0;
	font-size:22px;
	padding-left:30px;
	line-height:1em;
	font-weight:normal;
	background:url(../images/common/icon_title.gif) no-repeat left top;
	background-size:20px;
	padding-bottom:10px;
	border-bottom:2px solid #cc9966;
	margin-bottom:10px;
}
h3.copy{
	font-size:18px;
	font-weight:normal;
	color:#692b01;
	margin-bottom:10px;
}
h3.copy br{
	display:none;
}
h3.title{
	font-size:18px;
	font-weight:normal;
	height:auto;
	line-height:normal;
	margin-bottom:10px;
	padding-left:10px;
	border-left:5px solid #692b01;
}
.button{
	width:90%;
	margin:0 auto 30px;
}
.button a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:20px;
	box-sizing: border-box;
	padding-left:0px;
	text-align:center;
	background:#0c712f url(../images/service/icon_button.gif) no-repeat 20px center;
	color:#FFF;
	text-decoration:none;
}
.table th {
	width: 30%;
	padding: 10px;
	font-size:14px;
}
.table td {
	padding: 10px;
	font-size:14px;
}
/* ----------------------------------------
head
---------------------------------------- */
#head {
    height:66px;
    margin: auto;
    width:100%;
	overflow:hidden;
}
#head_body {
    width: 96%;
}
#head_left {
    float: none;
    width: 100%;
}
#head h1 {
	font-size:11px;
	margin-top:7px;
	margin-bottom:3px;
}
#head #logo img{
	width:200px;
	
}
#head_right {
	display:none;
	float:none;
}
/* ----------------------------------------
	navi
---------------------------------------- */
#navi {
	display:none;
}	
#navi_sp{
	display:block;
}
#navi_sp .picBox {
	position:relative;
	display:none;
	top:15px !important;
	clear:both;
	margin:auto;
	padding:0;
	z-index:1000;
	width:96%;
}
#navi_sp .close{
	float:right;
	display: block !important;
	width: 152px;
	height:40px;
	line-height:40px;
	cursor: pointer;
	position:relative;
	z-index:2;
	background:#008427;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
}
#navi_sp ul{
	border:10px solid #008427;
	clear:right;
	list-style:none;
	position:inherit !important;
	background:#FFF !important;
	overflow:hidden;
	top: 55px;
	box-sizing: border-box;
	width:96%;
	left: 2%;
}
#navi_sp li{
	width:100%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #CCC;
}
#navi_sp li a{
	text-decoration:none;
	display:block;
	padding:7px 0 7px 25px;
	font-size:13px;
	color:#000000;
	text-align:left;
	width:auto !important;
	background:url(../images/common/icon01.gif) no-repeat 10px center;
}
#navi_sp ul ul{
	border:none;
	border-top:1px solid #666;
	padding-left:1%;
	padding-bottom:5px;
	padding-top:5px;
}
#navi_sp li li{
	width:49%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-bottom:none;
}
#navi_sp li li a{
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:35px;
	text-decoration:none;
	display:block;
	background-position:20px center;
	text-align:center;
	font-size:12px;
	line-height:1.2em;
	color:#000000;
	text-align:left;
	width:auto !important;
}
#navi_sp .thumb {
	border:0;
	cursor:pointer;
	float:right;
	margin-right:0px;
	margin-bottom:20px;
	position:fixed;
	right:18px;
	top:17px;
	z-index:101;
	display:block !important;
	width:40px;
}
/* ----------------------------------------
topimg
---------------------------------------- */
#topimg {
    background:none;
    padding-bottom:0;
    text-align: center;
    width: 100%;
	height:auto;
	overflow:hidden;
	position: relative;
}
#topimg:before {
    content: "";
    display: block;
    padding-top:45%;
}
.skippr {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}
#topimg01, #topimg02 {
    box-sizing: border-box;
    padding-top:12%;
}
#topimg img{
	width:80%;
	max-width:400px;
	margin:auto;
}
.skippr-nav-container{
	bottom:10px;
}
#next_topimg h2{
	font-size:26px;
	width:100%;
	height:auto;
	line-height:normal;
	text-align:center;
	padding:20px 10px;
	box-sizing: border-box;
}
/* ----------------------------------------
#breadcrumbs 
---------------------------------------- */
#breadcrumbs dl{
	width:100%;
	margin:auto;
	padding:10px;
	box-sizing: border-box;
	overflow:hidden;
}
#breadcrumbs dl dt{
	height:auto;
	line-height:normal;
}
#breadcrumbs dl dd{
	height:auto;
	line-height:normal;
}
#breadcrumbs span{
	padding:0 10px;
}
/* ----------------------------------------
service_list
---------------------------------------- */
.pagebody{
	width:96%;
	padding:30px 0 0;
}
.pagebody h2 {
	margin-bottom:20px;
}
.pagebody h2 img{
	max-height:30px;
	height:auto;
	max-width:100%;
}
.service_list {
    margin-bottom:30px;
}
.service_list li {
    margin:0 1% 10px;
    width:48%;
}
.service_list li:last-child{
 	margin:0 1% 10px;
}
.service_list li a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.service_list li img{
	width:100%;
}
.service_list li p {
    margin-bottom:10px;
}
.service_list li p.title {
    font-size:18px;
    margin-bottom: 7px;
}
.service_list li p.text {
    margin-bottom: 0;
    padding: 0 10px 10px;
	font-size:12px;
	line-height:1.3em;
}
/* ----------------------------------------
reason_list
---------------------------------------- */
.reason_list{
	margin-bottom:30px;
}
.reason_list li {
    margin:0 1% 10px;
    width:31%;
}
.reason_list li:last-child{
 	margin:0 1% 10px;
}
.reason_list li a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.reason_list li p{
	margin-bottom:10px;
}
.reason_list li p.img{
	margin-bottom:0;
}
.reason_list li img{
	width:100%;
}
.reason_list li p.title{
	font-size:15px;
	margin-bottom:0;
	text-align:left;
	padding:0 10px 10px;
	line-height:1.3em;
}
.reason_list li p.text{
	display:none;
}
.reason_list li p.icon{
	max-width:30px;
	text-align:center;
	margin:auto;
	margin-top:-15px;
}
/* ----------------------------------------
news_list
---------------------------------------- */
.news_list {
    margin-bottom:10px;
}
.news_list li {
    margin:0 1% 10px;
    width:48%;
}
.news_list li:last-child{
 	margin:0 1% 10px;
}
.news_list li a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.news_list li img{
	width:100%;
}
.news_list li p.img {
    margin-bottom: 10px;
}
.news_list li p {
    margin-bottom:10px;
}
.news_list li p.data {
    font-size: 11px;
    margin-bottom:5px;
    padding: 0 10px;
}
.news_list li p.data span {
    font-size:11px;
    height: 20px;
	width:55px;
}
.news_list li p.title {
    font-size:15px;
	margin-bottom:0;
	text-align:left;
	padding:0 10px 10px;
	line-height:1.3em;
}
.button_all a {
	margin-bottom:30px;
}
.button_all a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
/* ----------------------------------------
concept
---------------------------------------- */
#concept{
	padding-top:20px;
	height:auto;
	padding-bottom:20px;
	background-size:auto 200%;
}
#concept h2{
	margin-bottom:10px;
}
#concept h2 img{
	max-height:30px;
	height:auto;
	max-width:100%;
}
#concept p.title{
	width:96%;
	margin:auto;
	text-align:left;
	margin-bottom:10px;
}
#concept p.title img{
	width:100%;
	max-width:579px;
}
#concept div.text{
	width:96%;
	margin:auto;
	text-align:left;
	padding-left:10px;
}
#concept div.text p{
	font-size:13px;
	margin-bottom:10px;
	line-height:1.4em;
}
/* ----------------------------------------
foot
---------------------------------------- */
#foot{
	padding-top:20px;
}
#foot .contact{
	background:#FFFFFF;
	height:auto;
	width:96%;
	margin:0 auto 20px;
	padding:10px;
}
#foot .contact ul{
	border-right:0;
	width:100%;
	float:none;
	margin-bottom:10px;
}
#foot .contact ul li{
	height:auto;
	line-height:1.3em;
	padding-left:80px;
	font-size:24px;
	text-align:left;
	margin-bottom:5px;
	color:#000000;
	font-weight:bold;
	width:200px;
	margin:auto;
}
#foot .contact ul li a{
	text-decoration:none;
}
#foot .contact ul li:first-child {
	background:url(../images/common/contactbox_tel.jpg) no-repeat left center;
	background-size:70px auto;
}
#foot .contact ul li:last-child {
	background:url(../images/common/contactbox_fax.jpg) no-repeat left center;
	background-size:70px auto;
}
#foot .contact .mail{
	width:100%;
	float:none;
	text-align:center;
	box-sizing: border-box;
	padding-left:0px;
	margin-bottom:10px;
}
#foot .contact .mail a {
    background:#f16b12 url(../images/common/contactbox_mail.png) no-repeat 10px center;
	background-size:40px auto;
    font-size:18px;
    padding:15px 10px 15px 60px;
    text-align: left;
    width:280px;
	margin:auto;
}
#foot .contact .mail a:hover{
	display:block;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#copyright{
	width:96%;
	margin:0 auto 20px; 
}
#copyright p{
	font-size:13px;
}
#copyright p span{
	display:block;
}
.page-top {
    display: none;
    margin: 0;
    padding: 0;
}
.page-top p {
    bottom: 16px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 16px;
}
.move-page-top {
    background: #f16b12;
    color: #fff;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 50px;
}
.move-page-top:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	color:#FFF;
}
/* ----------------------------------------
	施工事例
---------------------------------------- */
#menu{
	margin-bottom:30px;
}
#menu li{
	width:47%;
	height:50px;
	float:left;
	border:2px solid #cc9966;
}
#menu li:last-child{
	float:right;
}
#menu li a{
	width:100%;
	height:50px;
	line-height:50px;
	font-size:20px;
}
.gallery-main{
	width:100%;
	height:300px;
	float:none;
}
.gallery-main span{
	width:100%;
	height:300px;
}
.gallery-main img{
	height:300px;
	width:auto;
}
.gallery-list{
	margin-bottom:10px;
	overflow:hidden;
	float:none;
	width:100%;
}
.gallery-list li{
	float:left;	
	padding:0px;
	margin-right:3%;
	margin-bottom:10px;
	width:31%;
	height:100px;
	overflow:hidden;
	text-align:center;
	background:#FFF;
}
.gallery-list li:nth-child(3),
.gallery-list li:nth-child(6),
.gallery-list li:nth-child(9){
	margin-right:0;
}
.gallery-list li img{
	height:100px;
	width:auto !important;
}

.reform_list{
	overflow:hidden;
	clear:both;
	letter-spacing:-.40em;
}
.reform_list li{
	width:100%;
	letter-spacing: normal;
	vertical-align:top;
	display:inline-block;
	margin-right:0px;
	margin-bottom:10px;
}
.reform_list li:nth-child(even){
	margin-right:0;
}
.reform_list li dt{
	width:92%;
}
.reform_list li dt span{
	width:92%;
}
.reform_list li dt img{
	width:auto;
}
.reform_list li dd{
	left:50%;
}
.reform_list li dd span{
	width:150px;
}
/* ----------------------------------------
	新着情報
---------------------------------------- */
#blogbody{
	width:100%;
	float:none;
	margin-bottom:30px;
}
#sidebody{
	width:100%;
	float:none;
}
}
@media screen and (max-width:480px) {
/* ----------------------------------------
concept
---------------------------------------- */
#concept{
	background:#FFFFFF;
}
#concept div.text{
	padding-left:5px;
}
#concept div.text p{
	font-size:11px;
	margin-bottom:10px;
	line-height:1.4em;
}
concept div.text p br{
	display:none;
}

}