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

common-tablet.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 100%;           /* 通常サイト幅 */
	--common-inner-padding: 24px;               /* 通常サイト幅内余白 */
}

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

/* コンテンツ内
---------------------------------------- */
.section {
    /* margin-bottom: 48px; */
}
.inner {
    /* gap: 24px; */
}
a[href^="tel:"] {
    pointer-events: auto;
}

/*============================================================
 共通パーツ
*============================================================*/
/* 運営開始までのフロー
---------------------------------------- */
.parts-workflow {
    gap: min(60px, calc(60 * var(--variable-size-rate)));
}
.parts-workflow .step {
    width: min(160px, calc(160 * var(--variable-size-rate)));
    height: min(160px, calc(160 * var(--variable-size-rate)));
}
.parts-workflow .step .image {
    width: min(40px, calc(40 * var(--variable-size-rate)));
}
.parts-workflow .step .title {
    font-size: min(20px, calc(20 * var(--variable-size-rate)));
}
.parts-workflow .step:not(:last-child):after {
    width: min(40px, calc(40 * var(--variable-size-rate)));
    height: min(40px, calc(40 * var(--variable-size-rate)));
    background-size: min(40px, calc(40 * var(--variable-size-rate))) auto;
    right: max(-50px, calc(-50 * var(--variable-size-rate)));
}

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

/*============================================================
 footer
*============================================================*/
/* 
---------------------------------------- */
#lp-footer {
}