/*===============　幅768px以下の場合に適用　===============*/
@media screen and (max-width:767px) {
		  .page_img {
    background: url("../img/news_img.jpg");
    background-position: center;
    background-size: cover;
		  height: 220px;
  }
	
.faq{
	width: 100%;
	height: auto;
	margin:0 auto;
	padding:40px 0;
}

.faq .page_ttl {
	color: #fff;
	text-shadow: 
    #182355 1px 1px 10px, #182355 -1px 1px 10px,
    #182355 1px -1px 10px, #182355 -1px -1px 10px;
}


  .news {
    margin: 30px auto 120px auto;
    padding: 80px 0;
	  background-color: #fff;
	  display: block;
	  width: 85%;
	  border-bottom: solid 1px #000;
	  border-top: solid 1px #000;
	  text-align: left;
  }
  .news p {
    margin: 0 auto 10px auto;
    padding-bottom: 5px;
	  
  }
  .news span {
    margin: 5px auto;
    display: block;
  }

	.news_btn a{
	position: relative;
  display: inline-block;
  padding: .9em 2em;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  text-decoration: none;
	width: 70%;
	text-align: center;
}


 
    .news_btn a::after{
      position: absolute;
  top: 51%;
  left: 300px;
  content: '';
  margin-top: -5px;
  border: 0.5px solid #333 ;
		padding-right: 90px;
  transition: all .2s;
    }

.news_btn a:hover::after {
  left: 280px;
}


}




/*===============　幅769px以上の場合に適用　===============*/
@media screen and (min-width:768px) {
			.page_img {
    background: url("../img/news_img.jpg");
    background-position: center;
    background-size: cover;
	height: 500px;
  }	
	
.faq{
	width: 1000px;
	height: auto;
	margin:0 auto 200px;
}

.faq .page_ttl {
	margin-top: -150px;
	color: #fff;
	text-shadow: 
    #182355 1px 1px 10px, #182355 -1px 1px 10px,
    #182355 1px -1px 10px, #182355 -1px -1px 10px;
}
  .news {
    margin: 30px auto 120px auto;
    padding: 80px 0;
	  background-color: #fff;
	  display: block;
	  font-size: 18px;
	  width: 60%;
	  border-bottom: solid 1px #000;
	  border-top: solid 1px #000;
  }
  .news p {
    margin: 0 auto 10px auto;
    padding-bottom: 5px;
  }
  .news span {
    margin: 5px auto;
    display: block;
  }

.access_map2{
	width: 1100px;
	height: 500px;
	margin: 0 auto;
}

.access_map2:before{
	content: "Hotel info";
	color: #a8a088;
	font-size: 34px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:26px;
}

.access_map2 img {
	float:right;
}

.access_map2 div {
	float: left;
	padding-left:20px;
	background: #edeae1;
	padding: 40px 20px;
}

.access_map2 div span {
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding:30px 0;
}

.access_map2 div p {
	font-size:16px;
}


	
	.news_btn{
		display: block;
		padding-top:20px; 
	}

	.news_btn a{
	position: relative;
  display: inline-block;
  padding: .9em 2em;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  text-decoration: none;
	width: 200px;
	text-align: center;
}
 
    .news_btn a::after{
      position: absolute;
  top: 51%;
  left: 250px;
  content: '';
  margin-top: -5px;
  border: 0.5px solid #333 ;
		padding-right: 90px;
  transition: all .2s;
    }

.news_btn a:hover::after {
  left: 270px;
}
	
}