@charset "utf-8";
/* legal.css — プライバシーポリシー / サービス利用規約ページ専用の追加スタイル。
   css/style.min.css の後に読み込む。style.min.css は変更しない。 */

/* ===== ヘッダー ===== */
.legal-header{
    background:#fff;
    border-bottom:1px solid #d7e6ed;
    padding:14px 0;
}
.legal-header__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.legal-header__logo img{
    width:auto;
    height:26px;
    display:block;
}
.legal-header__back{
    flex-shrink:0;
    font-size:1.2rem;
    font-weight:700;
    color:#1b2d41;
    white-space:nowrap;
}
.legal-header__back::before{
    content:"";
    display:inline-block;
    width:6px;height:6px;
    margin-right:6px;
    border-left:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    vertical-align:middle;
}
@media (min-width:768px){
    .legal-header{padding:18px 0;}
    .legal-header__logo img{height:34px;}
    .legal-header__back{font-size:1.4rem;}
}

/* ===== ページタイトル帯 ===== */
.legal-hero{
    background:#1b2d41;
    padding:36px 0;
    text-align:center;
}
.legal-hero__title{
    color:#fff;
    font-weight:900;
    font-size:2.2rem;
    line-height:1.4;
    letter-spacing:.04em;
}
.legal-hero__title::after{
    content:"";
    display:block;
    width:40px;height:3px;
    margin:14px auto 0;
    background:#f3815e;
}
@media (min-width:768px){
    .legal-hero{padding:56px 0;}
    .legal-hero__title{font-size:3.2rem;}
}

/* ===== 本文 ===== */
.legal-main{
    padding:40px 0 64px;
}
.legal-main .modal-content{
    max-width:800px;
    margin:0 auto;
}
@media (min-width:768px){
    .legal-main{padding:56px 0 80px;}
}