/*/*/*/*/*.price.price/**/*/*/*/*/*//* タブ全体のスタイル */
.facility-tab-section {
    padding: 40px 20px;
    max-width: 1000px;
    margin: 0 auto;
}


/* タブボタンを包むコンテナの基本設定 */
.tab-container {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #ff8c00;
    margin: 0 auto 20px auto; /* 中央寄せ */
    width: 100%; /* デフォルト（PC）は100% */
}
.tab-btn {
    padding: 10px 60px;
    border: none;
    background: #f4f4f4;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.4rem;
    transition: 0.3s;
    border-radius: 8px 8px 0 0;
    margin: 0 2px;
}

.tab-btn:hover {
    background: #eee;
}

.tab-btn.active {
    background: #ff8c00;
    color: #fff;
}

/* コンテンツの表示・非表示 */
.tab-content {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* スマホ表示（画面幅768px以下）の時の修正 */
@media screen and (max-width: 768px) {
    .tab-container {
        width: 100%; /* 画面の80%に設定 */
    }

    .tab-btn {
        flex: 1; /* ボタンを均等な幅で並べる */
        padding: 10px 5px; /* 横の余白を少し削って調整 */
        /*font-size: 0.9rem;*/ /* 文字がはみ出さないよう少し小さく */
        text-align: center;
		font-size: 1.6rem;
		color: #000000;
    }
}