@charset "UTF-8";
/* CSS Document */

/*背景画像固定スクロール*/
.cd-fixed-bg.cd-bg-8 {
	background-image: url(../image/index_background/8.jpg);
}

.tokutei_hyouji {
	width: 75%;
	margin: 0 auto;
	margin-top: 30px;
}

.tokutei_hyouji a {
	font-size: 12pt;
}

dl {
	overflow: hidden;
	margin: 0 auto;
	border: #ccc 1px dashed;
	border-bottom: #ccc 0px dashed;
}

dl:last-child {
	border-bottom: #ccc 1px dashed;
}


dt {
	float:left;
	clear:left;
	width:28%;
	height: 100%;
	padding: 2% 0 2% 2%;
}

dd {
	float:left;
	width:67%;
	padding: 2% 0 2% 2%;
	border-left: #ccc 1px dashed;
}

/*クレジットカードの画像*/
.cards img {
	width: 50px;
	margin: 5px 15px 0 0;
}

#map {
	width: 100%;
	margin: 0 auto;
}

.access {
	margin-top: 80px;
	margin-bottom: 20px;
	
}

iframe {
	width: 84%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*----- ブレークポイント ----------------------------------------------------------------------------------------------------*/
/*===== max-width: 768px ===================================================================*/
@media (max-width: 768px){
	
	/*背景画像固定スクロール スマートフォン用*/
	.cd-fixed-bg.cd-bg-8 {
		background:url(../image/index_background/8_small.jpg) left/cover no-repeat; /*fixedを取る*/
		-webkit-background-size:cover;/*Android4*/
	}
	
	.tokutei_hyouji {
		width: 85%;
	}
	
	iframe {
		width: 85%;
	}
}

/*===== max-width: 667px ===================================================================*/
@media (max-width: 667px){
	
	/*表を縦並びに*/
	dl {
		/*overflow: hidden;*/
		width: 100%;
		margin: 0 auto;
		border: #ccc 0px dashed;
		border-right: #ccc 1px dashed;
	}

	dl:last-child {
		border-bottom: #ccc 0px dashed;
	}


	dt {
		/*float: left;*/
		/*clear: left;*/
		width: 94%;
		/*height: 100%;*/
		padding: 3%;
		display: block;
		border: #ccc 1px dashed;
		background: #f8f7f6;
	}

	dd {
		/*float:left;*/
		width: 94%;
		padding: 3%;
		display: block;
		border: #ccc 1px dashed;
		border-top: #ccc 0px dashed;
		border-bottom: #ccc 0px dashed;
	}
	
	.under_line {
		border-bottom: #ccc 1px dashed;
	}
}

/*===== max-width: 480px ===================================================================*/
@media (max-width: 480px){

}

/*===== max-width: 375px ===================================================================*/
@media (max-width: 375px){
	
	.about_lab {
		width: 85%;
	}
}