@charset "UTF-8";
/* CSS Document */

/* =====================
  メインビジュアル
===================== */
#mainvisual {
    background-image: url(../images/access/mainvisual-access.jpg);
}
/* =====================
  アクセス
===================== */
#access {
    width: 1080px;
    margin: 0 auto 80px;
    overflow: hidden;
}
#access iframe {
    display: block;
    margin: 0 auto 50px;
}
#access figure {
    width: 540px;
    height: 382px;
    float: right;
}
#access table {
    width: 500px;
    float: left;
    margin: 0 0 1em;
}
#access table th {
    display: block;
    color: #793b96;
    font-size: 20px;
    text-align: left;
    padding: .25em 0;
    border-bottom: 1px solid rgba(121,59,150,.25);
}
#access table td {
    display: block;
    padding: .75em 0 1.5em;
}
#access ul {
    width: 500px;
    float: left;
    line-height: 1.5;
}
#access ul li {
    color: #cd3a3a;
    margin: 0 0 .5em;
}
#access ul li::before {
    content: "※";
    display: inline-block;
    margin: 0 .25em 0 0;
}
#access ul li:last-child {
    margin: 0;
}
#access ul + div{
	display:table;
	height:0;
	clear: both;
}
.map_gaide{
	width:min(100%,1080px);
	height:auto;
	margin:30px auto;
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:40px;
	justify-content: space-between;
}
.map_gaide h3{
	font-size: 20px;
	padding: 0.25em 0;
	text-align: left;
	color:#793b96;
	border-bottom: 1px solid rgba(121,59,150,.25);
}

.map_gaide li{
	color:#cd3a3a;
	padding:12px 0;
	line-height: 1.7;
}
.map_gaide > .map_img{
	width:520px;
	height:auto;
	padding:10px;
	background:#fff;
	aspect-ratio:19 / 15;
}

#access .map_gaide figure{
	width:100%;
	height:auto;
	float:none;
}
.map_gaide img{
	width:100%;
	height:100%;
	object-fit: cover;
}