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

common-sp.css

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

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */


/*============================================================
 共通パーツ
*============================================================*/
/* 運営開始までのフロー
---------------------------------------- */
.parts-workflow {
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.parts-workflow .step {
    width: 160px;
    height: 160px;    
}
.parts-workflow .step .image {
    width: 40px;
    height: 40px;
}
.parts-workflow .step:not(:last-child):after {
    width: 40px;
    height: 40px;
    background-size: 40px auto;
    position: absolute;
    top: 100%;
    right: 50%;
    transform-origin: center;
    transform: translateX(50%) rotate(90deg);
    -webkit-transform: translateX(50%) rotate(90deg);
}

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


/*============================================================
 footer
*============================================================*/
#lp-footer {
}
#lp-footer #footer-logo img {
    width: 130px;
}