@charset "UTF-8";
/*-----------------------------------------------------
MAP
----------------------------------------------------- */
#Map #main { background: #fbfaf8; padding-top: clamp(70px, 10vw, 90px); 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, 5vw, 90px);color:#b18c81;}
#Map .address {display:flex;align-items:center;background:#fff;font-size:clamp(14px, 3vw, 21px);margin-bottom:clamp(30px, 6vw, 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 #b18c81; }
#Map .map_img02 picture {margin-bottom: clamp(15px, 5vw, 30px);border: 1px solid #b18c81;}
#Map .map_img02 h4 { text-align: center; color: #fff; background: #b18c81; 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, 90px); }
#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);transition:0.3s ease-in-out;background:var(--mossgreen-color);color:#fff;padding:20px 30px;text-align:center;}
#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:233px;padding:15px 20px;}
  #Map .map_img02 h4 { padding: 5px; }
}