@charset "UTF-8";

/* ===== 下層ページ共通スタイル ===== */
/* 会社概要セクションのトンマナに合わせた、プライバシーポリシー等の下層ページ用 */

.tk-iroha-21popura-stdn{font-family:"iroha-21popura-stdn",sans-serif;}

/* ページ全体 */
.page{padding:140px 0 90px;background-color:#f3f3f3;text-align:center}
.page .inner{width:88%;max-width:900px;margin:0 auto}
.page .page-head{margin-bottom:40px}
.page .page-title{font-size:32px;font-weight:700;color:#005bac;margin:0;line-height:1.6}

/* 本文エリア */
.policy{text-align:left}
.policy .lead{font-size:15px;line-height:2;color:#444;margin:0 0 28px}
.policy .commit{list-style:none;margin:0 0 28px;padding:0}
.policy .commit li{position:relative;padding-left:1.2em;font-size:15px;line-height:1.9;color:#444;margin-bottom:12px}
.policy .commit li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background-color:#005bac}
.policy .contact{background-color:#fff;border:1px solid #dcdcdc;padding:20px 24px;margin:0 0 8px;font-size:15px;line-height:2;color:#333}
.policy .contact .sign{margin-top:8px;font-weight:700;color:#222}

.policy .divider{text-align:center;font-size:32px;font-weight:700;color:#005bac;margin:64px 0 36px}

.policy .sec{margin-bottom:36px}
.policy .sec h2{font-size:18px;font-weight:700;color:#005bac;padding:0;margin:0 0 14px;line-height:1.6}
.policy .sec h3{font-size:16px;font-weight:700;color:#005bac;margin:24px 0 10px;line-height:1.6}
.policy .sec p{font-size:15px;line-height:2;color:#444;margin:0 0 12px}
.policy .sec .lv1{font-weight:700;color:#333;margin:18px 0 8px}
.policy .sec .lv2{margin:0 0 12px;padding-left:1em}
.policy .sec .lv2 strong{color:#333}
.policy .link{color:#005bac;text-decoration:underline}
.policy .link:hover{text-decoration:none}
.policy .sec .ind{padding-left:1em}
.policy .sec ul.dots{list-style:none;margin:0 0 12px;padding-left:1em}
.policy .sec ul.dots li{position:relative;padding-left:1.1em;font-size:15px;line-height:1.9;color:#444;margin-bottom:6px}
.policy .sec ul.dots li:before{content:"・";position:absolute;left:0;color:#005bac}
.policy .sec ul.dots-circle > li:before{content:"";width:6px;height:6px;border-radius:50%;background-color:#005bac;top:.7em}
.policy .sec ul.dots-circle li ul.dots{margin-top:8px}
.policy .sec ul.dots-circle li ul.dots li{font-size:14px}

@media (max-width:740px){
  .page{padding:100px 0 60px}
  .page .page-head{margin-bottom:32px}
  .policy .sec h2{font-size:16px}
  .page .page-title,.policy .divider{font-size:18px}
  .policy .lead,.policy .commit li,.policy .contact,.policy .sec p,.policy .sec .lv2,.policy .sec ul.dots li{font-size:14px}
}

/* フッターリンク（トップと共通） */
.ft .ft-links{margin:0 0 10px;text-align:center}
.ft .ft-links a{color:#6a6a6a;font-size:calc(100vw*14/1920);text-decoration:underline}
.ft .ft-links a:hover{text-decoration:none}
@media (max-width:740px){.ft .ft-links a{font-size:calc(100vw*14/375)}}