body { background: #fff; line-height: 140%;	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;}

#spot { padding: 70px 6%; }
#spot .head { padding:0 0 50px; text-align: center; }
#spot h1  { padding: 0 0 20px; border-bottom: 1px solid #000; font-family: 'Noto-Sans-JP-Medium';font-size: 24px;}
#spot h1 span { padding: 10px 0 0; display: block; font-size: 36px; font-family: 'Noto-Sans-JP-Medium';}

#spot .main img {width: 100%; height: auto; padding: 0 0 30px; }
#spot .main h2 { font-size: 24px; padding:0 0 20px; line-height: 150%;text-align: center; font-family: 'Noto-Sans-JP-Medium';}
#spot .main p { font-size: 16px; line-height: 200%; padding: 0 0 0; font-family: 'Noto-Sans-JP-Regular';}
#spot .main .box{width: 90%; margin: 0 auto;}

#spot .main .btns { text-align: center; background: #c90813 ; color: #fff; width: 300px; padding: 24px 0px; border-radius: 100px; margin: 50px auto 0; text-decoration: none; display: block;font-size: 18px; font-family: 'Noto-Sans-JP-Regular';}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	#spot { padding: 40px 4%; }
	#spot .head { padding: 0 0 30px; }
	#spot h1  { padding: 0 0 20px; font-size: 18px;}
	#spot h1 span { font-size: 22px; }
	#spot .head .icn img { width: 90px; height: auto; }
	#spot .main h2 { font-size: 18px; padding: 20px 0 15px;  }
	#spot .main p { font-size: 14px; }
	#spot .head p { line-height: 140%; font-size: 14px;}
	#spot .main img {width: 100%; height: auto; padding: 0 0 4%; }
	
	#spot .main .btns {width: 80%; margin: 30px auto 0; font-size: 16px; padding: 16px 0}
	#spot .main .btns.btns_4{padding: 8px 0; line-height: 150%;}
}