@charset "utf-8";

#page-title-img {
  padding-top: 500px;
  background: url("../images/access-images/mv.jpg") 50% 50% no-repeat;
  background-size: cover;
}

/* ----------------------------------------
historical
------------------------------------------- */
#outline {
  position: relative;
 
}


#outline img{
	width:100%;
	max-width:600px;
}

#outline h2{
	letter-spacing: 0.1rem;
}

#outline p{
	margin-top:25px;
    letter-spacing: 0.1rem;
}

#howtoaccess p{
	padding:25px;
	line-height:3.3rem;
}

/* ----------------------------------------
historical
------------------------------------------- */
#historical {
  position: relative;
 
}


#historical img{
	width:100%;
	max-width:600px;
}

#historical h2{
	letter-spacing: 0.1rem;
}

#historical p{
	margin-top:25px;
    letter-spacing: 0.1rem;
}

#howtoaccess p{
	padding:25px;
	line-height:3.3rem;
}

/* ----------------------------------------
 select
------------------------------------------- */
#select .float-l{
width: 48%;
}
#select .float-r{
width: 48%;
}
#select div a{
display: block;
border: 1px solid #cccccc;
color: #2c6c72;
font-size: 3rem;
text-align: center;
line-height: 1;
padding: 30px 0;
}
/* ----------------------------------------
 info
------------------------------------------- */
.info{
width: 100%;
}
.info th,.info td{
text-align: left;
vertical-align: top;
line-height: 1.5;
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
/* ----------------------------------------
 precautions
------------------------------------------- */
.precautions .box{
border: 5px solid #a3d3d5;
border-radius: 10px;
padding: 30px;
}
.precautions p{
font-size: 1.7rem;
}
.precautions .box strong{
color: #cc0b0b;
}
/* ----------------------------------------
 root
------------------------------------------- */
.root ul{
overflow: hidden;
}
.root ul li{
float: left;
position: relative;
width: 23%;
margin-right: 2.6%;
padding-top: 30px;
}
.root ul li:nth-child(4n){
margin-right: 0;
}
.root ul li img{
margin-bottom: 10px;
}
.root ul li span{
position: absolute;
top: 0;
left: 0;
color: #2c6c72;
font-size: 5rem;
line-height: 1;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {

}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
#accessmap .cmn-btn02{
		width:80%
	}
/*	.float-r img{
		margin-top:10%;
	}*/
/* ----------------------------------------
 select
------------------------------------------- */
#select .float-l{
width: 48%;
}
#select .float-r{
width: 48%;
}
#select div a{
font-size: 1.8rem;
padding: 20px 0;
}
/* ----------------------------------------
 precautions
------------------------------------------- */
.precautions .box{
border: 3px solid #a3d3d5;
padding: 15px;
}
.precautions p{
font-size: 1.4rem;
}
/* ----------------------------------------
 root
------------------------------------------- */
.root ul li{
width: 48%;
margin-right: 4%;
padding-top: 15px;
}
.root ul li:nth-child(2n){
margin-right: 0;
}
.root ul li img{
margin-bottom: 5px;
}
.root ul li span{
font-size: 4rem;
}

}