@charset "UTF-8";

.access_area {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.access_text_address {
font-size: 130%;
line-height: 1.7em;
font-weight: bold;
margin-bottom: 25px;
}
.access_text_mx {
font-size: 130%;
border: solid 2px #6bc7ac;
display: inline-block;
padding: 20px;
margin-bottom: 20px;
}
.access_text_mx span{
letter-spacing: 0.1em;
}
.access_text_min {
margin-bottom: 40px;
}
.access_text_min ul {
margin: 0;
padding: 0;
}
.access_text_min ul li {
line-height: 2em;
}
@media (max-width: 640px) {
.access_text_address {
font-size: 120%;
line-height: 1.5em;
font-weight: bold;
margin-bottom: 25px;
}
.access_text_mx {
font-size: 110%;
line-height: 1.8em;
}
.access_text_min {
margin-bottom: 30px;
font-size: 90%;
}
}

.acc_maps {
width: 100%;
margin: 0 0 30px 0;
}
.acc_maps iframe{
width: 100%;
height: 500px;
}
@media (max-width: 640px) {
.acc_maps {
margin: 0 0 15px 0;
}
.acc_maps iframe{
height: 350px;
}
}

.access_sub {
  display: flex;
		align-items: stretch;
  gap: 40px;
		margin: 0 0 40px 0;
		padding: 0;
}
.illust_map {
  flex-shrink: 0;
		border: solid 1px #b3b3b3;
}
.access_sub_inner {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2列 */
  grid-template-rows: 1fr 1fr;   /* 2行 */
  gap: 15px;
}
.access_sub_picture {
  overflow: hidden;
  min-height: 0;
}
.access_sub_picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 640px) {
.access_sub {
		flex-direction: column;
		align-items: center;
		gap: 30px;
		width: 90%;
		margin: 0 auto 30px auto;
}
.illust_map {
		width: 100%;
}
.illust_map img {
		width: 100%;
}
.access_sub_inner {
		width: 100%;
}
}

.access_picture {
display: flex;
flex-wrap: wrap;
gap:10px;
margin: 0;
padding: 0;
width: 100vw;
margin-left: calc(50% - 50vw);
}
.access_picture_inner {
flex: 1;
}
.access_picture_inner img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 640px) {
.access_picture_inner {
flex: 0 0 calc(50% - 5px);
}
}

#time_sub {
width: 100%!important;
}
#time_sub ul {
	padding: 0px;
	margin: 10px 0 0 0;
}
#time_sub ul li {
	font-size: 90%;
	line-height: 1.6em;
}
@media (max-width: 640px) {
#time_sub {
width: 90%!important;
margin: 0 auto;
}
#time_sub ul li {
	font-size: 80%;
}
}

.equipment {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:30px;
}
.equipment_inner {
	width: 31%;
	padding: 30px;
	border: solid 2px #6bc7ac;
}
.equipment_inner_pic {
	padding: 0px;
	margin: 0 0 20px 0;
}
.equipment_inner_pic img{
	max-width: 100%;
}
.equipment_inner_title {
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 0 10px 0;
	border-top: 2px solid #b9aa8a;
	border-bottom: 1px dotted #b9aa8a;
}
.equipment_inner p {
	margin: 0;
	padding: 0;
}
@media (max-width: 640px) {
.equipment {
	flex-direction: column;
 align-items:center;
	gap:25px;
}
.equipment_inner {
	width: 90%;
}
}