:root {
    --green-50: #f5fcfc;
    --green-100: #dff3f5;
    --green-200: #bae5e8;
    --green-300: #51b2b8;
    --green-400: #0e828a;
    --green-500: #0a7980;
    --green-600: #086066;
    --green-700: #06494d;
    --green-800: #043033;
    --green-900: #02181a;
    --gray-50: #f7f8f9;
    --gray-100: #edeef1;
    --gray-200: #e4e6eb;
    --gray-300: #c4c6cb;
    --gray-400: #a1a4ab;
    --gray-500: #898d96;
    --gray-600: #6e7178;
    --gray-700: #52545a;
    --gray-800: #313338;
    --gray-900: #17181a;
    --red-100: #fff2f4;
    --red-200: #ffdadc;
    --red-400: #f5828b;
    --red-500: #d43b48;
    --red-700: #c41422;
    --yellow-100: #fffadb;
    --yellow-200: #fff29c;
    --yellow-300: #ffed78;
    --yellow-500: #eacb00;
    --white: #ffffff;
    --black: #000000;
    --borderColor-default: var(--gray-200);
    --borderColor-sub: var(--gray-300);
    --borderColor-primary: var(--green-500);
    --borderColor-primary-disabled: var(--green-200);
    --borderColor-primary-hover: var(--green-700);
    --borderColor-warning: var(--yellow-500);
    --borderColor-danger: var(--red-700);
    --borderColor-info: var(--gray-200);
    --borderColor-action: var(--gray-300);
    --borderColor-action-hover: var(--gray-400);
    --borderColor-action-disabled: var(--gray-200);
    --textColor-default: var(--gray-800);
    --textColor-default-hover: var(--gray-900);
    --textColor-default-disabled: var(--gray-400);
    --textColor-sub: var(--gray-600);
    --textColor-primary: var(--green-500);
    --textColor-primary-disabled: var(--green-200);
    --textColor-primary-hover: var(--green-700);
    --textColor-primary-emphasis: var(--green-800);
    --textColor-white: var(--white);
    --textColor-danger: var(--red-500);
    --iconColor-default: var(--gray-800);
    --iconColor-default-hover: var(--gray-900);
    --iconColor-default-disabled: var(--gray-400);
    --iconColor-sub: var(--gray-600);
    --iconColor-primary: var(--green-500);
    --iconColor-primary-disabled: var(--green-200);
    --iconColor-primary-hover: var(--green-700);
    --iconColor-white: var(--white);
    --iconColor-danger: var(--red-500);
    --iconColor-info: var(--gray-400);
    --bgColor-default: var(--gray-100);
    --bgColor-primary: var(--green-500);
    --bgColor-primary-hover: var(--green-700);
    --bgColor-primary-disabled: var(--gray-300);
    --bgColor-white: var(--white);
    --bgColor-success: var(--green-100);
    --bgColor-success-sub: var(--green-200);
    --bgColor-warning: var(--yellow-100);
    --bgColor-warning-sub: var(--yellow-200);
    --bgColor-warning-emphasis: var(--yellow-300);
    --bgColor-danger: var(--red-100);
    --bgColor-danger-sub: var(--red-200);
    --bgColor-danger-emphasis: var(--red-500);
    --bgColor-danger-emphasis-disabled: var(--red-400);
    --bgColor-danger-emphasis-hover: var(--red-700);
    --bgColor-info: var(--gray-50);
    --bgColor-info-sub: var(--gray-100);
    --bgColor-info-emphasis: var(--gray-800);
    --bgColor-action: var(--gray-50);
    --bgColor-action-hover: var(--gray-100);
    --bgColor-action-sub: var(--gray-200);
    --bgColor-action-sub-disabled: var(--gray-300);
    --bgColor-action-sub-disabled: var(--gray-100);
    --bgColor-action-emphasis: var(--gray-800);
    --bgColor-action-emphasis-hover: var(--gray-900);
    --bgColor-action-emphasis-disabled: var(--gray-400);
    --bgColor-action-white: var(--white);
    --bgColor-action-white-hover: var(--gray-50);
    --bgColor-overlay-default: rgba(var(--black), 0.5);
    --bgCOlor-overlay-emphasis: rgba(var(--black), 0.7);
    --input-bgColor-default: var(--white);
    --input-bgColor-disabled: var(--gray-100);
    --input-bgColor-error: var(--red-100);
    --input-bgColor-readonly: var(--gray-100);
    --input-borderColor-default: var(--gray-400);
    --input-borderColor-disabled: var(--gray-300);
    --input-textColor-placeholder: var(--gray-400);
    --switch-bgColor-default: var(--gray-400);
    --switch-bgColor-disabled: var(--gray-200);
    --spacing-xxs: 4px;
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-custom: 12px;
    --spacing-section-container-sm: var(--spacing-sm);
    --spacing-section-container-md: var(--spacing-md);
    --radius-xxs: 2px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-full: 9999px;
    --box-shadow-sm: 0px 2px 4px -1px rgba(0, 0, 0, 0.08), 0px 1px 3px -2px rgba(0, 0, 0, 0.03);
    --box-shadow-md: 0px 5px 6px -2px rgba(0, 0, 0, 0.08), 0px 1px 5px -2px rgba(0, 0, 0, 0.05);
    --box-shadow-lg: 0px 6px 6px -1px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
    --box-shadow-tab-focus: 0px 0px 0px 2px var(--textColor-white), 0px 0px 0px 4px var(--input-tab-focus, var(--green-400));
    --duration-fast: 100ms;
    --duration-mid: 300ms;
    --duration-slow: 700ms;
    --bezier-ease-out: cubic-bezier(0, 0, 0.3, 1);
    --bezier-ease-in-out: cubic-bezier(0.5, 0, 0.5, 1)
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: "bbqicon";
    font-style: normal;
    font-weight: normal;
    src: url("https://static.thebase.in/font/v1/bbqicon.eot");
    src: url("https://static.thebase.in/font/v1/bbqicon.eot#iefix") format("embedded-opentype"), url("https://static.thebase.in/font/v1/bbqicon.ttf") format("truetype"), url("https://static.thebase.in/font/v1/bbqicon.woff") format("woff"), url("https://static.thebase.in/font/v1/bbqicon.svg") format("svg")
}

i[class^=i-],
i[class*=i-] {
    font-family: "bbqicon", Inter, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", Meiryo, Arial, sans-serif;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

.i-yellbank::before {
    content: ""
}

.i-reply::before {
    content: ""
}

.i-megaphone::before {
    content: ""
}

.i-bell::before {
    content: ""
}

.i-crown::before {
    content: ""
}

.i-heart::before {
    content: ""
}

.i-star::before {
    content: ""
}

.i-dislike::before {
    content: ""
}

.i-like::before {
    content: ""
}

.i-preview::before {
    content: ""
}

.i-payid::before {
    content: ""
}

.i-dropper::before {
    content: ""
}

.i-pin::before {
    content: ""
}

.i-tool::before {
    content: ""
}

.i-truck::before {
    content: ""
}

.i-clock::before {
    content: ""
}

.i-calendar::before {
    content: ""
}

.i-linkAdd::before {
    content: ""
}

.i-link::before {
    content: ""
}

.i-movie::before {
    content: ""
}

.i-image::before {
    content: ""
}

.i-camera::before {
    content: ""
}

.i-loupe::before {
    content: ""
}

.i-trash::before {
    content: ""
}

.i-pencil::before {
    content: ""
}

.i-gear::before {
    content: ""
}

.i-phone::before {
    content: ""
}

.i-send::before {
    content: ""
}

.i-mail::before {
    content: ""
}

.i-sms::before {
    content: ""
}

.i-lock::before {
    content: ""
}

.i-beginner::before {
    content: ""
}

.i-user::before {
    content: ""
}

.i-signin::before {
    content: ""
}

.i-logout::before {
    content: ""
}

.i-login::before {
    content: ""
}

.i-designmarket::before {
    content: ""
}

.i-page::before {
    content: ""
}

.i-book::before {
    content: ""
}

.i-file::before {
    content: ""
}

.i-fileText::before {
    content: ""
}

.i-edit::before {
    content: ""
}

.i-card::before {
    content: ""
}

.i-coins::before {
    content: ""
}

.i-shopbag::before {
    content: ""
}

.i-cart::before {
    content: ""
}

.i-purse::before {
    content: ""
}

.i-desktop::before {
    content: ""
}

.i-mobile::before {
    content: ""
}

.i-graph::before {
    content: ""
}

.i-design::before {
    content: ""
}

.i-item::before {
    content: ""
}

.i-stock::before {
    content: ""
}

.i-apps::before {
    content: ""
}

.i-dashboard::before {
    content: ""
}

.i-building::before {
    content: ""
}

.i-shop::before {
    content: ""
}

.i-download::before {
    content: ""
}

.i-checkbox::before {
    content: ""
}

.i-share::before {
    content: ""
}

.i-newtab::before {
    content: ""
}

.i-copy::before {
    content: ""
}

.i-grid::before {
    content: ""
}

.i-list::before {
    content: ""
}

.i-drag::before {
    content: ""
}

.i-dragMove::before {
    content: ""
}

.i-menu::before {
    content: ""
}

.i-meatball::before {
    content: ""
}

.i-circle::before {
    content: ""
}

.i-asterisk::before {
    content: ""
}

.i-minus::before {
    content: ""
}

.i-plus::before {
    content: ""
}

.i-cross::before {
    content: ""
}

.i-check::before {
    content: ""
}

.i-checkCircle::before {
    content: ""
}

.i-yenCircle::before {
    content: ""
}

.i-plusCircle::before {
    content: ""
}

.i-minusCircle::before {
    content: ""
}

.i-crossCircle::before {
    content: ""
}

.i-questionCircle::before {
    content: ""
}

.i-informationCircle::before {
    content: ""
}

.i-playCircle::before {
    content: ""
}

.i-pauseCircle::before {
    content: ""
}

.i-attentionCircle::before {
    content: ""
}

.i-attentionTriangle::before {
    content: ""
}

.i-arrowDown::before {
    content: ""
}

.i-arrowRight::before {
    content: ""
}

.i-arrowUp::before {
    content: ""
}

.i-arrowLeft::before {
    content: ""
}

.i-sort::before {
    content: ""
}

.i-angleDown::before {
    content: ""
}

.i-angleLeft::before {
    content: ""
}

.i-angleRight::before {
    content: ""
}

.i-angleUp::before {
    content: ""
}

.i-angleDoubleLeft::before {
    content: ""
}

.i-angleDoubleRight::before {
    content: ""
}

.i-caretDown::before {
    content: ""
}

.i-caretLeft::before {
    content: ""
}

.i-caretRight::before {
    content: ""
}

.i-caretUp::before {
    content: ""
}

.i-skip::before {
    content: ""
}

.i-tipiSquare::before {
    content: ""
}

.i-tipi::before {
    content: ""
}

.i-underline::before {
    content: ""
}

.i-bold::before {
    content: ""
}

.i-facebook::before {
    content: ""
}

.i-instagram::before {
    content: ""
}

.i-line-old::before {
    content: ""
}

.i-line::before {
    content: ""
}

.i-twitter::before {
    content: ""
}

.i-ameba::before {
    content: ""
}

.i-tiktok::before {
    content: ""
}

.i-note::before {
    content: ""
}

.i-youtube::before {
    content: ""
}

.i-keyboard::before {
    content: ""
}

.i-home::before {
    content: ""
}

.i-text::before {
    content: ""
}

.i-textLeft::before {
    content: ""
}

.i-textCenter::before {
    content: ""
}

.i-textRight::before {
    content: ""
}

.i-pages::before {
    content: ""
}

.i-layout::before {
    content: ""
}

.i-colorPalette::before {
    content: ""
}

.i-background::before {
    content: ""
}

.i-title::before {
    content: ""
}

.i-slideshow::before {
    content: ""
}

.i-reload::before {
    content: ""
}

.i-memo:before {
    content: ""
}

.i-verticalTop:before {
    content: ""
}

.i-verticalMiddle:before {
    content: ""
}

.i-verticalBottom:before {
    content: ""
}

.i-button:before {
    content: ""
}

.i-imageTextVertical:before {
    content: ""
}

.i-imageTextHorizontal:before {
    content: ""
}

.i-itemGrid:before {
    content: ""
}

.i-itemList:before {
    content: ""
}

.i-pickup:before {
    content: ""
}

.i-map:before {
    content: ""
}

.i-hidden:before {
    content: ""
}

.i-feedback:before {
    content: ""
}

.i-radio:before {
    content: ""
}

.i-robot::before {
    content: ""
}

.i-catalog::before {
    content: ""
}

.i-benefit::before {
    content: ""
}

.i-arrow-right-up::before {
    content: ""
}

.i-arrow-right-solid::before {
    content: "",

}
.i-arrow-right-solid::before {
    content: "";
}


.i-arrow-right-down::before {
    content: ""
}

.i-app-message::before {
    content: ""
}

.i-app-myDomain::before {
    content: ""
}

.i-app-googleAd::before {
    content: ""
}

.i-app-yahooAd::before {
    content: ""
}

.i-app-template::before {
    content: ""
}

.i-app-googleAdCoupon::before {
    content: ""
}

.i-app-googleAnalytics::before {
    content: ""
}

.i-app-meta::before {
    content: ""
}

.i-app-coinFunding::before {
    content: ""
}

.i-app-offlinePayment::before {
    content: ""
}

.i-app-logo::before {
    content: ""
}

.i-app-chargeback::before {
    content: ""
}

.i-app-savingsPlus::before {
    content: ""
}

.i-app-sale::before {
    content: ""
}

.i-app-review::before {
    content: ""
}

.i-app-itemQuantityLimit::before {
    content: ""
}

.i-app-deliveryNote::before {
    content: ""
}

.i-app-conversion::before {
    content: ""
}

.i-app-i18n::before {
    content: ""
}

.i-app-baseLive::before {
    content: ""
}

.i-app-interview::before {
    content: ""
}

.i-app-giftKit::before {
    content: ""
}

.i-app-baseEraser::before {
    content: ""
}

.i-app-blog::before {
    content: ""
}

.i-app-coupon::before {
    content: ""
}

.i-app-search::before {
    content: ""
}

.i-app-yamatoDelivery::before {
    content: ""
}

.i-app-bulkDispatch::before {
    content: ""
}

.i-app-ezlogi::before {
    content: ""
}

.i-app-shippingFee::before {
    content: ""
}

.i-app-subscription::before {
    content: ""
}

.i-app-deliveryDate::before {
    content: ""
}

.i-app-photo::before {
    content: ""
}

.i-app-mailMagazine::before {
    content: ""
}

.i-app-csvLite::before {
    content: ""
}

.i-app-itemCategory::before {
    content: ""
}

.i-app-ageVerification::before {
    content: ""
}

.i-app-secretEc::before {
    content: ""
}

.i-app-clubT::before {
    content: ""
}

.i-app-spCase::before {
    content: ""
}

.i-app-download::before {
    content: ""
}

.i-app-itemLabel::before {
    content: ""
}

.i-app-salesPeriod::before {
    content: ""
}

.i-app-csv::before {
    content: ""
}

.i-app-preOrder::before {
    content: ""
}

.i-crm::before {
    content: ""
}

.i-app-itemCode:before {
    content: ""
}

.i-app-csvItemManagement:before {
    content: ""
}

.i-app-orderDataDownload:before {
    content: ""
}

.i-app-itemLayout:before {
    content: ""
}

.i-app-lottery:before {
    content: ""
}

.i-app-note:before {
    content: ""
}

.i-app-itemOption:before {
    content: ""
}

.i-app-community:before {
    content: ""
}

.i-app-restock:before {
    content: ""
}

.i-app-takeout:before {
    content: ""
}

.i-app-blocklist:before {
    content: ""
}

.i-app-shippingLabelDownload:before {
    content: ""
}

.i-app-salesDataDownload:before {
    content: ""
}

.i-app-editDesignPage:before {
    content: ""
}

.i-app-staff:before {
    content: ""
}

.i-app-informationBanner:before {
    content: ""
}

.i-app-enquete:before {
    content: ""
}

.i-app-fixedsaving:before {
    content: ""
}

.i-app-htmlTag:before {
    content: ""
}

.i-app-membership:before {
    content: ""
}

.i-app-salesPartner:before {
    content: ""
}

html {
    font-size: 62.5%
}

body {
    font-family: Inter, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", Meiryo, Arial, sans-serif;
    font-size: 1.4rem;
    color: #2e3242;
    word-break: break-all
}

a {
    color: #0fafaa;
    text-decoration: none
}

b,
em,
strong {
    font-weight: bold
}

img {
    vertical-align: top
}

main {
    display: block
}

button,
input {
    font-family: inherit
}

::placeholder {
    color: #c2c8d2
}

:placeholder-shown {
    color: #c2c8d2
}

::-webkit-input-placeholder {
    color: #c2c8d2;
    opacity: 1
}

::-moz-placeholder {
    color: #c2c8d2;
    opacity: 1
}

::-ms-input-placeholder {
    color: #c2c8d2
}

.fade-enter-active,
.fade-leave-active {
    transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

@-webkit-keyframes loadingBounce {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes loadingBounce {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.c-box {
    position: relative;
    color: #2e3242;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px
}

.theme-pc .c-box {
    padding: 16px
}

.theme-sp .c-box {
    padding: 16px
}

.c-box[data-type=attention] {
    font-size: 1.2rem;
    background-color: #edeef1;
    border: #dadce0 1px solid
}

.c-box[data-type=error] {
    background-color: #ffefef;
    border: #ea5353 1px solid
}

.c-box[data-type=error] .c-text[data-type=error] {
    color: #2e3242
}

.c-box[data-type=error] .c-textLink[data-type=bodylink-error] {
    color: #2e3242
}

.c-box[data-type=error] .c-textLink[data-type=bodylink-error]::after,
.c-box[data-type=error] .c-textLink[data-type=bodylink-error]:hover::after {
    background-color: #2e3242
}

.c-box[data-type=empty] {
    box-sizing: border-box;
    border: 1px dashed #dadce0
}

.c-box[data-type=inner] {
    background-color: #fff
}

.c-box[data-type=warning] {
    background-color: #fff8e4;
    border: #ffcf58 1px solid
}

.c-box[data-type=default] {
    background-color: #f7f8f9
}

.c-box--dropArea {
    width: 100%;
    text-align: center;
    background-color: #fcfcfd
}

.theme-sp .c-box--dropArea {
    min-height: 80px
}

.c-box--dropArea:hover {
    background-color: #f0f1f4;
    transition: .2s ease-in
}

.c-card {
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(56, 67, 89, .05)
}

.c-card:hover {
    box-shadow: 0 0 8px 0 rgba(56, 67, 89, .15);
    transition: .2s linear
}

.c-container {
    background-color: #fff
}

.theme-pc .c-container {
    border-radius: 2px
}

.theme-sp .c-container {
    box-shadow: 0 0 4px 0 rgba(56, 67, 89, .05)
}

.m-uploadBox {
    position: relative;
    padding: 16px;
    text-align: center
}

.theme-sp .m-uploadBox {
    height: 50px
}

.theme-pc .m-uploadBox {
    height: 82px
}

.m-uploadBox__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.m-uploadBox__icon {
    font-size: 32px;
    color: #636978
}

.m-uploadBox__button {
    box-sizing: border-box;
    display: inline-block;
    height: 24px;
    padding: 0 12px;
    margin: 12px 0 0;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 24px;
    color: #45495b;
    background-color: #fff;
    border: 1px solid #9ba2ae;
    border-radius: 4px
}

.theme-sp .m-uploadBox__button {
    display: none
}

.m-uploadBox__buttonWrap {
    display: flex;
    align-items: center
}

.m-uploadBox__buttonIcon {
    margin: 0 4px 0 0
}

.m-uploadBox__caption {
    margin: 8px 0 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #636978
}

.theme-sp .m-uploadBox__caption__pc {
    display: none
}

.theme-pc .m-uploadBox__caption__sp {
    display: none
}

.m-uploadBox__mask {
    pointer-events: none
}

.theme-pc .m-uploadBox__mask {
    position: absolute;
    top: -1px;
    left: -1px;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 28px 0;
    color: #0fafaa;
    content: "";
    background: rgba(198, 235, 232, .8);
    border-radius: 4px
}

.theme-sp .m-uploadBox__mask {
    display: none
}

.m-uploadBox__maskMessage {
    margin-top: 24px;
    font-size: 20px;
    font-weight: bold
}

.m-uploadBox__maskIcon {
    font-size: 60px
}

.m-uploadBox__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-selectItem__wrapper {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0 8px 0 16px
}

.theme-pc .c-selectItem__wrapper {
    height: 46px;
    line-height: 46px
}

.theme-sp .c-selectItem__wrapper {
    height: 48px;
    line-height: 48px
}

.theme-sp .c-selectItem__wrapper:nth-of-type(n + 2) {
    border-top: 1px solid #dadce0
}

.c-selectItem__wrapper:hover {
    cursor: pointer;
    background-color: #f7f8f9
}

.c-selectItem-icon {
    height: 48px;
    color: #d9dee6
}

.c-selectItem-icon:before {
    line-height: 48px;
    vertical-align: middle
}

.c-tabs {
    display: flex
}

.c-tab {
    color: #2e3242;
    cursor: pointer;
    background-color: #c1c7d1;
    border-radius: 8px 8px 0 0
}

.c-tab:hover {
    background-color: #dadce0
}

.c-tab[data-selected=true] {
    cursor: default;
    background-color: #fff
}

.c-tab+.c-tab {
    margin-left: 8px
}

.c-tab__item {
    box-sizing: border-box;
    padding: 16px;
    font-size: 18px;
    font-weight: bold
}

.theme-sp .c-tab {
    color: #c2c8d2;
    cursor: default;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.theme-sp .c-tab[data-selected=true] {
    color: #2e3242;
    border-bottom: solid 2px #2e3242
}

.theme-sp .c-tab+.theme-sp .c-tab {
    margin-left: 0
}

.theme-sp .c-tab__item {
    padding: 12px 0;
    font-size: 14px;
    text-align: center
}

.c-actionSheet {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6000001;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    overflow: hidden;
    background-color: #fff
}

.c-actionSheet.slide-enter-active,
.c-actionSheet.slide-leave-active {
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.c-actionSheet.slide-enter,
.c-actionSheet.slide-enter-from,
.c-actionSheet.slide-leave-to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
}

.c-actionSheet .c-actionHeader {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: 14px;
    line-height: 18px
}

.c-actionSheet .c-actionHeader--underline {
    border-bottom: 1px solid #dadce0
}

.c-actionSheet .c-actionHeader.is_inactive .c-actionHeader__img {
    opacity: .7
}

.c-actionSheet .c-actionHeader.is_inactive .c-actionHeader__name__text {
    font-weight: normal;
    color: #636978
}

.c-actionSheet .c-actionHeader__wrap {
    display: flex;
    align-items: center;
    padding: 16px
}

.c-actionSheet .c-actionHeader__img {
    width: 40px;
    height: 40px;
    margin-right: 8px
}

.c-actionSheet .c-actionHeader__img img {
    max-width: 40px;
    max-height: 40px;
    margin: auto
}

.c-actionSheet .c-actionHeader__name {
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.c-actionSheet .c-actionHeader__name__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2e3242;
    letter-spacing: 0
}

.c-actionSheet .c-actionButton {
    all: unset;
    width: 100%;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    color: #0fafaa;
    text-align: center;
    cursor: pointer;
    background: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #dadce0
}

.c-actionSheet .c-actionButton[data-type=cancel] {
    font-weight: bold;
    background-color: #f7f8f9
}

.c-attentionBox {
    padding: 24px;
    font-size: 1.2rem;
    background-color: #f0f1f4
}

.c-balloon {
    position: relative
}

.c-iconBtn .c-balloon .c-balloon__wrap {
    margin: 36px 0 0
}

.c-iconBtn .c-balloon .c-balloon__tip {
    top: 64px
}

.c-cancelBtn--small .c-balloon .c-balloon__wrap {
    margin: 36px 0 0
}

.c-cancelBtn--small .c-balloon .c-balloon__tip {
    top: 64px
}

.c-dangerBtn--small .c-balloon .c-balloon__wrap {
    margin: 36px 0 0
}

.c-dangerBtn--small .c-balloon .c-balloon__tip {
    top: 64px
}

.c-defaultBtn--small .c-balloon .c-balloon__wrap {
    margin: 36px 0 0
}

.c-defaultBtn--small .c-balloon .c-balloon__tip {
    top: 64px
}

.c-otherBtn--small .c-balloon .c-balloon__wrap {
    margin: 36px 0 0
}

.c-otherBtn--small .c-balloon .c-balloon__tip {
    top: 64px
}

.c-submitBtn--small .c-balloon .c-balloon__wrap {
    margin: 36px 0 0
}

.c-submitBtn--small .c-balloon .c-balloon__tip {
    top: 64px
}

.c-balloon__wrap {
    position: absolute;
    top: 16px;
    z-index: 6000000;
    min-width: 240px;
    margin: 40px 0 0
}

.c-balloon__wrap[data-position=center] {
    right: 0;
    left: 0
}

.c-balloon__wrap[data-position=right] {
    right: 0
}

.c-balloon__wrap[data-position=left] {
    left: 0
}

.c-balloon__tip {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    pointer-events: none;
    filter: drop-shadow(1px 3px 5px rgba(69, 73, 91, 0.3));
    border-right: 7.5px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #fff;
    border-left: 7.5px solid rgba(0, 0, 0, 0)
}

.c-balloon__body {
    position: relative;
    box-sizing: border-box;
    min-width: 240px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px
}

.c-balloon__body::before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -100;
    display: block;
    width: 100%;
    content: "";
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)
}

.c-balloonBox {
    position: relative
}

.c-submitBtn,
.c-primaryBtn {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 16px;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    transition: .15s linear;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background-color: #0fafaa;
    border: none
}

.c-submitBtn--small,
.c-primaryBtn--small {
    font-size: 1.4rem
}

.c-submitBtn--normal,
.c-primaryBtn--normal {
    width: 320px
}

.theme-sp .c-submitBtn--normal,
.theme-sp .c-primaryBtn--normal {
    width: 100%
}

.c-submitBtn--full,
.c-primaryBtn--full {
    display: block;
    width: 100%
}

.theme-sp .c-submitBtn--full-sp,
.theme-sp .c-primaryBtn--full-sp {
    width: 100%
}

.c-submitBtn__icon,
.c-primaryBtn__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-submitBtn__iconRight,
.c-primaryBtn__iconRight {
    margin-left: 4px
}

.c-submitBtn__iconLeft,
.c-primaryBtn__iconLeft {
    margin-right: 4px
}

.c-submitBtn__bounce1,
.c-submitBtn__bounce2,
.c-submitBtn__bounce3,
.c-primaryBtn__bounce1,
.c-primaryBtn__bounce2,
.c-primaryBtn__bounce3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    animation: loadingBounce 1.4s infinite ease-in-out both
}

.c-submitBtn__bounce1,
.c-primaryBtn__bounce1 {
    animation-delay: -0.32s
}

.c-submitBtn__bounce2,
.c-primaryBtn__bounce2 {
    animation-delay: -0.16s
}

.theme-sp .c-submitBtn,
.theme-sp .c-primaryBtn {
    height: 44px;
    line-height: 44px
}

.c-submitBtn--small,
.c-primaryBtn--small {
    height: 40px;
    line-height: 40px
}

.c-submitBtn:hover,
.c-primaryBtn:hover {
    background-color: #00938b
}

.c-submitBtn:disabled,
.c-submitBtn.is_disabled,
.c-primaryBtn:disabled,
.c-primaryBtn.is_disabled {
    cursor: not-allowed;
    background-color: #a6dddd
}

.c-submitBtn.is_loading,
.c-primaryBtn.is_loading {
    background-color: #0fafaa
}

.c-defaultBtn,
.c-secondaryBtn {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 16px;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    transition: .15s linear;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 48px;
    line-height: 46px;
    color: #0fafaa;
    background: #fff;
    border: 2px solid #0fafaa
}

.c-defaultBtn--small,
.c-secondaryBtn--small {
    font-size: 1.4rem
}

.c-defaultBtn--normal,
.c-secondaryBtn--normal {
    width: 320px
}

.theme-sp .c-defaultBtn--normal,
.theme-sp .c-secondaryBtn--normal {
    width: 100%
}

.c-defaultBtn--full,
.c-secondaryBtn--full {
    display: block;
    width: 100%
}

.theme-sp .c-defaultBtn--full-sp,
.theme-sp .c-secondaryBtn--full-sp {
    width: 100%
}

.c-defaultBtn__icon,
.c-secondaryBtn__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-defaultBtn__iconRight,
.c-secondaryBtn__iconRight {
    margin-left: 4px
}

.c-defaultBtn__iconLeft,
.c-secondaryBtn__iconLeft {
    margin-right: 4px
}

.c-defaultBtn__bounce1,
.c-defaultBtn__bounce2,
.c-defaultBtn__bounce3,
.c-secondaryBtn__bounce1,
.c-secondaryBtn__bounce2,
.c-secondaryBtn__bounce3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    animation: loadingBounce 1.4s infinite ease-in-out both
}

.c-defaultBtn__bounce1,
.c-secondaryBtn__bounce1 {
    animation-delay: -0.32s
}

.c-defaultBtn__bounce2,
.c-secondaryBtn__bounce2 {
    animation-delay: -0.16s
}

.theme-sp .c-defaultBtn,
.theme-sp .c-secondaryBtn {
    height: 44px;
    line-height: 40px
}

.c-defaultBtn--small,
.c-secondaryBtn--small {
    height: 40px;
    line-height: 38px
}

.c-defaultBtn:hover,
.c-secondaryBtn:hover {
    color: #0fafaa;
    background-color: #f7f8f9;
    border: 2px solid #0fafaa
}

.c-defaultBtn:disabled,
.c-defaultBtn.is_disabled,
.c-secondaryBtn:disabled,
.c-secondaryBtn.is_disabled {
    color: #a6dddd;
    cursor: not-allowed;
    background-color: #fff;
    border: 2px solid #a6dddd
}

.c-defaultBtn__bounce1,
.c-defaultBtn__bounce2,
.c-defaultBtn__bounce3,
.c-secondaryBtn__bounce1,
.c-secondaryBtn__bounce2,
.c-secondaryBtn__bounce3 {
    background-color: #0fafaa
}

.c-defaultBtn.is_loading,
.c-secondaryBtn.is_loading {
    color: #0fafaa;
    border: 2px solid #0fafaa
}

.c-defaultBtn.is_loading:hover,
.c-secondaryBtn.is_loading:hover {
    background-color: #fff
}

.c-cancelBtn,
.c-otherBtn,
.c-tertiaryBtn {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 16px;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    transition: .15s linear;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 48px;
    line-height: 44px;
    color: #45495b;
    background-color: #fff;
    border: 2px solid #9ba2ae
}

.c-cancelBtn--small,
.c-otherBtn--small,
.c-tertiaryBtn--small {
    font-size: 1.4rem
}

.c-cancelBtn--normal,
.c-otherBtn--normal,
.c-tertiaryBtn--normal {
    width: 320px
}

.theme-sp .c-cancelBtn--normal,
.theme-sp .c-otherBtn--normal,
.theme-sp .c-tertiaryBtn--normal {
    width: 100%
}

.c-cancelBtn--full,
.c-otherBtn--full,
.c-tertiaryBtn--full {
    display: block;
    width: 100%
}

.theme-sp .c-cancelBtn--full-sp,
.theme-sp .c-otherBtn--full-sp,
.theme-sp .c-tertiaryBtn--full-sp {
    width: 100%
}

.c-cancelBtn__icon,
.c-otherBtn__icon,
.c-tertiaryBtn__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-cancelBtn__iconRight,
.c-otherBtn__iconRight,
.c-tertiaryBtn__iconRight {
    margin-left: 4px
}

.c-cancelBtn__iconLeft,
.c-otherBtn__iconLeft,
.c-tertiaryBtn__iconLeft {
    margin-right: 4px
}

.c-cancelBtn__bounce1,
.c-cancelBtn__bounce2,
.c-cancelBtn__bounce3,
.c-otherBtn__bounce1,
.c-otherBtn__bounce2,
.c-otherBtn__bounce3,
.c-tertiaryBtn__bounce1,
.c-tertiaryBtn__bounce2,
.c-tertiaryBtn__bounce3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    animation: loadingBounce 1.4s infinite ease-in-out both
}

.c-cancelBtn__bounce1,
.c-otherBtn__bounce1,
.c-tertiaryBtn__bounce1 {
    animation-delay: -0.32s
}

.c-cancelBtn__bounce2,
.c-otherBtn__bounce2,
.c-tertiaryBtn__bounce2 {
    animation-delay: -0.16s
}

.theme-sp .c-cancelBtn,
.theme-sp .c-otherBtn,
.theme-sp .c-tertiaryBtn {
    height: 44px;
    line-height: 40px
}

.c-cancelBtn--small,
.c-otherBtn--small,
.c-tertiaryBtn--small {
    height: 40px;
    line-height: 36px
}

.c-cancelBtn:hover,
.c-otherBtn:hover,
.c-tertiaryBtn:hover {
    background-color: #f7f8f9
}

.c-cancelBtn:disabled,
.c-cancelBtn.is_disabled,
.c-otherBtn:disabled,
.c-otherBtn.is_disabled,
.c-tertiaryBtn:disabled,
.c-tertiaryBtn.is_disabled {
    color: #c1c7d1;
    cursor: not-allowed
}

.c-cancelBtn.is_loading,
.c-otherBtn.is_loading,
.c-tertiaryBtn.is_loading {
    background-color: #fff
}

.c-cancelBtn__bounce1,
.c-cancelBtn__bounce2,
.c-cancelBtn__bounce3,
.c-otherBtn__bounce1,
.c-otherBtn__bounce2,
.c-otherBtn__bounce3,
.c-tertiaryBtn__bounce1,
.c-tertiaryBtn__bounce2,
.c-tertiaryBtn__bounce3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #2e3242;
    border-radius: 100%;
    animation: loadingBounce 1.4s infinite ease-in-out both
}

.c-cancelBtn__bounce1,
.c-otherBtn__bounce1,
.c-tertiaryBtn__bounce1 {
    animation-delay: -0.32s
}

.c-cancelBtn__bounce2,
.c-otherBtn__bounce2,
.c-tertiaryBtn__bounce2 {
    animation-delay: -0.16s
}

.c-dangerBtn {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 16px;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    transition: .15s linear;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background-color: #fe7272;
    border: none
}

.c-dangerBtn--small {
    font-size: 1.4rem
}

.c-dangerBtn--normal {
    width: 320px
}

.theme-sp .c-dangerBtn--normal {
    width: 100%
}

.c-dangerBtn--full {
    display: block;
    width: 100%
}

.theme-sp .c-dangerBtn--full-sp {
    width: 100%
}

.c-dangerBtn__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-dangerBtn__iconRight {
    margin-left: 4px
}

.c-dangerBtn__iconLeft {
    margin-right: 4px
}

.c-dangerBtn__bounce1,
.c-dangerBtn__bounce2,
.c-dangerBtn__bounce3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    animation: loadingBounce 1.4s infinite ease-in-out both
}

.c-dangerBtn__bounce1 {
    animation-delay: -0.32s
}

.c-dangerBtn__bounce2 {
    animation-delay: -0.16s
}

.theme-sp .c-dangerBtn {
    height: 44px;
    line-height: 44px
}

.c-dangerBtn--small {
    height: 40px;
    line-height: 40px
}

.c-dangerBtn:hover {
    background-color: #d41c1c
}

.c-dangerBtn:disabled,
.c-dangerBtn.is_disabled {
    cursor: not-allowed;
    background-color: #fdd3d3
}

.c-dangerBtn.is_loading {
    background-color: #fe7272
}

.m-buttonBox {
    margin: 0 auto
}

.m-buttonBox>li:last-child:nth-child(odd) {
    flex-grow: 1
}

.m-buttonBox>li:first-child:last-child {
    flex-grow: 1
}

.m-buttonBox__head {
    margin: 0 0 24px;
    text-align: center
}

.m-buttonBox__body {
    display: flex;
    justify-content: center
}

.m-buttonBox__body[data-direction=row] {
    flex-flow: row
}

.m-buttonBox__body[data-direction=row] .m-buttonBox__child+.m-buttonBox__child {
    margin: 0 0 0 16px
}

.m-buttonBox__body[data-direction=column] {
    flex-flow: column-reverse wrap
}

.m-buttonBox__body[data-direction=column] .m-buttonBox__child+.m-buttonBox__child {
    margin: 0 0 16px
}

.m-buttonBox__foot {
    margin: 24px 0 0;
    text-align: center
}

.m-buttonBox__child {
    box-sizing: border-box;
    flex: 1
}

.c-buttonGroup {
    position: relative;
    z-index: 0;
    display: flex;
    padding: 4px;
    background-color: #edeef1;
    border-radius: 8px
}

.theme-pc .c-buttonGroup__label {
    min-width: 160px;
    padding: 12px 0
}

.theme-sp .c-buttonGroup__label {
    padding: 12px 0
}

.c-buttonGroup__button {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-weight: bold;
    color: #636978;
    text-align: center;
    cursor: pointer;
    outline: none;
    transition: all .2s;
    appearance: none
}

.c-buttonGroup__button[data-width=full] {
    width: 100%
}

.c-buttonGroup__button[aria-pressed=true] {
    color: #2e3242;
    background-color: #fff;
    border-radius: 4px
}

.c-buttonGroup__button:first-child:has(~li~li:last-child[aria-pressed=true]) {
    border-right: 1px solid #c1c7d1
}

.c-buttonGroup__button:first-child[aria-pressed=true]~li~li:last-child {
    border-left: 1px solid #c1c7d1
}

.c-buttonGroup__icon {
    position: relative
}

.theme-pc .c-buttonGroup__icon {
    width: 40px;
    height: 36px
}

.theme-sp .c-buttonGroup__icon {
    width: 44px;
    height: 40px
}

.c-buttonGroup__icon>i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    margin: auto;
    font-size: 2rem
}

.m-calendar {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border: solid 1px #d9dee6;
    border-radius: 8px
}

.m-calendar.fixed-width {
    position: absolute;
    z-index: 1;
    width: 296px
}

.m-calendar__header {
    display: flex;
    justify-content: space-between;
    height: 48px;
    line-height: 48px
}

.m-calendar__header_arrow {
    margin: 14px 8px 0
}

.m-calendar__header_arrow .c-iconBtn__icon {
    font-size: 14px
}

.m-calendar__header__control {
    display: flex
}

.m-calendar__header__select {
    position: relative;
    display: flex
}

.m-calendar__header__year {
    box-sizing: border-box;
    padding-right: 16px;
    padding-left: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #2e3242;
    text-align-last: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.m-calendar__header__year::-ms-expand {
    display: none
}

.m-calendar__header__month {
    box-sizing: border-box;
    padding-right: 16px;
    padding-left: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #2e3242;
    text-align-last: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.m-calendar__header__month::-ms-expand {
    display: none
}

.m-calendar__header__caretDown {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 16px;
    height: 48px;
    font-size: 1rem;
    line-height: 48px !important;
    text-align: center;
    pointer-events: none;
    cursor: pointer;
    background-color: #fff
}

.m-calendar__body {
    min-height: 278px
}

.m-calendar__body__list {
    display: grid;
    grid-template-columns: repeat(7, 1fr)
}

.m-calendar__cell--dow {
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    border: solid 1px #f0f1f4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    font-weight: bold
}

.theme-sp .m-calendar__cell--dow {
    flex-basis: 12.8571428571%;
    flex-grow: 1;
    flex-shrink: 1
}

.m-calendar__cell--date {
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    border: solid 1px #f0f1f4;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    cursor: pointer
}

.theme-sp .m-calendar__cell--date {
    flex-basis: 12.8571428571%;
    flex-grow: 1;
    flex-shrink: 1
}

.m-calendar__cell--date[data-selectable=false] {
    font-weight: normal;
    color: #a0a7b4;
    cursor: auto;
    background-color: #f8f9fa;
    border: solid 1px #f0f1f4
}

.m-calendar__cell--date[data-selected=true] {
    font-weight: bold;
    color: #fff;
    background-color: #0fafaa
}

.theme-pc .m-calendar__cell--date[data-selectable=true]:hover {
    color: #2e3242;
    background-color: #c7e9eb
}

.m-calendar__cell--date--with-label:after {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 100;
    display: inline-block;
    min-width: 12px;
    padding: 0 6px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    content: attr(data-label);
    background: #0fafaa;
    border: 1px solid #fff;
    border-radius: 14px
}

.theme-pc .m-calendar__cell--date--with-label:after {
    font-size: 14px
}

.theme-sp .m-calendar__cell--date--with-label:after {
    font-size: 12px
}

.m-calendar__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #0fafaa;
    text-align: center;
    cursor: pointer
}

.m-carousel {
    position: relative;
    width: 100%;
    height: 100%
}

.m-carousel__images-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.m-carousel__images {
    height: 100%;
    user-select: none
}

.m-carousel__image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: transform
}

.m-carousel__image>img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none
}

.m-carousel__button {
    position: absolute;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 24px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(56, 67, 89, .2);
    transform: translateY(50%)
}

.m-carousel__button-prev {
    left: 0;
    border-radius: 2px 0 0 2px
}

.m-carousel__button-next {
    right: 0;
    border-radius: 0 2px 2px 0
}

.m-carousel__pages {
    position: absolute;
    right: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 20px;
    margin-top: -12px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(56, 67, 89, .2);
    border-radius: 10px;
    transform: translate(50%, -100%)
}

.m-carousel__pages-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px
}

.m-carousel__pages-separator {
    width: 1px;
    height: 16px;
    margin: 0 4px;
    background-color: #fff
}

.m-carousel__indicators {
    display: flex
}

.m-carousel__indicators[data-position=inner] {
    position: absolute;
    right: 50%;
    margin-top: -5px;
    transform: translate(50%, -100%)
}

.m-carousel__indicators[data-position=outer] {
    align-items: center;
    justify-content: center
}

.m-carousel__indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.m-carousel__indicator-button {
    width: 10px;
    height: 10px;
    background-color: rgba(56, 67, 89, .2);
    border-radius: 100%
}

.m-carousel__indicator-button[aria-disabled=true] {
    cursor: not-allowed;
    background-color: #0fafaa
}

.m-carousel__thumbnails {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 8px
}

.m-carousel__thumbnail>img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none
}

.m-carousel__captions-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.m-carousel__captions {
    user-select: none;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: transform
}

.m-carousel__caption {
    width: 100%;
    text-align: center
}

.c-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 24px
}

.c-checkbox__input {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    opacity: 0
}

.c-checkbox__input:checked+.c-checkbox__label>.c-checkbox__textWrapper::before {
    background-color: #0fafaa;
    border: none;
    transition: background-color .2s linear
}

.c-checkbox__input:checked+.c-checkbox__label>.c-checkbox__textWrapper::after {
    position: absolute;
    top: 3px;
    left: 8px;
    box-sizing: border-box;
    display: block;
    width: 8px;
    height: 14px;
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
}

.c-checkbox__input:disabled+.c-checkbox__label>.c-checkbox__textWrapper::before {
    cursor: not-allowed;
    background-color: #dadce0;
    border: 2px solid #c1c7d1
}

.c-checkbox__input:disabled+.c-checkbox__label>.c-checkbox__textWrapper .c-checkbox__text {
    color: #9ba2ae;
    cursor: not-allowed
}

.c-checkbox__input:checked:disabled+.c-checkbox__label>.c-checkbox__textWrapper::before {
    cursor: not-allowed;
    background-color: #a6dddd;
    border: none
}

.c-checkbox__label {
    position: relative;
    max-width: 100%;
    min-height: 24px;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer
}

.c-checkbox__textWrapper {
    display: flex
}

.c-checkbox__textWrapper::before {
    box-sizing: border-box;
    display: block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    content: "";
    background-color: #fff;
    border: 2px solid #c1c7d1;
    border-radius: 4px;
    outline: none;
    transition: background-color .2s linear
}

.c-checkbox__text {
    margin-top: 2px;
    margin-left: 8px;
    font-size: 1.4rem;
    line-height: 20px
}

.c-checkbox__subText {
    margin-left: 32px;
    overflow: hidden;
    line-height: 16px;
    color: #a0a7b4;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-checkbox__annotation {
    margin-top: 4px;
    margin-left: 32px;
    overflow: hidden;
    line-height: 16px;
    color: #2e3242
}

.c-datepicker {
    position: relative;
    display: flex;
    height: 44px;
    line-height: 44px
}

.theme-pc .c-datepicker {
    height: 40px;
    line-height: 40px
}

.c-datepicker__input {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    font-size: 1.4rem;
    background-color: #f7f8f9;
    border: 1px solid #c1c7d1;
    border-radius: 4px;
    padding-left: 12px;
    cursor: pointer;
    appearance: none
}

.c-datepicker__input:focus {
    border-color: #0fafaa;
    outline: none
}

.c-datepicker__input[data-error=true] {
    background-color: #ffefef;
    border: 1px solid #ea5353
}

.c-datepicker__input[data-error=true]::placeholder {
    color: #ea5353
}

.c-datepicker__input[data-error=true]+.c-datepicker__icon {
    color: #2e3242
}

.c-datepicker__input[data-error=true]:focus {
    box-shadow: 0 0 2px 0 #ea5353
}

.c-datepicker__input:disabled {
    color: #838996;
    background-color: #dadce0
}

.c-datepicker__input:disabled+.c-datepicker__icon {
    color: #9ba2ae
}

.c-datepicker__icon {
    position: absolute;
    right: 12px;
    height: 38px;
    margin-top: 12px;
    font-size: 18px;
    cursor: pointer
}

.theme-pc .c-datepicker__icon {
    margin-top: 10px
}

.c-datepicker__error {
    margin-top: 8px
}

.c-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6000001;
    display: flex;
    align-items: center;
    margin: auto
}

.c-dialog.fade-enter,
.c-dialog.fade-leave-to {
    opacity: 0
}

.theme-pc .c-dialog {
    width: 360px
}

.theme-sp .c-dialog {
    right: 16px;
    left: 16px
}

.c-dialog__container {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 32px 16px 24px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.c-dialog__body {
    margin-bottom: 24px
}

.c-dialog__body__mainText {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4
}

.c-dialog__body__subText {
    margin-top: 16px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #636978
}

.c-dialog__body__box {
    margin-top: 16px;
    text-align: left
}

.m-emptyBox {
    display: flex;
    justify-content: center
}

.theme-pc .m-emptyBox {
    padding: 40px 16px 32px
}

.theme-sp .m-emptyBox {
    padding: 24px 16px
}

.m-emptyBox--small.c-box[data-type=empty] {
    background-color: #fff
}

.theme-pc .m-emptyBox--small {
    padding: 24px 16px 16px
}

.theme-sp .m-emptyBox--small {
    padding: 16px
}

.m-emptyBox__content {
    width: 100%
}

.m-emptyBox__icon {
    display: block;
    color: #9ba2ae
}

.theme-pc .m-emptyBox__icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px
}

.theme-pc .m-emptyBox__icon::before {
    font-size: 80px
}

.theme-sp .m-emptyBox__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px
}

.theme-sp .m-emptyBox__icon::before {
    font-size: 72px
}

.theme-pc .m-emptyBox--small .m-emptyBox__icon {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

.theme-pc .m-emptyBox--small .m-emptyBox__icon::before {
    font-size: 32px
}

.theme-sp .m-emptyBox--small .m-emptyBox__icon {
    width: 32px;
    height: 32px;
    margin: 8px auto 0
}

.theme-sp .m-emptyBox--small .m-emptyBox__icon::before {
    font-size: 32px
}

.m-emptyBox__text {
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    vertical-align: baseline
}

.m-emptyBox--small .m-emptyBox__text {
    margin: 8px 0 0
}

.m-emptyBox__action {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.m-emptyBox--small .m-emptyBox__action {
    margin: 16px 0 0
}

.c-fileNameField {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 54px;
    background-color: #fff;
    border: 1px solid #c1c7d1;
    border-radius: 4px
}

.c-fileNameField__fileIcon {
    margin: 0 4px 0 20px;
    font-size: 20px
}

.c-fileNameField__fileName {
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    overflow: hidden;
    color: #2e3242
}

.c-fileNameField__fileNameText,
.c-fileNameField__fileNameText>.c-text__body {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-fileNameField__fileExtension {
    white-space: nowrap
}

.c-fileNameField__closeIcon {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 16px 0 8px;
    font-size: 20px;
    cursor: pointer
}

.c-flashMessage {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 16px;
    font-family: inherit;
    font-weight: bold;
    color: #2e3242
}

.c-flashMessage .fade-enter-active,
.c-flashMessage .fade-leave-active {
    transition: opacity .3s
}

.c-flashMessage .fade-enter,
.c-flashMessage .fade-leave-to {
    opacity: 0
}

.c-flashMessage__icon {
    margin: 0 4px 0 0;
    font-size: 1.6rem
}

.theme-sp .c-flashMessage__icon {
    margin: 0 4px 0 0
}

.c-flashMessage__icon[data-closable=true] {
    margin-left: auto
}

.c-flashMessage__iconclosable {
    align-self: center;
    padding-left: 24px;
    margin-left: auto;
    cursor: pointer
}

.theme-sp .c-flashMessage__iconclosable {
    padding-left: 16px
}

.c-flashMessage__text {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: left
}

.c-flashMessage--success {
    background-color: #c6e9eb
}

.c-flashMessage--warning {
    background-color: #ffefc0
}

.c-flashMessage--error {
    background-color: #fdd3d3
}

.c-pageHeader {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 66px;
    font-size: 1.8rem;
    line-height: 66px;
    text-align: center;
    background: unset
}

.c-pageHeader--back {
    padding: 12px 14px
}

.c-pageHeader__head {
    position: relative;
    height: 12px;
    margin: 0 0 12px
}

.c-pageHeader__headWrap {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block
}

.c-pageHeader__link {
    display: flex;
    line-height: 12px;
    color: #2e3242
}

.c-pageHeader__linkText {
    font-size: 12px;
    line-height: 12px;
    color: #2e3242
}

.c-pageHeader__linkText a {
    color: #2e3242
}

.c-pageHeader__linkIcon {
    margin: 0 8px 0 0;
    font-size: 12px
}

.c-pageHeader--back .c-pageHeader__title {
    line-height: 20px
}

.c-glacierPageTitle {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 24px
}

.c-glacierPageTitle__button {
    display: flex;
    align-items: center;
    padding: var(--spacing-xs);
    color: var(--textColor-default);
    cursor: pointer;
    background-color: var(--textColor-white);
    border: none;
    border-radius: var(--radius-full)
}

.c-glacierPageTitle__buttonIcon {
    font-size: 10px;
    font-weight: bold
}

.c-glacierPageTitle__title {
    font-size: 24px;
    font-weight: 600;
    color: var(--textColor-default)
}

.c-appsIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px !important
}

.c-appsIcon__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px !important;
    color: #fff;
    text-align: center;
    background-color: #2e3242;
    border-radius: 10%
}

.c-appsIcon__icon[data-appsName=coinFunding] {
    background-color: #57aee6
}

.c-appsIcon__icon[data-appsName=instagramShop] {
    background-color: #57aee6
}

.c-appsIcon__icon[data-appsName=ezlogi] {
    background-color: #ffae36
}

.c-appsIcon__icon[data-appsName=photo] {
    background-color: #46b578
}

.c-appsIcon__icon[data-appsName=pixivFactory] {
    background-color: #46b578
}

.c-appsIcon__icon[data-appsName=canvath] {
    background-color: #46b578
}

.c-appsIcon__icon[data-appsName=baseLive] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=twitterAd] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=instagramSupport] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=valuePress] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=note] {
    background-color: #ed78a7
}

.c-appsIcon__icon[data-appsName=csv] {
    background-color: #9c7bc6
}

.c-appsIcon__icon[data-appsName=csvLite] {
    background-color: #9c7bc6
}

.c-appsIcon__icon[data-appsName=shipAndCo] {
    background-color: #9c7bc6
}

.c-appsIcon__icon[data-appsName=bizGrowth] {
    background-color: #9c7bc6
}

.c-appsIcon__icon[data-appsName=chatPlus] {
    background-color: #9c7bc6
}

.c-appsIcon__icon[data-appsName=savingsPlus] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=freee] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=moneyForward] {
    background-color: #b6d619
}

.c-appsIcon__icon[data-appsName=giftKit] {
    background-color: #986a41
}

.c-appsIcon__icon[data-appsName=googleAdCoupon] {
    background-color: #986a41
}

.c-appsIcon__icon[data-appsName=offlinePayment] {
    background-color: #986a41
}

.c-iconBtn {
    display: inline-block;
    width: 44px;
    height: 44px;
    color: #2e3242;
    cursor: pointer;
    background: none;
    border: 1px solid #c1c7d1;
    border-radius: 8px;
    outline: none
}

.c-iconBtn:hover {
    background-color: #f7f8f9
}

.c-iconBtn:disabled {
    color: #9ba2ae;
    cursor: not-allowed;
    border-color: #dadce0
}

.c-iconBtn:disabled:hover {
    background-color: rgba(0, 0, 0, 0)
}

.c-iconBtn__icon {
    display: block;
    font-size: 20px
}

.c-iconBtn--noBorder {
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0
}

.c-iconBtn--noBorder:hover {
    color: #0fafaa;
    background-color: rgba(0, 0, 0, 0)
}

.c-iconBtn--noBorder:disabled:hover {
    color: #9ba2ae
}

.c-input {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    font-size: 1.4rem;
    color: #2e3242;
    background-color: #f7f8f9;
    border: 1px solid #c1c7d1;
    border-radius: 4px;
    height: 40px;
    padding: 0 12px;
    line-height: 1.2em;
    appearance: none
}

.c-input:focus {
    border-color: #0fafaa;
    outline: none
}

.c-input.is_error {
    background-color: #ffefef;
    border: 1px solid #ea5353
}

.c-input.is_error::placeholder {
    color: #ea5353
}

.c-input.is_error:focus {
    box-shadow: 0 0 2px 0 #ea5353
}

.c-input:read-only {
    background-color: #edeef1;
    border: none
}

.c-input:read-only::placeholder {
    color: #2e3242
}

.c-input:disabled {
    color: #838996;
    background-color: #dadce0;
    border: 1px solid #c1c7d1;
    opacity: 1
}

.c-input:disabled::placeholder {
    color: #838996
}

.c-inputWrapper {
    display: flex;
    align-items: center
}

.c-textarea {
    display: flex;
    flex-direction: column;
    color: #f7f8f9
}

.c-textarea__input {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    font-size: 1.4rem;
    color: #2e3242;
    background-color: #f7f8f9;
    border: 1px solid #c1c7d1;
    border-radius: 4px;
    min-height: 136px;
    padding: 12px;
    line-height: 1.6;
    resize: vertical;
    appearance: none
}

.c-textarea__input:focus {
    border-color: #0fafaa;
    outline: none
}

.c-textarea__input.is_error {
    background-color: #ffefef;
    border: 1px solid #ea5353
}

.c-textarea__input.is_error::placeholder {
    color: #ea5353
}

.c-textarea__input.is_error:focus {
    box-shadow: 0 0 2px 0 #ea5353
}

.c-textarea__input:disabled {
    color: #838996;
    background-color: #dadce0;
    opacity: 1
}

.c-textarea__input:read-only {
    background-color: #edeef1;
    border: none
}

.c-textarea__input:read-only::placeholder {
    color: #2e3242
}

.c-textarea__textcount {
    margin-top: 8px;
    margin-left: auto;
    color: #636978
}

.c-textarea__textcount.is_error {
    color: #ea5353
}

.c-inputUnit {
    display: inline-block;
    padding-left: 8px
}

.c-inputErrorMessage {
    margin: 8px 0 0
}

.c-inputContainer {
    position: relative;
    flex: 1
}

.c-inputContainer.c-inputContainer--withEndAdornment .c-input {
    padding-right: 40px
}

.c-inputContainer__endAdornment {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.c-adminLabel {
    display: inline-block;
    height: 20px;
    padding: 0 8px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.c-adminLabel--green {
    background-color: #0fafaa
}

.c-adminLabel--red {
    background-color: #f67f80
}

.c-adminLabel--yellow {
    background-color: #ffcf58
}

.c-adminLabel--purple {
    background-color: #7664bd
}

.c-adminLabel--blue {
    background-color: #51a8e0
}

.c-adminLabel--black {
    background-color: #384359
}

.c-appLabel {
    display: inline-block;
    height: 20px;
    padding: 0 8px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 20px;
    color: #00726a;
    text-align: center;
    background-color: #c6e9eb;
    border-radius: 4px
}

.c-requiredLabel {
    display: inline-block;
    height: 16px;
    padding: 0 4px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 16px;
    color: #636978;
    text-align: center;
    background-color: #edeef1;
    border-radius: 2px
}

.c-statusLabel {
    display: inline-block;
    padding: 0 8px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    border-radius: 50px
}

.c-statusLabel--full {
    box-sizing: border-box;
    width: 100%
}

.c-statusLabel--complete {
    color: #fff;
    background-color: #2e3242
}

.c-statusLabel--cancel {
    color: #2e3242;
    background-color: #edeef1
}

.c-statusLabel--valid {
    color: #fff;
    background-color: #0fafaa
}

.c-statusLabel--progress {
    color: #00726a;
    background-color: #c6e9eb
}

.c-statusLabel--error {
    color: #fff;
    background-color: #fe7272
}

.c-statusLabel--incomplete {
    color: #ea5353;
    background-color: #fdd3d3
}

.theme-sp .c-statusLabel {
    height: 28px;
    line-height: 28px
}

.theme-sp .c-statusLabel--small {
    height: 20px;
    line-height: 20px
}

.theme-sp .c-statusLabel--green {
    color: #fff;
    background-color: #0fafaa
}

.theme-sp .c-statusLabel--greenLight {
    color: #00726a;
    background-color: #c6e9eb
}

.theme-sp .c-statusLabel--red {
    color: #fff;
    background-color: #fe7272
}

.theme-sp .c-statusLabel--redLight {
    color: #ea5353;
    background-color: #fdd3d3
}

.theme-sp .c-statusLabel--gray {
    color: #2e3242;
    background-color: #edeef1
}

.theme-sp .c-statusLabel--black {
    color: #fff;
    background-color: #2e3242
}

.theme-pc .c-statusLabel {
    height: 24px;
    line-height: 24px
}

.theme-pc .c-statusLabel--green {
    color: #fff;
    background-color: #0fafaa
}

.theme-pc .c-statusLabel--greenLight {
    color: #00726a;
    background-color: #c6e9eb
}

.theme-pc .c-statusLabel--red {
    color: #fff;
    background-color: #fe7272
}

.theme-pc .c-statusLabel--redLight {
    color: #ea5353;
    background-color: #fdd3d3
}

.theme-pc .c-statusLabel--gray {
    color: #2e3242;
    background-color: #edeef1
}

.theme-pc .c-statusLabel--black {
    color: #fff;
    background-color: #2e3242
}

.c-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000000;
    width: 100%;
    height: 100%;
    min-height: 50px;
    margin: auto;
    background-color: #fff
}

.c-loading--loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    transform: translate(-50%, -50%)
}

.c-loading--spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    animation: rotate 2s linear infinite
}

.c-loading--spinner__path {
    fill: none;
    stroke: #0fafaa;
    stroke-dasharray: 150, 200;
    stroke-dashoffset: -10;
    stroke-linecap: round;
    stroke-width: 4;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

.c-loading--spinner__path-bg {
    fill: none
}

.c-loading--parent__relative {
    position: relative !important
}

.c-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6000000;
    display: table;
    width: 100%;
    height: 100vh;
    background: rgba(46, 50, 66, .5);
    opacity: 0;
    transition: .2s opacity cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.c-mask[data-visible=false] {
    height: 0
}

.c-mask[data-visible=true] {
    opacity: 1
}

.c-mask__content {
    opacity: 1
}

.c-mask--darker {
    background: rgba(46, 50, 66, .8)
}

.c-modal {
    position: fixed;
    z-index: 6000001;
    display: flex;
    align-items: center;
    margin: auto
}

.c-modal.fade-enter,
.c-modal.fade-leave-to {
    opacity: 0
}

.theme-pc .c-modal {
    top: 80px;
    right: 0;
    bottom: 80px;
    left: 0
}

.theme-sp .c-modal {
    top: 0;
    right: 16px;
    bottom: 0;
    left: 16px
}

.c-modal.c-slideModal {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.c-modal.c-slideModal.slide-enter-active,
.c-modal.c-slideModal.slide-leave-active {
    transition: all .35s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.c-modal.c-slideModal.slide-enter,
.c-modal.c-slideModal.slide-leave-to {
    transform: translate3d(0, 110vh, 0)
}

.c-modal.c-slideModal>.c-modal__container {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none
}

.c-modal.c-slideModal .c-modal__head {
    width: 100%;
    background-color: #fff
}

.c-modal.c-slideModal .c-modal__body {
    -webkit-overflow-scrolling: touch
}

.c-modal__container {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.theme-pc .c-modal__container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    margin: auto
}

.theme-pc .c-modal__container--extrasmall {
    width: 480px;
    min-width: 480px
}

.theme-pc .c-modal__container--small {
    width: 560px;
    min-width: 560px
}

.theme-pc .c-modal__container--small .m-buttonBox__child {
    min-width: 240px
}

.theme-pc .c-modal__container--medium {
    width: 720px;
    min-width: 720px
}

.theme-pc .c-modal__container--medium .m-buttonBox {
    width: 656px
}

.theme-pc .c-modal__container--medium .m-buttonBox__child {
    min-width: 320px;
    max-width: 320px
}

.theme-pc .c-modal__container--large {
    width: 1000px;
    min-width: 1000px
}

.theme-pc .c-modal__container--large .m-buttonBox {
    width: 656px
}

.theme-pc .c-modal__container--large .m-buttonBox__child {
    min-width: 320px;
    max-width: 320px
}

.theme-sp .c-modal__container {
    width: 100%
}

.c-modal__icon {
    position: absolute;
    top: -32px;
    right: 0;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.c-modal__head {
    -ms-flex: none;
    flex: none;
    padding: 16px;
    border-bottom: 1px solid #dadce0;
    border-radius: 8px 8px 0 0;
    -webkit-box-flex: 0
}

.c-modal__head__icon {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    font-size: 1.6rem;
    text-align: center;
    cursor: pointer
}

.theme-pc .c-modal__head__icon {
    top: 4px
}

.theme-sp .c-modal__head__icon {
    top: 0
}

.c-modal__head__text {
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    vertical-align: text-bottom
}

.theme-pc .c-modal__head__text {
    font-size: 2rem
}

.theme-sp .c-modal__head__text {
    font-size: 1.6rem
}

.c-modal__body__wrapper {
    display: flex;
    -ms-flex: auto;
    flex: auto;
    flex-flow: row;
    align-items: stretch;
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-flex: 1
}

.c-modal__body__wrapper.scroll {
    padding-right: 4px
}

.c-modal__body {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.c-modal__body::-webkit-scrollbar {
    width: 10px
}

.c-modal__body::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 8px
}

.theme-pc .c-modal__body__content {
    padding: 32px
}

.theme-sp .c-modal__body__content {
    padding: 24px 16px
}

.c-modal__body__content--neighboring {
    padding-bottom: 0 !important;
    -webkit-overflow-scrolling: touch
}

.c-modal__foot.scroll {
    border-top: 1px solid #dadce0
}

.theme-pc .c-modal__foot {
    padding: 16px 32px
}

.theme-sp .c-modal__foot {
    padding: 24px 16px
}

.c-navigationTabs {
    position: relative;
    display: flex;
    border-bottom: 1px solid var(--borderColor-sub)
}

.c-navigationTabs__tab {
    text-align: center
}

.theme-pc .c-navigationTabs__tab {
    width: 200px
}

.theme-sp .c-navigationTabs__tab {
    flex: 1
}

.c-navigationTabs__tab>* {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-custom) var(--spacing-sm);
    font-size: 16px;
    font-weight: bold;
    color: var(--textColor-sub);
    cursor: pointer;
    transition: color var(--duration-fast) var(--bezier-ease-out)
}

.c-navigationTabs__tab[aria-selected=true]>* {
    color: var(--textColor-default)
}

.c-navigationTabs__tab:hover>* {
    color: var(--textColor-default)
}

.c-navigationTabs::after {
    position: absolute;
    bottom: -1px;
    left: var(--navigation-tabs-underline-left, 0px);
    width: var(--navigation-tabs-underline-width, 0px);
    height: 2px;
    content: "";
    background-color: var(--borderColor-primary);
    transition: left var(--duration-mid) var(--bezier-ease-out)
}

.m-pager {
    display: flex;
    flex-direction: row;
    align-items: center
}

.m-pager__item:not(:last-child) {
    margin-right: 8px
}

.m-pager__item[data-type=meatball] {
    cursor: not-allowed
}

.m-pager__btn {
    box-sizing: border-box;
    width: 56px;
    padding: 0 8px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 44px;
    color: #636978;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    outline: none;
    transition: all .3s ease-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.theme-pc .m-pager__btn {
    line-height: 32px;
    background-color: #edeef1
}

.theme-sp .m-pager__btn {
    background-color: #edeef1
}

.m-pager__btn:hover {
    background: #dadce0
}

.m-pager__btn[data-state=active] {
    color: #2e3242;
    cursor: not-allowed;
    background: #c1c7d1
}

.m-pager__btn.m-pager__btn--gray {
    background-color: #edeef1
}

.m-pager__btn.m-pager__btn--gray[data-state=active] {
    color: #2e3242;
    cursor: not-allowed;
    background: #c1c7d1
}

.m-pager__btn.m-pager__btn--gray:hover {
    background: #dadce0
}

.m-pager__btn.m-pager__btn--white {
    background-color: #fff
}

.m-pager__btn.m-pager__btn--white[data-state=active] {
    color: #2e3242;
    cursor: not-allowed;
    background: #c1c7d1
}

.m-pager__btn.m-pager__btn--white:hover {
    background: #f7f8f9
}

.c-radio {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 24px
}

.theme-pc .c-radio:not(:last-child) {
    margin-bottom: 16px
}

.theme-sp .c-radio:not(:last-child) {
    margin-bottom: 20px
}

.c-radio__input {
    position: absolute;
    left: 5px;
    margin: 0;
    opacity: 0
}

.c-radio__input:checked+.c-radio__label::before {
    background-color: #0fafaa;
    border: none;
    border-radius: 100%;
    transition: background-color .2s linear
}

.c-radio__input:checked+.c-radio__label::after {
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    content: "";
    background-color: #f7f8f9;
    border-radius: 100%
}

.c-radio__input:disabled+.c-radio__label {
    color: #838996;
    cursor: not-allowed
}

.c-radio__input:disabled+.c-radio__label::before {
    cursor: not-allowed;
    background-color: #dadce0;
    border: 2px solid #c1c7d1;
    border-radius: 100%
}

.c-radio__input:checked:disabled+.c-radio__label::before {
    cursor: not-allowed;
    background-color: #a6dddd;
    border: none;
    border-radius: 100%
}

.c-radio__label {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 24px;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer
}

.c-radio__label::before {
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 24px;
    min-height: 24px;
    margin-top: -12px;
    cursor: pointer;
    content: "";
    background-color: #f7f8f9;
    border: 2px solid #c1c7d1;
    border-radius: 100%;
    outline: none;
    transition: background-color .2s linear
}

.c-radio__text {
    margin-left: 34px;
    font-size: 1.4rem;
    line-height: 24px
}

.c-radio__subText {
    margin-left: 34px;
    line-height: 24px;
    color: #636978
}

.c-search {
    position: relative
}

.c-search__field {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 9px 36px 9px 16px;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #c1c7d1;
    border-radius: 22px;
    -webkit-appearance: none
}

.c-search__field.has_keyword {
    padding-right: 64px
}

.c-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.c-search__field:focus {
    border-color: #0fafaa;
    outline: none
}

.c-search__field:disabled {
    color: #838996;
    background-color: #dadce0
}

.c-search__field:disabled+.c-search__icon {
    cursor: default
}

.c-search__field:disabled+.c-search__icon .c-iconBtn__icon {
    color: #9ba2ae
}

.c-search__clearIcon {
    position: absolute;
    top: 50%;
    right: 36px;
    transform: translateY(-50%)
}

.c-search__icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.c-search .c-iconBtn__icon {
    font-size: 1.6rem
}

.c-sectionContainer {
    padding: var(--spacing-md);
    background: var(--white);
    border-radius: var(--radius-md);
    box-shadow: var(--box-shadow-sm)
}

.theme-sp .c-sectionContainer {
    padding: var(--spacing-sm)
}

.theme-sp .c-sectionContainer--noSpPadding {
    padding: 0
}

.c-pulldown {
    position: relative
}

.c-pulldown__activeText {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    overflow: hidden;
    color: #384359;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #f7f8f9;
    border: 1px solid #c1c7d1;
    border-radius: 4px
}

.theme-pc .c-pulldown__activeText {
    height: 40px
}

.c-pulldown__activeText div {
    display: flex;
    align-items: center
}

.c-pulldown__activeText div span {
    margin: 0 8px 0 0
}

.c-pulldown__activeTextIcon {
    margin-right: 8px
}

.c-pulldown.is_disabled .c-pulldown__activeText {
    color: #838996;
    cursor: not-allowed;
    background-color: #dadce0
}

.c-pulldown.is_disabled .c-pulldown__activeText+.c-select__icon {
    color: #838996
}

.c-pulldown.is_readonly .c-pulldown__activeText {
    background-color: #edeef1;
    border: none
}

.c-pulldown.is_readonly .c-pulldown__activeText>.c-pulldown__icon {
    color: #9ba2ae
}

.c-pulldown.is_readonly .c-pulldown__activeText+.c-select__icon {
    color: #9ba2ae
}

.c-pulldown.is_error .c-pulldown__activeText {
    background: #ffefef;
    border-color: #ea5353
}

.c-pulldown__icon {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    height: 14px;
    margin: auto 0;
    font-size: 14px
}

.c-pulldown__icon:before {
    vertical-align: top
}

.c-pulldown__selectList {
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-height: 2000px;
    overflow: auto;
    pointer-events: all;
    background: #fff;
    border: 1px solid #c2c8d2;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .24);
    opacity: 1;
    transition: .1s linear
}

.c-pulldown__selectList.fade-enter,
.c-pulldown__selectList.fade-leave-to {
    opacity: 0
}

.c-pulldown__selectList.close {
    max-height: 0;
    opacity: 0
}

.c-pulldown__selectList[data-position=top] {
    top: -4px;
    transform: translateY(-100%)
}

.c-pulldown__radio {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px)
}

.c-pulldown__radio:checked+.c-pulldown__label {
    background: #f8f9fa
}

.c-pulldown__radio:checked+.c-pulldown__label:before {
    position: absolute;
    left: 8px;
    font-family: "bbqicon";
    content: ""
}

.c-pulldown__radio:focus+.c-pulldown__label {
    background: #f8f9fa;
    outline: 0
}

.c-pulldown__label {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 32px;
    overflow: hidden;
    line-height: 40px;
    color: #384359;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.c-pulldown__label:hover {
    background: #f8f9fa
}

.c-pulldown__label.is_disabled {
    color: #c2c8d2;
    cursor: not-allowed
}

.c-pulldown__label.is_disabled:hover {
    background: inherit
}

.c-pulldown__labelIcon {
    margin-right: 8px
}

.c-select {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    color: #2e3242;
    background-color: #f7f8f9;
    border: 1px solid #c1c7d1;
    border-radius: 4px
}

.c-select.is_disabled {
    color: #838996;
    background-color: #dadce0
}

.c-select.is_disabled .c-select__trigger {
    color: #636978;
    cursor: not-allowed
}

.c-select.is_disabled .c-select__icon {
    color: #2e3242
}

.c-select.is_error {
    color: #ea5353;
    background: #ffefef;
    border-color: #ea5353
}

.c-select.is_error .c-select__icon {
    color: #2e3242
}

.c-select.is_readonly {
    color: #2e3242;
    background-color: #edeef1
}

.c-select.is_readonly .c-select__trigger {
    color: #2e3242
}

.c-select.is_readonly .c-select__icon {
    color: #636978
}

.c-select__trigger {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 40px 0 12px;
    font-size: 1.4rem;
    color: #2e3242;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.c-select__trigger:disabled {
    opacity: 1
}

.c-select__icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    padding-right: 12px;
    font-size: 1.4rem;
    line-height: 44px !important;
    color: #2e3242;
    text-align: center
}

.c-slider {
    position: relative;
    box-sizing: border-box;
    height: 24px;
    padding: 8px 0;
    cursor: pointer
}

.c-slider[data-dragging=true] {
    cursor: grabbing
}

.c-slider[data-disabled=true] {
    cursor: not-allowed
}

.c-slider__runway {
    height: 8px;
    background: #dadce0;
    border-radius: 2px
}

.c-slider__bar {
    height: 8px;
    background: #0fafaa;
    border-radius: 2px
}

.c-slider__bar[data-disabled=true] {
    background-color: #9ba2ae
}

.c-slider__button-container {
    position: absolute;
    top: 0;
    width: calc(100% - 24px)
}

.c-slider__button {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    cursor: grab;
    background: #0fafaa;
    border-radius: 13px;
    outline: none
}

.c-slider__button:hover,
.c-slider__button:focus {
    background-color: #00938b
}

.c-slider__button[data-dragging=true] {
    background-color: #00938b
}

.c-slider__button[data-disabled=true] {
    cursor: not-allowed;
    background-color: #9ba2ae
}

.c-slider__button[data-dragging=true] {
    cursor: grabbing
}

.c-slider-with-input {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-slider-with-input .c-slider {
    flex-grow: 1
}

.c-slider-with-input .c-input[type=number] {
    width: 58px;
    margin: 0 0 0 9px;
    -moz-appearance: textfield
}

.c-slider-with-input .c-input[type=number]::-webkit-outer-spin-button,
.c-slider-with-input .c-input[type=number]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.c-switch {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.c-switch__input {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    opacity: 0
}

.c-switch__input:checked+.c-switch__container {
    background-color: #0fafaa;
    transition: .2s linear
}

.theme-sp .c-switch__input:checked+.c-switch__container {
    border: 4px solid #0fafaa
}

.theme-pc .c-switch__input:checked+.c-switch__container {
    border: 3px solid #0fafaa
}

.c-switch__input:checked+.c-switch__container .c-switch__text {
    transition: right .2s ease-in
}

.theme-sp .c-switch__input:checked+.c-switch__container .c-switch__text {
    right: -25px
}

.theme-pc .c-switch__input:checked+.c-switch__container .c-switch__text {
    right: -24px
}

.c-switch__input:checked+.c-switch__container.c-switch__container--large .c-switch__text {
    transition: right .2s ease-in
}

.theme-sp .c-switch__input:checked+.c-switch__container.c-switch__container--large .c-switch__text {
    right: -48px
}

.theme-pc .c-switch__input:checked+.c-switch__container.c-switch__container--large .c-switch__text {
    right: -48px
}

.c-switch__input[disabled]+.c-switch__container {
    cursor: not-allowed;
    background-color: #dadce0
}

.theme-sp .c-switch__input[disabled]+.c-switch__container {
    border: 4px solid #dadce0
}

.theme-pc .c-switch__input[disabled]+.c-switch__container {
    border: 3px solid #dadce0
}

.c-switch__input[disabled]:checked+.c-switch__container {
    cursor: not-allowed;
    background-color: #a6dddd
}

.theme-sp .c-switch__input[disabled]:checked+.c-switch__container {
    border: 4px solid #a6dddd
}

.theme-pc .c-switch__input[disabled]:checked+.c-switch__container {
    border: 3px solid #a6dddd
}

.c-switch__container {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background-color: #9ba2ae;
    border-radius: 100px;
    transition: .4s linear
}

.theme-sp .c-switch__container {
    border: 4px solid #9ba2ae
}

.theme-pc .c-switch__container {
    border: 3px solid #9ba2ae
}

.theme-sp .c-switch__container {
    width: 56px;
    height: 32px
}

.theme-sp .c-switch__container--large {
    width: 80px;
    height: 32px
}

.theme-pc .c-switch__container {
    width: 48px;
    height: 24px
}

.theme-pc .c-switch__container--large {
    width: 72px;
    height: 24px
}

.c-switch__text {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 100px;
    transition: right .2s ease-in
}

.theme-sp .c-switch__container .c-switch__text {
    width: 74px;
    height: 24px
}

.theme-sp .c-switch__container.c-switch__container--large .c-switch__text {
    width: 120px
}

.theme-pc .c-switch__container .c-switch__text {
    width: 66px
}

.theme-pc .c-switch__container.c-switch__container--large .c-switch__text {
    width: 114px
}

.c-switch__textChild {
    box-sizing: border-box;
    flex: 1;
    padding: 0 6px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff
}

.theme-sp .c-switch__textChild {
    height: 24px;
    line-height: 26px
}

.theme-pc .c-switch__textChild {
    height: 18px;
    line-height: 20px
}

.c-switch__textChild--on {
    text-align: left
}

.c-switch__textChild--on:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    display: block;
    margin: auto;
    content: "";
    background-color: #fff;
    border-radius: 50%
}

.theme-sp .c-switch__textChild--on:after {
    width: 24px;
    height: 24px
}

.theme-pc .c-switch__textChild--on:after {
    width: 18px;
    height: 18px
}

.c-switch__textChild--off {
    text-align: right
}

h1.c-text {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2rem;
    line-height: 2rem
}

h2.c-text {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    line-height: 2rem
}

h3.c-text {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.6rem;
    line-height: 2rem
}

.c-text {
    display: flex;
    line-height: 1.4
}

.c-text[data-order=true] {
    align-items: center
}

.c-text[data-leadingLine=true] {
    padding-left: 8px;
    border-left: 3px solid #2e3242
}

.c-text[data-type=attention] {
    font-size: 1.2rem;
    color: #636978
}

.c-text[data-type=attention-text] {
    font-size: 1.2rem;
    color: #2e3242
}

.c-text[data-type=attention-text]:not(:last-child) {
    margin-bottom: 4px
}

.c-text[data-type=body] {
    font-size: 1.4rem;
    color: #2e3242
}

.c-text[data-type=link] {
    display: inline-flex;
    font-size: 1.4rem;
    color: #0fafaa
}

.theme-sp .c-text[data-type=link] {
    text-decoration: underline;
    text-decoration-color: #0fafaa
}

.c-text[data-type=link]:hover {
    text-decoration: underline;
    cursor: pointer
}

.c-text[data-type=link-black] {
    display: inline-flex;
    font-size: 1.2rem;
    color: #2e3242;
    text-decoration: underline;
    text-decoration-color: #2e3242
}

.c-text[data-type=link-black]:hover {
    cursor: pointer
}

.c-text[data-type=error] {
    font-size: 1.2rem;
    color: #ea5353
}

.c-text[data-type=form-label] {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2e3242
}

.c-text[data-type=warning] {
    font-size: 1.4rem;
    font-weight: bold;
    color: #2e3242
}

.c-text[data-type=small] {
    font-size: 1.2rem
}

.c-text[data-align=left] {
    justify-content: flex-start
}

.c-text[data-align=center] {
    justify-content: center
}

.c-text[data-align=right] {
    justify-content: flex-end
}

i.c-text__icon {
    margin-right: .5rem;
    line-height: unset
}

.c-text__body {
    display: inline-block;
    height: 100%
}

.c-text__order {
    display: inline-block;
    width: 20px;
    margin-right: 8px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    content: "1";
    background-color: #2e3242;
    border-radius: 4px
}

.c-textLink {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0fafaa;
    text-decoration: none;
    cursor: pointer
}

.c-textLink[data-type=gray] {
    font-size: 1.2rem;
    color: #636978
}

.c-textLink[data-type=black] {
    font-size: 1.2rem;
    color: #2e3242
}

.c-textLink[data-type=error] {
    font-size: 1.2rem;
    font-weight: normal;
    color: #ea5353
}

.theme-sp .c-textLink {
    text-decoration: underline;
    text-decoration-color: #0fafaa;
    text-underline-offset: 2px
}

.theme-sp .c-textLink[data-type=gray] {
    text-decoration-color: #636978
}

.theme-sp .c-textLink[data-type=black] {
    text-decoration-color: #2e3242
}

.theme-sp .c-textLink[data-type=error] {
    text-decoration-color: #ea5353
}

.theme-pc .c-textLink {
    height: 17px;
    line-height: 14px
}

.theme-pc .c-textLink:hover {
    text-decoration: underline;
    text-decoration-color: #0fafaa;
    text-underline-offset: 2px;
    cursor: pointer
}

.theme-pc .c-textLink[data-type=gray]:hover {
    text-decoration-color: #636978
}

.theme-pc .c-textLink[data-type=black] {
    text-decoration: underline;
    text-decoration-color: #2e3242;
    text-underline-offset: 2px
}

.theme-pc .c-textLink[data-type=error]:hover {
    text-decoration-color: #ea5353
}

.c-textLink[data-type^=bodylink-] {
    position: relative;
    height: auto;
    line-height: 1
}

.c-textLink[data-type^=bodylink-],
.c-textLink[data-type^=bodylink-]:hover {
    text-decoration: underline;
    text-underline-offset: 1px
}

.c-textLink[data-type=bodylink-default] {
    font-size: 1.4rem;
    font-weight: normal;
    color: #0fafaa;
    text-decoration-color: #0fafaa
}

.theme-pc .c-textLink[data-type=bodylink-default] {
    text-decoration: none
}

.theme-pc .c-textLink[data-type=bodylink-default]:hover {
    text-decoration: underline
}

.c-textLink[data-type=bodylink-attention] {
    font-size: 1.2rem;
    font-weight: normal;
    color: #2e3242
}

.c-textLink[data-type=bodylink-attention],
.c-textLink[data-type=bodylink-attention]:hover {
    text-decoration-color: #2e3242
}

.c-textLink[data-type=bodylink-warning] {
    font-size: 1.4rem;
    color: #2e3242
}

.c-textLink[data-type=bodylink-warning],
.c-textLink[data-type=bodylink-warning]:hover {
    text-decoration-color: #2e3242
}

.c-textLink[data-type=bodylink-error] {
    font-size: 1.4rem;
    font-weight: normal;
    color: #ea5353
}

.c-textLink[data-type=bodylink-error],
.c-textLink[data-type=bodylink-error]:hover {
    text-decoration-color: #2e3242
}

.c-textButton {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    color: #0fafaa;
    text-decoration: underline;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.c-textButton[data-type=default] {
    font-size: 1.4rem;
    color: #0fafaa
}

.c-textButton[data-type=gray] {
    font-size: 1.2rem;
    color: #636978
}

.c-textButton[data-type=black] {
    font-size: 1.2rem;
    color: #2e3242
}

.theme-sp .c-textButton {
    text-decoration-color: #0fafaa
}

.theme-sp .c-textButton[data-type=gray] {
    text-decoration-color: #636978
}

.theme-sp .c-textButton[data-type=black] {
    text-decoration-color: #2e3242
}

.theme-pc .c-textButton {
    height: 17px;
    line-height: 14px
}

.theme-pc .c-textButton:hover {
    text-decoration-color: #0fafaa;
    cursor: pointer
}

.theme-pc .c-textButton[data-type=gray]:hover {
    text-decoration-color: #636978
}

.theme-pc .c-textButton[data-type=black] {
    text-decoration-color: #2e3242
}

.c-textButton[data-type^=bodylink-] {
    position: relative;
    height: auto;
    line-height: 1
}

.c-textButton[data-type^=bodylink-],
.c-textButton[data-type^=bodylink-]:hover {
    text-underline-offset: 1px
}

.c-textButton[data-type=bodylink-default] {
    font-size: 1.4rem;
    font-weight: normal;
    color: #0fafaa;
    text-decoration-color: #0fafaa
}

.theme-pc .c-textButton[data-type=bodylink-default] {
    text-decoration: none
}

.c-textButton[data-type=bodylink-attention] {
    font-size: 1.2rem;
    font-weight: normal;
    color: #2e3242
}

.c-textButton[data-type=bodylink-attention],
.c-textButton[data-type=bodylink-attention]:hover {
    text-decoration-color: #2e3242
}

.c-textButton[data-type=bodylink-warning] {
    font-size: 1.4rem;
    color: #2e3242
}

.c-textButton[data-type=bodylink-warning],
.c-textButton[data-type=bodylink-warning]:hover {
    text-decoration-color: #2e3242
}

.c-textButton[data-type=bodylink-error] {
    font-size: 1.4rem;
    font-weight: normal;
    color: #2e3242
}

.c-textButton[data-type=bodylink-error],
.c-textButton[data-type=bodylink-error]:hover {
    text-decoration-color: #2e3242
}

.c-largeTitle {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    line-height: 18px
}

.c-largeTitle--underline {
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f1f4
}

.c-mediumTitle {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 8px;
    font-size: 1.6rem;
    line-height: 1.25;
    border-left: 3px solid #2e3242
}

.c-pageTitle {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: left
}

.c-pageTitle--gray {
    padding: 25px 32px;
    background-color: #dadce0
}

.c-smallTitle {
    font-weight: bold;
    color: #2e3242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4rem
}

.c-tooltip {
    position: relative;
    cursor: help
}

.c-tooltip__icon {
    left: 4px;
    font-size: 24px;
    color: #636978;
    vertical-align: middle;
    cursor: help
}

.c-tooltip__wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 6000000;
    margin: 0 auto
}

.c-tooltip__textWrap {
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 1;
    min-width: 180px;
    text-align: left;
    visibility: hidden;
    background-color: rgba(69, 73, 91, .9);
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    opacity: 0;
    transition: opacity 150ms;
    transform: translate(-50%, 0)
}

.c-tooltip__textWrap:before {
    position: absolute;
    bottom: -40px;
    left: 50%;
    z-index: -1;
    display: block;
    width: 80px;
    height: 80px;
    content: "";
    transform: translate(-50%, 0) rotate(-45deg) skew(30deg, 30deg)
}

.c-tooltip__textWrap:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: " ";
    border-color: #384359 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px;
    opacity: .9;
    transform: translate(-50%, 0)
}

.c-tooltip__textWrap[data-topBottom=bottom] {
    bottom: unset
}

.c-tooltip__textWrap[data-topBottom=bottom]:before {
    top: -40px
}

.c-tooltip__textWrap[data-topBottom=bottom]:after {
    top: unset;
    bottom: 100%;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #384359
}

.c-tooltip__textWrap[data-leftRight=left] {
    left: 10%;
    transform: unset
}

.c-tooltip__textWrap[data-leftRight=left]:after {
    left: 20%
}

.c-tooltip__textWrap[data-leftRight=right] {
    right: 10%;
    left: unset;
    transform: unset
}

.c-tooltip__textWrap[data-leftRight=right]:after {
    right: 20%;
    left: unset
}

.c-tooltip__textWrap[data-color=white] {
    background-color: hsla(0, 0%, 100%, .9)
}

.c-tooltip__textWrap[data-color=white]:after {
    filter: drop-shadow(1px 3px 5px rgba(69, 73, 91, 0.3));
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.c-tooltip__textWrap[data-color=white][data-topBottom=bottom]:after {
    filter: drop-shadow(1px -3px 5px rgba(46, 50, 66, 0.3));
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

.c-tooltip__text {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #fff
}

.c-tooltip__text[data-color=white] {
    color: #2e3242
}

.c-tooltip:hover .c-tooltip__textWrap {
    visibility: visible;
    opacity: 1
}

.c-tooltipBox {
    position: absolute;
    display: inline-block
}

.collapse-enter-active,
.collapse-leave-active {
    overflow: hidden;
    transition-property: height
}

.collapse-enter,
.collapse-leave-to {
    height: 0
}

.c-stepper {
    display: flex;
    justify-content: space-between
}

.c-stepper__item {
    display: flex
}

.c-stepper__item[data-status=complete] .c-stepper__icon {
    color: #2e3242;
    background-color: #dadce0
}

.c-stepper__item[data-status=complete] .c-stepper__number {
    color: #2e3242;
    background-color: #dadce0
}

.c-stepper__item[data-status=inactive] .c-stepper__icon {
    color: #9ba2ae;
    background-color: #edeef1
}

.c-stepper__item[data-status=inactive] .c-stepper__number {
    color: #9ba2ae;
    background-color: #edeef1
}

.c-stepper__item[data-status=inactive] .c-stepper__content {
    color: #a0a7b4
}

.c-stepper__item:not(:last-child) {
    flex: 1
}

.c-stepper__number {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #0fafaa;
    border-radius: 50%
}

.c-stepper__icon {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff
}

.c-stepper__content {
    margin-left: 8px
}

.c-stepper__content .c-stepper__title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 24px
}

.c-stepper__line {
    display: flex;
    flex: 1;
    align-items: center;
    height: 100%;
    margin: 0 8px
}

.c-stepper__line span {
    flex: 1;
    width: 100%;
    height: 1px;
    background-color: #c1c7d1
}

.c-stepper.vertical {
    display: grid
}

.c-stepper.vertical .c-stepper__item {
    display: grid;
    grid-template-rows: 24px auto;
    grid-template-columns: 24px auto;
    align-items: stretch
}

.c-stepper.vertical .c-stepper__number {
    grid-row: 1/2;
    grid-column: 1/2
}

.c-stepper.vertical .c-stepper__line {
    grid-row: 2/3;
    grid-column: 1/2;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 24px;
    margin: 8px 0
}

.c-stepper.vertical .c-stepper__line span {
    display: block;
    flex: 0 0 auto;
    width: 1px;
    height: 100%
}

.c-stepper.vertical .c-stepper__content {
    grid-row: 1/3;
    grid-column: 2/3
}

.c-stepper.vertical .c-stepper__body {
    padding: 12px 0
}

.theme-sp .c-stepper.horizontal .c-stepper__item[data-status=complete] .c-stepper__content,
.theme-sp .c-stepper.horizontal .c-stepper__item[data-status=inactive] .c-stepper__content {
    display: none
}

.c-expandTrigger .c-expandTrigger__header {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    cursor: pointer
}

.c-expandTrigger .c-expandTrigger__header .c-expandTrigger__icon {
    display: inline-block;
    color: #2e3242;
    transition: transform .2s ease-out
}

.c-expandTrigger .c-expandTrigger__header .c-expandTrigger__icon[data-open=true] {
    transform: rotate(90deg)
}

.c-expandTrigger .c-expandTrigger__header .c-expandTrigger__text {
    font-size: 14px;
    color: #2e3242
}

.c-expandTrigger .c-expandTrigger__header:focus {
    outline-offset: 4px
}

.c-expandTrigger .c-expandTrigger__header .c-expandTrigger__text {
    font-weight: bold
}

.c-expandTrigger .c-expandTrigger__content {
    margin-top: 16px;
    margin-left: 16px
}

.c-progress-circular {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}

.c-progress-circular>svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    stroke-linecap: round
}

.c-progress-circular__underlay {
    z-index: 1;
    color: #dadce0;
    stroke: currentColor
}

.c-progress-circular--green {
    color: #0fafaa
}

.c-progress-circular--white {
    color: #fff
}

.c-progress-circular--small {
    width: 48px;
    height: 48px
}

.c-progress-circular--default {
    width: 80px;
    height: 80px
}

.c-progress-circular__overlay {
    z-index: 2;
    stroke: currentColor;
    transition: all .2s ease-in-out, stroke-width 0s
}

.c-progress-circular--indeterminate>svg {
    transition: all .2s ease-in-out;
    transform-origin: center center;
    animation: progress-circular-rotate 1.4s linear infinite
}

.c-progress-circular--indeterminate .c-progress-circular__overlay {
    stroke-dasharray: 25, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: progress-circular-dash 1.4s ease-in-out infinite
}

.c-progress-circular--disable-shrink>svg {
    animation-duration: .7s
}

.c-progress-circular--disable-shrink .c-progress-circular__overlay {
    animation: none
}

.c-progress-circular--indeterminate:not(.v-progress-circular--visible)>svg,
.c-progress-circular--indeterminate:not(.v-progress-circular--visible) .c-progress-circular__overlay {
    animation-play-state: paused !important
}

@keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    100% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes progress-circular-rotate {
    100% {
        transform: rotate(270deg)
    }
}

.appsAdminSideMenu {
    background-color: #fff;
    border-radius: 4px;
    left: auto;
    position: fixed;
    top: 150px;
    width: 232px
}

.appsAdminSideMenu__header {
    padding: 20px 0;
    text-align: center
}

.appsAdminSideMenu__headerLogo {
    display: block;
    margin: 0 0 20px
}

.appsAdminSideMenu__headerLogo>img {
    height: 70px;
    width: 70px
}

.appsAdminSideMenu__title {
    font-size: 13px;
    font-weight: bold
}

.appsAdminSideMenu__menuItem {
    border-top: 1px solid #e7e7e7;
    height: 50px;
    position: relative
}

.appsAdminSideMenu__menuItem>a {
    box-sizing: border-box;
    color: #2e3242;
    display: block;
    font-size: 13px;
    height: 100%;
    line-height: 50px;
    padding: 0 0 0 10px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.appsAdminSideMenu__menuItem>a:hover {
    background-color: #f8f9fa;
    -webkit-text-decoration: none;
    text-decoration: none
}

.appsAdminSideMenu__menuItem>a.is-active {
    background: #f8f9fa;
    font-weight: bold
}

.appsAdminSideMenu__menuIcon {
    color: #c2c8d2;
    position: absolute;
    right: 1rem;
    top: 1.8rem
}

.appsAdminBreadcrumbPC {
    align-items: center;
    color: #2e3242;
    display: flex;
    font-size: 12px;
    margin-bottom: 24px;
    width: 900px
}

.appsAdminBreadcrumbPC__child {
    display: flex;
    margin-left: 8px
}

.appsAdminBreadcrumbPC>.appsAdminBreadcrumbPC__child:first-child {
    margin-left: 0
}

.appsAdminBreadcrumbPC__icon {
    margin-left: 8px
}

.appsAdminBreadcrumbPC__link {
    color: #2e3242
}

.appsAdminBreadcrumbPC__link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.appsAdminBreadcrumbPC__innerList {
    display: flex
}

.appsAdminBreadcrumbSP__content {
    display: flex
}

.appsAdminBreadcrumbSP__child {
    margin-right: 8px
}

.appsAdminBreadcrumbSP__head[data-has-breadcrumb=false] {
    height: 0;
    margin: 0
}

.appsAdminLayout__sidebar {
    background-color: #fff;
    border-radius: 3px;
    left: auto;
    position: fixed;
    top: 150px;
    width: 232px
}

.appsAdminLayout__content {
    margin: 0 0 0 auto;
    width: 744px
}

.appsAdminLayout__feedbackLinkWrapper {
    margin-top: 40px
}

.appsAdminContainer__header {
    border-radius: 4px 4px 0 0
}

.appsAdminContainer__main {
    background: #fff;
    border-radius: 0 0 4px 4px
}

.appsAdminContainer__mainInner {
    padding: 32px
}

.appsAdminSupport__tab {
    display: flex;
    margin-top: -16px
}

.appsAdminSupport__tabButton {
    -webkit-appearance: none;
    appearance: none;
    background-color: #0000;
    border: none;
    color: #a0a7b4;
    flex: 1;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    margin: 0 16px;
    outline: none
}

.appsAdminSupport__tabButton--select {
    border-bottom: 2px solid #2e3242;
    color: #2e3242
}

.appsAdminSupport__usageSection {
    margin-bottom: 72px
}

.appsAdminSupport__usageTitle {
    margin-bottom: 16px
}

.appsAdminSupport__usageText {
    line-height: 1.6;
    margin-bottom: 32px
}

.appsAdminSupport__faqTitle {
    margin-bottom: 16px
}

.appsAdminSupport__faqBlock {
    border-top: 1px solid #f0f1f4
}

.appsAdminSupport__faqContentQuestion {
    border-bottom: 1px solid #f0f1f4;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    line-height: 1.4;
    padding: 16px 16px 16px 32px;
    position: relative
}

.appsAdminSupport__faqContentQuestion--icon {
    display: block;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 16px
}

.appsAdminSupport__faqContentQuestion--toggle {
    bottom: 0;
    color: #d9dee6;
    font-size: 16px;
    height: 16px;
    margin: auto 0;
    transition: .3s
}

.appsAdminSupport__faqContentAnswer {
    background: #f8f9fa;
    font-size: 12px;
    height: 0;
    line-height: 1.5;
    overflow: hidden;
    padding: 0 16px;
    transition: .3s
}

.appsAdminSupport__faqTrigger {
    display: none
}

.appsAdminSupport__faqTrigger:checked+.appsAdminSupport__faqContent .appsAdminSupport__faqContentQuestion {
    font-weight: bold
}

.appsAdminSupport__faqTrigger:checked+.appsAdminSupport__faqContent .appsAdminSupport__faqContentQuestion--toggle {
    transform: rotate(180deg)
}

.appsAdminSupport__faqTrigger:checked+.appsAdminSupport__faqContent .appsAdminSupport__faqContentAnswer {
    height: auto;
    padding: 16px;
    transition: .3s
}

.appsAdminSupport__disable {
    margin-top: 40px;
    text-align: center
}

.appsAdminDisable .c-box[data-type=warning] {
    margin-bottom: 2.4rem
}

.appsAdminDisable__text {
    line-height: 1.4;
    margin-bottom: 12px
}

.appsAdminDisable__form {
    margin-top: 32px
}

.appsAdminDisable__caution {
    margin-top: 16px
}

.appsAdminDisable__cautionList {
    line-height: 1.4;
    margin-bottom: 8px
}

.appsAdminDisable__cautionList .i-circle:before {
    color: #c2c8d2;
    padding-right: .4rem
}

.appsAdminDisable__submit {
    margin: 24px auto 0;
    width: 320px
}

.appsAdminDisable__submitText+div {
    display: none
}

.appsAdminDisable__submitText--submitted {
    display: none
}

.appsAdminDisable__submitText--submitted+div {
    display: block
}

.appsAdminDisable__password {
    margin-bottom: 12px
}

.appsAdminDisable .error-message {
    color: #f87e7e;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    margin: 5px auto
}

.appsAdminDisable .form-error {
    background-color: #fff4f4;
    border: 1px solid #f87e7e
}

.appsAdminDisable .form-error::placeholder {
    color: #f87e7e
}

.appsAdminDisable .form-error:focus {
    box-shadow: 0 0 2px 0 #f87e7e
}

body.theme-pc:not(.is-responsive) .appsAdminBreadcrumbSP {
    display: none
}

body.theme-pc:not(.is-responsive) .appsAdminSupport__tab {
    display: none
}

body.theme-pc:not(.is-responsive) .globalNav__unsupported~.root .appsAdminSideMenu {
    top: 182px
}

@media only screen and (min-width:900px) {
    body.is-responsive .appsAdminBreadcrumbSP {
        display: none
    }

    body.is-responsive .appsAdminSupport__tab {
        display: none
    }

    body.is-responsive .globalNav__unsupported~.root .appsAdminSideMenu {
        top: 182px
    }
}

@media only print {
    body.is-responsive .appsAdminBreadcrumbSP {
        display: none
    }

    body.is-responsive .appsAdminSupport__tab {
        display: none
    }

    body.is-responsive .globalNav__unsupported~.root .appsAdminSideMenu {
        top: 182px
    }
}

body.theme-sp:not(.is-responsive) .appsAdminSideMenu {
    display: none
}

body.theme-sp:not(.is-responsive) .appsAdminBreadcrumbPC {
    display: none
}

body.theme-sp:not(.is-responsive) .appsAdminLayout__content {
    width: 100%
}

body.theme-sp:not(.is-responsive) .appsAdminLayout__feedbackLinkWrapper {
    margin: 32px 16px 0
}

body.theme-sp:not(.is-responsive) .appsAdminContainer {
    box-shadow: 0 0 4px #3843590d
}

body.theme-sp:not(.is-responsive) .appsAdminContainer__header {
    display: none
}

body.theme-sp:not(.is-responsive) .appsAdminContainer__main {
    border-radius: 0;
    padding-bottom: 24px;
    padding-top: 24px
}

body.theme-sp:not(.is-responsive) .appsAdminContainer__mainInner {
    padding: 0 16px
}

body.theme-sp:not(.is-responsive) .appsAdminContainer__mainInner--list {
    padding: 0
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__section {
    display: none
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__section--select {
    display: block
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__usageSection {
    padding: 16px 0
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__faqSection {
    margin: 0 -16px -24px
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__faqTitle {
    margin-left: 16px
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__faqContentQuestion {
    margin-bottom: 0;
    padding: 16px 16px 16px 48px
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__faqContentQuestion--icon {
    left: 16px
}

body.theme-sp:not(.is-responsive) .appsAdminSupport__faqContentAnswer {
    margin: 0
}

body.theme-sp:not(.is-responsive) .appsAdminDisable__submit {
    margin: 2.4rem auto 0;
    width: 100%
}

@media only screen and (max-width:899px) {
    body.is-responsive .appsAdminSideMenu {
        display: none
    }

    body.is-responsive .appsAdminBreadcrumbPC {
        display: none
    }

    body.is-responsive .appsAdminLayout__content {
        width: 100%
    }

    body.is-responsive .appsAdminLayout__feedbackLinkWrapper {
        margin: 32px 16px 0
    }

    body.is-responsive .appsAdminContainer {
        box-shadow: 0 0 4px #3843590d
    }

    body.is-responsive .appsAdminContainer__header {
        display: none
    }

    body.is-responsive .appsAdminContainer__main {
        border-radius: 0;
        padding-bottom: 24px;
        padding-top: 24px
    }

    body.is-responsive .appsAdminContainer__mainInner {
        padding: 0 16px
    }

    body.is-responsive .appsAdminContainer__mainInner--list {
        padding: 0
    }

    body.is-responsive .appsAdminSupport__section {
        display: none
    }

    body.is-responsive .appsAdminSupport__section--select {
        display: block
    }

    body.is-responsive .appsAdminSupport__usageSection {
        padding: 16px 0
    }

    body.is-responsive .appsAdminSupport__faqSection {
        margin: 0 -16px -24px
    }

    body.is-responsive .appsAdminSupport__faqTitle {
        margin-left: 16px
    }

    body.is-responsive .appsAdminSupport__faqContentQuestion {
        margin-bottom: 0;
        padding: 16px 16px 16px 48px
    }

    body.is-responsive .appsAdminSupport__faqContentQuestion--icon {
        left: 16px
    }

    body.is-responsive .appsAdminSupport__faqContentAnswer {
        margin: 0
    }

    body.is-responsive .appsAdminDisable__submit {
        margin: 2.4rem auto 0;
        width: 100%
    }
}

body {
    background-color: #edeef1;
    color: #2e3242
}

div.root {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

div.root main {
    flex: 1 0 auto
}

main {
    margin: 0 auto
}

main>h1 {
    color: #444;
    font-size: 1.6em;
    font-weight: bold;
    margin: 32px
}

body.theme-pc:not(.is-responsive) main {
    width: 1000px
}

body.theme-pc:not(.is-responsive) main>h1 {
    text-align: left
}

@media only screen and (min-width:900px) {
    body.is-responsive main {
        width: 1000px
    }

    body.is-responsive main>h1 {
        text-align: left
    }
}

@media only print {
    body.is-responsive main {
        width: 1000px
    }

    body.is-responsive main>h1 {
        text-align: left
    }
}

@media screen and (max-width:999px) {
    body.theme-pc:not(.is-responsive).is-login-flow main {
        width: 100%
    }
}

@media only screen and (max-width:999px)and (min-width:900px) {
    body.is-responsive.is-login-flow main {
        width: 100%
    }
}

@media screen and (min-width:480px) {
    .is-login-flow div.root {
        justify-content: center
    }

    .is-login-flow main {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

body.theme-sp:not(.is-responsive) main {
    width: 100%
}

body.theme-sp:not(.is-responsive) main>h1 {
    text-align: center
}

@media only screen and (max-width:899px) {
    body.is-responsive main {
        width: 100%
    }

    body.is-responsive main>h1 {
        text-align: center
    }
}

.theme-sp:not(.is-responsive) main {
    background-color: #fff
}

.globalFooter {
    background: #2e3242;
    font-size: 14px;
    -webkit-font-smoothing: antialiased
}

.all.globalFooter {
    background: #2e3242;
    line-height: 1.6;
    padding: 60px 0;
    position: relative;
    text-align: center
}

.all.globalFooter .snsShare {
    height: 30px;
    left: 0;
    line-height: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50px
}

.all.globalFooter .snsShare__fb {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.all.globalFooter .snsShare__tw {
    display: inline-block;
    vertical-align: top
}

.all.globalFooter .snsFollow .snsFollowIcons {
    margin-top: 50px
}

.all.globalFooter .snsFollow .snsFollowIcons li {
    display: inline-block
}

.all.globalFooter .snsFollow .snsFollowIcons li:not(:last-child) {
    margin-right: 30px
}

.all.globalFooter .snsFollow .snsFollowIcons li a {
    color: #fff
}

.all.globalFooter .snsFollow .snsFollowIcons li a:hover {
    color: #fcfcfd
}

.all.globalFooter .snsFollow .snsFollowIcons li a>i {
    font-size: 32px
}

.all.globalFooter .footerMenuContainer {
    display: table;
    margin: 30px auto 50px;
    max-width: 320px
}

.all.globalFooter .footerMenuCol {
    display: table-cell;
    width: 50%
}

.all.globalFooter .footerMenus {
    margin-bottom: 0;
    text-align: left;
    vertical-align: top
}

.all.globalFooter .footerMenus__li {
    display: block;
    margin-bottom: 8px
}

.all.globalFooter .footerMenus__li a {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.all.globalFooter .copy {
    color: #fff;
    font-size: 12px;
    margin-top: 50px
}

.all.globalFooter .copy>i {
    font-size: 32px
}

.all.globalFooter .copy>p {
    text-align: center
}

.dashboard.globalFooter {
    margin-top: 48px;
    padding: 42px 0 36px;
    width: 100%
}

.dashboard.globalFooter .globalFooter__menu {
    display: table;
    font-size: 14px;
    margin: 0 auto 30px
}

.dashboard.globalFooter .globalFooter__menuItem {
    display: table-cell;
    padding: 0 12px;
    vertical-align: middle
}

.dashboard.globalFooter .globalFooter__menuItem a {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.dashboard.globalFooter .globalFooter__menuItem a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dashboard.globalFooter .copyright {
    display: table;
    font-size: 12px;
    margin: 0 auto
}

.dashboard.globalFooter .copyright__text {
    color: #fff
}

.dashboard.globalFooter .copyright__textMark {
    font-size: 10px;
    margin-right: 2px;
    vertical-align: text-top
}

.dashboard.globalFooter .copyright__text a {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.dashboard.globalFooter .copyright__text a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

body.theme-pc:not(.is-responsive) .all.globalFooter .footerMenuContainer {
    display: block;
    max-width: none
}

body.theme-pc:not(.is-responsive) .all.globalFooter .footerMenuCol {
    display: block;
    width: 100%
}

body.theme-pc:not(.is-responsive) .all.globalFooter .footerMenus {
    text-align: center
}

body.theme-pc:not(.is-responsive) .all.globalFooter .footerMenus__li {
    display: inline-block;
    margin: 0 10px 20px
}

body.theme-pc:not(.is-responsive) .dashboard.globalFooter .globalFooter__menu {
    display: table;
    font-size: 14px;
    margin: 0 auto 30px
}

body.theme-pc:not(.is-responsive) .dashboard.globalFooter .globalFooter__menuItem {
    display: table-cell;
    padding: 0 12px;
    vertical-align: middle
}

body.theme-pc:not(.is-responsive) .dashboard.globalFooter .globalFooter__menuItem a {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none
}

body.theme-pc:not(.is-responsive) .dashboard.globalFooter .globalFooter__menuItem a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media only screen and (min-width:900px) {
    body.is-responsive .all.globalFooter .footerMenuContainer {
        display: block;
        max-width: none
    }

    body.is-responsive .all.globalFooter .footerMenuCol {
        display: block;
        width: 100%
    }

    body.is-responsive .all.globalFooter .footerMenus {
        text-align: center
    }

    body.is-responsive .all.globalFooter .footerMenus__li {
        display: inline-block;
        margin: 0 10px 20px
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menu {
        display: table;
        font-size: 14px;
        margin: 0 auto 30px
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menuItem {
        display: table-cell;
        padding: 0 12px;
        vertical-align: middle
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menuItem a {
        color: #fff;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menuItem a:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

body.theme-sp:not(.is-responsive) .dashboard.globalFooter .globalFooter__menu {
    display: block;
    font-size: 14px;
    margin: 0 auto 30px;
    text-align: center
}

body.theme-sp:not(.is-responsive) .dashboard.globalFooter .globalFooter__menuItem {
    display: list-item;
    margin: 16px;
    padding: 0 12px;
    vertical-align: middle
}

body.theme-sp:not(.is-responsive) .dashboard.globalFooter .globalFooter__menuItem a {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none
}

body.theme-sp:not(.is-responsive) .dashboard.globalFooter .globalFooter__menuItem a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media only screen and (max-width:899px) {
    body.is-responsive .dashboard.globalFooter .globalFooter__menu {
        display: block;
        font-size: 14px;
        margin: 0 auto 30px;
        text-align: center
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menuItem {
        display: list-item;
        margin: 16px;
        padding: 0 12px;
        vertical-align: middle
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menuItem a {
        color: #fff;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    body.is-responsive .dashboard.globalFooter .globalFooter__menuItem a:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

.shopAdmin__layout__breadcrumb {
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0 0 12px
}

.shopAdmin__layout__breadcrumbItem {
    padding-left: 2px;
    padding-right: 2px
}

.shopAdmin__layout__breadcrumbItem:first-child {
    padding-left: 0
}

.shopAdmin__layout__breadcrumbIcon {
    font-size: 1rem;
    line-height: 1;
    margin-right: 2px
}

.shopAdmin__layout__breadcrumbLink {
    color: #2e3242
}

.shopAdmin__layout__breadcrumbLink:hover {
    color: #0fafaa
}

.shopAdmin__layout__container {
    background: #fff;
    border-radius: 2px;
    margin-top: 24px;
    padding: 40px
}

.shopAdmin__layout__containerTransparent {
    border-radius: 2px;
    margin-top: 24px
}

.shopAdmin__layout__containerHasSideMenu {
    margin-top: 0
}

.shopAdmin__layout__formBlock {
    display: flex;
    flex: 1 1 auto
}

.shopAdmin__layout__formBlock[data-direction=row] {
    align-items: center;
    flex-flow: row
}

.shopAdmin__layout__formBlock[data-direction=column] {
    flex-flow: column
}

.shopAdmin__layout__formBlockHead {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.shopAdmin__layout__formBlockHeadTitle {
    align-items: center;
    display: flex
}

.shopAdmin__layout__formBlockBody {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

.shopAdmin__layout__title {
    white-space: pre-wrap
}

.shopAdmin__layout__titleIcon {
    color: #c2c8d2;
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    margin: 0 0 0 4px
}

.shopAdmin__layout__section {
    background-color: #fff;
    border-radius: 2px
}

.shopAdmin__layout__section:not(:last-child) {
    margin-bottom: 16px
}

.shopAdmin__layout__section:last-child {
    margin-bottom: 0
}

.shopAdmin__layout__section__title {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 24px
}

.shopAdmin__layout__section[data-type=shopSetting] {
    border-radius: 0 0 2px 2px
}

.shopAdmin__layout__sectionTransparent {
    background-color: #0000;
    border-radius: 2px
}

.shopAdmin__layout__sectionTransparent:not(:last-child) {
    margin-bottom: 16px
}

.shopAdmin__layout__sectionTransparent:last-child {
    margin-bottom: 0
}

.shopAdmin__layout__sectionTransparent__title {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 24px
}

.shopAdmin__layout__sectionTransparent[data-type=shopSetting] {
    border-radius: 0 0 2px 2px
}

body.theme-pc:not(.is-responsive) .shopAdmin__layout__formBlock[data-direction=row] .shopAdmin__layout__formBlockHead {
    width: 280px
}

body.theme-pc:not(.is-responsive) .shopAdmin__layout__formBlockformBlockBody[data-type=shopSetting] {
    width: 75%
}

body.theme-pc:not(.is-responsive) .shopAdmin__layout__section {
    padding: 32px
}

@media only screen and (min-width:900px) {
    body.is-responsive .shopAdmin__layout__formBlock[data-direction=row] .shopAdmin__layout__formBlockHead {
        width: 280px
    }

    body.is-responsive .shopAdmin__layout__formBlockformBlockBody[data-type=shopSetting] {
        width: 75%
    }

    body.is-responsive .shopAdmin__layout__section {
        padding: 32px
    }
}

@media only print {
    body.is-responsive .shopAdmin__layout__formBlock[data-direction=row] .shopAdmin__layout__formBlockHead {
        width: 280px
    }

    body.is-responsive .shopAdmin__layout__formBlockformBlockBody[data-type=shopSetting] {
        width: 75%
    }

    body.is-responsive .shopAdmin__layout__section {
        padding: 32px
    }
}

body.theme-sp:not(.is-responsive) .shopAdmin__layout__container {
    margin-top: 0;
    padding: 0
}

body.theme-sp:not(.is-responsive) .shopAdmin__layout__containerTransparent {
    margin-top: 0
}

body.theme-sp:not(.is-responsive) .shopAdmin__layout__formBlock {
    align-items: unset;
    flex-direction: column;
    flex-wrap: wrap
}

body.theme-sp:not(.is-responsive) .shopAdmin__layout__section {
    border-radius: 0;
    box-shadow: 0 0 4px 0 #3843590d;
    padding: 24px 16px
}

body.theme-sp:not(.is-responsive) .shopAdmin__layout__sectionTransparent {
    box-shadow: 0 0 4px 0 #0000
}

@media only screen and (max-width:899px) {
    body.is-responsive .shopAdmin__layout__container {
        margin-top: 0;
        padding: 0
    }

    body.is-responsive .shopAdmin__layout__containerTransparent {
        margin-top: 0
    }

    body.is-responsive .shopAdmin__layout__formBlock {
        align-items: unset;
        flex-direction: column;
        flex-wrap: wrap
    }

    body.is-responsive .shopAdmin__layout__section {
        border-radius: 0;
        box-shadow: 0 0 4px 0 #3843590d;
        padding: 24px 16px
    }

    body.is-responsive .shopAdmin__layout__sectionTransparent {
        box-shadow: 0 0 4px 0 #0000
    }
}

.owners-feedback-wrapper {
    display: flex;
    justify-content: center
}

.owners-feedback {
    border: 1px solid #c2c8d2 !important;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.owners-feedback__link {
    color: #2e3242;
    font-size: 1.4rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.owners-feedback__link:hover {
    cursor: pointer
}

.owners-feedback__icon.i-feedback {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-right: 4px;
    width: 16px
}

.owners-feedback__txt {
    display: inline !important
}

shopadmin-owners-feedback.default {
    display: block
}

body.theme-sp:not(.is-responsive) shopadmin-owners-feedback.default {
    margin: 32px 16px -67px
}

@media only screen and (max-width:899px) {
    body.is-responsive shopadmin-owners-feedback.default {
        margin: 32px 16px -67px
    }
}

body.theme-pc:not(.is-responsive) shopadmin-owners-feedback.default {
    margin: 40px auto -19px
}

@media only screen and (min-width:900px) {
    body.is-responsive shopadmin-owners-feedback.default {
        margin: 40px auto -19px
    }
}

@media only print {
    body.is-responsive shopadmin-owners-feedback.default {
        margin: 40px auto -19px
    }
}

body.theme-pc:not(.is-responsive) .adminPageTitle__sp {
    display: none
}

@media only screen and (min-width:900px) {
    body.is-responsive .adminPageTitle__sp {
        display: none
    }
}

body.theme-sp:not(.is-responsive) .adminPageTitle__pc {
    display: none
}

@media only screen and (max-width:899px) {
    body.is-responsive .adminPageTitle__pc {
        display: none
    }
}

body {
    -webkit-font-smoothing: antialiased
}