@charset "UTF-8";
/********************************************************************************

common-tablet.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPCOnly {
    display: none;
}


/*============================================================
 format
*============================================================*/
/* ベース
---------------------------------------- */

/* レイアウト
---------------------------------------- */
#main-contents {
}

/* コンテンツ内
---------------------------------------- */
/* 余白基本設定 */
.section {
    /* --section-space: 64px;
    --element-space: 32px */
}

/* 見出し */
h1.page-title {
    padding: 8px 24px 12px 8px;
    margin-left: 0;
    font-size: var(--rem24px);
    line-height: 140%;
}
h2.sec-title {
    font-size: var(--rem24px);
    line-height: 160%;
    margin-bottom: 32px;
}
h3.block-title {
    font-size: var(--rem18px);
    line-height: 160%;
    margin-bottom: 16px;
}
/* 記事詳細（フリー投稿）はタイトルが長くなりやすいため少し小さく */
#page-news h1.page-title,
#page-blog h1.page-title {
    font-size: var(--rem28px);
}

a[href^="tel:"] {
    pointer-events: auto;
}

/*============================================================
 メインビジュアル(下層)
*============================================================*/
.page-lower #mainvisual {
}
.page-lower #mainvisual .mainvisual-content {
    padding-top: 184px;
}

/*============================================================
 パンくずリスト
*============================================================*/
#breadcrumb {
    height: calc(2em + 16px);
}

/*============================================================
 SNSシェアブロック関連
*============================================================*/
/* クリップボードコピー用メッセージ
---------------------------------------- */
#clipbord-msg {
}

/* SNSシェアセクション
---------------------------------------- */
#sec-sns-share {
}

/* SNSシェアブロック
---------------------------------------- */
.block-sns-share {
}

/*============================================================
 共通ブロック
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-tablet {
    width: calc(var(--common-vw) - ((var(--common-vw) - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll-tablet .block-wscroll-inner {
    width: max-content;
    padding: 4px 16px 16px 4px;
}
.block-wscroll-tablet .block-wscroll-inner > * {
    width: auto;
    /* white-space: nowrap; */
}

/* メタ
---------------------------------------- */
.block-meta {
}

/* カード
---------------------------------------- */
.block-card {
}

/* リスト
---------------------------------------- */
.block-list .item .item-title {
    --line: 1;
}

/*============================================================
 共通セクション
*============================================================*/
/* カテゴリ選択
---------------------------------------- */
#sec-select-term {
}

/*============================================================
 ページング
*============================================================*/
/* echoPageNavi使用時
---------------------------------------- */
.pagination {
}

/*============================================================
 記事 目次
*============================================================*/
.block-post-content #ez-toc-container {
}

/*============================================================
 パターン
*============================================================*/
/* パターン デフォルト調整
---------------------------------------- */

/* パターン（セクション）
---------------------------------------- */

/* パターン（ブロック）
---------------------------------------- */

/* パターン（アイテム）
---------------------------------------- */

/*============================================================
 記事本文ブロック
*============================================================*/
/* 余白調整
---------------------------------------- */

/* 見出し
---------------------------------------- */
.block-post-content h2 {
    font-size: var(--rem24px);
}
.block-post-content h3 {    
    font-size: var(--rem18px);
}

/* 箇条書きリスト
---------------------------------------- */

/* 連番リスト
---------------------------------------- */

/* 段落
---------------------------------------- */

/* 画像
---------------------------------------- */


/*============================================================
 CTA
*============================================================*/
/* お問い合わせ
---------------------------------------- */
#cta-contact {
}

/*============================================================
 サイト内検索フォーム
*============================================================*/

/*============================================================
 サイト内検索結果
*============================================================*/

/*============================================================
 システムエラー　404
*============================================================*/


/*============================================================
 footer
*============================================================*/
#site-footer {
    padding: 40px 0 32px 0;
}

/* ページトップ
---------------------------------------- */
#site-footer .footer-totop {
    margin-bottom: 36px;
}

/* フッターインフォ
---------------------------------------- */
#site-footer .footer-info {
    flex-direction: column;
    align-items: center;
    gap: 52px;
    margin-bottom: 32px;
}
#site-footer .footer-info .company .logo {
    margin-bottom: 32px;
}
#site-footer .footer-info .company .addr {
    text-align: center;
}

/* フッターナビ
---------------------------------------- */
#site-footer .fnav {
    flex-direction: column;
    width: 100%;
}
#site-footer .fnav .parts-btn {
    --width: 100%;
    --max-width: 342px
}

/* SNS
---------------------------------------- */
#site-footer .footer-sns {
    margin-bottom: 8px;
}

/* リンク
---------------------------------------- */
#site-footer .footer-link {
    margin-bottom: 8px;
}