/* =========================
セクション共通
========================= */
.access_section{
padding:2.6rem 0 2.8rem;
}
/* アクセスの説明（site.php） */
.access_comment{
font-size:1.3rem;
line-height:1.9;
letter-spacing:.06em;
color:#26332f;
margin:0 auto 1.6rem;
max-width:600px;
padding:0 0.3rem;
}








/* =========================
店舗情報
========================= */
.access_info_ul{
max-width:600px;
margin:0 auto;
background:#fff;
border:1px solid #d5e9e2;
border-radius:14px;
padding:0.4rem 1.6rem;
}
.access_info_li{
display:flex;
align-items:flex-start;
gap:1.2rem;
padding:1.5rem 0;
border-bottom:1px dashed #d5e9e2;
}
.access_info_li:last-child{
border-bottom:none;
}
/* 薄緑の丸に緑のアイコン */
.access_info_icon{
flex:none;
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:50%;
background:#eef7f3;
color:#1d8a72;
}
.access_info_icon svg{
width:19px;
height:19px;
}
.access_info_body{
flex:1;
min-width:0;
padding-top:0.1rem;
}
.access_info_label{
display:block;
font-size:1.1rem;
letter-spacing:.1em;
line-height:1.3;
color:#1d8a72;
font-weight:bold;
margin-bottom:0.4rem;
}
.access_info_text{
font-size:1.35rem;
line-height:1.8;
letter-spacing:.05em;
color:#26332f;
}
.access_info_tel{
display:inline-block;
font-size:1.9rem;
line-height:1.3;
letter-spacing:.06em;
color:#1d8a72;
}








/* =========================
Google Map
========================= */
.access_map_ul{
display:flex;
flex-direction:column;
gap:16px;
max-width:600px;
margin:0 auto;
}
.access_map_li{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid #d5e9e2;
border-radius:14px;
padding:1.6rem 1.4rem 1.4rem;
}
/* 【〜】の部分（ルーム名） */
.access_map_head{
display:flex;
align-items:center;
gap:0.6rem;
font-size:1.6rem;
letter-spacing:.08em;
line-height:1.4;
color:#26332f;
padding-bottom:1rem;
margin-bottom:1rem;
border-bottom:1px solid #d5e9e2;
}
.access_map_head svg{
flex:none;
width:20px;
height:20px;
color:#1d8a72;
}
.access_map_text{
font-size:1.25rem;
line-height:1.85;
letter-spacing:.04em;
color:#26332f;
margin-bottom:1.2rem;
}
/* 地図は下に揃える（PC の2列で高さが揃うように） */
.access_map_frame{
margin-top:auto;
border-radius:10px;
overflow:hidden;
background:#eef7f3;
}
.access_map_frame iframe{
display:block;
width:100%;
height:220px;
border:0;
}








/* =========================
tablet〜pc
========================= */

@media(min-width:768px){
.access_section{
padding:3.2rem 0 3.6rem;
}
.access_comment{
max-width:700px;
text-align:center;
}
.access_info_ul{
max-width:700px;
padding:0.6rem 2.6rem;
}
.access_info_li{
align-items:center;
padding:1.7rem 0;
}
/* PC はラベルを左・中身を右に */
.access_info_body{
display:flex;
align-items:baseline;
padding-top:0;
}
.access_info_label{
flex:none;
width:8.5rem;
margin-bottom:0;
}
/* マップは2列 */
.access_map_ul{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px 18px;
max-width:900px;
}
.access_map_li{
padding:1.8rem 1.8rem 1.6rem;
}
.access_map_frame iframe{
height:240px;
}

}