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


/******************************************************

1600px以上の場合に適用 

*******************************************************/

/* mv */
.mv {
	background-image: url("/img/access/bg_mv.jpg");
}



/* 共通 */
iframe {
	display: block;
	width: 100%;
	height: 400px;
	margin-bottom: 40px;
}

.tbl {
	width: 100%;
	border-top: 1px solid #CCC;
}

.tbl tr th {
	width: 18%;
	padding: 15px 10px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	line-height: 1.8;
}

.tbl tr td {
	width: 82%;
	padding: 15px 10px;
	border-bottom: 1px solid #CCC;
	line-height: 1.8;
}

.tbl tr td span {
	display: block;
	font-size: 11px;
	color: #666;
}




/* anchorLink */
.anchorLink {
	padding-top: 120px;
}



/* miyako */
.miyako {
	padding-top: 120px;
}



/* shimojishima */
.shimojishima {
	padding: 260px 0 140px 0;
}



/******************************************************

1360px〜1599pxの場合に適用 

*******************************************************/

@media screen and (max-width: 1599px){
	
	
	
}



/******************************************************

1200px〜1359pxの場合に適用 

*******************************************************/

@media screen and (max-width: 1359px){
	
	
	
	
}




/******************************************************

1024px〜1199pxの場合に適用 

*******************************************************/

@media screen and (max-width: 1199px){
	
	
	
}



/******************************************************

768px〜1023pxの場合に適用 

*******************************************************/

@media screen and (max-width: 1023px){
	
	
	
	
}





/******************************************************

〜767pxの場合に適用 

*******************************************************/

@media screen and (max-width: 767px){
	
/* 共通 */
iframe {
	height: 300px;
	margin-bottom: 20px;
}

.tbl {
	width: 100%;
	border-top: 1px solid #CCC;
}

.tbl tr th {
	width: 25%;
	padding: 20px 10px;
	line-height: 1.5;
	font-size: 14px;
}

.tbl tr td {
	width: 75%;
	padding: 20px 10px;
	line-height: 1.5;
	font-size: 14px;
}




/* anchorLink */
.anchorLink {
	padding-top: 0;
}



/* miyako */
.miyako {
	padding-top: 80px;
}



/* shimojishima */
.shimojishima {
	padding: 220px 0 150px 0;
}

	
}
