/* ====== Reset ====== */
* {
box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size: 100%;
vertical-align:baseline;
background:transparent;
}
ul, ol {
padding: 0;
list-style: none;
}
a {
color: var(--font-color-base);
text-decoration: none;
transition: .3s ease;
}
button {
padding: 0;
color: var(--font-color-base);
border: none;
background-color: transparent;
cursor: pointer;
outline: none;
appearance: none;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color: var(--font-color-base);
}
address, caption, cite, code, dfn, th, var {
font-style:normal;
font-weight:normal;
}

/* ====== Base ====== */
:root {
--total-width-pc: 1100px;
--info-width-pc: 700px;
--color-white: #fff;
--color-main: #ce1032;
--color-gray1: #e9e9e9;
--color-gray2: #f8f8f8;
--color-gray3: #888;
--color-gray4: #d6d6d6;
--color-gray5: #f4f4f4;
--color-gray6: #616161;
--color-bg1: #fcf4f4;
--font-color-base: #222;
--font-color-black1: #383535;
--font-color-black2: #2b2b2b;
--font-family-en: 'Lato', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
--font-family-ja: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.unt-link {
text-decoration: underline;
color: var(--color-main);
}

/* ====== Header ====== */
.pane-header .container {
margin: 0 auto;
}
.block-header-logo--link img {
display: block;
}
@media screen and (max-width: 768px) {
.block-header-logo--link img {
max-width: 100%;
}
}
@media screen and (min-width: 769px) {
#ajax-getHeader {
position: sticky;
top: 0;
z-index: 170;
}
}

/* ====== Structure ====== */
.unt-main-contents {
margin: 52px 0 104px;
font-family: var(--font-family-ja);
color: var(--font-color-base);
position: relative;
z-index: 0;
}
.unt-main-contents::after {
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background-color: #fff;
transition: .5s ease-in;
}
.unt-main-contents.is-loaded::after {
opacity: 0;
z-index: -100;
}
.unt-main-contents-inner,
.unt-info-contents-inner {
margin: 0 auto;
padding: 0 20px;
box-sizing: content-box;
}
.unt-main-contents-inner {
max-width: var(--total-width-pc);
}
/* help detail */
.unt-helpdetail {
margin-top: 52px;
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: flex-end;
}
/* info detail */
.unt-info-contents-inner {
max-width: var(--info-width-pc);
}
@media screen and (max-width: 768px) {
.unt-main-contents {
margin: 38px 0;
}
/* help detail */
.unt-helpdetail {
margin-top: 25px;
flex-direction: column;
justify-content: flex-start;
}
}

/* ====== Heading ====== */
.unt-heading-lv1, .unt-heading-lv2 {
font-weight: bold;
text-align: center;
}
.unt-heading-lv1 {
font-size: 28px;
}
.unt-heading-lv1.unt-en {
font-family: var(--font-family-en);
}
.unt-heading-lv1 .unt-ja {
margin-top: 15px;
display: block;
font-size: 16px;
font-weight: normal;
font-family: var(--font-family-ja);
color: var(--color-gray6);
letter-spacing: .05em;
}
.unt-heading-lv2 {
font-size: 22px;
line-height: 1.27;
}
.unt-help-heading-lv3 {
padding-bottom: 15px;
font-size: 16px;
font-weight: 500;
line-height: 1.71;
color: var(--font-color-black1);
border-bottom: 1px solid var(--color-gray1);
}
/* help detail */
.unt-helpdetail-contents .unt-heading-lv2 {
text-align: left;
}
.unt-helpdetail-heading {
margin-top: 24px;
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
line-height: 1.42;
background-color: var(--color-gray2);
}
.unt-helpdetail-nav-hdg {
padding: 12px 10px;
font-size: 14px;
font-weight: 500;
text-align: center;
border: 1px solid var(--font-color-base);
border-radius: 3px;
}
.unt-helpdetail-lv3 {
margin: 0 -20px;
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
line-height: 1.43;
background-color: var(--color-gray2);
}
.unt-helpdetail-lv4 {
margin-top: 20px;
font-size: 15px;
line-height: 1.8;
color: var(--font-color-black2);
}
.unt-helpdetail-accent {
margin-top: 20px;
font-size: 18px;
line-height: 1.8;
color: var(--color-main);
}

/* info detail */
.unt-infodetail-hdg {
margin-top: 14px;
font-size: 22px;
font-weight: bold;
line-height: 1.45;
letter-spacing: .01em;
}
@media screen and (max-width: 768px) {
.unt-heading-lv1 {
font-size: 20px;
}
.unt-heading-lv1 .unt-ja {
margin-top: 10px;
font-size: 13px;
}
.unt-heading-lv2 {
font-size: 16px;
}
.unt-help-heading-lv3 {
padding: 18px 54px 18px 20px;
font-size: 14px;
line-height: 1.715;
border-bottom-color: var(--color-gray5);
}
.unt-help-heading-lv3[aria-expanded] {
position: relative;
transition: .3s ease;
}
.unt-help-heading-lv3[aria-expanded]::after {
position: absolute;
content: "";
top: 50%;
right: 20px;
z-index: 1;
margin-top: -6px;
width: 12px;
height: 12px;
background: url(/cms/img/usr/help/icon_arrow.svg) no-repeat center / contain;
transform-origin: center;
transition: .3s ease;
}
.unt-help-heading-lv3[aria-expanded="true"] {
color: var(--color-main);
background-color: var(--color-gray2);
}
.unt-help-heading-lv3[aria-expanded="true"]::after {
transform: rotate(180deg);
}
/* help detail */
.unt-helpdetail-contents .unt-heading-lv2 {
text-align: center;
}
.unt-helpdetail-heading {
margin: 25px -20px 0;
padding: 7px 20px 8px;
font-size: 12px;
}
.unt-helpdetail-nav-hdg {
display: none;
}
.unt-helpdetail-lv3 {
padding: 7px 20px 9px;
font-size: 12px;
}
.unt-helpdetail-lv4 {
margin-top: 15px;
font-size: 14px;
line-height: 1.85;
}
/* info detail */
.unt-infodetail-hdg {
margin-top: 6px;
font-size: 16px;
line-height: 1.5;
}
}

/* ====== Nav ====== */
.unt-help-nav {
margin-top: 50px;
}
.unt-help-nav-list {
display: flex;
justify-content: center;
align-items: center;
}
.unt-help-nav-list-item-anc {
padding: 0 16px;
font-size: 16px;
font-weight: 500;
position: relative;
}
.unt-help-nav-list-item + .unt-help-nav-list-item .unt-help-nav-list-item-anc::before {
position: absolute;
content: "";
top: 50%;
left: 0;
transform: translateY(-50%);
width: 1px;
height: 18px;
background-color: var(--color-gray1);
}
/* help detail */
.unt-helpdetail-nav {
margin-right: 60px;
width: 240px;
}
.unt-helpdetail-nav-list {
margin-top: 10px;
}
.unt-helpdetail-nav-list-item + .unt-helpdetail-nav-list-item {
border-top: 1px solid var(--color-gray1);
}
.unt-helpdetail-nav-list-anc {
padding: 20px 15px 20px 0;
display: block;
font-size: 18px;
font-weight: 500;
position: relative;
}
.unt-helpdetail-nav-list-anc[href]::after {
position: absolute;
content: "";
top: 50%;
right: 0;
z-index: 1;
width: 12px;
height: 12px;
background: url(/cms/img/usr/help/icon_arrow_right.svg) no-repeat center / contain;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.unt-help-nav {
margin: 52px -20px 0;
}
.unt-help-nav-list-item-anc {
font-size: 14px;
}
.unt-help-nav-list-item + .unt-help-nav-list-item .unt-help-nav-list-item-anc::before {
height: 15px;
}
/* help detail */
.unt-helpdetail-nav {
margin: 38px 0 0;
width: 100%;
}
.unt-helpdetail-nav-list {
margin-top: 0;
}
.unt-helpdetail-nav-list-item + .unt-helpdetail-nav-list-item {
border: none;
}
.unt-helpdetail-nav-list-item:not(.guide),
.guide .unt-helpdetail-nav-list-anc {
display: none;
}
}

/* ====== Section ====== */
.unt-help-sec {
margin-top: 46px;
}
.unt-main-contents-inner + .unt-main-contents-inner .unt-help-sec {
margin-top: 82px;
}
/* help detail */
.unt-helpdetail-contents {
flex: 1;
}
.unt-helpdetail-block {
margin-top: 24px;
padding: 0 20px;
}
.unt-helpdetail-block + .unt-helpdetail-block {
margin-top: 52px;
}
@media screen and (max-width: 768px) {
.unt-help-sec {
margin-top: 54px;
}
.unt-main-contents-inner + .unt-main-contents-inner .unt-help-sec {
margin-top: 38px;
}
.unt-help-sec-nest {
margin: 0 -20px;
}

/* help detail */
.unt-helpdetail-contents {
width: 100%;
flex: auto;
}
.unt-helpdetail-block {
margin-top: 25px;
padding: 0;
}
.unt-helpdetail-block + .unt-helpdetail-block {
margin-top: 38px;
}
}

#anc-faq {
    margin-top: -60px;
    padding-top: 106px;
}

#anc-guide {
    margin-top: -60px;
    padding-top: 142px;
}

#anc-faq-cancel,
#anc-faq-reserved,
#anc-guide-product,
#anc-guide-order,
#anc-guide-payment {
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
}

#anc-faq-delivery,
#anc-faq-size,
#anc-faq-sale,
#anc-faq-caution,
#anc-faq-cart,
#anc-faq-mail,
#anc-faq-coupon,
#anc-faq-dpc {
    margin-top: -60px;
    padding-top: 100px;
}

#anc-contact {
    margin-top: -60px;
    padding-top: 142px;
}

#anc-guide-exchange,
#anc-guide-delivery,
#anc-guide-member,
#anc-guide-tips,
#anc-guide-website {
    margin-top: -60px;
    padding-top: 110px;
}

@media screen and (max-width: 768px) {
    #anc-faq {
        margin-top: -60px;
        padding-top: 114px;
    }

    #anc-guide {
        margin-top: -60px;
        padding-top: 98px;
    }
    .unt-help-sec-nest{
        margin-top: -60px!important;
        padding-top: 60px!important;
    }
}

/* ====== Area ====== */
.unt-help-area {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
.unt-help-area.col2 .unt-help-sec-nest {
width: calc((100% - 50px) / 2);
}
.unt-help-area.col2 .unt-help-sec-nest:nth-child(2n) {
margin-left: 50px;
}
.unt-help-area.col2 .unt-help-sec-nest:nth-child(n + 3) {
margin-top: 40px;
}
.unt-help-area.col3 .unt-help-sec-nest {
margin-right: 52px;
width: calc((100% - 52px * 2) / 3);
}
.unt-help-area.col3 .unt-help-sec-nest:nth-child(3n) {
margin-right: 0;
}
.unt-help-area.col3 .unt-help-sec-nest:nth-child(n + 4) {
margin-top: 50px;
}
}
/* info detail */
.unt-info-mainarea {
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.unt-help-area {
margin-top: 25px;
display: block;
}
/* info detail */
.unt-info-mainarea {
margin-top: 24px;
}
}

/* ====== Text ====== */
.unt-help-contact-txt {
margin-top: 25px;
font-size: 14px;
line-height: 1.57;
letter-spacing: .02em;
text-align: center;
}
.unt-help-contact-box + .unt-help-contact-txt {
margin-top: 52px;
}
.unt-note {
margin-top: 10px;
display: table;
width: 100%;
}
.unt-note + .unt-note {
margin-top: 0;
}
.unt-note-ast,
.unt-note-txt {
display: table-cell;
vertical-align: top;
font-size: 13px;
line-height: 1.69;
}
.unt-note-ast {
white-space: pre;
}
.unt-note-txt {
width: 100%;
}
.unt-icn-new {
padding: 4px 5px;
display: inline-block;
min-width: 39px;
font-size: 12px;
font-family: var(--font-family-en);
text-align: center;
color: var(--color-main);
border: 1px solid var(--color-main);
background-color: var(--color-white);
}

/* help detail */
.unt-helpdetail-txt {
margin-top: 20px;
font-size: 15px;
line-height: 1.8;
color: var(--font-color-black2);
}
.unt-helpdetail-lv4 + .unt-helpdetail-txt {
margin-top: 0;
}
/* info detail */
.unt-info-mainarea p {
font-size: 14px;
line-height: 2.14;
letter-spacing: .002em;
}
.unt-info-mainarea p + p {
margin-top: 25px;
}
.unt-info-date {
margin-top: 60px;
display: flex;
align-items: center;
}
.unt-info-date time {
margin-right: 15px;
display: inline-block;
font-size: 15px;
font-family: var(--font-family-en);
color: var(--color-gray3);
}
@media screen and (max-width: 768px) {
.unt-help-contact-txt {
font-size: 12px;
line-height: 1.83;
text-align: left;
}
.unt-help-contact-box + .unt-help-contact-txt {
margin-top: 0;
}
.unt-note {
margin-top: 15px;
}
.unt-note-ast,
.unt-note-txt {
font-size: 12px;
line-height: 1.83;
}
.unt-icn-new {
padding: 4px 3px 3px;
min-width: 29px;
font-size: 8px;
}
/* help detail */
.unt-helpdetail-txt {
margin-top: 15px;
font-size: 14px;
line-height: 1.85;
}
/* info detail */
.unt-info-mainarea p {
font-size: 13px;
line-height: 1.69;
}
.unt-info-mainarea p + p {
margin-top: 1em;
}
.unt-info-date {
margin-top: 35px;
}
.unt-info-date time {
margin-right: 11px;
font-size: 13px;
}
}

/* ====== List ====== */
.unt-help-guide-list {
margin-top: 15px;
}
.unt-help-sec-nest .unt-help-guide-list {
margin-left: 10px;
}
.unt-help-guide-list-item + .unt-help-guide-list-item {
margin-top: 15px;
}
.unt-help-guide-list-anc {
font-size: 14px;
line-height: 1.71;
color: var(--font-color-black1);
}

.unt-help-contact-box {
margin-top: 25px;
display: flex;
flex-wrap: wrap;
}
.unt-help-contact-box-item {
margin-right: 52px;
width: calc((100% - 52px * 2) / 3);
display: flex;
flex-direction: column;
border: 1px solid var(--color-gray1);
}
.unt-help-contact-box-item:nth-child(3n) {
margin-right: 0;
}
.unt-help-contact-box-item:nth-child(n + 4) {
margin-top: 50px;
}
.unt-help-contact-box-ttl {
padding: 16px 20px 18px 54px;
font-size: 16px;
font-weight: 500;
background-color: var(--color-gray2);
position: relative;
}
.unt-help-contact-box-ttl::before {
position: absolute;
content: "";
top: 50%;
left: 20px;
z-index: 0;
width: 24px;
height: 24px;
background: no-repeat center / contain;
transform: translateY(-50%);
}
.chat .unt-help-contact-box-ttl::before {
background-image: url(/cms/img/usr/help/icon_chat.svg);
}
.mail .unt-help-contact-box-ttl::before {
background-image: url(/cms/img/usr/help/icon_mail.svg);
}
.tel .unt-help-contact-box-ttl::before {
background-image: url(/cms/img/usr/help/icon_tel.svg);
}
.unt-help-contact-box-desc {
padding: 15px 15px 20px;
display: flex;
flex-direction: column;
flex: 1 0 auto;
text-align: center;
}
.unt-help-contact-box-desc .unt-link {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
font-family: var(--font-family-ja);
}
.unt-contact-reception {
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
flex: 1 0 auto;
color: var(--color-gray3);
}
.chat .unt-contact-reception {
align-items: stretch;
}
.unt-contact-reception-ttl,
.unt-contact-reception-desc {
display: flex;
align-items: center;
}
.unt-contact-reception-ttl {
margin-right: 15px;
padding: 6px 5px;
font-size: 12px;
border: 1px solid var(--color-gray4);
}
.chat .unt-contact-reception-ttl {
padding: 3px 7px;
}
.unt-contact-reception-desc {
font-size: 14px;
font-family: var(--font-family-en);
}
.unt-contact-reception-desc .fs-large {
font-size: 15px;
}
.unt-contact-reception-desc .fs-small {
font-size: 12px;
font-family: var(--font-family-ja);
}
.unt-contact-reception-list {
display: table;
width: 100%;
}
.unt-contact-reception-list-item {
display: table-row;
text-align: left;
color: var(--color-gray3);
}
.unt-contact-reception-list-ttl,
.unt-contact-reception-list-time {
display: table-cell;
vertical-align: middle;
line-height: 1.38;
}
.unt-contact-reception-list-ttl {
padding-right: 12px;
font-size: 12px;
white-space: pre;
}
.unt-contact-reception-list-time {
width: 100%;
font-family: var(--font-family-en);
}

/* help detail */
.unt-helpdetail-detaillist {
padding: 0 10px;
}
.unt-helpdetail-detaillist-item-anc {
padding: 10px;
display: block;
font-size: 13px;
line-height: 1.46;
}
.unt-helpdetail-detaillist-item-anc.is-active {
font-weight: 500;
color: var(--color-main);
background-color: var(--color-bg1);
}
.unt-helpdetail-list li {
padding: 0 0 0 1em;
text-indent: -1em;
}
.unt-helpdetail-checklist {
margin-top: 20px;
}
.unt-helpdetail-checklist > li {
margin: 0;
padding: .1em 0 .1em 46px;
background-image: url(../../img/usr/help/guide/check.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 30px auto;
font-size: 15px;
line-height: 1.8;
}
.unt-helpdetail-checklist > li + li {
margin-top: 1em;
}
@media screen and (max-width: 768px) {
.unt-help-guide-list.is-hidden {
display: none;
}
.unt-help-guide-list,
.unt-help-guide-list-item + .unt-help-guide-list-item {
margin-top: 1px;
}
.unt-help-sec-nest .unt-help-guide-list {
margin-left: 0;
}
.unt-help-guide-list-anc {
padding: 20px 54px 20px 20px;
display: block;
background-color: var(--color-gray2);
position: relative;
}
.unt-help-guide-list-anc::after {
position: absolute;
content: "";
top: 50%;
right: 20px;
z-index: 1;
width: 12px;
height: 12px;
background: url(/cms/img/usr/help/icon_arrow_right.svg) no-repeat center / contain;
transform: translateY(-50%);
}

.unt-help-contact-box {
margin-top: 15px;
display: block;
}
.unt-help-contact-box-item {
margin-right: 0;
width: 100%;
display: block;
border: none;
}
.unt-help-contact-box-item:nth-child(n + 4) {
margin-top: 0;
}
.unt-help-contact-box-ttl {
padding: 15px 20px 15px 42px;
font-size: 14px;
}
.unt-help-contact-box-ttl::before {
left: 14px;
width: 18px;
height: 18px;
}
.unt-help-contact-box-desc {
padding: 15px 15px 25px;
display: block;
text-align: left;
}
.unt-help-contact-box-desc .unt-link {
font-size: 14px;
}
.unt-contact-reception {
margin-top: 12px;
justify-content: flex-start;
flex: auto;
}
.chat .unt-contact-reception {
align-items: center;
}
.unt-contact-reception-ttl,
.unt-contact-reception-desc {
display: block;
}
.unt-contact-reception-ttl {
margin-right: 8px;
padding: 6px 4px 4px;
font-size: 10px;
white-space: pre;
}
.chat .unt-contact-reception-ttl {
padding: 6px 4px 4px;
}
.unt-contact-reception-desc {
font-size: 13px;
}
.unt-contact-reception-desc .fs-large {
font-size: 13px;
}
.unt-contact-reception-desc .fs-small {
font-size: 10px;
}
.unt-contact-reception-list {
display: flex;
flex-wrap: wrap;
}
.unt-contact-reception-list-item {
margin-right: 6px;
padding-right: 6px;
display: block;
position: relative;
}
.unt-contact-reception-list-item::before {
position: absolute;
content: "|";
right: -3px;
font-size: 13px;
color: var(--color-gray3);
}
.unt-contact-reception-list-item:last-child {
margin-right: 0;
padding-right: 0;
}
.unt-contact-reception-list-item:last-child::before {
content: none;
}
.unt-contact-reception-list-ttl,
.unt-contact-reception-list-time {
display: inline-block;
}
.unt-contact-reception-list-ttl {
padding-right: 4px;
font-size: 10px;
}
.unt-contact-reception-list-time {
padding-bottom: 0;
width: initial;
}

/* help detail */
.unt-helpdetail-detaillist {
padding: 0;
}
.unt-helpdetail-detaillist-item {
margin-top: 1px;
}
.unt-helpdetail-detaillist-item-anc {
padding: 20px 54px 20px 20px;
font-size: 14px;
line-height: 1.71;
background-color: var(--color-gray2);
position: relative;
}
.unt-helpdetail-detaillist-item-anc::after {
position: absolute;
content: "";
top: 50%;
right: 20px;
z-index: 1;
width: 12px;
height: 12px;
background: url(/cms/img/usr/help/icon_arrow_right.svg) no-repeat center / contain;
transform: translateY(-50%);
}
.unt-helpdetail-checklist {
margin-top: 15px;
font-size: 14px;
}
.unt-helpdetail-checklist > li {
padding: .2em 0 .2em 30px;
background-position: left .5em;
background-size: 20px auto;
}

}

/* ====== Image ====== */
img {
height: auto;
}
.unt-img {
margin-top: 25px;
display: block;
}

/* ====== Accordion ====== */
.unt-help-accordion {
margin-top: 10px;
}
.unt-help-accordion-item + .unt-help-accordion-item {
margin-top: 5px;
}
.unt-help-accordion-btn {
padding: 15px 40px 15px 45px;
width: 100%;
font-size: 14px;
line-height: 1.71;
text-align: left;
font-family: var(--font-family-ja);
color: var(--font-color-black1);
transition: .3s ease;
position: relative;
}
.unt-help-accordion-btn[aria-expanded="true"] {
font-weight: 500;
background-color: var(--color-gray2);
}
.unt-help-accordion-btn::before,
.unt-help-accordion-btn::after {
position: absolute;
z-index: 1;
}
.unt-help-accordion-btn::before {
content: "Q.";
top: 14px;
left: 20px;
font-size: 15px;
color: var(--color-gray3);
}
.unt-help-accordion-btn::after {
content: "";
top: 19px;
right: 20px;
width: 12px;
height: 12px;
background: url(/cms/img/usr/help/icon_arrow.svg) no-repeat center / contain;
transform-origin: center;
transition: .3s ease;
}
.unt-help-accordion-btn[aria-expanded="true"]::after {
transform: rotate(180deg);
}
.unt-help-accordion-desc {
margin-top: 1px;
padding: 15px 40px 15px 45px;
font-size: 14px;
line-height: 1.71;
background-color: var(--color-gray2);
position: relative;
transition: all 200ms ease-out;
max-height: 1000px;
}
.unt-help-accordion-desc::before {
position: absolute;
content: "A.";
top: 14px;
left: 20px;
z-index: 1;
font-size: 15px;
color: var(--color-main);
}
.js-accordion-desc.is-hidden {
max-height: 0;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
.unt-help-accordion-btn::before,
.unt-help-accordion-desc::before {
font-family: var(--font-family-en);
}

/* help detail */
.unt-helpdetail-accordion-item {
border-top: 1px solid var(--color-gray5);
}
.unt-helpdetail-accordion-btn {
padding: 15px 25px 15px 10px;
display: block;
width: 100%;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
text-align: left;
position: relative;
font-family: var(--font-family-ja);
}
.unt-helpdetail-accordion-btn::after {
position: absolute;
content: "";
top: 50%;
right: 20px;
z-index: 1;
margin-top: -6px;
width: 12px;
height: 12px;
background: url(/cms/img/usr/help/icon_arrow.svg) no-repeat center / contain;
transform-origin: center;
transition: .3s ease;
}
.unt-helpdetail-accordion-btn[aria-expanded="true"]::after {
transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
.unt-help-accordion {
margin-top: 1px;
}
.unt-help-accordion.is-hidden {
display: none;
}
.unt-help-accordion-item {
border-bottom: 1px solid var(--color-gray5);
}
.unt-help-accordion-item + .unt-help-accordion-item {
margin-top: 0;
}
.unt-help-accordion-btn {
padding: 20px 54px 20px 63px;
}
.unt-help-accordion-btn[aria-expanded="true"] {
color: var(--color-main);
}
.unt-help-accordion-btn::before {
top: 18px;
left: 40px;
}
.unt-help-accordion-btn::after {
top: 28px;
}
.unt-help-accordion-desc {
padding: 20px 20px 20px 63px;
font-size: 13px;
line-height: 1.76;
}
.unt-help-accordion-desc::before {
top: 18px;
left: 40px;
}

/* help detail */
.unt-helpdetail-accordion {
margin: 0 -20px;
}
.unt-helpdetail-accordion-btn {
padding: 20px 54px 20px 20px;
font-size: 14px;
line-height: 1.71;
transition: .3s ease;
}
.unt-helpdetail-accordion-btn[aria-expanded="true"] {
color: var(--color-main);
background-color: var(--color-gray2);
}
}

/* ====== Breadcrumb ====== */
.unt-breadcrumb {
padding: 12px 20px;
font-size: 11px;
border-top: 1px solid #c7c7c7;
}
.unt-breadcrumb-inner {
margin: 0 auto;
max-width: 1100px;
}
.unt-breadcrumb-arrow {
padding: 0 16px 0 11px;
width: 9px;
position: relative;
}
.unt-breadcrumb-arrow::before {
position: absolute;
content: "";
top: calc(50% + 1px);
left: 8px;
width: 6px;
height: 6px;
display: block;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
.unt-breadcrumb {
padding: 10px 10px 10px 20px;
font-size: 10px;
}
.unt-breadcrumb-arrow {
padding: 0 16px 0 8px;
width: 8px;
}
.unt-breadcrumb-arrow::before {
top: 3px;
left: 8px;
width: 8px;
height: 8px;
border: none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMBJREFUOE+l080RwiAQBeC3HdiJdqIdaDrwBnsyOZFbxgrEDuxA28ppHRwyo/wFxtwgeR+7AQjBY4zpiegiIh0z2/B9OKZwYhzHB4C9m69BImCaps08zy8AW4cQUa+UGnKVRID7MEQAWK11l0KSQAuSBZbVjDGWiI5+HFWyCrhgCakCEshVa33+/OS1fc600gZ8tyAid2Y+LXCxAr+dNwAHf7B+wsUWfPgJYJcLZ4HacBJIhAdm7quP8t+XqfU6vwH6MYARErf2BQAAAABJRU5ErkJggg==) center center / 8px auto no-repeat;
transform: none;
}
}

/* ====== Utility ====== */
.unt-alC {
text-align: center;
}
.unt-helpdetail-no-margin {
margin: 0;
}
.unt-helpdetail-indent-lv1 {
padding-left: 1em;
}
.unt-helpdetail-indent-lv2 {
padding-left: 2em;
}
.unt-helpdetail-app-download {
margin-top:20px;
padding-top: 54px;
background: url(../../img/usr/help/guide/member/app_arrow.png) center top no-repeat;
background-size: auto;
background-size: 77px auto;
}
.unt-helpdetail-app-download__label {
text-align: center;
}
.unt-helpdetail-app-download__items {
margin: 20px auto 0;
display: flex;
justify-content: center;
gap: 10px;
}
.unt-helpdetail-app-download__item {
flex: 0 1 160px;
}