/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 06 2026 | 06:25:20 */
.access-page-section {
    position: relative;
	max-width: 980px;
	height: auto;
	margin: 0 auto;
    font-size: 16px;
    line-height: 1.7;
}

.a-wrapper {
    max-width: 1200px;
    margin: 25px auto 0;
	flex-wrap: wrap;
	animation: fadeIn 0.5s ease;
}

.access-page-section h1{
    font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.google-map {
	max-width: 1200px;
    width: 100%;
    margin: 40px auto;
}
.google-map iframe {
    width: 100%;
    height: auto;    
	aspect-ratio: 16 / 7;
}

.access-image, 
.access-image img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}


/* --- アコーディオン用の設定 --- */
details {
    margin-bottom: 20px;
    transition: all 0.3s;
}

/* 矢印（デフォルトの三角）を消す（任意） */
summary::-webkit-details-marker {
    display: none;
}
summary {
    display: block;
    cursor: pointer;
    position: relative;
    list-style: none; /* Firefox用 */
}

/* クリックできることを示す「＋」アイコンなどの演出 */
.a-title {
    position: relative;
    display: flex;
    align-items: center;
}
.a-title h2{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	color: #c41515;
	margin-bottom: 5px;
}
.a-line {
    width: 100%;
    height: 3px; 
    background-color: #c41515;
    border: none; 
    margin-bottom: 25px;
    display: block;
}

/* 擬似要素で「＋」や「▼」を表現する場合 */
.a-title::after {
    content: '▼';
    margin-left: auto;
    color: #c41515;
    font-size: 18px;
    transition: transform 0.3s;
}
/* 開いている時は矢印を逆にする */
details[open] .a-title::after {
    transform: rotate(180deg);
}



@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* スマホ用の余白調整 */
@media (max-width: 768px) {
    .access-wrapper {
        display: block; ω
        padding: 0 10px;
    }
    .access-section h1 {
        font-size: 15px; 
		margin-bottom: 30px;
    }

    .google-map {
        margin: 20px auto;
    }
    .google-map iframe {
        aspect-ratio: 1 / 1; 
    }
	
    .a-title h2 {
        font-size: 20px;
    }

    .a-line {
        margin-bottom: 30px;
    }

    .a-title::after {
        font-size: 14px;
    }

    .a-wrapper {
        padding: 0 0 20px 0;
		margin: 0 auto ;
    }
	.a-line {
        height: 2px;         
        border: none;      
        background-color: #c41515; 
        margin-bottom: 20px; 
    }
}