@charset "utf-8";

.section:nth-of-type(even){
	background:#f5f1e9;
}

/* mv
------------------ */
#mv{
	background:url(../../service/img/mv01.jpg) no-repeat 50% 50%;
	background-size:cover;
}

/* 写真
------------------ */
#ph01{
	display:block;
	margin:0 auto 1rem auto;
}

@media print, screen and (min-width: 641px){
#ph01{
	max-width:40%;
	float:right;
	margin:0 0 1rem 1rem;
}
}

@media print, screen and (min-width: 1000px){
#ph01{
	margin:0 0 1rem 2rem;
}
}

/* 流れ
------------------ */
/* 国内・海外の流れ */
#flow_img{
	margin-bottom:2rem;
}

#flow_img img{
	display:block;
	margin:0 auto 1rem auto;
}

@media print, screen and (min-width: 1000px){
#flow_img{
	overflow:hidden;
}

#flow_img img{
	display:block;
	float:left;
	margin:0 0 2rem 0;
}

#flow_img img:nth-of-type(2){
	float:right;
}
}

/* 発注から納品まで */
.flow_no{
	color:#fff;
	background:#0f5093;
	display:inline-block;
	padding:0 0.5rem;
	text-align:center;
	margin-right:0.5rem;
}

.flow h3{
	border-bottom:1px dashed #0f5093;
	margin-bottom:0.5rem;
}

.arr{
	height:9px;
	background:url(../../service/img/arr.png) no-repeat 50% 0;
	margin-bottom:1.5rem;
}

@media print, screen and (min-width: 641px){
.flow{
	position:relative;
}

.flow_no{
	padding:0 1rem;
	margin-right:0;
	font-size:220%;
	position:absolute;
	top:0;
	left:0;
}

.flow h3, .flow p{
	margin-left:4.5rem;
	padding-left:0.5rem;
}

.arr{
	background:url(../../service/img/arr.png) no-repeat 1.2rem 0;
}
}

/* 工程紹介
------------------ */
.koutei{
	border-bottom:1px dashed #ccc;
	padding-bottom:2rem;
	margin-bottom:2rem;
}

.koutei h3{
	background:#0f5093 url(../img/bg01.gif);
	color:#fff;
	text-align:center;
	padding:0.8rem 0 0.6rem 0;
	margin-bottom:1rem;
}

.koutei img{
	display:block;
	margin:0 auto 1rem auto;
}

.point{
	background:#e1f5f7;
	padding:1rem;
}

.point dt{
	color:#0f5093;
	font-weight:bold;
	margin-bottom:0.5rem;
}

.point dd{
	padding-left:1rem;
}

.point dd:before{
	content:"■";
	font-size:75%;
	color:#0f5093;
	display:inline-block;
	margin:0 0.2rem 0 -1rem;
	vertical-align:middle;
}

@media print, screen and (min-width: 641px){
.koutei{
	overflow:hidden;
}

.koutei img{
	float:left;
	margin:0 1rem 1rem 0;
	max-width:50%;
}

.point{
	clear:both;
}
}

@media print, screen and (min-width: 1000px){
.koutei img{
	max-width:400px;
}

.point{
	margin-left:420px;
	clear:none;
}
}

/*eof*/