@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url(/account/static/media/MaterialIcons-Regular.f20305dee9d396fea5c7.ttf) format("truetype")
}

@font-face {
    font-family: Material Symbols Outlined;
    font-style: normal;
    font-weight: 400;
    src: url(/account/static/media/materialSymbolOutlined.82dadd22def10553226c.woff2) format("woff2")
}


.affiliate {
    height: 100%;
    letter-spacing: 0
}

.affiliate .affiliate__mv {
    background: url(../img/mv-bg-sp.png) no-repeat center top #8cddf1;
    background-size: cover;
    padding: 20px 0;
}
.affiliate .affiliate__mv img {
    margin: 0 auto;
    max-width: 1134px;
    width: 89.7%;
}

.affiliate .affiliate__block {
    align-content: center;
    display: flex;
    justify-content: center;
    padding: 36px 30px;
    width: 100%
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__mv {
        background-image: url(../img/mv-bg.png);
        padding: 80px 0 100px;
    }
    .affiliate .affiliate__mv img {
        width: 60%;
    }
    .affiliate .affiliate__block {
        max-width:1200px;
        padding: 97px 16px;
        width: 100%
    }
}

.affiliate .affiliate__block.--img {
    padding: 0
}

.affiliate .affiliate__referral {
    margin: 0 auto;
    max-width:1194px;
    padding: 45px 30px
}
.affiliate .affiliate__mypage {
    margin: 0 auto;
    max-width:711px;
    padding: 0 30px;
    text-align: center
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__referral {
        padding:134px 16px 100px
    }
    .affiliate .affiliate__mypage {
        padding:0 16px 100px
}
}

.affiliate .affiliate__referral img {
    width: 100%
}
.affiliate .affiliate__mypage img {
    margin: 0 auto;
    width: 77%
}

.affiliate .--list-item .--list-header {
    align-items: center;
    display: flex;
    font-size: 12.3px;
    justify-content: center;
    padding: 5px
}

@media screen and (min-width: 980px) {
    .affiliate .--list-item .--list-header {
        font-size:28.5px;
        padding: 12px
    }
}

.affiliate .--list-item .--list-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%
}

.affiliate .affiliate__introduction {
    align-content: center;
    background-image: url(/account/static/media/sp-mv-bg.dd92ecf24a7dc6513e58.svg);
    background-size: cover;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction {
        background-image:url(/account/static/media/pc-mv-bg.807143b69c3e96f0c3d5.svg)
    }
}

.affiliate .affiliate__introduction .affiliate__introduction--list {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    width: 100%
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .affiliate__introduction--list {
        flex-direction:row;
        gap: 30px;
        grid-template-columns: 1fr 1fr
    }
}

.affiliate .affiliate__introduction .affiliate__introduction--list .--list-item {
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%
}

.affiliate .affiliate__introduction .affiliate__introduction--list .--list-item .--list-header {
    background-color: #002890;
    color: #ffff2c
}

.affiliate .affiliate__introduction .affiliate__introduction--list .--list-item .--list-body {
    background-color: #fff;
    padding: 16px 20px
}

.affiliate .affiliate__introduction .affiliate__introduction--list .--list-item .--list-body: has(.btn) {
    gap:16px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .affiliate__introduction--list .--list-item .--list-body:has(.btn) {
        gap:45px;
        padding: 45px 57px 24px
    }
}

.affiliate .affiliate__introduction .affiliate__introduction--list .--list-item .--list-body: has(.icon__sns--list) {
    gap:20px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .affiliate__introduction--list .--list-item .--list-body:has(.icon__sns--list) {
        gap:32px
    }
}

.affiliate .affiliate__introduction .affiliate__link--block {
    align-items: center;
    background-color: #e6e6e6;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 25px;
    padding: 8px;
    text-align: center;
    width: 100%;
    word-break: break-all
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .affiliate__link--block {
        font-size:16px
    }
}

.affiliate .affiliate__introduction .btn {
    font-size: 8.5px;
    font-weight: 400;
    gap: 4px;
    height: 24px;
    min-height: unset;
    padding: 0 12px;
    width: max-content
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .btn {
        font-size:20px;
        gap: 8px;
        height: 52px;
        padding: 0 30px
    }
}

.affiliate .affiliate__introduction .btn.--rounded {
    border-radius: 12px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .btn.--rounded {
        border-radius:26px
    }
}

.affiliate .affiliate__introduction .btn.--primary {
    background-color: #00abeb;
    color: #fff
}

.affiliate .affiliate__introduction .btn.--primary: hover {
    opacity:.6
}

.affiliate .affiliate__introduction .btn.--copied {
    background-color: #06a600;
    color: #fff
}

.affiliate .affiliate__introduction .btn .btn__icon {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center
}

.affiliate .affiliate__introduction .btn .btn__icon.--copy {
    background-image: url(/account/static/media/icon-copy.d6a95f4ce14a67d03906.svg);
    height: 12px;
    width: 12px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .btn .btn__icon.--copy {
        height:28px;
        width: 28px
    }
}

.affiliate .affiliate__introduction .icon__sns--list {
    align-items: center;
    display: flex;
    gap: 36px;
    justify-content: space-between
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .icon__sns--list {
        padding:0 60px
    }
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .icon__sns--list .icon__sns {
        height:95px;
        width: 95px
    }
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns.--x {
    background-image: url(/account/static/media/icon-x.97e53d2e134c92621768.svg)
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns.--x: hover {
    transform:scale(1.2);
    transition: .3s
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns.--fb {
    background-image: url(/account/static/media/icon-fb.a809852d940604a32f7e.svg)
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns.--fb: hover {
    transform:scale(1.1);
    transition: .3s
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns.--line {
    background-image: url(/account/static/media/icon-line.8d27919ba9eedbf4faa8.svg)
}

.affiliate .affiliate__introduction .icon__sns--list .icon__sns.--line: hover {
    transform:scale(1.2);
    transition: .3s
}

.affiliate .affiliate__introduction .icon__text--block.--has-icon .--icon-text {
    align-items: center;
    color: #002890;
    display: flex;
    font-size: 8.5px;
    gap: 5px
}

.affiliate .affiliate__introduction .icon__text--block.--has-icon .--icon-text.--pc {
    display: none
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__introduction .icon__text--block.--has-icon .--icon-text {
        font-size:22px;
        gap: 12px
    }

    .affiliate .affiliate__introduction .icon__text--block.--has-icon .--icon-text.--pc {
        display: flex
    }

    .affiliate .affiliate__introduction .icon__text--block.--has-icon .--icon-text.--sp {
        display: none
    }
}

.affiliate .affiliate__introduction .icon__text--block.--has-icon .icon__other {
    background-image: url(/account/static/media/icon-other.2707284c485e1aee5530.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 9px;
    width: 6px
}

.affiliate .affiliate__introduction .icon__text--block.--has-icon .icon__cursor {
    background-image: url(/account/static/media/icon-cursor.08f46a0bb3d3bc7e65d8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 19px
}

.affiliate .affiliate__description {
    display: flex;
    justify-content: center
}

.affiliate .affiliate__description .affiliate__block {
    padding: 45px 30px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__block {
        padding:40px 0
    }
}

.affiliate .affiliate__description .affiliate__description--list {
    display: grid;
    gap: 22px;
    width: 100%
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-header {
    background-color: #0071bc;
    color: #fff
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-header {
        font-size:26px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body {
    background-color: #f2f2f2;
    padding: 15px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body {
        padding:45px 20px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body: has(.--sub) {
    gap:8px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body:has(.--sub) {
        gap:30px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .term__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .term__list {
        flex-direction:row;
        gap: 8px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .term__list .--list-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .term__list .--list-item {
        flex-direction:row;
        gap: 16px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .term__list .--list-item: last-of-type:before {
    align-items:center;
    background-image: url(/account/static/media/icon-arrow.e7b3e3a5f95da54b3a97.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: flex;
    height: 12px;
    width: 14px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .term__list .--list-item:last-of-type:before {
        height:21px;
        margin-top: 4px;
        transform: rotate(-90deg);
        width: 17px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text.--primary {
    color: #002890;
    font-size: 19.5px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text.--primary {
        font-size:36px
    }


    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text.--primary.title {
        width: 80%
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text.--primary.title span {
    display: inline-block
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text.--sub {
    color: #000;
    font-size: 8px;
    line-height: 1.5
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text.--sub {
        font-size:17px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .icon__arrow {
    background-image: url(/account/static/media/icon-arrow.e7b3e3a5f95da54b3a97.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    width: 14px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .icon__arrow {
        height:17px;
        transform: rotateX(90deg);
        width: 21px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text-list {
    padding: 0
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text-list.--number {
    display: flex;
    flex-direction: column;
    font-size: 8px;
    gap: 4px;
    text-align: left
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text-list.--number {
        font-size:15px;
        max-width: 840px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text-list.--number .--list-item {
    padding-left: 9px;
    text-indent: -9px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .description__text-list.--number .--list-item {
        padding-left:16px;
        text-indent: -16px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .attention__message--list {
    font-size: 8px;
    padding-left: 8px;
    text-align: left
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .attention__message--list {
        font-size:16px;
        padding-left: 16px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .attention__message--list .--list-item {
    line-height: normal;
    padding-left: 9px;
    text-indent: -9px
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .attention__message--list .--list-item+.--list-item {
    margin-top: 0
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .attention__message--list .--list-item {
        padding-left:16px;
        text-indent: -16px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .affiliate__table--block {
    display: grid;
    gap: 10px;
    width: 100%
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .affiliate__table--block {
        max-width:886px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description {
    border-collapse: initial;
    border-left: 1px solid #003e96;
    border-radius: 8px;
    border-spacing: 0;
    border-top: 1px solid #003e96;
    font-size: 8px;
    width: 100%
}
.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description thead th:first-child {
    border-radius: 8px 0 0 0 
}
.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description thead th:last-child {
    border-radius: 0 8px 0 0 
}
.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description tbody tr:last-child td:first-child {
    border-radius: 0 0 0 8px
}
.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description tbody tr:first-child td:last-child {
    border-radius: 0 0 8px 0
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description {
        font-size:23px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description thead th {
    background-color: #e3f4ff;
    border-bottom: 1px solid #003e96;
    border-right: 1px solid #003e96;
    color: #003b8a;
    font-weight: 400
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description thead th: first-of-type {
    border-radius:6px 0 0 0
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description thead th: last-of-type {
    border-radius:0 6px 0 0
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description td,.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description th {
    padding: 4px
}

@media screen and (min-width: 980px) {
    .affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description td,.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description th {
        padding:10px
    }
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description td.--date,.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description th.--date {
    width: 30%
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description td.--conditions,.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description th.--conditions {
    width: 40%
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description tbody tr: first-of-type td:last-of-type {
    border-radius:0 0 6px 0
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description tbody tr: last-of-type td:first-of-type {
    border-radius:0 0 0 6px
}

.affiliate .affiliate__description .affiliate__description--list .--list-item .--list-body .table__description tbody td {
    background-color: #fff;
    border-bottom: 1px solid #003e96;
    border-right: 1px solid #003e96;
    color: #000
}




.align-right {
    margin-left: auto
}

.flex__row {
    align-items: center;
    display: flex
}




.--minus {
    color: #3285ea
}

.--bold {
    font-weight: 700
}

.--emphasis {
    color: red
}

.--align-center {
    justify-content: center;
    text-align: center
}

.--align-right {
    justify-content: flex-end;
    margin-left: auto;
    text-align: right
}

@media screen and (min-width: 980px) {
    .--pc-align-center {
        justify-content:center;
        text-align: center
    }
}

.--cursor {
    cursor: pointer;
    transition: opacity .2s ease-in-out
}

.--cursor: hover {
    opacity:.7
}

.unit {
    font-size: 1.4rem;
    font-weight: 400;
    margin-left: .2rem
}

.text__m {
    font-size: 1.8rem
}

.text__lg {
    font-size: 3.4rem
}

.text__contents {
    margin-bottom: 1.6rem;
    margin-top: auto
}

.text__contents.--justify {
    text-align: center
}

.text__contents .text__block--primary.--large {
    color: #333;
    font-size: 2.4rem
}

.text__contents .text__block--primary+.text__block--secondary {
    margin-top: 1.6rem
}

.text__contents .text__block--secondary {
    color: #3339;
    font-size: 1.4rem
}

.text__contents+.btn__col {
    margin-top: auto
}




.attention__message--block {
    font-size: 1.4rem;
    padding: 1.2rem
}

.attention__message--block.--hide {
    display: none
}

.attention__message--block.--show {
    display: block
}

.attention__message--block+.attention__message--block {
    margin-top: 1.6rem
}

.attention__message--block .attention__message--title {
    font-weight: 700;
    margin-bottom: .8rem
}

.attention__message--list {
    line-height: 2.8rem
}

.attention__message--list>li {
    padding-left: 1.6rem;
    position: relative
}

.attention__message--list>li+li {
    margin-top: .4rem
}

.attention__message--list>li:before {
    content: "※";
    display: inline-flex;
    left: 0;
    margin-right: .4rem;
    position: absolute
}

.attention__message--list.--dot li: before {
    content:"・"
}

.attention__message--list.--dark {
    color: #333
}

.attention__message--list .table__listview {
    margin-bottom: 1.2rem
}

.link__primary {
    color: #ff6b00;
    cursor: pointer;
    display: inline-flex;
    text-decoration: underline
}

.link__primary:hover {
    opacity: .7
}

.link__primary.--inline {
    display: unset
}

.link__primary.--inline .icon__link {
    display: inline-flex;
    position: relative;
    top: .17rem
}

.link__text {
    align-items: flex-start;
    color: #ff6b00;
    cursor: pointer;
    display: inline-flex;
    line-height: 2.8rem;
    transition: color .2s ease-in-out
}

.link__text:hover {
    opacity: .7
}

.link__text .--link-icon {
    margin-right: .8rem;
    margin-top: .5rem
}

.link__text .--link-label {
    text-decoration: underline
}

.link__text .--pdf {
    margin-right: .4rem
}

.link__text .material-icons {
    font-size: 1.8rem;
    margin-right: .8rem
}

@media screen and (min-width: 768px) {
    .link__text .material-icons {
        align-items:center;
        display: flex
    }
}

.link__text .icon-link {
    margin-right: 0
}

.link__text .icon-link.--after {
    margin-left: .4rem
}

.link__text.--secondary {
    color: #3339
}

.link__text.--secondary: after {
    background-color:#3339
}

.link__text.--inline {
    display: unset
}

.link__text.--inline .icon__link {
    display: inline-flex;
    position: relative;
    top: .17rem
}

.mt-2 {
    margin-top: 1.6rem
}

.pages__section--block-title {
    align-items: center;
    background-color: #f1f1f1;
    border-left: 2px solid #ff6b00;
    font-size: 1.4rem;
    line-height: 2.8rem;
    min-height: 3.6rem;
    padding: .4rem 1.2rem
}

@media screen and (min-width: 980px) {
    .pages__section--block-title br {
        display:none
    }
}

.pages__section--block-title+.pages__section--block-img {
    margin-top: 3.2rem
}

.description__note--block {
    font-size: 1.4rem;
    line-height: 2.8rem
}

.description__note--block.--upload {
    padding: 3.2rem .8rem
}

@media screen and (min-width: 980px) {
    .description__note--block.--upload {
        padding:0 1.6rem 3.2rem
    }
}

.description__note--block.--upload .filter__block .btn__row {
    margin-top: 0
}

.error__list {
    display: grid;
    gap: .8rem
}

.error__list .error__list--item {
    align-items: flex-start;
    color: red;
    display: inline-flex;
    line-height: 2rem
}

.error__list+.btn__row {
    margin-top: 3.5rem
}

.title__step {
    align-items: center;
    border: 2px solid #ff6b00;
    color: #ff6b00;
    display: inline-flex;
    height: 2.6rem;
    justify-content: center;
    margin-right: .8rem;
    padding: 0 .8rem
}

.tab__header {
    border-bottom: 1px solid #ff6b00;
    display: grid;
    gap: .4rem;
    grid-auto-rows: 3.5rem;
    grid-template-columns: repeat(auto-fill,minmax(auto,15rem));
    padding: 0 1rem
}

.tab__header .tab__btn {
    align-items: center;
    background-color: #ebebeb;
    border-radius: 1rem 1rem 0 0;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .--payment .tab__header .tab__btn {
        max-width:15rem
    }
}

.tab__header .tab__btn.--active {
    background-color: #ff6b00;
    color: #fff
}

.tab__header .tab__btn.--active .tab__btn--label {
    cursor: default
}

.tab__header .tab__btn .tab__btn--label {
    line-height: 1.2;
    position: relative;
    text-align: center
}

.tab__header .tab__btn .tab__btn--label.--notification: before {
    background-color:red;
    border-radius: 100%;
    content: "";
    height: .6rem;
    position: absolute;
    right: -.6rem;
    top: -.3rem;
    width: .6rem
}

.tab__header .tab__btn .tab__btn--label-secondary {
    font-size: 1.4rem;
    line-height: 1.1;
    opacity: .8
}

.tab__header .tab__btn .icon-error {
    font-size: 2.4rem
}

@media screen and (min-width: 980px) {
    .tab__body {
        padding:0
    }
}

.tab__body>.filter__row {
    margin-bottom: 2rem
}

.tab__body .tab__contents>.filter__block {
    margin-bottom: 2.4rem
}

.tab__body .tab__contents>.filter__block .filter__note-primary {
    margin: 0
}

.modal {
    height: 100%;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .15s linear;
    width: 100%;
    z-index: 9999
}

.modal,.modal__backdrop {
    left: 0;
    position: fixed;
    top: 0
}

.modal__backdrop {
    background-color: #00000080;
    height: 100vh;
    width: 100vw;
    z-index: 1040
}

.modal__dialog {
    align-items: center;
    display: flex;
    height: calc(100% - 1rem);
    margin: .4rem;
    min-height: calc(100% - 1rem);
    padding-top: 8rem;
    pointer-events: none;
    position: relative;
    transition: transform .3s ease-out;
    width: auto
}

@media screen and (min-width: 768px) {
    .modal__dialog {
        height:calc(100% - 3.5rem);
        margin: 1.75rem auto;
        max-width: 80%;
        min-height: unset;
        padding-top: 9rem
    }

    .modal__dialog .filter__block.filter__block--note {
        width: 100%
    }

    .modal__dialog .filter__block .filter__note-primary {
        line-height: 2.4rem;
        margin-top: 0
    }
}

.modal__dialog .filter__list.--column .filter__cell .filter__box {
    max-width: 30rem
}

.modal__dialog .filter__list+.btn__row {
    justify-content: center
}

@media screen and (min-width: 768px) {
    .modal__dialog .filter__list+.btn__row {
        margin-left:5rem
    }
}

.modal__content {
    background-clip: padding-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    outline: 0;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    width: 100%;
    z-index: 1070
}

.modal-withdrawal-password .modal__content,.modal__content {
    margin: 0 auto;
    max-width: calc(100% - 3.2rem)
}

@media screen and (min-width: 980px) {
    .modal-withdrawal-password .modal__content {
        max-width:74.8rem
    }
}

.modal-mypage-password .modal__content {
    margin: 0 auto;
    max-width: calc(100% - 3.2rem)
}

@media screen and (min-width: 980px) {
    .modal-mypage-password .modal__content {
        max-width:74.8rem
    }
}

.modal-notification .modal__content {
    margin: 0 auto;
    max-width: 50rem
}

.modal-donation .modal__content {
    margin: 0 auto;
    max-width: 64rem
}

.modal-bank .modal__content {
    margin: 0 auto;
    max-width: 50rem
}

@media screen and (min-width: 980px) {
    .modal-bank .modal__content {
        max-width:75rem
    }
}

.modal-bank .modal__content .btn__row {
    margin-top: 3.2rem
}

@media screen and (min-width: 980px) {
    .modal-payment .modal__content {
        max-width:82rem;
        min-width: 82rem;
        width: 82rem
    }

    .modal-edit .modal__content {
        max-width: 83rem;
        min-width: 83rem;
        width: 83rem
    }

    .modal-campaign .modal__content,.modal-information .modal__content {
        max-width: 80rem;
        min-width: 80rem;
        width: 80rem
    }

    .modal-kyc .modal__content {
        max-width: 87rem;
        min-width: 87rem;
        width: 87rem
    }
}

.modal__header {
    align-items: center;
    background-color: #f1f1f1;
    display: flex;
    height: 6rem;
    min-height: 6rem
}

.modal__header .modal__header--logo {
    align-items: center;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    margin-left: 1.6rem;
    margin-right: .8rem;
    width: 14.7rem
}

.modal__header .modal__header--logo img {
    width: 100%
}

.modal__header .modal__header--title {
    font-size: 1.8rem;
    font-weight: 700
}

.modal__header .modal__header--date {
    align-items: center;
    display: flex;
    margin-left: .8rem
}

.modal__header .modal__header--date:before {
    align-items: center;
    background-color: #ccc;
    content: "";
    display: flex;
    height: 1.6rem;
    margin-right: .8rem;
    width: 1px
}

.modal__header .icon__close {
    background-size: 1.8rem 1.8rem;
    cursor: pointer;
    height: 6rem;
    margin-left: auto;
    width: 6rem
}

.modal__body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 2rem;
    position: relative
}

@media screen and (min-width: 980px) {
    .modal__body {
        padding:4rem
    }

    .modal__body .btn__row.--column {
        padding-left: 0
    }
}

.modal__body .link__text {
    align-items: flex-end;
    line-height: 1.8rem;
    margin-top: .4rem;
    white-space: normal
}

@media screen and (min-width: 980px) {
    .modal__body .link__text {
        margin-top:0
    }
}

.modal__body .info--block {
    margin-bottom: 1.6rem
}

.modal__body .info--block .info--title {
    color: #ff6b00;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem
}

.modal__body .table__listview {
    margin: 2rem 0
}

.modal__body .modal__btn--row {
    margin-top: 4rem
}

.modal__body .modal__btn--row .--nest-row {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .modal__body .modal__btn--row .--nest-row {
        grid-template-columns:30rem 15rem
    }
}

.modal__body .modal__btn--row .--nest-row+.btn__row--note {
    margin-top: 1.6rem
}

.modal__body .modal__btn--row .--nest-row .btn {
    margin: 0 auto;
    max-width: 30rem
}

.modal__body .modal__btn--row .link__block {
    margin-top: 3rem
}

.modal__body .modal__btn--row+.attention__message--block {
    margin-top: 2rem
}

.modal__body--contents {
    line-height: 2.8rem
}

.modal__body--contents .modal__contents--block+.modal__contents--block {
    margin-top: 3.2rem
}

.modal__body--contents .btn__col .btn+.note__secondary {
    margin-top: .8rem
}

.modal__body--contents .btn__col+.attention__message--block {
    margin-top: 1.6rem
}

.modal__note--block.--solid {
    background-color: #f6f6f6;
    line-height: 2.2rem;
    padding: 2.4rem 2rem
}

.modal__note--block.--primary {
    color: #ff6b00
}

.modal__note--block.--floating {
    border: 1px solid #d6d6d6;
    border-radius: 1rem;
    box-shadow: 0 -1px 4px 0 #193b4d33,0 25px 20px -20px #193b4d66;
    padding: 1.6rem .8rem
}

.modal__note--block+.modal__note {
    margin-top: 1.6rem
}

.modal__note--block+.btn__col {
    margin-top: 4rem
}

.modal__body--title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.4rem;
    margin-bottom: 4.8rem
}

.modal__note {
    font-size: 1.4rem
}

.modal__note .--primary {
    color: #000;
    line-height: 2.8rem
}

.modal__note .--secondary {
    color: #777;
    line-height: 2.2rem
}

.modal__note+.table__listview {
    margin-bottom: .8rem;
    margin-top: .8rem
}

.modal__completion--block {
    align-items: center;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center
}

@media screen and (min-width: 980px) {
    .modal__completion--block {
        flex-direction:row;
        padding: 2rem
    }
}

.modal__completion--block.--column {
    flex-direction: column
}

.modal__completion--block .icon__success {
    margin-bottom: 2rem
}

@media screen and (min-width: 980px) {
    .modal__completion--block .icon__success {
        margin-bottom:0;
        margin-right: 2rem
    }
}

.modal__completion--block .--completion-title {
    color: #ff6b00;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.4rem
}

.modal__completion--block .--completion-title+.--result-note {
    margin-top: 1.2rem
}

@media screen and (min-width: 980px) {
    .modal__completion--block .--result-description {
        text-align:left
    }
}

.modal__completion--block+.btn__row {
    margin-top: 4rem
}

.modal__completion--block+.btn__row .btn {
    max-width: 30rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .modal__completion--block+.btn__row .btn {
        width:30rem
    }
}

.modal-information .info--block {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 2rem 3.2rem
}

.--payment .modal-payment .filter__title--block {
    background-color: #f1f1f1;
    border-left: 2px solid #ff6b00;
    font-weight: 700;
    margin-bottom: 1.2rem;
    padding: .8rem 1.2rem
}

@media screen and (min-width: 980px) {
    .--payment .modal-payment .--listview-header {
        background-color:#f1f1f1
    }
}

.--payment .modal-payment .--listview-item.--edit-item .label--cell {
    background-color: #ffe1cc;
    border-left: 0;
    height: 3.5rem;
    justify-content: center;
    text-align: center
}

@media screen and (min-width: 980px) {
    .--payment .modal-payment .--listview-item.--edit-item .label--cell {
        height:unset
    }
}

.--payment .modal-payment .--listview-item .value--cell,.--payment .modal-payment .--listview-item .value--cell.--after {
    border-left: 0
}

@media screen and (min-width: 980px) {
    .--payment .modal-payment .btn__row {
        padding-left:unset
    }

    .modal-change-solicitation .table__listview.--check-less .--listview-item.--listview-header {
        grid-template-columns: 19rem 1fr 1fr
    }

    .modal-change-solicitation .table__listview.--check-less .--edit-item,.modal-change-solicitation .table__listview.--check-less .--edit-item .edit--cell {
        grid-template-columns: 1fr
    }

    .modal-change-solicitation .table__listview.--check-less .--edit-item .edit--cell .--list-item {
        grid-template-columns: 19rem 1fr 1fr
    }
}

.filter__title--block {
    background-color: #f1f1f1;
    border-left: 2px solid #ff6b00;
    font-weight: 700;
    margin-bottom: 1.2rem;
    padding: .8rem 1.2rem
}

@media screen and (min-width: 980px) {
    .modal-password-edit .--solid-listview .--list-item {
        grid-template-columns:20rem 1fr
    }
}

.modal-password-edit .--solid-listview .filter--cell {
    display: grid;
    gap: 2rem
}

.modal-bank .filter__block+.filter__block {
    margin-top: 5rem
}

.modal-bank .filter__title--block {
    align-items: center;
    display: flex;
    margin-bottom: 2rem;
    min-height: 3.5rem
}

.modal-bank .filter__radio--column {
    grid-template-columns: repeat(auto-fit,minmax(150px,max-content))
}

.modal-bank .note__primary {
    margin-bottom: 0
}

.modal-bank .table__listview.--bank-confirm .label--cell {
    align-items: center;
    background-color: #ffe1cc;
    color: #333;
    display: flex;
    font-size: 1.4rem;
    margin-bottom: 0;
    padding: .4rem 2rem
}

.modal-bank .table__listview.--bank-confirm .edit--cell {
    border: 0
}

@media screen and (min-width: 980px) {
    .modal-bank .table__listview.--bank-confirm .edit--cell .--edit-list .--list-item {
        grid-template-columns:1fr
    }
}

.modal-bank .table__listview.--bank-confirm .edit--cell .--edit-list .--list-item .--value-cell {
    padding: .4rem 2rem
}

@media screen and (min-width: 980px) {
    .modal-bank .table__listview.--bank-confirm .edit--cell .--edit-list .--list-item .--value-cell {
        padding:.4rem 2rem
    }
}

.modal-bank .table__listview.--bank-confirm .--edit-item {
    border: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .modal-bank .table__listview.--bank-confirm .--edit-item {
        border:0;
        grid-template-columns: 20rem 1fr
    }

    .modal-bank .table__listview.--bank-confirm .--edit-item+.--edit-item {
        border-top: 1px solid #d6d6d6
    }
}

.modal-bank .table__listview+.filter__title--block {
    margin-top: 6rem
}

.icon-complete {
    color: #71c841;
    font-size: 6rem
}

.icon-error {
    color: red;
    font-size: 6rem
}

.icon-password {
    color: #ff6b00;
    font-size: 6rem
}

.icon__before {
    margin-right: .4rem
}

.icon__after {
    margin-left: .4rem
}

.icon__block {
    margin: 0 auto
}

.icon__success {
    background-image: url(/account/static/media/icon-success.21346cd169dd601948d5.svg)
}

.icon__failed,.icon__success {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 10rem;
    justify-content: center;
    min-width: 10rem;
    width: 10rem
}

.icon__failed {
    background-image: url(/account/static/media/icon-failed.5f365e87ccc4748f56f1.svg)
}

.icon__error {
    background-image: url(/account/static/media/icon-error.5f365e87ccc4748f56f1.svg);
    display: flex;
    height: 10rem;
    justify-content: center;
    min-width: 10rem;
    width: 10rem
}

.icon__error,.icon__error--s {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.icon__error--s {
    background-image: url(/account/static/media/icon-error-s.16cac33288e69c2660c3.svg);
    display: inline-flex;
    height: 2rem;
    margin-right: .8rem;
    min-width: 2rem;
    width: 2rem
}

.icon__lock {
    background-image: url(/account/static/media/icon-lock.ff9541c52661a3603b24.svg);
    height: 10rem;
    min-width: 10rem;
    width: 10rem
}

.icon__close,.icon__lock {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center
}

.icon__close {
    background-image: url(/account/static/media/icon-close.d839934d37e3ba91f8fc.svg);
    height: 1.85rem;
    min-width: 1.85rem;
    transition: opacity .2s ease-in-out;
    width: 1.85rem
}

.icon__close:hover {
    opacity: .7
}

.icon__edit {
    background-image: url(/account/static/media/icon-edit.8d875af8c03de97283c5.svg);
    height: 1.8rem
}

.icon__edit,.icon__search {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    min-width: 1.8rem;
    width: 1.8rem
}

.icon__search {
    background-image: url(/account/static/media/icon-search.e11899744551efeefa4f.svg);
    height: 1.9rem;
    margin-right: .8rem
}

.icon__link {
    align-items: center;
    background-image: url(/account/static/media/icon-link.abde37169a286d79a4cd.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 1.3rem;
    justify-content: center;
    margin: 0 .4rem;
    min-width: 1.3rem;
    width: 1.3rem
}

.icon__lock-s {
    background-image: url(/account/static/media/icon-lock-s.fc71985c33eef81d2862.svg)
}

.icon__lock-s,.icon__password {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 1.8rem;
    justify-content: center;
    min-width: 1.8rem;
    width: 1.8rem
}

.icon__password {
    background-image: url(/account/static/media/icon-password.080865713f5479a53dad.svg);
    margin-right: .4rem
}

.icon__info {
    align-items: center;
    background-image: url(/account/static/media/icon-info.8f1e293396782a4f487f.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin-right: .8rem;
    min-width: 2rem;
    width: 2rem
}

.icon__prev {
    background-image: url(/account/static/media/icon-prev.9f446a7d7184c59c4381.svg)
}

.icon__next,.icon__prev {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 1.4rem;
    justify-content: center;
    min-width: 2rem;
    width: 2rem
}

.icon__next {
    background-image: url(/account/static/media/icon-next.374b05668318dcaa728d.svg)
}

.icon__term {
    background-image: url(/account/static/media/icon-term.be0d9ed86146d2796611.svg);
    height: 3.7rem;
    margin: 0 .4rem;
    min-width: 1.4rem;
    width: 1.4rem
}

.icon__help,.icon__term {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center
}

.icon__help {
    background-image: url(/account/static/media/icon-help.87c7d37470dc2bd02ef6.svg);
    background-size: 1.6rem 1.6rem;
    cursor: pointer;
    height: 2.4rem;
    margin-left: .4rem;
    min-width: 2rem;
    width: 2rem
}

.icon__help:hover {
    background-image: url(/account/static/media/icon-help_on.091b595879884707a85c.svg)
}

.section__block+.section__block {
    margin-top: 4rem
}

.section__block+.description__block {
    margin-top: 2.4rem
}

.section__block .filter__block.--toggle+.filter__block {
    margin-top: 0
}

.section__block .filter__block.--toggle+.filter__block.--show {
    margin-top: 1rem
}

.section__block .filter__block.--hide {
    display: none
}

.section__block .filter__block.--show {
    display: block
}

.section__block .filter__block .note__primary {
    line-height: 2.8rem
}

.section__block .filter__block .btn__row {
    margin-top: 3.2rem
}

@media screen and (min-width: 980px) {
    .section__block .filter__block .btn__row .btn br {
        display:none
    }
}

.section__block .filter__block .--item-row {
    align-items: center;
    display: flex
}

.section__block .filter__block+.note__secondary {
    margin-top: .4rem
}

.filter__block .filter__note-primary {
    margin: 2.4rem 0
}

.filter__block+.filter__block {
    margin-top: 3rem
}

.filter__block.filter__block--note {
    padding: 4rem 0 2.4rem;
    text-align: center;
    width: 100%
}

.filter__block.filter__block--note .filter__block--note-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    line-height: 2.8rem
}

@media screen and (min-width: 980px) {
    .filter__block.filter__block--note .filter__block--note-header {
        flex-direction:row;
        text-align: left
    }

    .filter__block.filter__block--note .filter__block--note-header .filter__note-primary {
        margin: 0 0 0 1.6rem
    }
}

.filter__block.filter__block--note .filter__note--list {
    margin-bottom: 1.6rem
}

.filter__block.filter__block--note .filter__note--list .filter__note--list-item {
    color: #3339;
    font-size: 1.4rem
}

.filter__block.filter__block--note .filter__note--list .filter__note--list-item+.filter__note--list-item {
    margin-top: .4rem
}

.filter__block.filter__block--note .btn__row {
    margin-top: 3.2rem;
    padding: 0;
    position: static
}

.filter__block.filter__block--note .btn__row.--column {
    flex-direction: column
}

.filter__block.filter__block--note .btn__row.--column .btn+.btn {
    margin-top: 1.6rem
}

.filter__block.--align-center {
    margin: 0 auto;
    width: auto
}

.filter__block.--gray {
    background-color: #f1f1f1;
    padding: 2rem
}

.filter__block.--gray .btn__row {
    background-color: #0000
}

.filter__block.--lite {
    background-color: #fff;
    padding: 2rem 3rem
}

.result__block {
    line-height: 2.4rem;
    padding: 4rem 0 2.4rem;
    width: 100%
}

.result__block .result__note--block+.result__note--block {
    margin-top: 1.6rem
}

.result__block .result__block--header {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.result__block .result__block--header .result__header--note {
    margin-top: 1.6rem
}

@media screen and (min-width: 980px) {
    .result__block .result__block--header .result__header--note {
        margin-left:.8rem;
        margin-top: 0
    }

    .result__block .result__block--header {
        flex-direction: row;
        text-align: left
    }
}

.result__block .result__block--body {
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 1.6rem 0;
    width: max-content
}

@media screen and (min-width: 980px) {
    .result__block .result__block--body {
        margin:unset;
        text-align: left
    }
}

.result__block .result__block--body+.btn__row {
    margin-top: 2.4rem;
    padding-left: 0
}

@media screen and (min-width: 980px) {
    .result__block .result__block--body+.btn__row {
        justify-content:flex-start
    }
}

.service__block {
    margin-bottom: 1.2rem
}

.service__list {
    flex: 1 1
}

@media screen and (min-width: 980px) {
    .service__list {
        align-items:center;
        display: flex
    }
}

.service__list.--nav .service__list--item {
    cursor: pointer
}

.service__list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit,minmax(15rem,max-content))
}

.service__logo {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 5rem;
    width: 15rem
}

.--payment .filter__list {
    margin-top: 1.2rem
}

.filter__list .filter__list--item {
    align-items: center;
    display: flex
}

.filter__list .filter__list--item .symbol {
    padding: 0 .4rem
}

.filter__list .filter__cell {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 .8rem
}

.filter__list .filter__cell.number__cell .confirm__label {
    text-align: right
}

.filter__list.--column .filter__list--item {
    align-items: flex-start;
    border-top: 1px solid #d6d6d6;
    flex-direction: column;
    min-height: 4.9rem;
    padding: .8rem
}

@media screen and (min-width: 980px) {
    .filter__list.--column .filter__list--item {
        flex-direction:row;
        padding: 1.6rem .8rem
    }
}

.filter__list.--column .filter__list--item: last-of-type {
    border-bottom:1px solid #d6d6d6
}

.filter__list.--column .filter__list--item: nth-of-type(2n) {
    background-color:#00000005
}

.filter__list.--column .filter__list--item.--no-border {
    border-bottom: none;
    border-top: none;
    min-height: 3rem;
    padding-bottom: 0;
    padding-top: 0
}

.filter__list.--column .filter__label {
    color: #3339;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: .8rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .filter__list.--column .filter__label {
        align-items:center;
        display: flex;
        height: 3.2rem;
        margin: 0;
        width: 16rem
    }
}

.filter__list.--column .filter__cell {
    align-items: flex-start;
    flex: 1 1;
    flex-direction: column;
    padding: 0;
    width: 100%
}

.filter__list.--column .filter__cell.--row {
    flex-direction: row
}

.filter__list.--column .filter__cell.--row .filter__box {
    max-width: 25rem
}

.filter__list.--column .filter__cell.--row .filter__box+.filter__box {
    margin-left: 1.6rem
}

@media screen and (min-width: 980px) {
    .filter__list.--column .filter__cell {
        padding:0
    }
}

.filter__list.--column .filter__cell.--has-error .filter__box {
    background-color: #ff00001a;
    border-color: #f006
}

.filter__list.--column .filter__cell.--has-error .filter__message {
    align-items: center;
    display: flex
}

.filter__list.--column .filter__cell .filter__box {
    max-width: unset;
    width: 100%
}

@media screen and (min-width: 980px) {
    .filter__list.--column .filter__cell .filter__box {
        width:25rem
    }
}

.filter__list.--column .filter__cell .filter__box+.filter__box {
    margin-top: .8rem
}

.filter__list.--column .filter__cell .filter__arrow {
    margin-top: .8rem;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 980px) {
    .filter__list.--column .filter__cell .filter__arrow {
        width:25rem
    }
}

.filter__list.--column .filter__cell .note__secondary {
    margin-bottom: 0
}

.filter__list.--column .filter__cell .table__listview {
    margin-top: 0
}

.filter__list.--row {
    align-items: center;
    display: flex
}

.filter__list.--edit {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin-bottom: .8rem
}

.filter__list.--edit .filter__list--item {
    display: flex;
    flex-wrap: wrap
}

.filter__list.--edit .filter__list--item .filter__radio {
    min-width: 15rem;
    width: 15rem
}

.filter__list.--edit .filter__list--item .filter__check--list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    padding: .8rem .4rem
}

.filter__list.--edit .filter__list--item .filter__check--list.--is-hidden {
    display: none
}

.filter__list.--edit .filter__list--item .filter__check--list.--is-show {
    display: flex
}

.filter__list+.btn__row {
    margin-top: 2.4rem
}

@media screen and (min-width: 980px) {
    .filter__list+.btn__row {
        justify-content:unset
    }
}

.panel__header--filter {
    align-items: center;
    color: #3339;
    cursor: pointer;
    display: flex;
    position: relative
}

@media screen and (min-width: 980px) {
    .panel__header--filter {
        display:none
    }
}

.filter__row {
    align-items: center;
    display: flex;
    width: 100%
}

@media screen and (min-width: 980px) {
    .filter__row .filter__label {
        width:auto
    }

    .filter__row .filter__cell {
        flex: unset
    }
}

.filter__row+.table {
    margin-top: 1.6rem
}

.file__upload--list .--list-item {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    line-height: 2.8rem;
    margin-bottom: 1.6rem
}

@media screen and (min-width: 980px) {
    .file__upload--list .--list-item {
        grid-template-columns:max-content 1fr;
        line-height: 4rem
    }
}

.file__upload--list .--list-item .--label {
    margin-bottom: .8rem;
    word-break: break-all
}

@media screen and (min-width: 980px) {
    .file__upload--list .--list-item .--label {
        margin-bottom:0;
        width: 19rem
    }

    .file__upload--list .--list-item .--label: disabled+span:before {
        opacity:.2
    }

    .file__upload--list .--list-item .--label input.--has-error {
        background-color: #ff00001a;
        border-color: #f006
    }

    .file__upload--list .--list-item .--label+.--list-item {
        margin-top: 1.6rem
    }
}

.filter__label__login {
    display: none
}

@media screen and (min-width: 980px) {
    .filter__label__login {
        align-items:center;
        display: flex;
        height: 3.2rem;
        justify-content: flex-end;
        margin: 0;
        width: 16rem
    }
}

.filter__list__login {
    background-color: unset!important;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .filter__list__login {
        align-items:center;
        display: flex;
        justify-content: flex-end
    }
}

.filter__cell__login {
    display: flex
}

.filter__cell__login .--term-block {
    display: flex!important
}

.filter__title {
    align-items: center;
    display: flex;
    font-weight: 700;
    line-height: 4.4rem;
    margin: 0 0 .8rem
}

.filter__title:before {
    align-items: center;
    background-color: #d6d6d6;
    content: "";
    display: flex;
    height: 4.4rem;
    margin-right: 1.2rem;
    width: .4rem
}

.filter__title.--info: before {
    display:none
}

.filter__title.--info .material-icons {
    margin-right: .8rem
}

.filter__symbol {
    font-size: 2.4rem;
    height: 3.7rem;
    line-height: 3.7rem;
    min-width: 3rem;
    width: 3rem
}

.filter__symbol,.filter__unit {
    align-items: center;
    display: flex;
    justify-content: center
}

.filter__unit {
    font-size: 1.6rem;
    height: 3rem;
    line-height: 1;
    margin-left: .8rem;
    white-space: nowrap;
    width: max-content
}

.cell__note {
    font-size: 1.3rem;
    line-height: 2.2rem;
    margin-top: .8rem;
    padding-left: .2rem
}

.filter__message {
    color: red;
    display: none;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: .4rem
}

.filter__message .material-icons {
    margin-right: .4rem
}

.filter__message:empty {
    margin-top: 0
}

.filter__column .filter__box+.filter__box,.filter__column .filter__message+.filter__box {
    margin-top: 1.2rem
}

.filter__box {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 1.85rem;
    display: flex;
    min-height: 3.7rem;
    position: relative
}

.filter__box.--disabled {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
    color: #bfbfbf;
    cursor: not-allowed
}

.filter__box.--disabled: after {
    opacity:.5
}

.filter__box.--disabled .filter__control {
    pointer-events: none
}

.filter__box.--disabled .radio {
    cursor: not-allowed
}

.filter__box.--disabled .radio: hover .inner {
    opacity:0
}

.filter__box.--fluid {
    max-width: unset;
    width: 100%
}

.filter__box.filter__datepicker:after {
    align-items: center;
    background-image: url(/account/static/media/icon-datepicker.2530458f3bdcd0129d2c.svg);
    background-repeat: no-repeat;
    content: "";
    display: flex;
    height: 1.8rem;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 1.4rem;
    width: 1.6rem
}

.filter__box.filter__datepicker .filter__control {
    padding-right: 3.6rem;
    width: 100%
}

.filter__box.--dropdown: after {
    align-items:center;
    background-image: url(/account/static/media/icon-dropdown.33516dc6194742fed892.svg);
    background-repeat: no-repeat;
    content: "";
    display: flex;
    height: .8rem;
    justify-content: center;
    padding-right: 1.6rem;
    pointer-events: none;
    position: absolute;
    right: 1.4rem;
    width: 1.47rem
}

.filter__box.--dropdown.--disabled .filter__control {
    color: #bfbfbf
}

.filter__box.--dropdown.--fluid {
    max-width: 30rem
}

.filter__box.--unit: after {
    left:calc(100% + .8rem);
    width: max-content
}

.filter__box.--unit01: after,.filter__box.--unit:after {
    align-items:center;
    display: flex;
    justify-content: center;
    position: absolute
}

.filter__box.--unit01: after {
    content:"円";
    height: 3.5rem;
    line-height: 3.1rem;
    padding-right: 1.6rem;
    pointer-events: none;
    right: 0
}

.filter__box.--unit01 .filter__control {
    padding-right: 4rem;
    text-align: right
}

.filter__box.--unit02: after {
    content:"万円"
}

.filter__box .filter__control {
    align-items: center;
    background-color: #0000;
    border: 0;
    border-radius: 1.75rem;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    font-size: 1.6rem;
    height: 100%;
    min-height: 3.5rem;
    padding: 0 1.2rem
}

@media screen and (min-width: 980px) {
    .filter__box .filter__control {
        font-size:1.4rem
    }
}

.filter__box .filter__control+.filter__symbol {
    color: #3339;
    pointer-events: none;
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%)
}

.filter__box .filter__control.--name {
    width: 14rem
}

.filter__box .filter__control.--phone {
    width: 6.4rem
}

.filter__box .filter__control.--my-number {
    width: 6rem
}

.filter__box .filter__control.--fluid {
    width: 100%
}

.filter__box .filter__control:focus {
    outline: 0
}

.filter__box .filter__control.--corp-number {
    width: 6rem
}

.filter__box .filter__control.--number-04 {
    width: 5rem
}

.filter__box .filter__control.--date {
    width: 6rem
}

.filter__box select.filter__control {
    padding: 0 3.6rem 0 1.2rem;
    width: 100%
}

.filter__box select.--address {
    width: 12rem
}

.filter__box+.note__secondary {
    margin-top: .4rem
}

.filter__box+.btn {
    margin-left: 1.2rem
}

.filter__box+.--unit {
    margin-left: .8rem
}

.--has-error .filter__box: not(.--exclusion) {
    background-color:#ff00001a;
    border-color: #f006;
    border-width: 2px
}

.--has-error .filter__radio {
    background-color: #ff00001a
}

.--has-error .filter__message {
    display: block
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.keyboard {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(auto-fit,minmax(2.8rem,1fr))
}

.keyboard .--column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 2.8rem
}

.keyboard .--column input {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    aspect-ratio: 1/1;
    background-color: #f6f6f6;
    border: 0;
    border-radius: 1rem;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    justify-content: center;
    min-height: 2.8rem;
    text-align: center;
    width: 100%
}

.keyboard .--column input: hover {
    background-color:#ff6b00;
    color: #fff
}

.keyboard .--column input+input {
    margin-top: .4rem
}

input[type=file] {
    display: none
}

.--filter .--input-file {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

@media screen and (min-width: 980px) {
    .--filter .--input-file {
        align-items:center;
        flex-direction: row
    }
}

.--filter .--input-file label {
    align-items: center;
    background-color: #fff;
    border: 2px solid #ff6b00;
    border-radius: 1.5rem;
    color: #ff6b00;
    cursor: pointer;
    display: flex;
    height: 3rem;
    justify-content: center;
    padding: 0 1.6rem
}

.filter__check {
    align-items: center;
    display: flex;
    height: 3.2rem
}

.filter__check input {
    display: none
}

.filter__check input:checked+span {
    color: #333
}

.filter__check input:checked+span:before {
    color: #ff6b00;
    content: ""
}

.filter__check input:disabled+span:before {
    opacity: .2
}

.filter__check input+span {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex;
    font-weight: 700
}

.filter__check input+span:before {
    color: #8c8c8c;
    content: "";
    font-family: Material Icons;
    font-size: 2.4rem;
    font-weight: 400;
    margin-right: .4rem
}

.filter__radio--row {
    align-items: center;
    display: flex;
    gap: 2rem
}

.filter__radio--column {
    display: grid;
    gap: 1.6rem;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fit,minmax(120px,max-content));
    width: 100%
}

.filter__radio--column.--wrap {
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .filter__radio--column.--wrap {
        grid-template-columns:1fr 1fr;
        grid-template-rows: auto
    }
}

.filter__radio--column.--disabled,.filter__radio--column.--disabled .radio {
    cursor: not-allowed
}

.filter__radio--column.--disabled .radio input: disabled+.outer {
    opacity:.5
}

.filter__radio--column.--disabled .radio input: disabled+.outer .inner {
    opacity:0
}

.filter__radio--column.--disabled .radio input: disabled+.outer+span {
    color:#bfbfbf
}

.filter__radio--column.--disabled .radio: hover .inner {
    opacity:0
}

.filter__radio--column .filter__radio+.filter__radio {
    margin-left: 0
}

.filter__radio--column .filter__radio span {
    white-space: nowrap
}

.filter__radio {
    align-items: center;
    display: flex;
    min-height: 3.2rem;
    padding: .4rem
}

@media screen and (min-width: 980px) {
    .filter__radio {
        padding:.4rem .8rem
    }
}

.filter__radio+.filter__radio {
    margin-left: .4rem
}

@media screen and (min-width: 980px) {
    .filter__radio+.filter__radio {
        margin-left:1.6rem
    }
}

.filter__radio input {
    display: none
}

.filter__radio input:checked+span {
    color: #333
}

.filter__radio input:checked+span:before {
    color: #ff6b00;
    content: ""
}

.filter__radio input:disabled+span:before,.filter__radio input:disabled+span:not(.outer) {
    opacity: .2
}

.filter__radio input+span {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex
}

.filter__radio input+span:before {
    content: "";
    font-family: Material Icons;
    font-size: 2.4rem;
    margin-right: .4rem
}

.filter__radio input+span .service__logo {
    height: 3.7rem;
    margin: 0
}

.filter__radio input+span img {
    width: calc(100% - 2.8rem)
}

.filter__radio--list .--list-item {
    font-size: 1.4rem
}

.filter__radio--list .--list-item .note__primary {
    padding-left: 3rem
}

.filter__radio--list .--list-item+.--list-item {
    margin-top: 2.4rem
}

.radio {
    align-items: center;
    cursor: pointer;
    display: flex;
    min-height: 3rem
}

.radio:hover .inner {
    opacity: .5;
    transform: scale(.5)
}

.radio input {
    display: none
}

.radio input:checked+.outer .inner {
    opacity: 1;
    transform: scale(1)
}

.radio input:focus+.outer .inner {
    background-color: #ff6b00;
    opacity: 1;
    transform: scale(1)
}

.radio .outer {
    align-items: center;
    background-color: #fff;
    border: 1px solid #7776;
    border-radius: 100%;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin-right: .8rem;
    min-width: 2rem;
    width: 2rem
}

.radio .inner {
    background-color: #ff6b00;
    border-radius: 100%;
    display: block;
    height: 1rem;
    opacity: 0;
    transform: scale(0);
    transition: all .25s ease-in-out;
    width: 1rem
}

.radio .--row {
    align-items: center;
    display: flex
}

.login__notice {
    display: unset
}

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

.table__striped tr:nth-of-type(2n) {
    background-color: #00000005
}

.table__listview {
    font-size: 1.4rem;
    width: 100%
}

.table__listview+.btn__row {
    justify-content: unset;
    margin-top: 4rem
}

.table__listview+.btn__row+.attention__message--list {
    margin-top: 4rem
}

.table__listview td,.table__listview th {
    border: 1px solid #d6d6d6;
    padding: 0 .8rem
}

.table__listview td.date-cell,.table__listview td.datetime-cell,.table__listview td.service-cell,.table__listview td.summary-cell,.table__listview th.date-cell,.table__listview th.datetime-cell,.table__listview th.service-cell,.table__listview th.summary-cell {
    text-align: center
}

.table__listview td.amount-cell {
    text-align: right
}

.table__listview td.stretch-cell {
    display: none
}

@media screen and (min-width: 980px) {
    .table__listview td.stretch-cell {
        display:table-cell
    }
}

.table__listview thead th {
    background-color: #d6d6d680;
    font-size: 1.4rem;
    height: 2rem;
    text-align: center
}

@media screen and (min-width: 980px) {
    .table__listview .table__listview--block {
        align-items:center;
        display: flex
    }
}

.table__listview+.attention__message--block {
    margin-top: 1.2rem
}

.--listview {
    border: 1px solid #d6d6d6
}

.--listview.--payment-history-list {
    border: 0;
    display: grid;
    gap: 2rem
}

@media screen and (min-width: 980px) {
    .--listview.--payment-history-list {
        border:1px solid #d6d6d6;
        gap: unset
    }
}

.--listview.--payment-history-list .--list-row {
    border: 1px solid #d6d6d6
}

.--listview.--payment-history-list .--list-row+.--list-row {
    border-top: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview.--payment-history-list .--list-row {
        border:0;
        display: grid;
        grid-template-columns: 10rem 14rem 19rem 14rem 14rem 18rem 1fr
    }
}

.--listview.--payment-history-list .--list-row .--list-cell {
    min-height: 3.4rem
}

.--listview.--payment-history-list .--list-row .--list-cell+.--list-cell {
    border-top: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview.--payment-history-list .--list-row .--list-cell+.--list-cell {
        border-left:1px dotted #d6d6d6;
        border-top: 0
    }

    .--listview.--payment-history-list .--list-row .--list-cell {
        align-items: center;
        display: grid
    }
}

.--listview.--payment-history-list .--list-row .--list-cell .--label-cell {
    align-items: center;
    background-color: #f1f1f1;
    border-right: 1px dotted #d6d6d6;
    display: flex;
    padding: 0 1.2rem
}

@media screen and (min-width: 980px) {
    .--listview.--payment-history-list .--list-row .--list-cell .--label-cell {
        display:none
    }
}

.--listview.--payment-history-list .--list-row .--list-cell .--value-cell {
    align-items: center;
    display: flex;
    padding: 0 1.2rem
}

@media screen and (min-width: 980px) {
    .--listview.--payment-history-list .--list-row .--list-cell .--value-cell {
        padding:0
    }
}

.--listview.--login-history-list {
    border: 0;
    display: grid;
    padding: 0
}

@media screen and (min-width: 980px) {
    .--listview.--login-history-list {
        border:1px solid #d6d6d6;
        gap: unset
    }
}

.--listview.--login-history-list .--header {
    margin-top: 3rem
}

.--listview.--login-history-list .--list-row {
    border: 1px solid #d6d6d6;
    display: flex
}

.--listview.--login-history-list .--list-row+.--list-row {
    border-top: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview.--login-history-list .--list-row {
        border:0;
        display: grid;
        grid-template-columns: 19rem 1fr
    }
}

.--listview.--login-history-list .--list-row .--list-cell {
    min-height: 3.4rem
}

@media screen and (min-width: 980px) {
    .--listview.--login-history-list .--list-row .--list-cell+.--list-cell {
        border-top:0
    }

    .--listview.--login-history-list .--list-row .--list-cell {
        align-items: center;
        display: grid
    }
}

.--listview.--login-history-list .--list-row .--list-cell .--label-cell {
    align-items: center;
    background-color: #f1f1f1;
    border-right: 1px dotted #d6d6d6;
    display: flex;
    padding: 0 1.2rem
}

@media screen and (min-width: 980px) {
    .--listview.--login-history-list .--list-row .--list-cell .--label-cell {
        display:none
    }
}

.--listview.--login-history-list .--list-row .--list-cell .--value-cell {
    align-items: center;
    display: flex;
    padding: 0 1.2rem
}

@media screen and (min-width: 980px) {
    .--listview.--login-history-list .--list-row .--list-cell .--value-cell {
        padding:0
    }

    .--listview.--request-list .--list-row {
        grid-template-columns: 11rem 15rem 15rem 14rem 11rem 9rem max-content 1fr
    }
}

.--listview.--request-list .--list-row .--list-cell.btn-cell {
    min-width: 10rem
}

.--listview.--request-list .--list-row .--list-cell.btn-cell .--value-cell {
    padding: .8rem
}

.--listview.--request-list .--list-row .--list-cell.btn-cell .btn {
    height: 3.4rem;
    max-width: 30rem;
    min-height: 2.4rem;
    min-width: 7rem
}

@media screen and (min-width: 980px) {
    .--listview.--request-list .--list-row .--list-cell.btn-cell .btn {
        max-width:10rem;
        width: 100%
    }
}

.--listview.--request-list .--list-row .--list-cell.stretch-cell {
    border-left: 0;
    display: none
}

@media screen and (min-width: 980px) {
    .--listview.--request-list .--list-row .--list-cell.stretch-cell {
        border-top:0;
        display: block
    }
}

.--listview.--request-list.--body .--list-row .--list-cell {
    min-height: 5.1rem
}

.--listview.--request-list.--body .--list-row .--list-cell.service-cell .--value-cell {
    text-align: center
}

.--listview.--request-list.--body .--list-row .--list-cell.btn-cell {
    height: 5rem
}

.--listview.--header {
    display: none
}

@media screen and (min-width: 980px) {
    .--listview.--header {
        background-color:#f1f1f1;
        border-bottom: 0;
        display: block
    }
}

.--listview.--header .--list-row {
    height: 3.5rem
}

@media screen and (min-width: 980px) {
    .--listview.--header .--list-cell {
        align-items:center;
        display: flex;
        justify-content: center;
        line-height: 2rem
    }
}

.--listview.--body {
    border-bottom: 0
}

.--listview.--body .--list-row {
    min-height: 3.7rem
}

@media screen and (min-width: 980px) {
    .--listview.--body .--list-row {
        min-height:unset
    }
}

.--listview.--body .--list-cell {
    display: grid;
    grid-template-columns: 12rem 1fr
}

@media screen and (min-width: 980px) {
    .--listview.--body .--list-cell {
        grid-template-columns:1fr;
        padding: 0 .8rem
    }
}

.--listview.--body .--list-cell.date-cell .--value-cell {
    background-color: #ffe1cc
}

@media screen and (min-width: 980px) {
    .--listview.--body .--list-cell.date-cell .--value-cell {
        background-color:#0000
    }

    .--listview.--body .--list-cell.date-cell {
        background-color: #ffe1cc
    }
}

.--listview.--body .--list-cell.--time-cell {
    border-right: 1px solid #d6d6d6;
    justify-content: center
}

.--listview.--body .--list-cell.--time-cell .--value-cell {
    background-color: #ffe1cc;
    display: flex;
    justify-content: center;
    text-align: center
}

@media screen and (min-width: 980px) {
    .--listview.--body .--list-cell.--time-cell .--value-cell {
        background-color:#0000
    }

    .--listview.--body .--list-cell.--time-cell {
        background-color: #ffe1cc
    }

    .--listview.--body .--list-cell.--text-cell .--value-cell {
        justify-content: center;
        text-align: center
    }

    .--listview.--body .--list-cell.--number-cell .--value-cell {
        justify-content: flex-end
    }
}

.--listview.--body .--list-cell.--route-cell {
    display: flex;
    justify-content: center;
    margin: auto
}

.--listview.--body .--list-cell.--route-cell .--value-cell {
    text-align: center
}

@media screen and (min-width: 980px) {
    .--listview.--transfer .--listview-item .label--cell {
        width:30rem
    }
}

.--listview.--transfer .--listview-item .value--cell .link__text {
    margin-left: 0
}

@media screen and (min-width: 980px) {
    .--listview.--transfer .--listview-item .value--cell .link__text {
        line-height:2.5rem
    }
}

.--listview.--confirm .--edit-item {
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .--listview.--confirm .--edit-item {
        grid-template-columns:4rem 19rem 1fr 1fr
    }
}

.--listview.--confirm .--edit-item .label--cell {
    display: flex
}

.--listview.--confirm .--edit-item .value--cell,.--listview.--confirm .--edit-item .value--cell.--after {
    grid-row: unset
}

.--listview.--confirm .check--cell {
    font-size: 1.6rem;
    font-weight: 700
}

.--listview.--confirm .value--cell {
    font-size: 1.6rem
}

.--listview.--confirm .value--cell.--after {
    font-size: 1.6rem;
    font-weight: 700
}

.--listview.--check-less .--listview-header,.--listview.--office .--listview-header {
    grid-template-columns: 19rem 1fr 1fr
}

.--listview.--check-less .--edit-item,.--listview.--office .--edit-item {
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .--listview.--check-less .--edit-item,.--listview.--office .--edit-item {
        grid-template-columns:19rem 1fr 1fr
    }

    .--listview.--check-less .--edit-item .value--cell,.--listview.--office .--edit-item .value--cell {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .--listview.--check-less .--edit-item .--after,.--listview.--office .--edit-item .--after {
        grid-column: 3/4
    }

    .--listview.--check-less .--edit-item .--nest,.--listview.--office .--edit-item .--nest {
        grid-column: 2/4
    }
}

.--listview.--check-less .--edit-item .label--cell,.--listview.--office .--edit-item .label--cell {
    align-items: center;
    display: flex
}

@media screen and (min-width: 980px) {
    .--listview.--check-less .--edit-item .label--cell,.--listview.--office .--edit-item .label--cell {
        grid-column:1/2;
        grid-row: 1/2
    }
}

.--listview.--mail .--listview-header {
    grid-template-columns: 19rem 1fr 1fr
}

.--listview.--dark .--listview-item {
    padding: 0
}

.--listview.--dark .--listview-item .label--cell {
    background-color: #777;
    border: 0;
    color: #fff;
    padding: .4rem 2rem
}

@media screen and (min-width: 980px) {
    .--listview.--dark .--listview-item .label--cell {
        width:19rem
    }
}

.--listview.--dark .--listview-item .value--cell {
    padding: .4rem 2rem
}

.--listview.--edit {
    margin-bottom: .8rem
}

.--listview.--edit .--listview-item {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0
}

@media screen and (min-width: 980px) {
    .--listview.--edit .--listview-item {
        grid-template-columns:11.6rem 1fr
    }
}

.--listview.--edit .--listview-item.--listview-header {
    display: none;
    grid-template-columns: 11.6rem 1fr 1fr
}

@media screen and (min-width: 980px) {
    .--listview.--edit .--listview-item.--listview-header {
        display:grid
    }

    .--listview.--edit .--listview-item.--listview-header .label--cell {
        background-color: #0000;
        border-right: 0;
        padding: 0
    }

    .--listview.--edit .--listview-item.--listview-header .value--cell {
        align-items: center;
        border-left-style: dashed;
        display: flex;
        height: 100%;
        justify-content: center;
        padding: 0
    }
}

.--listview.--edit .--listview-item 　.label--cell {
    align-items: center;
    background-color: #ffe1cc;
    border-bottom: 1px solid #d6d6d6;
    justify-content: center;
    margin-bottom: 0;
    min-height: 3.5rem;
    padding: .4rem 2rem;
    text-align: center
}

@media screen and (min-width: 980px) {
    .--listview.--edit .--listview-item 　.label--cell {
        border-bottom:0
    }
}

.--listview.--edit .--listview-item .value--cell {
    padding: 2rem
}

@media screen and (min-width: 980px) {
    .--listview.--edit .--listview-item .value--cell.--nest {
        grid-template-columns:11.6rem 1fr
    }

    .--listview.--edit .--listview-item .value--cell.--nest .--nest-list {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest {
    display: grid;
    gap: .8rem;
    grid-template-columns: 1fr;
    padding: 1.6rem 2rem
}

@media screen and (min-width: 980px) {
    .--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest {
        align-items:center
    }

    .--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest+.--item-nest {
        border-left: 1px dashed #d6d6d6;
        border-top: 0
    }
}

.--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest .label--cell {
    background-color: #0000;
    border-bottom: 0;
    color: #777;
    font-size: 1.4rem;
    justify-content: flex-start;
    line-height: 2rem;
    margin-bottom: .8rem;
    min-height: unset;
    padding: 0;
    width: 100%
}

@media screen and (min-width: 980px) {
    .--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest .label--cell {
        display:none
    }
}

.--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest .value--cell {
    color: #333;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0
}

.--listview.--edit .--listview-item .value--cell.--nest .--nest-list .--item-nest .value--cell .filter__radio--row {
    margin-bottom: .4rem
}

.--listview .--listview-item {
    padding: 1.6rem
}

.--listview .--listview-item+.--listview-item {
    border-top: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview .--listview-item {
        align-items:center;
        align-self: normal;
        display: flex;
        min-height: 3.6rem;
        padding: 0
    }
}

.--listview .--listview-item .label--cell {
    color: #333;
    display: flex;
    font-size: 1.6rem;
    margin-bottom: .8rem
}

@media screen and (min-width: 980px) {
    .--listview .--listview-item .label--cell {
        align-items:center;
        align-self: normal;
        background-color: #ffe1cc;
        color: #333;
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 0;
        padding: 1rem 2rem;
        width: 19rem
    }
}

.--listview .--listview-item .value--cell {
    background-color: #fff;
    font-size: 1.4rem
}

.--listview .--listview-item .value--cell.--nest {
    padding: 0
}

@media screen and (min-width: 980px) {
    .--listview .--listview-item .value--cell {
        flex:1 1;
        padding: 1rem 2rem
    }
}

.--listview .--listview-item .value--cell .nest-cell {
    align-items: center;
    display: flex;
    padding: .2rem 0
}

.--listview .--listview-item .value--cell .nest-cell .nest-label {
    color: #3339;
    font-size: 1.4rem;
    margin-right: .8rem
}

.--listview .--listview-item .value--cell .nest-cell+.nest-cell {
    border-top: 1px dotted #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview .--listview-item .value--cell .value--row {
        align-items:center;
        display: flex
    }

    .--listview .--listview-item .value--cell .value--row .link__block {
        margin-left: auto
    }
}

.--listview .--listview-item .value--cell.--after {
    align-items: center;
    display: flex
}

@media screen and (min-width: 980px) {
    .--listview .--listview-item .value--cell.--after {
        align-items:center;
        border-left: 1px solid #d6d6d6;
        border-top: 0;
        display: flex
    }
}

.--listview .--listview-item .value--cell.--after .--edit-block {
    align-items: center;
    display: flex
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth {
    display: grid;
    gap: .8rem;
    grid-row: auto;
    grid-template-columns: 1fr 1fr;
    width: 25rem
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item .filter__box {
    width: calc(100% - 3rem)
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item .filter__box input {
    width: 100%
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item.--year {
    grid-column: 1/3;
    grid-row: 1/2
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item.--year .filter__box {
    max-width: unset
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item.--month {
    grid-column: 1/2;
    grid-row: 2/3
}

.--listview .--listview-item .value--cell.--after .--edit-block.--birth .filter__item.--day {
    grid-column: 2/3;
    grid-row: 2/3
}

.--listview .--listview-item .value--cell.--after .--edit-block.--fluid {
    width: 100%
}

.--listview .--listview-item .value--cell.--after .--edit-block .--edit-block-label {
    font-size: 1.3rem;
    opacity: .6;
    text-align: right;
    width: 5rem
}

.--listview .--listview-item .value--cell.--after .--edit-block+.--edit-block.--fluid {
    margin-top: 1.2rem
}

@media screen and (min-width: 980px) {
    .--listview .--listview-item .value--cell.--after .--edit-block+.--edit-block:not(.--fluid) {
        margin-left:1.2rem
    }
}

.--listview .--listview-item .value--cell.--after .filter__box.--min {
    max-width: 10rem;
    width: 10rem
}

.--listview .--listview-item .value--cell.--after .filter__block--note {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-top: .8rem;
    opacity: .8;
    padding-left: .2rem
}

.--listview .--listview-item .value--cell.--column {
    align-items: flex-start;
    flex-direction: column
}

.--listview .--listview-item .value--cell.--column .service__list {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fit,minmax(120px,max-content));
    width: 100%
}

.--listview .--listview-item .value--cell.--column .service__list.--wrap .service__logo+.service__logo {
    margin-left: 0
}

.--listview .--listview-item .value--cell.--column .service__list.--wrap+.link__text {
    margin-top: .8rem
}

.--listview.--edit-listview {
    border: 0;
    display: grid;
    gap: 2rem
}

@media screen and (min-width: 980px) {
    .--listview.--edit-listview {
        border:1px solid #d6d6d6;
        gap: 0
    }

    .--listview.--edit-listview.--check-less .--listview-header {
        grid-template-columns: 22rem 22rem 1fr
    }

    .--listview.--edit-listview.--check-less .--edit-item {
        grid-template-columns: 1fr
    }

    .--listview.--edit-listview.--payable-bank .--listview-header {
        grid-template-columns: 19rem 1fr
    }

    .--listview.--edit-listview.--payable-bank .--edit-item {
        grid-template-columns: 1fr
    }

    .--listview.--edit-listview.--payable-bank .--edit-item .edit--cell .--list-item {
        grid-template-columns: 19rem 1fr;
        padding: 0
    }

    .--listview.--edit-listview.--payable-bank .--edit-item .edit--cell .--label-cell.--h-center {
        align-items: center
    }

    .--listview.--edit-listview .--listview-header {
        grid-template-columns: 7rem 22rem 22rem 1fr
    }

    .--listview.--edit-listview .--listview-header .header--cell {
        align-items: center;
        display: grid;
        height: 100%
    }

    .--listview.--edit-listview .--listview-header .header--cell: not(:first-of-type) {
        border-left:1px dashed #d6d6d6
    }

    .--listview.--edit-listview .--listview-header .--after {
        border-left: 0
    }
}

.--listview .--edit-item {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
    padding: 0
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item {
        grid-template-columns:7rem 1fr
    }
}

.--listview .--edit-item+.--edit-item {
    border: 0
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item+.--edit-item {
        border-top:1px solid #d6d6d6
    }
}

.--listview .--edit-item .check--cell {
    align-items: center;
    background-color: #ff6b00;
    color: #fff;
    display: flex;
    font-weight: 400;
    height: 4rem;
    padding: 0 1.2rem
}

.--listview .--edit-item .check--cell input: disabled+span {
    opacity:.6
}

.--listview .--edit-item .check--cell input+span {
    align-items: center;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400
}

.--listview .--edit-item .check--cell input+span: before {
    color:#fff;
    margin-right: .4rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .check--cell {
        background-color:#ff6b00;
        border-right: 1px dashed #d6d6d6;
        height: 100%;
        justify-content: center;
        padding: 0
    }

    .--listview .--edit-item .check--cell .filter__check {
        height: max-content;
        justify-content: center;
        padding: .8rem;
        width: 100%
    }

    .--listview .--edit-item .check--cell .filter__check input+span {
        flex-direction: column;
        font-size: 1.4rem
    }

    .--listview .--edit-item .check--cell .filter__check input+span: before {
        font-size:2.8rem;
        margin-right: 0
    }
}

.--listview .--edit-item .check--cell.--uneditable,.--listview .--edit-item .check--cell.--uneditable .filter__check {
    display: none
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .check--cell.--uneditable,.--listview .--edit-item .check--cell.--uneditable .filter__check {
        display:flex
    }
}

.--listview .--edit-item .check--cell span {
    color: #fff
}

.--listview .--edit-item .edit--cell {
    border: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell {
        border:0;
        display: grid;
        grid-template-columns: 1fr
    }
}

.--listview .--edit-item .edit--cell .--edit-list.--confirm .--list-item .value--row {
    align-items: center;
    display: flex;
    flex: 1 1
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list.--confirm .--list-item {
        grid-template-columns:22rem 1fr
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item {
    display: grid
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item: not(:last-of-type) {
    border-bottom:1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item {
        grid-template-columns:22rem 22rem 1fr;
        min-height: 6.4rem
    }

    .--listview .--edit-item .edit--cell .--edit-list .--list-item.--mail {
        grid-template-columns: 22rem 1fr
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item.--mail .--value-cell {
    align-items: center;
    display: flex;
    overflow-x: auto
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--label-cell {
    align-items: center;
    background-color: #ffe1cc;
    color: #333;
    display: flex;
    font-size: 1.6rem;
    min-height: 3.5rem;
    padding: 0 1.6rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--label-cell {
        background-color:#ffe1cc;
        border-right: 1px dashed #d6d6d6;
        color: #333;
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 0;
        padding: 1rem 1.6rem
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell {
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1.6rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell {
        flex:1 1;
        padding: 1rem 2rem
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .--label {
    color: #777;
    margin-bottom: 1.2rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .--label {
        display:none
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--before {
    word-break: break-all
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--before {
        align-items:center;
        display: flex
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after {
    border-top: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after {
        border-left:1px dashed #d6d6d6;
        border-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block {
    align-items: center;
    display: flex
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth {
    display: grid;
    gap: .8rem;
    grid-row: auto;
    grid-template-columns: 1fr 1fr;
    max-width: 25rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item .filter__box {
    width: calc(100% - 3rem)
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item .filter__box input {
    width: 100%
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item.--year {
    grid-column: 1/3;
    grid-row: 1/2
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item.--year .filter__box {
    max-width: unset
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item.--month {
    grid-column: 1/2;
    grid-row: 2/3
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--birth .filter__item.--day {
    grid-column: 2/3;
    grid-row: 2/3
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--fluid {
    width: 100%
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column {
    align-items: flex-start;
    flex-direction: column;
    gap: 2rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column {
        flex-direction:row
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column .--edit-row {
    display: grid;
    grid-template-columns: max-content 1fr;
    width: 100%
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column .--edit-row {
        grid-template-columns:max-content max-content;
        width: auto
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column .--edit-row .filter__control.name {
    min-width: 100%
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column .--edit-row .filter__control.name {
        min-width:unset
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--column .--edit-inline {
    align-items: center;
    display: flex;
    max-width: 100%
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--wrap {
    align-items: flex-start;
    flex-direction: column;
    gap: .8rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--wrap {
        align-items:center;
        flex-direction: row
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block.--wrap .--edit-row {
    align-items: center;
    display: flex
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block .--edit-block-label {
    min-width: 5rem;
    text-align: right;
    width: 5rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block+.--edit-block.--fluid {
    margin-top: 1.2rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block+.--edit-block.--fluid .filter__box {
    width: 100%
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block+.--edit-block:not(.--fluid) {
        margin-left:1.2rem
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block .--edit-row {
    align-items: center;
    display: flex
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block .edit--block-list {
    display: grid;
    gap: .8rem;
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block .edit--block-list {
        grid-template-columns:17rem 17rem
    }
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .--edit-block .edit--block-list.--has-label .filter__message {
    padding-left: 5rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__box .filter__control {
    width: 100%
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__box.--address {
    width: 12rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__box.--postal {
    flex: 1 1;
    max-width: 12rem;
    min-width: 8rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__box.--number,.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__box.--phone,.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__box.--unit {
    max-width: 12rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .filter__block--note {
    color: #777;
    margin-top: .4rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .btn {
    height: 3.7rem;
    max-width: 11.6rem;
    min-height: unset
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell.--after .btn.--bank-select {
    max-width: unset;
    width: 14rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .filter__box+.filter__radio--row {
    margin-left: 1.6rem
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .filter__radio--row .filter__box,.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .filter__radio--row .filter__box.--disabled {
    background-color: #0000;
    border: 0
}

.--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .value--column {
    width: 100%
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .edit--cell .--edit-list .--list-item .--value-cell .value--column {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

.--listview .--edit-item .--nest-list .--item-nest {
    height: unset
}

.--listview .--edit-item .--nest-list .--item-nest .label--cell {
    background-color: #ccc;
    height: unset;
    width: unset
}

.--listview .--edit-item .label--cell {
    display: none;
    margin-bottom: 0
}

.--listview .--edit-item .value--cell {
    align-items: center;
    display: flex;
    grid-column: 1/3;
    grid-row: 2/3;
    min-height: 4rem
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .value--cell {
        grid-column:3/4;
        grid-row: 1/3;
        height: 100%
    }

    .--listview .--edit-item .value--cell .--item-nest {
        display: grid;
        grid-auto-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        padding: 0
    }

    .--listview .--edit-item .value--cell .--item-nest .label--cell {
        grid-column: 1/3;
        grid-row: 1/2;
        width: auto
    }

    .--listview .--edit-item .value--cell .--item-nest .value--block {
        display: grid;
        grid-column: 1/3;
        grid-row: 2/3;
        grid-template-columns: 1fr 1fr
    }

    .--listview .--edit-item .value--cell .--item-nest .value--cell {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .--listview .--edit-item .value--cell .--item-nest .--after {
        grid-column: 2/3;
        grid-row: 2/3
    }
}

.--listview .--edit-item .--after: empty {
    display:none
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .--after:empty {
        display:block
    }
}

.--listview .--edit-item .--nest {
    padding: 0
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item .--nest {
        grid-column:3/5
    }
}

.--listview .--edit-item.--split {
    grid-template-columns: auto
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item.--split {
        grid-template-columns:4rem 1fr
    }
}

.--listview .--edit-item.--split .check--cell {
    grid-column: unset
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item.--split .check--cell {
        grid-column:1/2
    }
}

.--listview .--edit-item.--split .--split-block {
    display: grid;
    grid-template-rows: auto
}

@media screen and (min-width: 980px) {
    .--listview .--edit-item.--split .--split-block {
        grid-column:2/3
    }

    .--listview .--edit-item.--other .edit--cell .--edit-list .--list-item {
        grid-template-columns: 37rem 1fr
    }
}

.--listview .--listview-header {
    background-color: #f1f1f1;
    display: none;
    font-weight: 700;
    text-align: center
}

.--listview .--listview-header .label--cell,.--listview .--listview-header .value--cell {
    background-color: #0000;
    justify-content: center
}

.--listview .--listview-header+.--listview-item {
    border-top: 0
}

@media screen and (min-width: 980px) {
    .--listview .--listview-header+.--listview-item {
        border-top:1px solid #d6d6d6
    }

    .--listview .--listview-header {
        display: grid;
        grid-template-columns: 4rem 19rem 1fr 1fr
    }
}

.--listview+.filter__block {
    margin-top: 1.6rem
}

.--listview+.description__block {
    margin-top: 2rem
}

@media screen and (min-width: 980px) {
    .--listview+.description__block {
        margin-top:3.2rem
    }
}

.--listview+.attention__message--list {
    margin-top: .8rem
}

.--listview .--nest-list {
    display: grid;
    padding: 0;
    row-gap: 0;
    width: 100%
}

.--listview .--nest-list.--hide {
    display: none
}

.--listview .--nest-list.--show {
    display: grid
}

@media screen and (min-width: 980px) {
    .--listview .--nest-list {
        row-gap:0
    }
}

.--listview .--nest-list .label--cell {
    align-items: center;
    background-color: #f2f2f2;
    display: flex;
    height: 100%;
    padding: .4rem .8rem;
    width: 12rem
}

@media screen and (min-width: 980px) {
    .--listview .--nest-list .label--cell {
        background-color:#f2f2f2
    }
}

.--listview .--nest-list .value--cell {
    padding: .8rem
}

.--listview .--nest-list .value--cell.--nest .label--cell {
    align-items: center;
    background-color: #0000;
    display: flex
}

.--listview .--nest-list .value--cell.--nest .label--cell: before {
    background-color:#ff6b00;
    content: "";
    display: block;
    height: 2px;
    margin-right: .8rem;
    width: .6rem
}

@media screen and (min-width: 980px) {
    .--listview .--nest-list .value--cell.--nest .label--cell:before {
        display:none
    }
}

.--listview .--nest-list .--item-nest {
    width: 100%
}

.--listview .--nest-list .--item-nest.--row {
    align-items: center;
    display: flex
}

.--listview .--nest-list .--item-nest+.--item-nest {
    border-top: 1px solid #d6d6d6
}

@media screen and (min-width: 980px) {
    .--listview.--nest-label-view .--listview-header {
        grid-template-columns:31.4rem 21.6rem 1fr
    }

    .--listview.--nest-label-view .--edit-item {
        grid-template-columns: 1fr
    }

    .--listview.--nest-label-view .--edit-item .--edit-list .--list-item {
        grid-template-columns: 31.4rem 21.6rem 1fr
    }
}

.--listview.--nest-label-view .--edit-item .label--cell {
    display: flex
}

@media screen and (min-width: 980px) {
    .--listview.--nest-label-view .--edit-item.--nest-label {
        grid-template-columns:14.2rem 1fr
    }

    .--listview.--nest-label-view .--edit-item.--nest-label>.label--cell {
        border-right: 1px dashed #d6d6d6
    }

    .--listview.--nest-label-view .--edit-item.--nest-label .--edit-list .--list-item {
        grid-template-columns: 17.2rem 21.6rem 1fr
    }
}

.--listview.--nest-label-view .--edit-item.--nest-label .label--cell {
    align-items: center;
    background-color: #ffe1cc;
    display: flex;
    min-height: 3.5rem;
    padding: 0 2rem
}

@media screen and (min-width: 980px) {
    .--listview.--nest-label-view .--edit-item.--nest-label .label--cell {
        min-height:unset;
        padding: 1rem 2rem
    }
}

.--listview.--nest-label-view .--edit-item.--nest-label .--list-item .--label-cell {
    background-color: #f1f1f1;
    border-bottom: 1px solid #d6d6d6;
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .--listview.--nest-label-view .--edit-item.--nest-label .--list-item .--label-cell {
        background-color:#ffe1cc;
        border-bottom: 0
    }

    .--listview.--nest-label-view .--edit-item.--fluid-cell {
        grid-template-columns: 16rem 1fr
    }

    .--listview.--nest-label-view .--edit-item.--fluid-cell .--edit-list .--list-item {
        grid-template-columns: 21rem 1fr
    }

    .--listview.--nest-label-view.--has-check .--listview-header {
        display: flex;
        grid-template-columns: 7rem 37rem 38rem 1fr
    }

    .--listview.--nest-label-view.--has-check .--listview-header .--before {
        max-width: 38rem
    }

    .--listview.--nest-label-view.--has-check .--edit-item {
        grid-template-columns: 7rem 1fr
    }

    .--listview.--nest-label-view.--has-check .--edit-item .--edit-list .--list-item {
        grid-template-columns: 33rem 38rem 1fr
    }

    .--listview.--nest-label-view.--has-check .--edit-item: not(.--nest-label) .label--cell {
        border-left:1px dashed #d6d6d6
    }
}

.--listview.--nest-label-view.--has-check .--edit-item .--before {
    max-width: 37.9rem
}

@media screen and (min-width: 980px) {
    .--listview.--nest-label-view.--has-check .--edit-item.--nest-label {
        grid-template-columns:7rem 17rem 1fr
    }

    .--listview.--nest-label-view.--has-check .--edit-item.--nest-label .--edit-list .--list-item {
        grid-template-columns: 16rem 38rem 1fr
    }

    .--listview.--nest-label-view.--has-check .check--cell {
        border-right: 0;
        min-width: 7rem;
        width: 7rem
    }

    .--listview.--nest-label-view.--has-check .label--cell {
        min-width: 32.9rem;
        width: 32.9rem
    }

    .--listview.--nest-label-view.--has-check .--edit-list .--list-item {
        display: flex
    }

    .--listview.--nest-label-view.--has-check .--edit-list .--list-item .--label-cell {
        border-left: 1px dashed #d6d6d6;
        width: 33rem
    }

    .--listview.--nest-label-view.--has-check .--nest-label .label--cell {
        border-left: 1px dashed #d6d6d6;
        min-width: 17rem;
        width: 17rem
    }

    .--listview.--nest-label-view.--has-check .--nest-label .edit--cell .--edit-list .--list-item .--label-cell {
        border-left: 0;
        min-width: 16rem;
        width: 16rem
    }
}

.--solid-listview {
    display: grid;
    gap: .4rem
}

.--solid-listview.--thick .--list-item {
    padding: 2.4rem 2rem
}

.--solid-listview .--list-item {
    background-color: #f6f6f6;
    display: grid;
    grid-template-columns: 1fr;
    padding: 1.2rem 2rem
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item {
        grid-template-columns:20rem 1fr 31rem;
        padding: 1.6rem 2rem
    }

    .--solid-listview .--list-item.--nest-item {
        grid-template-columns: 20rem 1fr
    }
}

.--solid-listview .--list-item .label--cell {
    line-height: 2.8rem;
    margin-bottom: .4rem
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .label--cell {
        margin-bottom:0
    }
}

.--solid-listview .--list-item .filter--cell {
    line-height: 2.8rem;
    margin-bottom: .4rem
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .filter--cell {
        margin-bottom:0
    }
}

.--solid-listview .--list-item .filter--cell .confirm__label {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    text-align: left;
    width: 250px
}

.--solid-listview .--list-item .filter--cell .--listview {
    background-color: #fff;
    display: grid;
    width: 100%
}

.--solid-listview .--list-item .filter--cell .--listview .label--cell {
    align-items: center
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .filter--cell .--listview .label--cell {
        padding:0 2rem
    }
}

.--solid-listview .--list-item .filter--cell .--listview .value--cell {
    align-items: center;
    display: grid;
    font-weight: 400
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .filter--cell .--listview .value--cell {
        height:100%;
        padding: 0 2rem
    }
}

.--solid-listview .--list-item .value--cell {
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: .4rem
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .value--cell {
        margin-bottom:0;
        padding: 0 7rem
    }
}

.--solid-listview .--list-item .value--cell .service__list {
    margin-bottom: .4rem
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .value--cell .service__list {
        margin-bottom:0
    }
}

.--solid-listview .--list-item .link--cell {
    line-height: 2.8rem
}

@media screen and (min-width: 980px) {
    .--solid-listview .--list-item .link--cell {
        text-align:right
    }
}

.table__listview--block {
    border: 1px solid #d6d6d6cc;
    border-left-width: 5px;
    padding: .8rem
}

.table__listview--block+.table__listview--block {
    margin-top: 1.2rem
}

@media screen and (min-width: 980px) {
    .table__listview--block+.table__listview--block {
        border-top:1px solid #d6d6d6cc;
        margin-top: 0
    }

    .table__listview--block {
        border-width: 0 1px;
        height: 3.4rem;
        padding: 0
    }

    .table__listview--block:nth-of-type(2n) {
        background-color: #00000005
    }
}

.table__listview--item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .2rem 0
}

.table__listview--item+.table__listview--item {
    border-top: 1px dotted #d6d6d6cc
}

@media screen and (min-width: 980px) {
    .table__listview--item+.table__listview--item {
        border:0
    }
}

.table__listview--item.datetime-cell {
    padding-bottom: 0
}

.table__listview--item .list__label {
    color: #3339;
    font-size: 1.4rem
}

@media screen and (min-width: 980px) {
    .table__listview--item .list__label {
        display:none
    }
}

.table__listview--item .list__value {
    align-items: center;
    display: flex
}

.table__listview--item.stretch-cell {
    display: none
}

@media screen and (min-width: 980px) {
    .table__listview--item.stretch-cell {
        border-right:0;
        display: block;
        flex: 1 1
    }

    .table__listview--item {
        border: 0;
        height: 100%;
        padding: 0 .8rem
    }

    .table__listview--item:not(:last-of-type) {
        border-right: 1px solid #d6d6d6cc
    }

    .table__listview--item.date-cell,.table__listview--item.datetime-cell,.table__listview--item.service-cell {
        justify-content: center;
        width: 15rem
    }

    .table__listview--item.summary-cell {
        justify-content: center;
        width: 16rem
    }

    .table__listview--item.amount-cell {
        justify-content: flex-end;
        width: 15rem
    }

    .scroll__block {
        border-bottom: 1px solid #d6d6d6cc
    }
}

.scroll__block+.note__primary {
    margin: 2.4rem 0 0
}

.scroll__block+.note__primary:empty {
    margin: 0
}

.scroll__block__login {
    overflow-x: auto;
    padding: 20px 30px;
    width: 100%
}

@media screen and (min-width: 980px) {
    .scroll__block__login {
        padding:0
    }
}

.login__history__table {
    border: 1px solid #d6d6d6cc
}

.login__history__table .--header__table {
    background-color: #ffe1cc;
    display: block;
    padding: 15px 5px 2px 20px;
    width: 100%
}

@media screen and (min-width: 980px) {
    .login__history__table .--header__table {
        display:none
    }
}

.--login-history-scroll {
    padding: 0!important
}

.--login-history-header {
    background-color: #f1f1f1;
    border-bottom: 0
}

.--login-history-header .--list-row {
    height: 3.5rem
}

.--login-history-header .--list-cell {
    align-items: center;
    display: flex;
    justify-self: unset;
    line-height: 2rem
}

@media screen and (min-width: 980px) {
    .--login-history-header .--list-cell {
        align-items:center;
        display: flex;
        justify-content: center;
        line-height: 2rem
    }
}

.--login-history-title .time-cell {
    border-right: 1px solid #d6d6d6;
    display: grid;
    grid-template-columns: 12rem 1fr;
    text-align: center
}

@media screen and (min-width: 980px) {
    .--login-history-title .time-cell {
        grid-template-columns:19rem 1fr
    }
}

.--login-history-title .route-cell {
    margin: auto
}

.pager__block {
    margin-top: 2rem
}

.pager__block .pager {
    align-items: center;
    display: flex;
    gap: 1.4rem;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .pager__block .pager {
        justify-content:flex-start
    }
}

.pager__block .pager .pager__item {
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 2.6rem;
    justify-content: center;
    transition: background-color .2s ease-in-out;
    width: 2.6rem
}

.pager__block .pager .pager__item:hover {
    background-color: #ffe1cc
}

.pager__block .pager .pager__item.--current {
    background-color: #ff6b00;
    color: #fff;
    cursor: default
}

.pager__block .pager .pager__item.--next,.pager__block .pager .pager__item.--prev {
    background-color: #0000
}

.pager__block .pager .pager__item.--next.disabled,.pager__block .pager .pager__item.--prev.disabled {
    cursor: not-allowed;
    opacity: .3
}

.container {
    min-height: 26rem
}

.loader,.loader:after,.loader:before {
    animation: load1 1s ease-in-out infinite;
    background: #ff6b00;
    height: 4em;
    width: 1em
}

.loader {
    animation-delay: -.16s;
    color: #ff6b00;
    font-size: 11px;
    margin: 88px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0)
}

.loader:after,.loader:before {
    content: "";
    position: absolute;
    top: 0
}

.loader:before {
    animation-delay: -.32s;
    left: -1.5em
}

.loader:after {
    left: 1.5em
}

@keyframes load1 {
    0%,80%,to {
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em
    }
}

.react-datepicker {
    border-radius: 0;
    box-shadow: 0 0 20px #3333334d;
    height: auto;
    padding: 0;
    width: 33.5rem
}

.react-datepicker .react-datepicker__triangle {
    display: none
}

.react-datepicker .react-datepicker__navigation {
    height: 5rem;
    top: 5rem;
    transition: background-color .2s ease-in-out;
    width: 5rem
}

.react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon:before {
    border-color: #777;
    height: 1.4rem;
    width: 1.4rem
}

.react-datepicker .react-datepicker__navigation:hover {
    background-color: #7777774d
}

.react-datepicker .react-datepicker__header--custom {
    display: grid;
    grid-template-rows: 5rem 5rem 4.1rem;
    height: 14.1rem
}

.react-datepicker .react-datepicker__header--custom .btn__close {
    align-items: center;
    background-color: #f1f1f1;
    cursor: pointer;
    display: flex;
    height: 5rem;
    justify-content: center;
    right: 0;
    top: 0;
    width: 5.5rem
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__nav {
    display: grid;
    grid-template-columns: 5rem 1fr 5rem;
    padding: 0 1.2rem
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__navigation {
    position: static
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__current-month {
    align-items: center;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: max-content max-content;
    justify-content: center
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__current-month .datepicker__header-date {
    font-size: 2rem
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__current-month .datepicker__header-date .--dropdown {
    background-color: #0000;
    border: 0;
    max-width: unset
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__current-month .datepicker__header-date .--dropdown: after {
    display:none
}

.react-datepicker .react-datepicker__header--custom .react-datepicker__current-month .datepicker__header-date .--dropdown .filter__control {
    font-size: 2rem;
    font-weight: 700;
    padding: 0
}

.react-datepicker .react-datepicker__navigation--previous {
    left: 0
}

.react-datepicker .react-datepicker__navigation--next {
    right: 0
}

.react-datepicker .react-datepicker__month-container {
    float: unset;
    height: 100%
}

.react-datepicker .react-datepicker__month-container .react-datepicker__header {
    background-color: #0000;
    border-bottom: 0;
    border-radius: 0;
    padding: 0
}

.react-datepicker .react-datepicker__month-container .react-datepicker__day-names {
    display: grid;
    font-size: 1.4rem;
    font-weight: 700;
    grid-template-columns: repeat(auto-fit,minmax(4.2rem,max-content));
    grid-template-rows: 4.1rem;
    margin-bottom: 0;
    padding: 0 1.2rem
}

.react-datepicker .react-datepicker__month-container .react-datepicker__day-names .react-datepicker__day-name {
    align-items: center;
    display: flex;
    height: 4.1rem;
    justify-content: center;
    line-height: 4.1rem;
    width: 4.2rem
}

.react-datepicker .react-datepicker__month-container .react-datepicker__day-names .react-datepicker__day-name:first-of-type {
    color: #e72d2d
}

.react-datepicker .react-datepicker__month-container .react-datepicker__day-names .react-datepicker__day-name:last-of-type {
    color: #2d82e7
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month {
    display: grid;
    font-size: 1.4rem;
    font-weight: 700;
    gap: .2rem;
    margin: 0;
    padding: 0 1.2rem 2rem
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(4.2rem,max-content));
    grid-template-rows: 4.1rem
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day {
    align-items: center;
    border-radius: .335rem;
    display: flex;
    height: 4.1rem;
    justify-content: center;
    line-height: 4.1rem;
    width: 4.2rem
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:first-of-type {
    color: #e72d2d
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:first-of-type.react-datepicker__day--selected {
    color: #fff
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:last-of-type {
    color: #2d82e7
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover {
    background-color: #0000;
    border: 2px solid #ff6b00;
    border-radius: .35rem
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected {
    background-color: #ff6b00;
    color: #fff
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected:hover {
    background-color: #ff6b00
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--today {
    background-color: #ffe1cc
}

.react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--disabled {
    background-color: #f1f1f1;
    pointer-events: none
}


#root {
    height: 100vh
}

.App {
    display: flex;
    flex-direction: column;
    height: 100%
}

.main {
    flex: 1 1;
    padding-top: 0;
}

.main__contents {
    background-color: #e9e9e9;
    flex: 1 1;
    height: 100%;
    padding: 2rem;
    width: 100%
}

.main__contents--column {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: 35rem;
    width: 35rem
}

@media screen and (min-width: 980px) {
    .main__contents--column {
        max-width:73rem;
        width: 73rem
    }
}

.main__contents--column .icon-notfound {
    color: #3339;
    font-size: 16rem;
    margin-bottom: 2.4rem
}

.main__contents--column .icon-error {
    color: red;
    font-size: 16rem;
    margin-bottom: 2.4rem
}

.main__contents--column .--title-secondary {
    color: #3339;
    font-family: \$font-secondary;
    font-size: 5rem
}

.main__contents--column .--title-secondary.--has-error {
    color: red;
    font-family: Noto Sans JP,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
    font-size: 3rem;
    margin-bottom: 2.4rem
}

@media screen and (min-width: 980px) {
    .main__contents--column .--title-secondary.--has-error {
        font-size:4rem;
        margin-bottom: 4rem
    }
}

.main__contents--column .--title-primary {
    color: #3333334d;
    font-size: 2rem;
    margin-bottom: 3.2rem
}

.main__contents--column .btn__row {
    margin-top: 1.6rem
}

.main__contents--column .btn__row .btn {
    border-radius: 2.5rem;
    max-width: 34rem;
    min-height: 5rem;
    width: 34rem
}

.main__contents--column .btn__row.--column {
    flex-direction: column;
    height: unset
}

.main__contents--column .btn__row.--column .btn+.btn {
    margin-left: 0;
    margin-top: 1.6rem
}

.contents__panel--list {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: max-content;
    height: 100%
}

@media screen and (min-width: 980px) {
    .contents__panel--list {
        grid-template-columns:1fr 34rem
    }

    .contents__panel--list.--stretch {
        grid-template-columns: 1fr
    }
}

.contents__panel {
    background-color: #fff;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%
}

.contents__panel.--panel-nest {
    background-color: #0000;
    gap: 2rem
}

.contents__panel.--panel-nest .contents__panel--body {
    background-color: #fff;
    border-radius: 0 0 1rem 1rem
}

@media screen and (min-width: 980px) {
    .contents__panel.--asset {
        grid-column:1/2;
        grid-row: 1/2
    }

    .contents__panel.--information {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .contents__panel.--campaign {
        background-color: #0000;
        grid-column: 1/2;
        grid-row: 2/3
    }

    .contents__panel.--campaign .contents__panel--body {
        background-color: #fff;
        border-radius: 0 0 1rem 1rem;
        flex: unset
    }

    .contents__panel.--panel-nest {
        grid-column: 2/3;
        grid-row: 2/3
    }
}

.contents__panel--header {
    align-items: center;
    background-color: #777;
    border-radius: 1rem 1rem 0 0;
    color: #fff;
    display: flex;
    height: 4.5rem;
    padding: 0 2rem
}

.contents__panel--title {
    font-size: 1.4rem
}

.contents__panel--body {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    padding: 2rem
}

.contents__panel--body.--stretch {
    padding: 0
}

.card__view--list {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    width: 100%
}

@media screen and (min-width: 768px) {
    .card__view--list {
        grid-template-columns:repeat(auto-fit,minmax(270px,1fr))
    }
}

.card__view--list .card__view--list-item {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    padding: 2rem
}

.card__view--list .card__view--list-item.--asset-item {
    padding: 0
}

.card__view--list .card__view--list-item.--asset-item .service__type {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    width: 100%
}

.card__view--list .card__view--list-item.--asset-item .id__number {
    align-items: center;
    display: flex;
    font-weight: 700;
    height: 1.6rem;
    justify-content: center;
    line-height: 2.8rem;
    margin-top: 1.2rem;
    padding: 0 .8rem
}

.card__view--list .card__view--list-item.--asset-item .id__number: empty {
    height:0;
    line-height: unset;
    margin: 0;
    padding: 0
}

.card__view--list .card__view--list-item.--asset-item .asset__block {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2.8rem;
    width: 100%
}

.card__view--list .card__view--list-item.--asset-item .asset__block--label {
    color: #000;
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-bottom: .8rem
}

.card__view--list .card__view--list-item.--asset-item .asset__block--value {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    text-align: right
}

.card__view--list .card__view--list-item.--asset-item .unit {
    font-size: 1.8rem;
    font-weight: 700
}

.card__view--list .card__view--list-item .card__view--header {
    align-items: center;
    background-color: #ebebeb;
    border-radius: 1rem 1rem 0 0;
    display: flex;
    flex-direction: column;
    height: 9rem;
    justify-content: center;
    width: 100%
}

.card__view--list .card__view--list-item .card__view--body {
    padding: 2rem;
    width: 100%
}

.card__view--list.--vertical {
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .card__view--list.--vertical {
        grid-template-columns:repeat(auto-fit,minmax(270px,1fr))
    }
}

.card__view--btn-col {
    display: grid;
    gap: 1.5rem
}

.card__view--btn-col .btn {
    border-radius: 3rem;
    height: 6rem
}

.--asset .contents__panel--body {
    flex-direction: column-reverse
}

@media screen and (min-width: 768px) {
    .--asset .contents__panel--body {
        flex-direction:column
    }
}

.info__list--view .list__view--item {
    display: flex;
    padding: 2rem
}

.info__list--view .list__view--item+.list__view--item {
    border-top: 1px solid #d6d6d6
}

.info-badge {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    min-width: 12rem;
    width: 12rem
}

.info-badge:after,.info-badge:before {
    align-items: center;
    background-color: #333;
    content: "";
    display: flex;
    height: 1.2rem;
    width: 1px
}

.info-badge.--important {
    color: #f02f1d
}

.info-badge.--important: after,.info-badge.--important:before {
    background-color:#ff4b1e
}

.info-badge.--most-important {
    color: #f02f1d
}

.info-badge.--most-important: after,.info-badge.--most-important:before {
    background-color:#ff4b1e
}

.service-badge {
    width: 14rem
}

.service-badge.--maimate {
    color: #12327e
}

.service-badge.--maimate: after,.service-badge.--maimate:before {
    background-color:#12327e
}

.service-badge.--tafx {
    color: #ff6a33
}

.service-badge.--tafx: after,.service-badge.--tafx:before {
    background-color:#ff6a33
}

.service-badge.--taetf {
    color: #ff187a
}

.service-badge.--taetf: after,.service-badge.--taetf:before {
    background-color:#ff187a
}

.service-badge.--click365 {
    color: #004da0
}

.service-badge.--click365: after,.service-badge.--click365:before {
    background-color:#004da0
}

.info--date-row {
    align-items: center;
    display: flex;
    display: grid;
    gap: 1.6rem;
    grid-template-columns: repeat(auto-fit,minmax(8.2rem,max-content))
}

.info--block {
    color: #000;
    display: grid;
    gap: .4rem;
    width: 100%
}

.info--date {
    color: #333;
    font-size: 1.4rem;
    line-height: 2.8rem
}

.info--date+.info--category {
    line-height: 2.8rem;
    margin-left: .4rem
}

.info--contents {
    align-items: flex-start;
    display: flex;
    line-height: 2.8rem
}

.info--contents .material-icons.--circle {
    background-color: #ff6b00;
    border-radius: 100%;
    color: #fff;
    font-size: 1.4rem;
    height: 1.4rem;
    margin-right: .8rem;
    width: 1.4rem
}

.info--title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: 1.4rem;
    overflow: hidden;
    width: 100%
}

.chart__contents {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: 1fr;
    margin-bottom: 3.2rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .chart__contents {
        grid-template-columns:28rem 1fr
    }
}

.chart__contents .chart__contents--item {
    width: 100%!important
}

.chart__contents .chart__contents--item canvas {
    position: relative;
    width: 100%!important;
    z-index: 5
}

@media screen and (min-width: 768px) {
    .chart__contents .chart__contents--item {
        width:auto!important
    }
}

.chart__contents .chart__contents--item+.chart__contents--item {
    margin-top: 1.2rem
}

@media screen and (min-width: 768px) {
    .chart__contents .chart__contents--item+.chart__contents--item {
        margin-top:0
    }
}

.chart__contents .--pie {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.4rem;
    width: 100%!important
}

@media screen and (min-width: 768px) {
    .chart__contents .--pie {
        justify-content:flex-start;
        margin-top: 0
    }
}

.chart__filter--list {
    align-items: center;
    display: flex;
    margin-bottom: .8rem;
    margin-left: 10%
}

.chart__filter--list .--list-item {
    flex: 1 1
}

@media screen and (min-width: 980px) {
    .chart__filter--list .--list-item {
        flex:unset;
        width: 7rem
    }
}

.chart__filter--list .--list-item+.--list-item {
    margin-left: .8rem
}

.chart__filter--list .--list-item .btn {
    border-bottom-width: 4px;
    color: #3339;
    flex: 1 1;
    height: 2.4rem;
    padding: 0 .8rem;
    transition: all .2s ease-in-out;
    width: 100%
}

.chart__filter--list .--list-item .btn.--active,.chart__filter--list .--list-item .btn: hover {
    border-color:#ff6b00;
    color: #333;
    font-weight: 700
}

.--chart {
    width: 100%
}

.chart__pie--block {
    height: 100%;
    position: relative;
    width: 100%!important
}

.chart__pie--info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    z-index: 1
}

.chart__pie--info .chart__pie--label {
    fill: #3339;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media screen and (max-width: 425px) {
    .chart__pie--info .chart__pie--label {
        font-size:3.6vw
    }
}

.chart__pie--info .chart__pie--value {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: .8rem
}

@media screen and (max-width: 425px) {
    .chart__pie--info .chart__pie--value {
        font-size:4vw
    }
}

.chart__pie--info .chart--plus {
    fill: red
}

.chart__pie--info .chart--minus {
    fill: #3285ea
}

.--w-full-inner {
    margin: 0 auto;
    max-width: 94rem
}

.bg--primary {
    background-color: #ff6b00;
    color: #fff
}

.--pc {
    display: none
}

@media screen and (min-width: 980px) {
    .--pc {
        display:block
    }

    .--sp {
        display: none
    }
}

.section__contents {
    padding: 3.2rem 0
}

@media screen and (min-width: 980px) {
    .section__contents {
        padding:10rem 0
    }
}

.section__contents.--light {
    background-color: #fff
}

.section__contents.--dark {
    background-color: #f8f8f8
}

.section__contents--block {
    padding: 0 4rem
}

@media screen and (min-width: 980px) {
    .section__contents--block {
        margin:0 auto;
        max-width: 980px;
        padding: 0;
        width: 100%
    }

    .section__contents--block.--fluid {
        align-items: center;
        display: flex;
        flex-direction: row;
        max-width: 129rem
    }

    .section__contents--block.--w-full {
        max-width: unset
    }
}

.section__contents--block.--light {
    background-color: #fff
}

.section__contents--block.--dark {
    background-color: #f1f1f1
}

.section__contents--block.--darker {
    background-color: #ddd7cc
}

.section__contents--block.--black {
    background-color: #000;
    color: #fff
}

.section__contents--block.--black .table__view .table__list--row {
    background-color: #fff
}

.section__contents--block.--bg-img.--refund-rate-c {
    background-color: #333;
    color: #fff
}

.section__contents--block.--bg-img.--comparison .img__block img {
    background-color: #ffffffd9
}

@media screen and (min-width: 980px) {
    .section__contents--block.--bg-img {
        background-position:50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .section__contents--block.--bg-img.--refund-rate-a {
        background-image: url(/account/static/media/bg-01_pc.fd94ee5daa12e035996f.png)
    }

    .section__contents--block.--bg-img.--refund-rate-b {
        background-image: linear-gradient(#fffc,#fffc),url(/account/static/media/bg-02_pc.c3c090b76c1cb0860f16.png)
    }

    .section__contents--block.--bg-img.--refund-rate-c {
        background-image: url(/account/static/media/bg-04_pc.2dd4806c89db7c403969.png)
    }

    .section__contents--block.--bg-img.--refund-rate-gold {
        background-image: url(/account/static/media/bg-gold-01_pc.852978135220341142bb.png)
    }

    .section__contents--block.--bg-img.--comparison {
        background-image: url(/account/static/media/bg-gold-02_pc.6d5b436de89f6691c2cb.png)
    }

    .section__contents--block.--bg-img.--gold-point {
        background-image: url(/account/static/media/bg-gold-03_pc.9f60540d466d3a5ebae1.png);
        background-position: top
    }

    .section__contents--block.--bg-img.--gold-service {
        background-image: url(/account/static/media/bg-gold-04_pc.9fcddaf222efcc355bf0.png);
        background-position: top
    }

    .section__contents--block.--lineup {
        background-image: url(/account/static/media/bg-03_pc.ee9fa0a8e2d974239312.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.img__refund-rate-block {
    display: grid;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .img__refund-rate-block {
        align-items:center;
        display: grid;
        gap: 2rem;
        grid-template-columns: 280px 1fr;
        grid-template-rows: 290px
    }
}

.img__refund-rate--list {
    background-color: #fff;
    display: grid;
    gap: 1.6rem;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width: 980px) {
    .img__refund-rate--list {
        grid-template-columns:repeat(2,240px);
        padding: 2.4rem 4.8rem
    }
}

.img__refund-rate--list .--list-item {
    align-items: center;
    background-color: #ab9b7a;
    border-radius: 4rem;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 8rem;
    justify-content: center;
    text-align: center;
    width: 24rem
}

.pages__section--block-title+.card__view--block {
    margin-top: 3.2rem
}

.card__view--block .card__view--list {
    display: grid;
    gap: 2.4rem
}

@media screen and (min-width: 980px) {
    .card__view--block .card__view--list.--lineup-list {
        grid-template-columns:repeat(3,1fr)
    }

    .card__view--block .card__view--list.--etc-list {
        grid-template-columns: repeat(2,1fr)
    }
}

.card__view--block .card__view--list .--list-item {
    display: grid;
    grid-template-rows: 87.5px 1fr
}

@media screen and (min-width: 980px) {
    .card__view--block .card__view--list .--list-item {
        grid-template-rows:105px 1fr
    }
}

.card__view--block .card__view--list .--list-item .--list-header {
    align-items: center;
    background-color: #ab9b7a;
    border-radius: 10px 10px 0 0;
    color: #fff;
    display: flex;
    font-size: 2.2rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 1.1px
}

.card__view--block .card__view--list .--list-item .--list-body {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    display: grid;
    gap: 2.4rem;
    padding: 2.4rem 3.2rem 4.8rem
}

@media screen and (min-width: 980px) {
    .card__view--block .card__view--list .--list-item .--list-body {
        gap:1.6rem;
        padding: 2.4rem 2.4rem 4.8rem
    }
}

.card__view--block .card__view--list .--list-item .--list-body.--dark {
    background-color: #f1f1f1
}

.card__view--block .card__view--list .--list-item .--list-body-img {
    display: flex;
    height: 180px;
    margin: -50px auto 0;
    width: 180px
}

.card__view--block .card__view--list .--list-item .--list-body-img img {
    border-radius: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%
}

.card__view--block .card__view--list .--list-item .--list-body-title {
    font-weight: 700;
    text-align: center
}

.card__view--block .card__view--list .--list-item .--list-body-note {
    font-size: 1.6rem;
    line-height: 2.8rem
}

.card__view--block .card__view--list .--list-item .attention__message--list {
    font-size: 1.4rem;
    line-height: normal
}

.card__view--block+.btn__block {
    margin-top: 5.6rem
}

@media screen and (min-width: 980px) {
    .card__view--block+.btn__block {
        margin-top:8rem
    }
}

.contents__block {
    padding: 2.4rem 0
}

@media screen and (min-width: 980px) {
    .contents__block {
        margin:0 auto;
        max-width: 940px;
        padding: 5.6rem 0;
        width: 100%
    }
}

.contents__block a img:hover {
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.contents__block+.contents__block {
    padding-top: 12rem
}

@media screen and (min-width: 980px) {
    .contents__block+.contents__block {
        padding-top:9.8rem
    }
}

.contents__block--title {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 4.6rem;
    margin-bottom: 5.6rem;
    text-align: center
}

.contents__block--title .--title-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .contents__block--title .--title-label br {
        display:none
    }
}

.contents__block--title:after {
    background-color: #ff6b00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.2rem auto 0;
    width: 4rem
}

.contents__block--note {
    font-size: 1.4rem;
    letter-spacing: .7px;
    line-height: 2.8rem
}

.contents__block--note .--notice {
    color: #ff6b00;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2.4rem
}

.contents__block--note .--title-primary {
    color: #ff6b00;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.7rem;
    margin-bottom: 1.6rem
}

.contents__block--note+.--note--scroll-col,.contents__block--note+.img__block,.contents__block--note+.pages__section--block {
    margin-top: 4.8rem
}

.contents__block--note.--pc-center br {
    display: none
}

@media screen and (min-width: 980px) {
    .contents__block--note.--pc-center {
        text-align:center
    }

    .contents__block--note.--pc-center br {
        display: block
    }
}

.contents__block--note.--pc-center .--title-primary br {
    display: block
}

@media screen and (min-width: 980px) {
    .contents__block--note.--pc-center .--title-primary br {
        display:none
    }
}

.pages__section--block:not(:last-of-type) {
    margin-bottom: 6rem
}

.pages__section--block.--offset {
    display: none;
    margin-top: -12rem;
    padding-top: 12rem
}

.pages__section--block.--offset.--is-show {
    display: block
}

.pages__section--block-title {
    background-color: #0000;
    border-left: 0;
    display: flex;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
    padding: 0
}

@media screen and (min-width: 980px) {
    .pages__section--block-title {
        font-size:3.4rem;
        line-height: 3.4rem;
        white-space: nowrap
    }

    .pages__section--block-title.--secondary {
        font-size: 2.2rem;
        line-height: 2.8rem
    }

    .pages__section--block-title br {
        display: none
    }

    .pages__section--block-title.--new-line {
        align-items: flex-start;
        line-height: normal
    }

    .pages__section--block-title.--new-line: before {
        position:relative;
        top: 1rem
    }

    .pages__section--block-title.--new-line br {
        display: block
    }
}

.pages__section--block-title:before {
    background-color: #ff6b00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.5rem 1rem 1.5rem 0;
    min-width: .9rem;
    width: .9rem
}

.pages__section--block-title+.pages__section--block-logo {
    margin-top: 2.8rem
}

.contents__header .title__primary {
    color: #ff6b00;
    font-family: Raleway,sans-serif;
    font-size: 5.4rem;
    line-height: 6.3rem
}

.contents__header .title__primary span {
    display: block
}

@media screen and (min-width: 980px) {
    .contents__header .title__primary span {
        display:inline-flex
    }

    .contents__header .title__primary span+span {
        margin-left: 1.4rem
    }

    .contents__header .title__primary {
        font-size: 7rem;
        font-weight: 700;
        line-height: 8.2rem
    }
}

.contents__header .title__primary+.title__secondary {
    margin-top: 1.6rem
}

@media screen and (min-width: 980px) {
    .contents__header .title__primary+.title__secondary {
        margin-top:1.6rem
    }
}

.contents__header .title__secondary {
    color: #3339;
    display: flex;
    font-size: 1.6rem;
    line-height: 2.2rem
}

.contents__header .title__secondary:before {
    align-items: center;
    background-color: #ff6b00;
    content: "";
    display: flex;
    height: .2rem;
    margin-right: 1.6rem;
    margin-top: .9rem;
    width: 4rem
}

.contents__body {
    margin-top: 3.2rem
}

@media screen and (min-width: 980px) {
    .contents__body {
        margin-top:4rem
    }
}

.contents__body--note {
    line-height: 2.8rem
}

.description__note--block .--block-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 1.2rem
}

@media screen and (min-width: 980px) {
    .description__note--block .--block-title {
        font-size:2.2rem;
        margin-bottom: 2.4rem
    }
}

.description__note--block .--block-title.--dark {
    color: #ab9b7a
}

.description__note--block.--split-block {
    display: grid;
    gap: 3.2rem
}

@media screen and (min-width: 980px) {
    .description__note--block.--split-block {
        gap:6rem;
        grid-template-columns: 1fr 40rem
    }
}

.description__note--block .--note-primary+.--note-primary {
    margin-top: 1.6rem
}

.description__note--block+.description__note--block {
    margin-top: 4rem
}

.description__note--block+.contact__block--list,.description__note--block+.img__block,.description__note--block+.img__list {
    margin-top: 2.4rem
}

.description__note--block+.btn__block {
    margin-top: 5.6rem
}

@media screen and (min-width: 980px) {
    .description__note--block+.btn__block {
        margin-top:8rem
    }
}

.btn__block {
    display: flex;
    width: 100%
}

@media screen and (min-width: 980px) {
    .btn__block {
        max-width:94rem
    }
}

.btn__block.--center {
    justify-content: center
}

.btn__block.--vertical {
    align-items: center;
    flex-direction: column
}

.btn__block.--vertical .btn__block--note {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 1.4rem
}

.btn__block.--vertical .btn__block--note.--primary {
    color: #ff6b00
}

.btn__block.--vertical .btn__block--note.--secondary {
    color: #333;
    font-weight: 400
}

.btn__block.--vertical .btn__block--note.--under {
    margin-bottom: 0;
    margin-top: 3.2rem
}

.btn__block .btn__title--block {
    z-index: 1
}

@media screen and (min-width: 980px) {
    .btn__block .btn__title--block {
        padding-right:5.6rem
    }
}

.btn__block .btn__title--block .btn__title {
    color: #ff6b00;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: .8rem;
    white-space: nowrap
}

@media screen and (min-width: 980px) {
    .btn__block .btn__title--block .btn__title {
        margin-bottom:1.2rem
    }
}

.btn__block .btn__title--block .btn__note {
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-bottom: 1.6rem
}

@media screen and (min-width: 980px) {
    .btn__block .btn__title--block .btn__note {
        margin-bottom:0
    }
}

.btn__card {
    background-color: red;
    border-radius: 3rem;
    color: #f5f5f5;
    flex-direction: column;
    height: 6rem;
    max-width: 28rem
}

.btn__card.--cancellation {
    background-color: #777
}

.btn__card.--cancellation.--ripple {
    border: 1px solid #777
}

.btn__card.--cancellation.--ripple: hover {
    background-color:#fff;
    color: #777
}

@media screen and (min-width: 980px) {
    .btn__card.--wide {
        max-width:55rem
    }
}

.btn__card.--ripple {
    border: 1px solid red
}

.btn__card.--ripple: hover {
    background-color:#fff;
    color: red
}

@media screen and (min-width: 980px) {
    .btn__card {
        border-radius:5.5rem;
        height: 11rem;
        max-width: 50rem
    }
}

.btn__card .btn__label.--primary {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .9px
}

@media screen and (min-width: 980px) {
    .btn__card .btn__label.--primary {
        font-size:3rem;
        letter-spacing: 1.2px;
        margin-bottom: .8rem
    }
}

.btn__card .btn__label.--secondary {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .5px
}

@media screen and (min-width: 980px) {
    .btn__card .btn__label.--secondary {
        font-size:1.4rem;
        letter-spacing: .7px
    }
}

.--inv-card .tab__body {
    padding: 0
}

.--inv-card .tab__block {
    padding: 0 4rem 2.4rem
}

@media screen and (min-width: 980px) {
    .--inv-card .tab__block {
        margin:0 auto 3.2rem;
        max-width: 940px;
        width: 100%
    }
}

.--inv-card .tab__header--list {
    display: grid;
    gap: .8rem
}

@media screen and (min-width: 980px) {
    .--inv-card .tab__header--list {
        gap:3.2rem;
        grid-template-columns: max-content max-content max-content
    }
}

.--inv-card .tab__header--list .tab__btn {
    cursor: pointer;
    font-weight: 700;
    transition: color .2s ease-in-out
}

.--inv-card .tab__header--list .tab__btn.--active {
    color: #ff6b00;
    cursor: default
}

.--inv-card .tab__header--list .tab__btn: hover {
    color:#ff6b00
}

.mv__contents .mv__slider {
    display: grid;
    justify-content: center
}

.img__block {
    display: grid;
    gap: 1.2rem
}

@media screen and (min-width: 980px) {
    .img__block {
        gap:2.4rem
    }
}

.img__block.--card {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.6rem
}

.img__block.--card img {
    width: 250px
}

@media screen and (min-width: 980px) {
    .img__block.--card img {
        width:300px
    }
}

.img__block.--v-wide {
    margin-top: 4.8rem
}

.img__block.--v-wide+.btn__block {
    margin-top: 5.6rem
}

@media screen and (min-width: 980px) {
    .img__block.--v-wide+.btn__block {
        margin-top:8rem
    }

    .img__block+.btn__block.--vertical {
        margin-top: 2.4rem
    }
}

.img__block img.--sp {
    max-width: 100%
}

.img__block a {
    display: grid
}

.img__block+.btn__block {
    margin-top: 4.8rem
}

@media screen and (min-width: 980px) {
    .img__block+.btn__block {
        margin-top:8rem
    }
}

.img__block+.img__list {
    margin-top: 1.2rem
}

@media screen and (min-width: 980px) {
    .img__block+.img__list {
        margin-top:3.2rem
    }
}

.img__block+.description__note--block {
    margin-top: 1.6rem
}

.img__list {
    display: grid;
    gap: .8rem;
    grid-template-columns: 100%;
    grid-template-rows: auto
}

@media screen and (min-width: 980px) {
    .img__list {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: 173px
    }
}

.img__list.--step {
    gap: .4rem;
    grid-template-columns: repeat(2,153px);
    grid-template-rows: 153px;
    justify-content: center;
    margin-top: 3.2rem
}

@media screen and (min-width: 980px) {
    .img__list.--step {
        gap:.8rem;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 229px;
        margin-bottom: .8rem
    }
}

.img__list.--step .--list-item img {
    width: 100%
}

.img__list .--list-item {
    text-align: center
}

.img__list .--list-item img {
    width: 100%
}

.contact__block--list {
    color: #000;
    display: grid;
    gap: 1.2rem
}

@media screen and (min-width: 980px) {
    .contact__block--list {
        gap:2.4rem;
        grid-template-columns: repeat(2,1fr)
    }
}

.contact__block--list .--list-item {
    background-color: #f1f1f1;
    border-radius: 10px;
    display: grid;
    gap: 1.6rem;
    justify-content: center;
    padding: 3.2rem;
    text-align: center
}

.contact__block--list .--list-item .--list-item-header {
    align-items: center;
    background-color: #fff;
    border-radius: 3rem;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 6rem;
    justify-content: center;
    letter-spacing: .8px
}

@media screen and (min-width: 980px) {
    .contact__block--list .--list-item .--list-item-header {
        width:350px
    }

    .contact__block--list .--list-item .--list-item-header br {
        display: none
    }
}

.contact__block--list .--list-item .--phone-number {
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 3.2rem
}

.contact__block--list .--list-item .--phone-number a {
    color: #ff6b00;
    text-decoration: none
}

.contact__block--list+.btn__block {
    margin-top: 3.2rem
}

@media screen and (min-width: 980px) {
    .contact__block--list+.btn__block {
        margin-top:8rem
    }
}

.inv__card--list {
    display: grid;
    gap: 1.6rem;
    margin-top: 1.6rem
}

@media screen and (min-width: 980px) {
    .inv__card--list {
        gap:1.2rem;
        grid-template-columns: repeat(3,1fr)
    }
}

.inv__card--list .--list-item {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    text-align: center
}

.inv__card--list .--list-item .--list-header {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 1.6rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .inv__card--list .--list-item .--list-header {
        font-size:2.2rem;
        height: 12rem;
        margin-bottom: 0
    }
}

.inv__card--list .--list-item .--list-body {
    align-items: flex-end;
    display: grid;
    justify-content: center;
    padding: 0 1.6rem 3.2rem;
    position: relative;
    width: 100%;
    z-index: 1
}

.inv__card--list .--list-item .--list-body: after {
    background-color:#f1f1f1;
    border-radius: 10px;
    bottom: 0;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.inv__card--list .--list-item .--list-body .--note-primary {
    margin-bottom: 1.6rem;
    text-align: center
}

.inv__card--list .--list-item .--list-body .img__block {
    align-items: flex-end;
    display: grid;
    padding-bottom: 2.4rem
}

@media screen and (min-width: 980px) {
    .inv__card--list .--list-item .--list-body .img__block {
        height:21.4rem
    }
}

.--inv-card .img__block.--card-mv {
    display: block
}

.--inv-card .img__block.--card-mv img {
    object-fit: cover;
    width: 100%
}

.scroll__block {
    overflow-x: auto;
    width: calc(100% + 40px)
}

@media screen and (min-width: 980px) {
    .scroll__block {
        width:100%
    }
}

.table__view {
    display: grid;
    gap: .4rem
}

.table__view .table__list--row {
    background-color: #f1f1f1;
    display: grid;
    grid-template-columns: 220px 720px;
    grid-template-rows: auto
}

.table__view .table__list--row .--list-header {
    background-color: #777;
    color: #fff;
    display: grid;
    padding: 1.6rem
}

.table__view .table__list--row .--list-body {
    color: #000;
    padding: 1.6rem 1.2rem
}

.login__panel {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%
}

@media screen and (min-width: 980px) {
    .login__panel {
        flex-direction:row;
        height: 100%;
        width: 100%
    }
}

.login__panel .login__panel--block {
    align-items: flex-end;
    display: flex;
    padding: 2rem 1rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--block {
        flex:1 1;
        height: 100%;
        padding: 2rem
    }
}

.login__panel .login__panel--block.--has-header.logo__panel {
    margin-top: 7rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--block.--has-header.logo__panel {
        margin-top:0;
        padding-top: 9rem
    }
}

.login__panel .login__panel--block.--has-header.login__panel--contents {
    padding-top: 7rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--block.--has-header.login__panel--contents {
        padding:9rem 0
    }

    .login__panel .login__panel--block.--has-header.login__panel--contents .main {
        padding: 2rem
    }

    .login__panel .login__panel--block.--has-header.login__panel--contents .main .main__contents--column {
        width: 100%
    }
}

.login__panel .login__panel--block .filter__note--list {
    background-color: #fff;
    border-radius: 2rem;
    line-height: 4rem;
    min-height: 4rem;
    padding: 0 1.2rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--block .filter__note--list {
        padding:0 1.6rem
    }
}

.login__panel .login__panel--block .filter__note--list .filter__note--list-item {
    color: #ff6b00;
    font-size: 1.4rem;
    font-weight: 700
}

.login__panel .login__panel--block .filter__note--list .filter__note--list-item+.filter__note--list-item {
    margin-top: .4rem
}

.login__panel .login__panel--block.logo__panel {
    align-items: center;
    background-color: #ff6b00;
    flex-direction: column
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--block.logo__panel {
        align-items:flex-start
    }
}

.login__panel .login__panel--block.logo__panel .login__panel--logo {
    background-image: url(/account/static/media/login-logo-sp.e4452690ef2d36e02c1a.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 15rem;
    height: 3.3rem;
    margin-bottom: 2rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--block.logo__panel .login__panel--logo {
        background-image:url(/account/static/media/login-logo-pc.0ed37003706348effe02.png);
        background-size: 15rem;
        height: 100%
    }
}

.login__panel .login__panel--contents {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 7.2rem 1.6rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents {
        justify-content:center;
        padding: 7.2rem 1.6rem
    }
}

.login__panel .login__panel--contents .panel__title {
    font-family: Raleway,sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-bottom: 4rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents .panel__title {
        font-size:4rem;
        margin-bottom: 3.2rem
    }
}

.login__panel .login__panel--contents .panel__title.--secondary {
    font-family: Noto Sans JP,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
    font-size: 2rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents .panel__title.--secondary {
        font-size:2rem
    }
}

.login__panel .login__panel--contents .filter__block {
    max-width: 34rem;
    min-width: 34rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents .filter__block {
        max-width:44rem;
        min-width: 44rem
    }
}

.login__panel .login__panel--contents .filter__block .icon__block {
    margin-bottom: 3.2rem
}

.login__panel .login__panel--contents .filter__block.--error-block {
    margin: auto;
    overflow-y: unset;
    padding-top: 0
}

.login__panel .login__panel--contents .filter__block.--activation-block {
    overflow-y: unset;
    padding: 0
}

.login__panel .login__panel--contents .filter__block.--activation-block .btn__row {
    margin-top: 5.6rem
}

.login__panel .login__panel--contents .filter__block.filter__block--note {
    width: auto
}

.login__panel .login__panel--contents .filter__block .filter__list.--login {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin: 0 auto;
    width: 100%
}

.login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item {
    border-top: 0;
    min-height: 5rem;
    padding: 0
}

.login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item .filter__label {
    color: #333;
    line-height: 2.2rem;
    margin-bottom: .8rem;
    width: unset
}

.login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item .filter__box {
    border-radius: 2.5rem;
    height: 5rem
}

.login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item .filter__box .filter__control {
    border-radius: 2.5rem;
    font-size: 1.6rem;
    height: calc(5rem - 2px)
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item .filter__box {
        width:100%
    }
}

.login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item: last-of-type {
    border-bottom:0
}

.login__panel .login__panel--contents .filter__block .filter__list.--login .filter__list--item: nth-of-type(2n) {
    background-color:#0000
}

.login__panel .login__panel--contents .note__secondary+.btn__row {
    margin-top: 4.8rem
}

.login__panel .login__panel--contents .btn__row {
    gap: 2.4rem
}

.login__panel .login__panel--contents .btn__row .btn {
    border-radius: 2.5rem;
    height: 5rem;
    max-width: 34rem;
    min-height: 5rem;
    width: 34rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents .btn__row .btn {
        max-width:30rem
    }
}

.login__panel .login__panel--contents .btn__row .btn+.btn {
    margin-left: 0;
    margin-top: 0
}

.login__panel .login__panel--contents .btn__row.--column {
    flex-direction: column
}

.login__panel .login__panel--contents .btn__row.--column .--nest-row {
    flex-direction: column;
    gap: 2rem
}

@media screen and (min-width: 980px) {
    .login__panel .login__panel--contents .btn__row.--column .--nest-row {
        flex-direction:row
    }
}

.login__panel .login__panel--contents .note__list .note__primary {
    align-items: center;
    display: flex
}

.login__panel .login__panel--contents .note__list .note__primary .material-icons {
    margin-right: .4rem
}

.login__panel .login__panel--contents .note__primary.--has-error {
    color: red;
    font-size: 1.4rem;
    line-height: 4rem
}

.login__panel .login__panel--contents .note__primary:empty {
    margin-bottom: 0
}

.login__panel .login__panel--contents .filter__block--note {
    text-align: left
}

.login__panel .login__panel--contents .filter__block--note .icon-error {
    color: #777;
    font-size: 10rem
}

.login__panel .login__panel--contents .filter__block--note .filter__note-primary {
    color: #333;
    font-size: 3.2rem;
    line-height: 5rem;
    margin-bottom: 5rem;
    text-align: center
}

.--payment {
    height: 100%
}

.--payment .contents__panel--body {
    padding: 2rem 0
}

.--payment .filter__row {
    padding: 0 1.6rem
}

@media screen and (min-width: 980px) {
    .--payment .filter__row {
        display:none
    }
}

.--payment .tab__header {
    display: none
}

@media screen and (min-width: 980px) {
    .--payment .tab__header {
        display:grid
    }
}

.--payment .tab__body {
    padding: 2rem 1.6rem 0
}

@media screen and (min-width: 980px) {
    .--payment .--list-item {
        grid-template-columns:20rem 30rem 1fr
    }
}

.--payment .link__text {
    align-items: center;
    line-height: 3rem;
    margin-left: 2rem
}

@media screen and (min-width: 980px) {
    .--payment .link__text {
        margin-left:auto
    }
}

.--payment .link__text .icon__edit {
    margin-right: .8rem
}

@media screen and (min-width: 980px) {
    .--payment .btn__row {
        align-items:flex-start;
        padding-left: 22rem
    }

    .--payment .btn__row.--align-center {
        align-items: center
    }
}

@media screen and (min-width: 980px)and (min-width:980px) {
    .--payment .btn__row.--align-center .--nest-row {
        justify-content:center
    }
}

.--payment .btn__row .--nest-row {
    flex-direction: column
}

@media screen and (min-width: 980px) {
    .--payment .btn__row .--nest-row {
        flex-direction:row;
        justify-content: flex-start
    }
}

.--payment .btn__row+.description__block {
    margin-top: 4rem
}

.filter__result--block {
    align-items: center;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 2rem 2rem;
    text-align: center
}

@media screen and (min-width: 980px) {
    .filter__result--block {
        flex-direction:row;
        justify-content: flex-start;
        padding: 4rem;
        text-align: left
    }
}

.filter__result--block [class^=icon] {
    margin-bottom: 2rem
}

@media screen and (min-width: 980px) {
    .filter__result--block [class^=icon] {
        margin-bottom:0;
        margin-right: 4.5rem
    }
}

.filter__result--block .icon__success {
    margin-bottom: 2rem
}

@media screen and (min-width: 980px) {
    .filter__result--block .icon__success {
        margin-bottom:0;
        margin-right: 4.5rem
    }
}

.filter__result--block .--result-description {
    display: grid;
    gap: .8rem;
    text-align: left
}

@media screen and (min-width: 980px) {
    .filter__result--block .--result-description {
        max-width:unset
    }
}

.filter__result--block .--result-description .--result-title+.--resultn-note {
    margin-top: 1.2rem
}

.filter__result--block .--result-description .--result-note {
    line-height: 2.8rem;
    text-align: center
}

@media screen and (min-width: 980px) {
    .filter__result--block .--result-description .--result-note {
        text-align:left
    }

    .filter__result--block .--result-description .--result-note br {
        display: none
    }
}

.filter__result--block .--result-title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.4rem
}

.filter__result--block .--result-title.--completion {
    color: #ff6b00
}

.filter__result--block .--result-title.--failed {
    color: #777
}

.filter__result--block+.result__note--list {
    margin: 2rem auto 3.2rem
}

.filter__result--block+.--note {
    margin-top: 1.6rem
}

.filter__result--block+.btn__row {
    margin-top: 4rem
}

@media screen and (min-width: 980px) {
    .filter__result--block+.btn__row {
        justify-content:flex-start;
        padding-left: 18.5rem
    }
}

.filter__result--block+.btn__row .btn {
    max-width: 30rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .filter__result--block+.btn__row .btn {
        width:30rem
    }
}

.result__note--list {
    display: grid;
    gap: 1rem
}

.result__note--list .result__note--primary {
    color: #ff6b00;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: .8rem
}

.result__note--list .result__note--secondary,.tab__body--note {
    line-height: 2.8rem
}

.tab__body--note {
    margin-bottom: 1.6rem
}

.description__block+.description__block {
    margin-top: 2rem
}

.description__block .description__block--title {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: .8rem
}

.description__block .description__note {
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-bottom: 1.2rem
}

.filter__modal--view .filter__list {
    gap: 1.6rem
}

.filter__modal--view .filter__list .filter__list--item {
    gap: .8rem
}

.filter__modal--view .filter__list .filter__list--item.--term .filter__box {
    max-width: 13rem
}

.filter__modal--view .filter__list .filter__cell {
    padding: 0
}

@media screen and (min-width: 980px) {
    .--payment-history .filter__row {
        display:block
    }
}

.--payment-history .table__header {
    display: none
}

@media screen and (min-width: 980px) {
    .--payment-history .table__header {
        display:table
    }

    .--payment-history .table__header td: not(.stretch-cell),.--payment-history .table__header th:not(.stretch-cell) {
        width:15rem
    }

    .--payment-history .table__header td.summary-cell,.--payment-history .table__header th.summary-cell {
        width: 16rem
    }
}

.btn__search {
    margin-bottom: 2rem
}

@media screen and (min-width: 980px) {
    .btn__search {
        display:none
    }
}

.modal__view.--is-show {
    background-color: #00000080;
    display: grid;
    height: 100vh;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

@media screen and (min-width: 980px) {
    .modal__view.--is-show {
        align-items:center;
        background-color: #0000;
        grid-template-columns: 1fr;
        height: auto;
        justify-content: center;
        overflow: unset;
        position: static;
        width: 100%
    }
}

.modal__view.--is-show .filter__modal--view {
    margin-top: 0;
    padding: 0 2rem 3.2rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .modal__view.--is-show .filter__modal--view {
        padding:0
    }
}

.modal__view.--is-show .filter__list--item {
    display: grid;
    gap: .4rem;
    grid-template-columns: 1fr;
    grid-template-rows: 3.4rem 3.7rem
}

@media screen and (min-width: 980px) {
    .modal__view.--is-show .filter__list--item {
        grid-template-columns:max-content 1fr;
        grid-template-rows: auto
    }
}

.modal__view.--is-show .filter__list--item .filter__cell {
    display: grid;
    padding: 0;
    width: 100%
}

.modal__view.--is-show .filter__list--item .filter__cell .filter__box {
    max-width: unset;
    width: 100%
}

.modal__view.--is-show .btn__close {
    display: block
}

@media screen and (min-width: 980px) {
    .modal__view.--is-show .btn__close {
        display:none
    }
}

.modal__view.--is-hidden .modal__view--dialog {
    display: none
}

@media screen and (min-width: 980px) {
    .modal__view.--is-hidden .modal__view--dialog {
        display:block
    }
}

.modal__view .modal__view--dialog {
    background-color: #fff;
    display: grid;
    grid-template-rows: 6rem 1fr;
    max-height: 63rem;
    max-width: 37.5rem;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    position: relative;
    transition: transform .3s ease-out;
    width: 100%
}

@media screen and (min-width: 980px) {
    .modal__view .modal__view--dialog {
        grid-template-rows:auto;
        height: max-content;
        max-width: unset;
        overflow: unset
    }
}

.modal__view .--title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: .4rem;
    margin-bottom: 3.2rem;
    text-align: center
}

@media screen and (min-width: 980px) {
    .modal__view .--title {
        display:none
    }
}

.modal__view .filter__list {
    align-items: flex-start;
    background-color: #f1f1f1;
    display: grid;
    gap: 1rem;
    margin-top: 0;
    padding: 2rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .modal__view .filter__list {
        background-color:#0000;
        grid-template-columns: repeat(auto-fit,minmax(4.2rem,max-content));
        padding: 0
    }
}

.modal__view .filter__list--item.--term {
    align-items: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-rows: 3.4rem auto
}

@media screen and (min-width: 980px) {
    .modal__view .filter__list--item.--term {
        grid-template-columns:max-content 1fr;
        grid-template-rows: auto
    }
}

.modal__view .filter__list--item.--term .filter__label {
    align-items: center;
    display: flex;
    height: 3.7rem
}

.modal__view .filter__list--item.--term .filter__cell {
    gap: 2rem;
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .modal__view .filter__list--item.--term .filter__cell {
        align-items:flex-start;
        display: grid;
        gap: 0;
        grid-auto-rows: auto;
        grid-template-columns: max-content max-content
    }
}

.modal__view .filter__list--item.--term .--term-block {
    display: grid;
    grid-template-columns: 1fr 3.4rem
}

@media screen and (min-width: 980px) {
    .modal__view .filter__list--item.--term .--term-block {
        grid-template-columns:1fr max-content
    }
}

.modal__view .filter__list--item.--term .--term-block .filter__datepicker {
    min-width: min-content
}

@media screen and (min-width: 980px) {
    .modal__view .filter__list--item.--term .--term-block .filter__message {
        max-width:20rem
    }
}

.modal__view .btn__close {
    background-color: #f1f1f1;
    background-image: url(/account/static/media/icon-close.d839934d37e3ba91f8fc.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 2rem 2rem;
    border: 0;
    display: none;
    height: 6rem;
    margin-left: auto;
    padding: 0;
    width: 5.8rem
}

@media screen and (min-width: 980px) {
    .modal__view+.table__listview {
        margin-top:1.6rem
    }
}

.--payable-bank .--edit-item .value--cell {
    padding: 2rem
}

@media screen and (min-width: 980px) {
    .--payment .--solid-listview .--list-item {
        grid-template-columns:20rem 1fr
    }

    .--payment .--solid-listview .--list-item .filter__box {
        max-width: 30rem
    }
}

.--payment .--solid-listview .--list-item .--filter-block .note__primary {
    margin-top: .4rem
}

.account__block--value {
    align-items: center;
    display: flex
}

.account__listview {
    border: 0
}

.account__listview .account__listview--item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 4.6rem;
    padding: .8rem
}

.account__listview .account__listview--item .account__block {
    flex: 1 1
}

@media screen and (min-width: 980px) {
    .account__listview .account__listview--item .account__block {
        align-items:center;
        display: flex;
        flex: 1 1
    }
}

.account__listview .account__listview--item .account__block .account__block--label {
    color: #3339;
    font-size: 1.4rem
}

@media screen and (min-width: 980px) {
    .account__listview .account__listview--item .account__block .account__block--label {
        font-size:1.4rem;
        width: 20rem
    }
}

.account__listview .account__listview--item .account__block .account__block--value {
    line-height: 3rem
}

@media screen and (min-width: 980px) {
    .account__listview .account__listview--item .account__block .account__block--value {
        padding:0 1.6rem;
        width: 20rem
    }
}

.account__listview .account__listview--item .account__block .account__block--value.--wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: .8rem;
    width: auto
}

@media screen and (min-width: 980px) {
    .account__listview .account__listview--item .account__block .account__block--value.--wrap {
        margin-top:0
    }
}

.account__listview .account__listview--item.--column {
    align-items: flex-start;
    flex-direction: column
}

@media(min-width: 980px) {
    .account__listview .account__listview--item.--column {
        align-items:center;
        flex-direction: row
    }
}

.account__listview .account__listview--item.--column .account__block,.account__listview .account__listview--item.--column .service__list {
    width: 100%
}

.account__listview .account__listview--item.--column .service__list.--wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.account__listview .account__listview--item.--column .service__list.--wrap .service__list--item {
    width: 15rem
}

.account__listview .account__listview--item.--column .link__text {
    margin-left: auto
}

.--account-info .filter__row .btn {
    width: 12rem
}

.--account-edit {
    position: sticky
}

@media screen and (min-width: 980px) {
    .--account-edit .filter__row {
        display:none
    }
}

.--account-edit .filter__check--list {
    display: grid;
    gap: .8rem;
    grid-template-columns: 1fr
}

@media screen and (min-width: 980px) {
    .--account-edit .filter__check--list {
        grid-template-columns:repeat(4,max-content)
    }
}

.--account-edit .tab__body {
    padding-bottom: 0
}

@media screen and (min-width: 980px) {
    .--account-edit .tab__body {
        margin-top:2rem
    }
}

.--account-edit .tab__header {
    display: none
}

@media screen and (min-width: 980px) {
    .--account-edit .tab__header {
        display:grid
    }
}

.--account-edit .btn__row {
    background-color: #fffffff2;
    bottom: 0;
    left: 0;
    padding: 1.2rem 0;
    position: sticky;
    right: 0;
    z-index: 3
}

@media screen and (min-width: 980px) {
    .--account-edit .btn__row .--nest-row {
        justify-content:flex-start;
        padding-left: 21.4rem
    }
}

.--account-edit .--listview.--account-info-view .--listview-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3.6rem auto;
    min-height: unset;
    padding: 0
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .--listview-item {
        grid-template-columns:24rem 1fr;
        grid-template-rows: auto
    }
}

.--account-edit .--listview.--account-info-view .--listview-item>.label--cell {
    align-items: center;
    background-color: #ffe1cc;
    border-bottom: 1px solid #d6d6d6;
    color: #333;
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0;
    padding: .8rem 2rem
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .--listview-item>.label--cell {
        border-bottom:0;
        font-size: 1.4rem
    }
}

.--account-edit .--listview.--account-info-view .value--cell {
    font-size: 1.6rem;
    min-height: 3.6rem;
    padding: .8rem 2rem
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .value--cell {
        font-size:1.4rem
    }
}

.--account-edit .--listview.--account-info-view .value--cell.--nest {
    padding: 0
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list {
        line-height:3.6rem
    }
}

.--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .--item-nest {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3.6rem auto
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .--item-nest {
        grid-template-columns:18rem 1fr;
        grid-template-rows: auto
    }

    .--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .--item-nest+.--item-nest {
        border-top-style: dotted
    }
}

.--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .label--cell {
    align-items: center;
    background-color: #0000;
    border-right: 0;
    display: flex;
    margin-bottom: 0;
    padding: 0 2rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .label--cell {
        background-color:#0000
    }
}

.--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .value--cell {
    padding: .8rem 2rem 1.2rem
}

@media screen and (min-width: 980px) {
    .--account-edit .--listview.--account-info-view .value--cell.--nest .--nest-list .value--cell {
        padding:0 2rem
    }

    .--account-edit .--listview .label--cell {
        width: unset
    }
}

.toggle__switch--row {
    align-items: center;
    cursor: pointer;
    display: flex
}

.toggle__switch--row .material-icons {
    margin-right: .4rem
}

.toggle__switch--row .material-icons.--active {
    color: #ff6b00
}

.nest__edit--list .nest__edit--list-item {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 980px) {
    .nest__edit--list .nest__edit--list-item {
        line-height:3.4rem
    }
}

.nest__edit--list .nest__edit--list-item .nest--label {
    margin-right: 1.6rem;
    width: 14rem
}

.nest__edit--list .nest__edit--list-item .nest--label.--phone {
    margin-right: 0;
    width: 5.6rem
}

.nest__edit--list .nest__edit--list-item+.nest__edit--list-item {
    border-top: 1px dotted #d6d6d6;
    margin-top: .4rem;
    padding-top: .4rem
}

.step__title--list {
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2rem
}

@media screen and (min-width: 980px) {
    .step__title--list {
        grid-template-columns:1fr 1fr;
        grid-template-rows: 6rem
    }
}

.step__title--list .--list-item {
    align-items: center;
    background-color: #c7c7c7;
    border: 4px solid #c7c7c7;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    padding: .2rem;
    position: relative
}

@media screen and (min-width: 980px) {
    .step__title--list .--list-item {
        border-radius:3rem;
        flex-direction: row;
        height: 6rem;
        justify-content: flex-start
    }
}

.step__title--list .--list-item+.--list-item: before {
    align-items:center;
    background-image: url(/account/static/media/icon-step-arrow.caa1e4de1f0afefe4c2d.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: flex;
    height: 1.4rem;
    justify-content: center;
    left: -3.2rem;
    position: absolute;
    width: 1.4rem
}

.step__title--list .--list-item .--item-header {
    align-items: center;
    color: #fff;
    display: flex;
    height: 5rem;
    justify-content: center;
    padding-bottom: .4rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .step__title--list .--list-item .--item-header {
        height:auto;
        padding-bottom: 0;
        width: 8rem
    }
}

.step__title--list .--list-item .--item-header .--number {
    font-size: 4rem
}

.step__title--list .--list-item .--item-body {
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 1.4rem 1.4rem;
    color: #c7c7c7;
    display: flex;
    flex: 1 1;
    justify-content: center;
    padding: .8rem;
    width: 100%
}

@media screen and (min-width: 980px) {
    .step__title--list .--list-item .--item-body {
        align-items:center;
        border-radius: 0 3rem 3rem 0;
        display: flex;
        height: 100%;
        justify-content: flex-start
    }
}

.step__title--list .--list-item.--is-active {
    background-color: #ff6b00;
    border-color: #ff6b00
}

.step__title--list .--list-item.--is-active .--item-header {
    color: #fff
}

.step__title--list .--list-item.--is-active .--item-body {
    color: #ff6b00
}

.--information .contents__panel--body.--stretch {
    flex: unset;
    padding: 2rem 0
}

@media screen and (min-width: 980px) {
    .--information .contents__panel--body.--stretch {
        padding-bottom:0
    }
}

.--information .tab__header {
    grid-template-columns: repeat(auto-fill,minmax(auto,15.5rem))
}

.--information .tab__body {
    height: 34rem;
    overflow-y: auto
}

@media screen and (min-width: 980px) {
    .--information .tab__body {
        flex:1 1;
        height: calc(100% - 33px)
    }
}

.--information .tab__block {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.--contact .contact__block {
    text-align: center
}

.--contact .contact__block .contact__block--badge {
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 1.6rem;
    color: #333;
    display: inline-flex;
    height: 3.2rem;
    margin: 0 auto 1.6rem;
    padding: 0 1.2rem
}

.--contact .contact__block .contact__block--number {
    color: #ff6b00;
    font-size: 4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 1.6rem
}

.--contact .contact__block .contact__block--note {
    color: #000;
    font-size: 1.4rem;
    line-height: 2.8rem
}

.--contact .contact__block+.card__view--btn-col {
    margin-top: 4rem
}

.--campaign .--campaign-item {
    cursor: pointer;
    gap: 1.2rem;
    transition: opacity .2s ease-in-out
}

.--campaign .--campaign-item: hover {
    opacity:.7
}

.campaign__banner {
    width: 100%
}

.campaign__banner img {
    aspect-ratio: auto 16/9;
    display: block;
    object-fit: cover;
    width: 100%
}

.--donation .donation__point__block {
    background-color: #f1f1f1;
    border-radius: 1rem;
    padding: 1.6rem 0;
    text-align: center
}

.--donation .donation__point__block .donation__point__block--title {
    color: #333;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.2rem
}

.--donation .donation__point__block .donation__point__block--number {
    color: #ff6b00;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4rem
}

.--donation .donation__period__block {
    text-align: center
}

.--donation .donation__period__block .donation__period__block--period {
    color: #000;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-top: 1.6rem
}

.--donation .donation__period__block+.card__view--btn-col {
    margin-top: 1.6rem
}

.--donation .donation__description__block {
    margin-top: 1.6rem;
    text-align: left
}

.--donation .donation__description__block .donation__description__block--text {
    color: #000;
    font-size: 1.4rem;
    line-height: 2.8rem
}