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



.title {
	position: relative;
	text-align: center;

}


.title__img{
  width:  100%;
  height:auto;
  overflow: hidden;
	}
.title__img img{
     width: 100%;
   }

.main_text_after {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 70%;
	padding:30px;
	background : rgba(0,0,0,0.5);
}


@media screen and (max-width: 992px){
	.main_text_after {

width: 80%;

}

.title__img{
  height: auto;
	  width: auto;
	}
}

.title__img img{
     width: 80%;
   }



.main_text_after h2 {
	  font-size:24px;
	  letter-spacing:2px;
	  margin-bottom:10px;
		  width:100%;

	    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
			  line-height:40px;
	color: #FFFFFF;

}
.main_text_after h6 {
	  font-size:16px;
	  letter-spacing:2px;
	  margin-bottom:24px;
		  width:100%;
line-height:20px;
	color: #fff;

}
.main_text_after p {
	  font-size:18px;
	  letter-spacing:1px;
	  line-height:40px;
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
	  text-align:center;	
		color: #FFFFFF;
	 font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}


@media screen and (max-width: 767px){
	.title__img img{
     width: 82%;
   }
	
	.main_text_after {
	
	width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
}
.main_text_after h2 {
	  font-size:18px;
		line-height:26px;

}
	
	.main_text_after p {
	  font-size:16px;
	  line-height:28px;
	  
}
}







/* ==========================================================================
access
========================================================================== */

#access{
	padding-bottom: 70px;
	padding-top: 70px;

  }


#access h3{
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;

  }


#access p {
	text-align:left;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:24px;
	  margin-top:15px;
	  padding-left: 10px;
	  padding-right: 10px;
	color: #424242;
	margin-bottom: 20px;
}

.map {
	width: 70%;
	margin-left:auto;
	margin-right: auto;
	padding-bottom: 50px;
	padding-top: 30px;
}

@media screen and (max-width: 768px){
.map {
	width: 90%;

}	
	#access h3{

	padding-top: 50px;

  }
	
}


.map img {
	width: 100%;
	height: auto;
	
}


.bus {
	width: 100%;
	margin-top: 50px;
	
}
.bus_img {
	width: 40%;
	float: left;
	
}
.bus_text {
	width: 55%;
	float: right;
	padding-top: 20px;
	
}




.map dl {
	margin-bottom: 18px;
	border-bottom: 1px dotted #DBDBDB;
	padding: 30px;

}

.map dt {

    /* 幅を指定する */
    width:60px;



    /* dtとdlを横並びにする */
    float: left;

    /* 行ごとにmarginを取るときは、dtとddの両方にmargin-bottomが必要 */
    margin-bottom: 10px;
}

.map dd {

    /* dtの幅と同じだけmargin-leftをとると、改行したときにddの頭の位置が揃う */
    margin-left: 60px;



    /* 行ごとにmarginを取るときは、dtとddの両方にmargin-bottomが必要 */
    margin-bottom: 10px;
}



#map  {
	width: 100%;
	height: 500px;
	background-color: #D8D8D8;

 
}