/* utility.css */

/* コンテナ */
.container {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

/* 表示制御 */
.pc-only { display: inline; }
.sp-only { display: none; }
@media (max-width: 768px) {
    .pc-only { display: none; }
    .sp-only { display: block; }
}

/* 背景色・文字色 */
.bg-light { background-color: #f8f9fa; }
.bg-navy { background-color: #003366; }
.text-white { color: #fff !important; }

/* セクション設定 */
.section {
    padding: 80px 0;
}
.section-title {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    color: #003366;
}
.section-desc {
    text-align: center;
    margin-bottom: 50px;
    color: #666;
}

/* ボタン共通 */
.btn {
    display: inline-block;
    padding: 15px 40px;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border: none;
}
.btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.btn-primary {
    background-color: #c9a063; /* ゴールド系（アクセント） */
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.btn-line {
    background-color: #06c755;
    color: #fff;
    min-width: 280px;
}
.btn-submit {
    background-color: #fff;
    color: #003366;
    width: 100%;
    padding: 18px;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .section { padding: 60px 0; }
    .section-title { font-size: 1.6rem; }
}