@charset "utf-8";
.mainVisual{
	background: url(../img/hiroshima/main_bg.jpg) center center /cover no-repeat;
}

/* main_bg.jpg for each page ---------- */
.mainVisual.tokyo{ background: url(../img/tokyo/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.sapporo{ background: url(../img/sapporo/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.sendai{ background: url(../img/sendai/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.nagoya{ background: url(../img/nagoya/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.osaka{ background: url(../img/osaka/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.fukuoka{ background: url(../img/fukuoka/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.koyo_f{ background: url(../img/koyo_f/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.hiroshima_f{ background: url(../img/hiroshima_f/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.chiyoda_f{ background: url(../img/chiyoda_f/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.hofu{ background: url(../img/hofu/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.medical{ background: url(../img/medical/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.midori{ background: url(../img/midori/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.polymix{ background: url(../img/polymix/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.stamping{ background: url(../img/stamping/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.otsu{ background: url(../img/otsu/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.asco{ background: url(../img/asco/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.raminas{ background: url(../img/raminas/main_bg.jpg) center center /cover no-repeat; }


@media screen and (max-width: 768px) {
	.content{
		width: 100%;
		padding: 65px 0 0 0;
	}
}

.clumWrap{
	display: table;
	width: 100%;
}
.clumWrap .clum2{
	display: table-cell;
	vertical-align: top;
}
.clumWrap .mapBox{
	width: 457px;
}
.clumWrap .contactBox{
	width: 50%;
}
.map iframe{
	width: 100%;
	height: 460px;
	border:0;
}
.contactBox{
	padding-left: 65px;
	line-height: 2;
}
.contactBox .contact dt{
	width: 130px;
	float: left;
	clear: left;
}
.contactBox .contact dd{
	padding: 0 0 15px 150px;
	margin-bottom: 15px;
	position: relative;
}
.contactBox .contact dd span{
		display: block;
	}
.contactBox .contact dd:after{
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	background: #c7c7c7;
	position: absolute;
	bottom: 0;
}
.contactBox .contact dd.last:after{
	display: none;
}
.newWindow:after{
	content: "";
	display: inline-block;
	background: url(../img/hiroshima/new_window.jpg) no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 20px;
}

@media screen and (max-width: 768px) {
	.clumWrap{
		display: block;
		width: 100%;
	}
	.clumWrap .clum2{
		display: block;
		vertical-align: top;
	}
	.clumWrap .mapBox,
	.clumWrap .contactBox{
		width: 100%;
	}
	.map{
		position: relative;
		padding-bottom: 50%;
	}
	.map iframe{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.contactBox{
		padding: 20px 15px 0;
		line-height: 2;
	}
	.contactBox .contact dt{
		width: 100%;
		float: none;
	}
	.contactBox .contact dd{
		padding: 0 0 10px 0px;
		margin-bottom: 10px;
	}
	.contactBox .contact dd span{
		padding-left: 1em;
		display: inline;
	}
	.newWindow:after{
		background-size: contain;
		width: 12px;
		height: 12px;
		margin-left: 10px;
	}
}

/* btn ---------- */
.btnArea{
	margin-top: 80px;
}
.btn{
	width: 286px;
	margin: 0 auto;
}
.btn a{
	display: block;
	border: 1px solid #242424;
	text-align: center;
	padding: 13px 0 10px;
	line-height: 1;
	font-size: 1.8rem;
}
.btn a:hover{
	background: #242424;
	color: #ffffff;
}
@media screen and (max-width: 768px) {
	.btnArea{
		margin-top: 0;
		padding: 0 15px;
	}
	.btn{
		width: 100%;
		margin: 0;
	}
	.btn a{
		padding: 15px 0;
		font-size: 1.5rem;
	}
}