@charset "UTF-8";
/**
 * marketing ページ（index / service / method / tenant / faq / terms / privacy / law / company / contact）用
 * デザインシステムの body ベース設定を旧デザインに戻す。
 * design-system.css の後、最後に読み込むこと。
 */

/* 背景色・フォントサイズを旧設定に戻す */
body {
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #242424;
    background-color: #ffffff;
}

/* リンクhover を旧挙動に */
a {
    transition-property: all;
    transition: 0.3s linear;
    text-decoration: none;
}
a:hover {
    opacity: 0.8;
}

/* marketing ページは新ヘッダー/フッターだけDS、コンテンツは旧レイアウト */
/* main のDSスタイル（page_wrapper 等）は marketing では使わないので無効化 */
main.page_wrapper {
    padding: 0;
    max-width: none;
}

/* 旧fixedヘッダー用オフセット（padding-top: 90px）を無効化
   新.site_headerはsticky/通常フローなのでpadding不要 */
#sub_page.second {
    padding-top: 0 !important;
}
@media (min-width: 769px) {
    #sub_page.second { padding-top: 0 !important; }
}

/* DS の page_title を marketing 内で使う場合の衝突回避：marketing では ttl_center を使うので page_title の設定は不要 */

/* 画像はレスポンシブ基本 */
img { max-width: 100%; height: auto; }

/* 新 reset.css の `svg { display: block }` が marketing ページの text-align: center を無効化するため上書き。
   DS コンポーネントの `.icon` は自身で display: inline-block を指定しているので問題なし。 */
svg { display: inline-block; vertical-align: middle; }