@charset "utf-8";
/* component // 共通コンポーネント
---------------------------------------------------- */
#page_top {
    display: none;
}

/* progress bar */
.smf-progress-tracker__item__number {
    background-color: var(--tl-color-grn-04);
}
.smf-progress-tracker__item__text {
    color: var(--tl-color-grn-04);
}
.smf-progress-tracker__item:after,
.smf-progress-tracker__item:before {
    background-color: var(--tl-color-grn-04);
}
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__number, [data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__number, [data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number, [data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number, [data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__number {
    background-color: var(--tl-color-primary-grn);
}
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__text, [data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__text, [data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__text, [data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text, [data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__text {
    color: var(--tl-color-primary-grn);
}

/* input */
.smf-form .smf-item .smf-text-control__control {
    height: 48px;
}

/* text */
.c-form__txt {
    margin: 0 0 40px 1em;
    padding-left: 0;
    list-style: none;
}
.c-form__txt li {
    margin-bottom: 8px;
    padding-left: 8px;
}
.c-form__txt li:before {
    display: inline-block;
    content: "◉";
    margin-left: calc(-1em - 8px);
    margin-right: 8px;
    color: var(--tl-color-pnk-03);
}
.post-name-contact-2 .entry-body {
    display: flex;
    flex-direction: column-reverse;
}
.post-name-contact-2 form[data-screen=confirm] + .c-form__txt,
.post-name-contact-2 form[data-screen=complete] + .c-form__txt {
    display: none;
}


/* contents */
.c-txt__note {
    display: block;
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.5;
}
.smf-item {
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 32px;
}
form[data-screen="confirm"] .smf-item {
    align-items: center;
}
form[data-screen="confirm"] .c-txt__note {
    display: none;
}
.smf-item__col--label {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-shrink: 0;
    min-width: 240px;
    height: 48px;
    font-weight: 700;
}
.smf-item__label__text {
    margin-bottom: 8px;
}
.smf-item__description {
    margin-top: 0;
    font-size: 12px;
    line-height: inherit;
    color: var(--tl-color-blk);
}
.smf-item__col--controls {
    width: 100%;
}
.postal-code .smf-item__col--controls {
    width: 50%;
}

/* required optional */
.c-required .smf-item__col--label::before {
    display: inline-block;
    content: '必須';
    background: var(--tl-color-primary-pnk);
    margin-right: 8px;
    padding: 2px 8px;
    vertical-align: middle;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--tl-color-wht);
}
.c-optional .smf-item__col--label::before {
    display: inline-block;
    content: '任意';
    background: var(--tl-color-primary-grn);
    margin-right: 8px;
    padding: 2px 8px;
    vertical-align: middle;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    color: var(--tl-color-wht);
}

/*radio button*/
.smf-form .smf-item .smf-radio-buttons-control__control > .smf-label {
    display: block;
}
.smf-form .smf-item .smf-radio-button-control {
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px;
}
.smf-form .smf-item .smf-radio-button-control__control {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    margin-top: 0;
    margin-right: 8px;
    background-color: var(--tl-color-wht);
    border: 1px solid var(--tl-border-color-gry);
    border-radius: 100%;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 4%);
    cursor: pointer;
    outline: 0;
    transition: border var(--_transition-duration,.2s) var(--_transition-function-timing,ease-out);
}
.smf-form .smf-item .smf-radio-button-control__control:checked {
    background-color: var(--tl-color-primary-grn);
    border-color: var(--tl-color-primary-grn);
}
.smf-form .smf-item .smf-radio-button-control__control:before {
    visibility: hidden;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--tl-color-wht);
    border-radius: 100%;
    margin: 0!important;
}

/* checkbox */
.smf-form .smf-item .smf-checkboxes-control__control > .smf-label {
    display: block;
}
.smf-form .smf-item .smf-checkbox-control {
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px;
}
.smf-form .smf-item .smf-checkbox-control__control {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    margin-top: 3px;
    margin-right: 8px;
    background-color: var(--tl-color-wht);
    border: 1px solid var(--tl-border-color-gry);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 4%);
    cursor: pointer;
    outline: 0;
    transition: border var(--_transition-duration,.2s) var(--_transition-function-timing,ease-out);
}
.smf-form .smf-item .smf-checkbox-control__control:checked {
    background-color: var(--tl-color-primary-grn);
    border-color: var(--tl-color-primary-grn);
}
.smf-form .smf-item .smf-checkbox-control__control:before {
    visibility: hidden;
    top: calc(50% - 8px);
    left: calc(50% - 4px);
    transform: rotate(45deg);
    width: 8px;
    height: 12px;
    margin: 0!important;
    border-bottom: 2px solid var(--tl-color-wht);
    border-left: 0 solid var(--tl-color-wht);
    border-right: 2px solid var(--tl-color-wht);
    border-top: 0 solid var(--tl-color-wht);
}
@media screen and (min-width:768px) {
    .smf-item {
        display: flex;
        width: 100%;
    }
    .postal-code .smf-item__col--controls {
        width: 25%;
    }
    .smf-item__label__text {
        margin-bottom: 0;
    }
    .c-acceptance .smf-label {
        height: 48px;
        line-height: 48px;
    }
    .smf-form .smf-item.c-acceptance .smf-checkbox-control {
        margin-top: 0;
        margin-bottom: 0;
    }
}


/* error */
.smf-error-messages {
    color: var(--tl-color-primary-pnk);
}
.smf-form .smf-item [data-invalid="1"] {
    border-color: var(--tl-color-primary-pnk);
}