@charset "utf-8";

/* レイアウト制御（下層ページ共通） */
html, body.lower-page-body { height: 100%; }
body.lower-page-body { display: flex; flex-direction: column; }
main.lower-page { flex: 1; margin-top: 80px; }

/* ページヘッダー */
.page-header { background-color: #162d50; padding: 80px 0; text-align: center; color: #fff; }
.page-header .en { display: block; font-size: 14px; letter-spacing: 0.3em; margin-bottom: 10px; }
.page-header h2 { font-size: 28px; font-weight: 500; }

/* コンテンツエリア */
.privacy-content { padding: 80px 0 40px; max-width: 800px; margin: 0 auto; }
.intro { margin-bottom: 40px; line-height: 2; }

.policy-item { margin-bottom: 50px; }
.policy-item h3 {
    font-size: 18px;
    color: #162d50;
    border-left: 4px solid #162d50;
    padding-left: 15px;
    margin-bottom: 20px;
    font-weight: 600;
}
.policy-item p { font-size: 15px; line-height: 2; color: #444; }
.policy-item ul { margin-top: 15px; padding-left: 20px; }
.policy-item ul li { list-style: disc; margin-bottom: 10px; color: #444; }

.contact-info {
    margin-top: 20px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #eee;
    line-height: 1.8;
}

.date { text-align: right; margin-top: 60px; color: #999; font-size: 14px; }

/* 戻るボタン */
.btn-wrap { text-align: center; margin-bottom: 100px; }
.btn-pdf {
    display: inline-block;
    border: 1px solid #333;
    color: #333 !important;
    padding: 10px 60px;
    border-radius: 50px;
    font-size: 15px;
    background: #fff;
    transition: 0.3s;
}
.btn-pdf:hover { background: #333; color: #fff !important; }

/* レスポンシブ */
@media screen and (max-width: 768px) {
    main.lower-page { margin-top: 60px; }
    .page-header { padding: 60px 0; }
    .privacy-content { padding: 50px 0 20px; }
    .btn-pdf { width: 100%; max-width: 280px; }
}