@charset "UTF-8";
/*-----------------------------------------------------
MAP
----------------------------------------------------- */
#Map #main { padding-top: clamp(80px, 12vw, 110px); padding-bottom: clamp(100px, 10vw, 120px); }
#Map .head {text-align:center;}
#Map h3 {font-size:clamp(20px, 3vw, 25px);text-align:center;margin-bottom:clamp(20px, 7vw, 100px);color:#77513b;}
#Map .address { border: 1px solid #77513b; display:flex;align-items:center;background:#fff;font-size:clamp(14px, 3vw, 21px);margin-bottom:clamp(30px, 10vw, 100px);box-sizing:border-box;}
#Map .address picture {max-width:546px;width:50%;}
#Map .address p {width:50%;font-size:clamp(14px, 3vw, 21px);text-align:center;}
#Map .map_img01 picture {margin-bottom: clamp(30px, 5vw, 50px);border: 1px solid #77513b; }
#Map .map_img02 picture {margin-bottom: clamp(15px, 5vw, 30px);border: 1px solid #77513b;}
#Map .map_img02 h4 { text-align: center; color: #fff; background: #77513b; padding: 10px; box-sizing: border-box;font-size: clamp(13px, 3vw, 20px); }
#Map .btn_wrap {max-width:600px;margin:0 auto; margin-bottom: clamp(60px, 10vw, 95px); }
#Map .btn_wrap .flex {display:flex;justify-content:space-between;gap:40px;}
#Map .btn_wrap a.btn {max-width:280px;width:100%;font-size:clamp(13px, 3vw, 21px);background:var(--green-color);color:#fff;padding:20px 30px;text-align:center;transition: .5s;
  box-shadow: 4px 5px 7px #9393938c;}
#Map .btn_wrap a.btn:hover {opacity:0.6;}


/*　600pxからレスポンシブ*/
@media only screen and (max-width: 600px){
	#Map {margin:50px 0 40px;}
  #Map .address {display:block;}
  #Map .address picture {max-width:initial;width:100%;}
  #Map .address p {width:100%;padding:5px 0;}
  #Map .btn_wrap {margin-bottom:35px;}
  #Map .btn_wrap .flex {justify-content:center;}
  #Map .btn_wrap a.btn {max-width:160px;padding:15px 20px;}
  #Map .map_img02 h4 { padding: 5px; }
}