@charset "UTF-8";

/* ===================================
	File Name   : visit.css
	Description : visit Page Layout CSS
	Editor      : Bface Hayakawa
	Last Editor : Bface Hayakawa
	
	Update Description :
	[2023/05/25] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Share Elements
	2. index Page Setting

	
====================================== */



/*===== ■1. Share Elements =====*/


/*===== ■2. index Page Setting =====*/
#visit_intro > .inner > p { margin-bottom: 20px;}

#visit_intro dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#visit_intro dt {
	width: 100%;
	max-width: 400px;
	line-height: 0;
}

#visit_intro dt img:first-of-type { 
  width: 90%;
  margin-bottom: 10px;
}

#visit_intro dd {
   width: 50%;
}

#visit_intro dd a {
  width: 100%;
  margin: 0 0 0 auto;
}
#visit_intro dd a:not(:last-of-type) { margin-bottom: 10px;}

#visit_intro figure{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  a.box:not(.soon) { padding: 15px;}
  
  #visit_intro dl { display: block;}
  
  #visit_intro dt { margin-bottom: 10px;}
  
  #visit_intro dd {
    display: block;
    width: 100%;
  }
  
  #visit_intro dd a {
    width: 100%;
    margin: 0 auto;
  }
  
  #visit_intro dt img:first-of-type {
    min-width: 180px;
    width: 50%;
  }
  
  #visit_intro figure{
    flex-wrap: wrap;
    align-items: center;
  }
  #visit_intro figure{
    gap: 2.67vw;
  }
  #visit_intro figure span {
    width: calc(50% - 1.34vw);
  }
}