@charset "utf-8";
/*□■□■□■□■□■□■□320用(0～640pxまで)□■□■□■□■□■□■□*/
/*--【ナビ】--*/
#nav_img_big {
	display: none;
}
#nav_img_small {
	display: inline-block;
	clear: both;
	overflow: hidden;
}
#nav_img_small img {
	margin-top: 2rem;
}
#nav_small ul li {
	float: left;
	width: 25%;
}
.box_gray dl {
	margin-left: 1rem;
}

section{
	margin-bottom: 2rem;
}

/*--【工事事例table】--*/
.table_jirei {
	margin-top: 0.5rem;
}
/*--【MAP】--*/
.box_gray dt, .box_gray dd {
	text-align: center;
}
/*--【footer】--*/
#otoiawase img {
	display: none;
}
#otoiawase_small {
	text-align: center;
	font-style: normal;
	background: #f5f5f5;
	width: 80%;
	height: 60px;
	border: 1px solid #b00c12;
	margin-bottom: 1.5rem;
}
#otoiawase_small a {
	color: #b00c12;
	font-size: 0.875rem;
}
#otoiawase_small:hover {
	opacity: 0.5 ;
}
#otoiawase_small p {
	line-height: 4rem;
}
/*--【TOPページ】--*/
.leftbox{
	 margin-bottom:2rem;
 }
/*--【工事内容】--*/
#koujinaiyou_big {
	display: none;
}
#koujinaiyou_small {
	margin-bottom: 1rem;
}
/*--【ヘッダーロゴ】--*/
#logo_big {
	display: none;
}
#logo_small {
	display: block;
	margin: 2rem 0 1rem 0;
	border: 1px solid #007131;
	background-color: #007131;
	padding-bottom: 1rem;
}
#logo_small h1 {
	margin-bottom: 1rem;
	text-align: center;
}
#logo_small img {
	max-width: 100%;
	border: 1px solid #fff;
}
#logo_small p {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
/*--【お問合せフォーム】--*/
#contact_form {
	max-width: 760px;
}
#contact_form dl dt {
	vertical-align: middle;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    background: #eee;
 	font-size: 0.875rem;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#contact_form .table_last {
	border-bottom: 1px solid #ccc;
}
#contact_form dl dd {
    padding: 0.5rem;
	background: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#contact_form input {
    height: 1.875rem;
	width: 90%;
	padding-left: 1rem;
 	font-size: 0.875rem;
}
#contact_form textarea {
	width: 90%;
	height: 210px;
}
#contact_form input, #contact_form textarea {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #ccc inset;
}
#contact_form input:focus, #contact_form textarea:focus {
    background: #fff;
    border: 1px solid #8bade4;
    box-shadow: 0px 0px 4px #8bade4;
}
.soushin {
	text-align: center;
 	font-size: 0.875rem;
	font-weight: normal;
    padding: 0.5rem 0;
	margin-top: 1rem;
	width: 100%;
	font-weight: 500;
}
/*--【画像のページリンク】--*/
.center {
	display: inline-block;
	clear: both;
	padding: 0rem auto 0rem auto;
}
.center ul li {
	float: left;
	width: 50%;
}

.center dt{
	padding-bottom: 1rem;
}
	
	



/*--【サイズ切り替え】--*/
#incontainer {
	margin: 0 auto;
	margin-bottom: 2rem;
}
#container {
	width: 94%;
	padding: 1rem 1rem 2.5rem 1rem;
}
/*□■□■□■□■□■□■□640px□■□■□■□■□■□■□*/
@media screen and (min-width : 640px), print {
/*--【サイズ切り替え】--*/
body {
	width: 640px;
	margin: 0 auto;
}
/*--【会社概要・保有機械table】--*/
.table_other, .table_kikai {
	width: 540px;
}
/*--【工事事例table】--*/
.table_jirei {
	width: 428px;
}
/*--【MAP】--*/
.box_gray dl {
	width: 600px;
}
.box_gray dt {
	float: left;
	clear: both;
	width: 20%;
	text-align: left;
}
.box_gray dd {
	width: 80%;
	text-align: left;
}
/*--【ヘッダーロゴ】--*/
#logo_small img {
	max-width: 60%;
}
/*--【画像のページリンク】--*/
.center {
	padding: 0rem auto 1rem auto;
}
}
/*□■□■□■□■□■□■□960px□■□■□■□■□■□■□*/
@media screen and (min-width : 960px), print {
/*--【サイズ切り替え】--*/
body {
	width: 960px;
	margin: 0 auto;
}
#incontainer {
	margin-left: 3rem;
}
#container {
	padding-left: 1.5rem;
}
.box_gray dl {
	margin: 0 auto;
}


/*--【TOPナビ・新着・画像のページリンク・footerの位置】--*/
#nav_img_big {
	display: block;
}
#nav_img_small {
	display: none;
}
#nav_big {
	position: relative;
	top: 32px;
	z-index: 2;
}
.top_img {
	z-index: 1;
	position: absolute;
}
#index_container, #container {
	position: relative;
	top: 260px;
	z-index: 3;
	overflow:hidden;
}
.leftbox{
	display: block;
}
.center {
	padding-top: 2rem;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-bottom: 0;
	overflow: hidden;
	margin: auto;
	margin-bottom: 1.5rem;
}
.center ul li {
	width: 200px;
	padding: 0rem 2rem 1.5rem 0rem;
}
.center dt {
	float: left;
	padding: 0rem 2rem 1.5rem 0rem;
}


footer {
	position: relative;
	top: 260px;
}
.shinchaku {
	margin-top: 2.5rem;
}
/*--【会社概要・保有機械table】--*/
.table_other, .table_kikai {
	width: 760px;
}
/*--【工事事例table】--*/
.table_jirei {
	margin-top: 0;
}
.table_jirei th {
	width: 116px;
}
.table_jirei td {
	width: 312px;
}
.table_jirei::before, .table_jirei {
	display: inline-block;
	vertical-align: top;
}
.table_jirei::before {
	margin-bottom: 0px;
}
/*--【footer】--*/
#otoiawase_small {
	display: none;
}
#otoiawase img {
	display: inline-block;
}
#otoiawase a:hover {
	opacity: 0.7;
}
/*--【工事内容】--*/
#koujinaiyou_big {
	display: block;
	margin-bottom: 2rem;
}
#koujinaiyou_small {
	display: none;
}
/*--【ロゴ】--*/
#logo_big {
	display: block;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#logo_small {
	display: none;
}
/*--【お問合せフォーム】--*/
#contact_form {
	display: table;
	width: 760px;
}
#contact_form dl {
	display: table-row-group;
}
#contact_form dl dt {
	display: table-cell;
    width: 40%;
}
#contact_form .table_last {
	vertical-align: text-top;
}
#contact_form dl dd {
	display: table-cell;
    width: 60%;
	border-left: none;
}
#contact_form input {
	width: 390px;
	padding-left: 1.5rem;
}
#contact_form textarea {
	width: 450px;
}
#contact_form input, #contact_form textarea {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #ccc inset;
}
#contact_form input:focus, #contact_form textarea:focus {
    background: #fff;
    border: 1px solid #8bade4;
    box-shadow: 0px 0px 4px #8bade4;
}
}