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

common-tablet.css

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

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */
h1.page-title {
    font-size: var(--rem32px);
    line-height: 140%;
}
h2.sec-title {
    font-size: var(--rem24px);
    line-height: 160%;
    margin-bottom: 32px;
}
h2.sec-title[data-type="border"] {
    font-size: var(--rem24px);
    line-height: 160%;
}
h3.block-title {
    font-size: var(--rem18px);
    line-height: 160%;
}
.sec-catch {
    font-size: 24px;
    line-height: 160%;
}

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

/*============================================================
 特殊メインビジュアル(下層)
*============================================================*/
.page-lower #mainvisual-type2 .eyecatch {
    margin-top: 56px;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.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-page-link .btn-list > * span {
    font-size: 18px;
    line-height: 100%;
}

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

/* カード
---------------------------------------- */
/* 基本 */
.block-card {
    --col: 2;
}

/* リスト
---------------------------------------- */
.block-list {
}

/* 直書きスライド
---------------------------------------- */
.block-static-slide {
    --slide-width: 70vw;
}
.block-static-slide .swiper-slide .layout .image {
    width: 38.99%;
}
.block-static-slide .swiper-slide .layout .info .title {
    font-size: 20px;
}
.block-static-slide .swiper-slide .layout .info .summary {
    font-size: 20px;
}

/* フロー
---------------------------------------- */
.block-flow {
}

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

/* よくあるご質問
---------------------------------------- */
#sec-faq {
}

/*============================================================
 記事 目次
*============================================================*/

/*============================================================
 パターン
*============================================================*/
/* パターン（セクション）
---------------------------------------- */
/* 本記事の要約 */
.block-post-content .inner .pattern-section-post-summary {
    font-size: 16px;   
}

/*============================================================
 記事本文ブロック
*============================================================*/
/* 見出し
---------------------------------------- */
.block-post-content h2 {
    font-size: 24px;
    line-height: 160%;
}
.block-post-content h3 {  
    font-size: 18px;
}

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

/*============================================================
 footer
*============================================================*/
/* 
---------------------------------------- */
#site-footer {
}
#site-footer .footer-info .fnav .menu-list {
    display: none;
}
#site-footer .footer-info .fnav .contact-list {
    align-items: flex-start;
    gap: 68px 24px;
}
#site-footer .footer-info .fnav .contact-list .contact-site .list {
    flex-direction: column;
}
#site-footer .footer-info .fnav .contact-list .contact-tel {
    flex: 1;
    margin-top: 12px;
    max-width: 360px;
}
#site-footer .footer-info .fnav .contact-list .contact-tel .list {
    flex-direction: column;
}