@charset "utf-8";
/* CSS Document */
.dscmn-wrapper {
    background-color: #F2F3F4;
}
.dscmn-contents-area {
    font-family: Roboto, "ヒラギノ⾓ゴPro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 300;
    color: #0F1533;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    padding: 0 16px 64px;
    min-width: 328px;
}
@media screen and (min-width: 768px) {
    .dscmn-contents-area .dscmn-contents-area-inner {
        max-width: 1080px;
        margin: 0 auto;
    }
}

.dscmn-contents-area img {
    image-rendering: -webkit-optimize-contrast;
}

/* Heading */
.dscmn-contents-area h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    margin: 24px 0;
}
.dscmn-contents-area h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}
.dscmn-contents-area h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 24px;
}
.dscmn-contents-area h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .dscmn-contents-area h1 {
        font-size: 30px;
        line-height: 42px;
    }
    .dscmn-contents-area h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .dscmn-contents-area h3 {
        font-size: 20px;
    }
}

/* Text */
.dscmn-txt-bold {
    font-weight: 600;
}
.dscmn-txt-s {
    font-size: 12px;
    line-height: 18px;
}
.dscmn-txt-m {
    font-size: 14px;
    line-height: 22px;
}
.dscmn-txt-l {
    font-size: 16px;
    line-height: 24px;
}
.dscmn-txt-2l {
    font-size: 18px;
    line-height: 32px;
}
.dscmn-txt-3l {
    font-size: 20px;
    line-height: 35px;
}
.dscmn-txt-left {
    text-align: left !important;
}
.dscmn-txt-right {
    text-align: right !important;
}
.dscmn-txt-center {
    text-align: center !important;
}

/* Icon */
.dscmn-txt-icon-attention {
    color: #0F1533;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
}
.dscmn-txt-icon-attention::before {
    position: relative;
    content: "";
    display: inline-block;
    background-size: contain;
    background-image: url(/mydocomo/images_20m4/common/icons/attention.png);
    background-repeat: no-repeat;
    vertical-align: bottom;
    width: 32px;
    height: 32px;
    padding-right: 8px;
}
.dscmn-txt-icon-alert {
    color: #CC0033;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
}
.dscmn-txt-icon-alert::before {
    position: relative;
    content: "";
    display: inline-block;
    background-size: contain;
    background-image: url(/mydocomo/images_20m4/common/icons/alert.png);
    background-repeat: no-repeat;
    vertical-align: bottom;
    width: 32px;
    height: 32px;
    padding-right: 8px;
}

/* Color */
.dscmn-txt-red { color: #CC0033; }
.dscmn-alert-txt {color: #B3303B; }

/* Display */
.dscmn-disp-block {display: block !important; }
.dscmn-disp-inline-block {display: inline-block !important; }
.dscmn-disp-inline {display: inline !important; }
.dscmn-disp-flex {display: flex !important; }

.dscmn-sp-only {display: block !important; }
.dscmn-pc-only {display: none !important; }

/* Display PC_TAB */
@media screen and (min-width: 768px) {
    .dscmn-pc-disp-block { display: block!important; }
    .dscmn-pc-disp-inline-block { display: inline-block!important; }
    .dscmn-pc-disp-inline { display: inline!important; }
    .dscmn-pc-disp-flex { display: flex!important; }

    .dscmn-sp-only {display: none !important; }
    .dscmn-pc-only {display: block !important; }
}

/* Wdith */
.dscmn-width-fit { width: fit-content!important; }
.dscmn-minwidth240 { min-width: 240px!important; }

/* Wdith PC_TAB */
@media screen and (min-width: 768px) {
    .dscmn-pc-width-fit { width: fit-content!important; }
    .dscmn-pc-minwidth240 { min-width: 240px!important; }
}

/* Flexbox Item */
.dscmn-justifycontent-start { justify-content: start; }
.dscmn-justifycontent-center { justify-content: center; }
.dscmn-justifycontent-spbetween { justify-content: space-between; }
.dscmn-justifycontent-sparound { justify-content: space-around; }
.dscmn-justifycontent-spevenly { justify-content: space-evenly; }

.dscmn-alignitems-stretch { align-items: stretch; }
.dscmn-alignitems-center { align-items: center; }
.dscmn-alignitems-start { align-items: start; }
.dscmn-alignitems-end { align-items: end; }

.dscmn-order1 { order: 1; }
.dscmn-order2 { order: 2; }
.dscmn-order3 { order: 3; }
.dscmn-order4 { order: 4; }
.dscmn-order5 { order: 5; }
.dscmn-order6 { order: 6; }
.dscmn-order7 { order: 7; }
.dscmn-order8 { order: 8; }
.dscmn-order9 { order: 9; }
.dscmn-order10 { order: 10; }

/* Flexbox Item PC_TAB */
@media screen and (min-width: 768px) {
    .dscmn-pc-justifycontent-start { justify-content: start; }
    .dscmn-pc-justifycontent-center { justify-content: center; }
    .dscmn-pc-justifycontent-spbetween { justify-content: space-between; }
    .dscmn-pc-justifycontent-sparound { justify-content: space-around; }
    .dscmn-pc-justifycontent-spevenly { justify-content: space-evenly; }

    .dscmn-pc-alignitems-stretch { align-items: stretch; }
    .dscmn-pc-alignitems-center { align-items: center; }
    .dscmn-pc-alignitems-start { align-items: start; }
    .dscmn-pc-alignitems-end { align-items: end; }

    .dscmn-pc-order1 { order: 1; }
    .dscmn-pc-order2 { order: 2; }
    .dscmn-pc-order3 { order: 3; }
    .dscmn-pc-order4 { order: 4; }
    .dscmn-pc-order5 { order: 5; }
    .dscmn-pc-order6 { order: 6; }
    .dscmn-pc-order7 { order: 7; }
    .dscmn-pc-order8 { order: 8; }
    .dscmn-pc-order9 { order: 9; }
    .dscmn-pc-order10 { order: 10; }
}

/* Border */
hr.dscmn-border {
    border-top: 1px solid #CFD0D6;
    margin: 24px 0;
}

/* Box */
.dscmn-basic-box, 
.dscmn-basic-box-gray {
    font-size: 14px;
    line-height: 22px;
    background-color: #FFFFFF;
    border: 1px solid #CC0033;
    border-radius: 8px;
    padding: 24px 16px;
    position: relative;
}
.dscmn-basic-box-gray {
    border: 1px solid #CFD0D6;
}
.dscmn-basic-box .dscmn-oval-close, 
.dscmn-basic-box-gray .dscmn-oval-close {
    z-index: 10;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_close.png);
    background-size: contain;
    position: absolute;
    top: -4px;
    right: -4px;
}
@media screen and (min-width: 768px) {
    .dscmn-basic-box, 
    .dscmn-basic-box-gray {
        padding: 24px;
    }
}
.dscmn-title-box {
    font-size: 14px;
    line-height: 22px;
    background-color: #FFFFFF;
    border: 1px solid #CFD0D6;
    border-radius: 8px;
    padding: 16px;
    position: relative;
}
.dscmn-title-box .dscmn-oval-close {
    z-index: 10;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_close.png);
    background-size: contain;
    position: absolute;
    top: 16px;
    right: 16px;
}
@media screen and (min-width: 768px) {
    .dscmn-title-box {
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
        padding: 24px;
    }
    .dscmn-title-box .dscmn-oval-close {
        width: 32px;
        height: 32px;
        right: 8px;
    }
}

/* Panel */
.dscmn-basic-panel {
    background-color: #FFFFFF;
    width: 100%;
    padding: 32px 16px;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.098);
}
.dscmn-emphasis-panel {
    background-color: #FFFFFF;
    width: 100%;
    padding: 32px 16px;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.098);
    border: 1px solid #CC0033;
}
.dscmn-alert-panel {
    background-color: #FFF2F2;
    width: 100%;
    padding: 32px 16px;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.098);
    border: 1px solid #B3303B;
}
@media screen and (min-width: 768px) {
    .dscmn-basic-panel, 
    .dscmn-emphasis-panel, 
    .dscmn-alert-panel {
        padding: 32px;
    }
}

/* Text Link */
.dscmn-textlink,
.dscmn-txt-icon-arrow-right,
.dscmn-txt-icon-new-window {
    color: #093475;
}
.dscmn-textlink{
    text-decoration: underline;
}
.dscmn-textlink.dscmn-txt-none-line{
    text-decoration: none;
}
.dscmn-textlink:visited,
.dscmn-txt-icon-arrow-right:visited,
.dscmn-txt-icon-new-window:visited {
    color: #7600B3;
}
.dscmn-textlink:hover,
.dscmn-txt-icon-arrow-right:hover,
.dscmn-txt-icon-new-window:hover {
    color: #3374DA;
}
.dscmn-txt-icon-arrow-right,
.dscmn-txt-icon-new-window {
    position: relative;
    display: inline-block;
}
.dscmn-txt-icon-arrow-right::after {
    content: "";
    display: inline-block;
    background-image: url(/mydocomo/images_20m4/common/icons/arrow_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-left: 2px;
}
.dscmn-txt-icon-new-window::after {
    content: "";
    display: inline-block;
    background-image: url(/mydocomo/images_20m4/common/icons/new_window.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-left: 2px;
}

/* List */
.dscmn-list-asterisk,
.dscmn-list-dot,
.dscmn-list-number {
    margin: 16px 0;
}
.dscmn-list-asterisk li,
.dscmn-list-dot li,
.dscmn-list-number li {
    position: relative;
    padding-left: 16px;
    margin: 10px 0;
    line-height: 22px;
}
.dscmn-list-number li {
    counter-increment: number;
}
.dscmn-list-asterisk li:first-of-type,
.dscmn-list-dot li:first-of-type,
.dscmn-list-number li:first-of-type {
    margin-top: 0;
}
.dscmn-list-asterisk li:last-of-type,
.dscmn-list-dot li:last-of-type,
.dscmn-list-number li:last-of-type {
    margin-bottom: 0;
}
.dscmn-list-asterisk li::before {
    content: "※";
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}
.dscmn-list-dot li::before {
    content: "・";
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}
.dscmn-list-number li::before {
    content: counter(number) ".";
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}

/* Button */
.dscmn-login-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 48px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #CC0033;
    border-radius: 24px;
    text-align: center;
}
.dscmn-primary-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #CC0033;
    border-radius: 24px;
    text-align: center;
}
.dscmn-login-btn {
    margin-top: 32px;
    margin-bottom: 24px;
}
.dscmn-login-btn.dscmn-btn-s,
.dscmn-primary-btn.dscmn-btn-s {
    padding: 8px 36px;
    font-size: 14px;
    line-height: 20px;
}
.dscmn-login-btn.dscmn-btn-l,
.dscmn-primary-btn.dscmn-btn-l {
    padding: 10px 52px;
    font-size: 18px;
    line-height: 28px;
}
.dscmn-login-btn::before {
    display: inline-block;
    content: "";
    height: 32px;
    width: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_daccount.png);
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -16px;
}
.dscmn-login-btn.dscmn-btn-s::before {
    height: 24px;
    width: 24px;
    margin-top: -12px;
}
.dscmn-login-btn.dscmn-btn-l::before {
    left: 8px;
}
a.dscmn-login-btn:hover,
a.dscmn-primary-btn:hover {
    background-color: #D6355B;
}
.dscmn-primary-btn {
    margin-top: 16px;
}
.dscmn-primary-btn::after {
    display: inline-block;
    content: "";
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_white.png);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
}
.dscmn-primary-btn.dscmn-btn-s::after,
.dscmn-secondary-btn.dscmn-btn-s::after,
.dscmn-tertiary-btn.dscmn-btn-s::after {
    right: 6px;
}
.dscmn-primary-btn.dscmn-btn-l::after,
.dscmn-secondary-btn.dscmn-btn-l::after,
.dscmn-tertiary-btn.dscmn-btn-l::after {
    right: 12px;
}
.dscmn-primary-btn.dscmn-btn-disable {
    opacity: 0.5;
}
.dscmn-secondary-btn,
.dscmn-tertiary-btn,
.dscmn-back-btn,
.dscmn-quaternary-btn,
.dscmn-backhome-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 9px 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #0F1533;
    background-color: #FFFFFF;
    border: 1px solid #CFD0D6;
    border-radius: 24px;
    text-align: center;
    margin-top: 16px;
}
.dscmn-secondary-btn.dscmn-btn-s,
.dscmn-tertiary-btn.dscmn-btn-s,
.dscmn-back-btn.dscmn-btn-s,
.dscmn-quaternary-btn.dscmn-btn-s {
    padding: 7px 36px;
    font-size: 14px;
    line-height: 20px;
}
.dscmn-secondary-btn.dscmn-btn-l,
.dscmn-tertiary-btn.dscmn-btn-l,
.dscmn-back-btn.dscmn-btn-l,
.dscmn-quaternary-btn.dscmn-btn-l {
    padding: 9px 48px;
    font-size: 18px;
    line-height: 28px;
}
.dscmn-secondary-btn::after,
.dscmn-tertiary-btn::after {
    display: inline-block;
    content: "";
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_pink.png);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
}
.dscmn-tertiary-btn::after {
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
}
a.dscmn-secondary-btn:hover,
a.dscmn-tertiary-btn:hover,
a.dscmn-back-btn:hover,
a.dscmn-quaternary-btn:hover,
a.dscmn-backhome-btn:hover {
    background-color: #F7F7F8;
}
.dscmn-secondary-btn.dscmn-btn-disable,
.dscmn-tertiary-btn.dscmn-btn-disable,
.dscmn-back-btn.dscmn-btn-disable,
.dscmn-quaternary-btn.dscmn-btn-disable {
    color: #868998;
}
.dscmn-secondary-btn.dscmn-btn-disable::after,
.dscmn-tertiary-btn.dscmn-btn-disable::after,
.dscmn-back-btn.dscmn-btn-disable::before {
    opacity: 0.5;
}
.dscmn-back-btn::before,
.dscmn-backhome-btn::before {
    display: inline-block;
    content: "";
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_left_black_on_gray.png);
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -12px;
}
.dscmn-backhome-btn::before {
    background-image: url(/mydocomo/images_20m4/common/icons/home.png);
}
.dscmn-back-btn.dscmn-btn-s::before {
    left: 6px;
}
.dscmn-back-btn.dscmn-btn-l::before {
    left: 12px;
}
@media screen and (min-width: 768px) {
    .dscmn-login-btn,
    .dscmn-primary-btn,
    .dscmn-secondary-btn,
    .dscmn-tertiary-btn,
    .dscmn-back-btn, 
    .dscmn-quaternary-btn,
    .dscmn-backhome-btn{
        min-width: 240px;
        width: auto;
        display: inline-block;
    }
    .dscmn-primary-btn,
    .dscmn-secondary-btn,
    .dscmn-tertiary-btn,
    .dscmn-back-btn, 
    .dscmn-quaternary-btn {
        margin-top: 24px;
    }
    .dscmn-login-btn.dscmn-btn-s,
    .dscmn-primary-btn.dscmn-btn-s,
    .dscmn-secondary-btn.dscmn-btn-s,
    .dscmn-tertiary-btn.dscmn-btn-s,
    .dscmn-back-btn.dscmn-btn-s, 
    .dscmn-quaternary-btn.dscmn-btn-s {
        min-width: 160px;
    }
    .dscmn-login-btn.dscmn-btn-l,
    .dscmn-primary-btn.dscmn-btn-l,
    .dscmn-secondary-btn.dscmn-btn-l,
    .dscmn-tertiary-btn.dscmn-btn-l,
    .dscmn-back-btn.dscmn-btn-l, 
    .dscmn-quaternary-btn.dscmn-btn-l {
        min-width: 360px;
    }
}

/* Link Panel */
.dscmn-small-link-primary, 
.dscmn-small-link-secondary {
    margin-top: 16px;
    background-color: #FFFFFF;
    border-radius: 16px;
}
.dscmn-small-link-primary li, 
.dscmn-small-link-secondary li {
    border: 1px solid #CFD0D6;
    border-bottom: none;
}
.dscmn-small-link-primary li:first-of-type, 
.dscmn-small-link-primary li:first-of-type a, 
.dscmn-small-link-secondary li:first-of-type, 
.dscmn-small-link-secondary li:first-of-type a {
    border-radius: 16px 16px 0 0;
}
.dscmn-small-link-primary li:last-of-type, 
.dscmn-small-link-primary li:last-of-type a, 
.dscmn-small-link-secondary li:last-of-type, 
.dscmn-small-link-secondary li:last-of-type a {
    border-radius: 0 0 16px 16px;
}
.dscmn-small-link-primary li:last-of-type,
.dscmn-small-link-secondary li:last-of-type {
    border-bottom: 1px solid #CFD0D6;
}
.dscmn-small-link-primary li a,
.dscmn-small-link-secondary li a {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #0F1533;
    display: block;
    padding: 16px 64px 16px 24px;
}
.dscmn-small-link-primary li a:hover,
.dscmn-small-link-secondary li a:hover {
    background-color: #F7F7F8;
}
.dscmn-small-link-primary li a::after {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_pink.png);
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -12px;
}
.dscmn-small-link-primary li.dscmn-link-icon-arrow-down a::after {
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_down.png);
}
.dscmn-small-link-primary li.dscmn-link-icon-new-window a::after {
    background-image: url(/mydocomo/images_20m4/common/btn/oval_new_window_red_on_pink.png);
}
.dscmn-small-link-secondary li a::after {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -12px;
}
.dscmn-small-link-secondary li.dscmn-link-icon-new-window a::after {
    background-image: url(/mydocomo/images_20m4/common/btn/oval_new_window_black_on_gray.png);
}
.dscmn-small-link-primary li.dscmn-small-link-sp-last, 
.dscmn-small-link-secondary li.dscmn-small-link-sp-last {
    border-radius: 0 0 16px 16px;
    border-bottom: 1px solid #CFD0D6;
}
.dscmn-small-link-primary li.dscmn-small-link-sp-last a, 
.dscmn-small-link-secondary li.dscmn-small-link-sp-last a {
    border-radius: 0 0 16px 16px;
}
@media screen and (min-width: 768px) {
    .dscmn-small-link-primary ,
    .dscmn-small-link-secondary {
        display: flex;
        flex-wrap: wrap;
        margin-top: 24px;
    }
    .dscmn-small-link-primary li, 
    .dscmn-small-link-secondary li {
        flex-basis: 50%;
    }
    .dscmn-small-link-primary li:nth-of-type(2), 
    .dscmn-small-link-primary li:nth-of-type(2) a, 
    .dscmn-small-link-secondary li:nth-of-type(2), 
    .dscmn-small-link-secondary li:nth-of-type(2) a {
        border-radius: 0 16px 0 0;
    }
    .dscmn-small-link-primary li:nth-last-of-type(2n), 
    .dscmn-small-link-secondary li:nth-last-of-type(2n) {
        border-right: none;
    }
    .dscmn-small-link-primary li:nth-last-of-type(2), 
    .dscmn-small-link-secondary li:nth-last-of-type(2) {
        border-radius: 0 0 0 16px;
        border-bottom: 1px solid #CFD0D6;
    }
    .dscmn-small-link-primary li a, 
    .dscmn-small-link-secondary li a {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .dscmn-small-link-primary li:nth-last-of-type(2) a, 
    .dscmn-small-link-secondary li:nth-last-of-type(2) a {
        border-radius: 0 0 0 16px;
    }
    .dscmn-small-link-primary li:first-of-type, 
    .dscmn-small-link-primary li:first-of-type a, 
    .dscmn-small-link-secondary li:first-of-type, 
    .dscmn-small-link-secondary li:first-of-type a {
        border-radius: 16px 0 0 0;
    }
    .dscmn-small-link-primary li:last-of-type,
    .dscmn-small-link-primary li:last-of-type a, 
    .dscmn-small-link-secondary li:last-of-type,
    .dscmn-small-link-secondary li:last-of-type a {
        border-radius: 0 0 16px 0;
    }
    .dscmn-small-link-primary li a p, 
    .dscmn-small-link-secondary li a p {
        margin: 0 auto 0 0;
    }
    .dscmn-small-link-primary li.dscmn-small-link-sp-last, 
    .dscmn-small-link-primary li.dscmn-small-link-sp-last a, 
    .dscmn-small-link-secondary li.dscmn-small-link-sp-last, 
    .dscmn-small-link-secondary li.dscmn-small-link-sp-last a{
        border-radius: 0 0 0 16px;
    }
    .dscmn-small-link-primary.dscmn-link-pc1line, 
    .dscmn-small-link-secondary.dscmn-link-pc1line {
        border-radius: 16px;
    }
    .dscmn-small-link-primary.dscmn-link-pc1line li:first-of-type, 
    .dscmn-small-link-primary.dscmn-link-pc1line li:first-of-type a, 
    .dscmn-small-link-secondary.dscmn-link-pc1line li:first-of-type, 
    .dscmn-small-link-secondary.dscmn-link-pc1line li:first-of-type a {
        border-radius: 16px 0 0 16px;
    }
    .dscmn-small-link-primary.dscmn-link-pc1line li:last-of-type, 
    .dscmn-small-link-primary.dscmn-link-pc1line li:last-of-type a, 
    .dscmn-small-link-secondary.dscmn-link-pc1line li:last-of-type, 
    .dscmn-small-link-secondary.dscmn-link-pc1line li:last-of-type a {
        border-radius: 0 16px 16px 0;
    }
}

/* Accordion */
.dscmn-basic-accordion {
    border-top: 1px solid #CFD0D6;
}
.dscmn-basic-accordion-inner {
    padding-bottom: 16px;
}
.dscmn-basic-accordion:last-child {
    border-bottom: 1px solid #CFD0D6;
}
.dscmn-basic-accordion-open, 
.dscmn-basic-accordion-close {
    position: relative;
    padding: 16px 40px 16px 0;
}
.dscmn-basic-accordion-open::after, 
.dscmn-basic-accordion-close::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_minus.png);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
}
.dscmn-basic-accordion-close {
    margin-top: 0;
}
.dscmn-basic-accordion-close::after {
    background-image: url(/mydocomo/images_20m4/common/btn/oval_plus.png);
}
.dscmn-basic-accordion-open:hover, 
.dscmn-basic-accordion-close:hover {
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .dscmn-basic-accordion-inner {
        padding-bottom: 24px;
    }
    .dscmn-basic-accordion-open {
        padding: 24px 40px 16px 0;
    }
    .dscmn-basic-accordion-close {
        padding: 24px 40px 24px 0;
    }
}

/* Modal */
.dscmn-basic-modal-bg {
    background: rgba(0, 0, 0, 0.7);
    z-index: 1300;
    position: fixed;
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
}
.dscmn-basic-modal {
    position: fixed;
    bottom: 50%;
    right: 50%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    background: #FFFFFF;
    border-radius: 16px;
    max-width: 100%;
    width: 92%;
    max-height: 92%;
    padding: 32px 16px;
    z-index: 1350;
    flex-direction: column;
    display: flex;
    justify-content: center;
}
.dscmn-basic-modal-inner {
    overflow: auto;
}
.dscmn-basic-inner-box {
    background-color: #F2F3F4;
    border-radius: 8px;
    padding: 16px;
}
.dscmn-basic-modal .dscmn-oval-close {
    z-index: 10;
    display: block;
    content: "";
    width: 44px;
    height: 44px;
    background-image: url(/mydocomo/images_20m4/common/btn/oval_close.png);
    background-size: contain;
    position: absolute;
    top: -8px;
    right: -8px;
}
.dscmn-basic-modal .dscmn-oval-close:hover {
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .dscmn-basic-modal {
        padding: 32px;
        max-width: 1080px;
        text-align: center;
    }
    .dscmn-basic-inner-box {
        padding: 24px;
    }
}

/* Search */
.dscmn-search-contents {
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: flex-start;
    background-color: white;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.dscmn-search-field {
    width: 100%;
    position: relative;
    max-height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    box-sizing: border-box;
}
.dscmn-search-input {
    width: 100% !important;
    padding: 16px;
    -webkit-appearance: none;
    font-size: 14px;
    box-sizing: border-box;
    border: #CFD0D6 solid 1px;
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    max-height: 46px;
    margin: 0px !important;
    transform: none;
    outline: none;
    -webkit-appearance: none;
}
.dscmn-search-input:hover, 
.dscmn-search-input:active, 
.dscmn-search-input:focus {
    outline: none;
    -webkit-appearance: none;
}
.dscmn-search-close {
    position: absolute;
    height: 24px;
    width: 24px;
    right: 62px;
    top: 50%;
    margin-top: -12px;
}
.dscmn-search-close:hover {
    cursor: pointer;
}
.dscmn-search-icon {
    min-height: 46px;
    min-width: 46px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #CC0033;
    padding: 11px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    max-height: 46px;
}
.dscmn-search-icon:hover {
    cursor: pointer;
}
.dscmn-search-icon img {
    width: 16px;
    height: 16px;
}
@media screen and (min-width: 768px) {
    .dscmn-search-icon img {
        width: 24px;
        height: 24px;
    }
}

/* News */
.dscmn-list-dot li.dscmn-news-icon-important {
    padding-left: 34px;
}
.dscmn-list-dot li.dscmn-news-icon-important::before {
    content: "重要";
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
    padding: 3px 4px;
    font-size: 11px;
    line-height: 1.5;
    color: #FFFFFF;
    background: #CC0033;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
}
.dscmn-list-dot li a.common-news-area-important {
    padding-left: 18px;
}
.dscmn-list-dot li a.common-news-area-important::before {
    font-family: Roboto, "ヒラギノ⾓ゴPro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    top: -1px;
    left: -16px;
    line-height: 1.5;
    background: #CC0033;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Margin */
.dscmn-mt0 { margin-top: 0; }
.dscmn-mt4 { margin-top: 4px; }
.dscmn-mt8 { margin-top: 8px; }
.dscmn-mt16 { margin-top: 16px; }
.dscmn-mt24 { margin-top: 24px; }
.dscmn-mt32 { margin-top: 32px; }
.dscmn-mt48 { margin-top: 48px; }
.dscmn-mt96 { margin-top: 96px; }

.dscmn-mb0 { margin-bottom: 0; }
.dscmn-mb4 { margin-bottom: 4px; }
.dscmn-mb8 { margin-bottom: 8px; }
.dscmn-mb16 { margin-bottom: 16px; }
.dscmn-mb24 { margin-bottom: 24px; }
.dscmn-mb32 { margin-bottom: 32px; }
.dscmn-mb48 { margin-bottom: 48px; }
.dscmn-mb96 { margin-bottom: 96px; }

.dscmn-mr0 { margin-right: 0; }
.dscmn-mr4 { margin-right: 4px }
.dscmn-mr8 { margin-right: 8px; }
.dscmn-mr16 { margin-right: 16px; }
.dscmn-mr24 { margin-right: 24px; }

.dscmn-ml0 { margin-left: 0; }
.dscmn-ml4 { margin-left: 4px; }
.dscmn-ml8 { margin-left: 8px; }
.dscmn-ml16 { margin-left: 16px; }
.dscmn-ml24 { margin-left: 24px; }

.dscmn-mrlauto { margin-right:auto; margin-left:auto; }

/* Margin_PC_TAB */
@media screen and (min-width: 768px) {
    .dscmn-pcmt0 { margin-top: 0; }
    .dscmn-pcmt4 { margin-top: 4px; }
    .dscmn-pcmt8 { margin-top: 8px; }
    .dscmn-pcmt16 { margin-top: 16px; }
    .dscmn-pcmt24 { margin-top: 24px; }
    .dscmn-pcmt32 { margin-top: 32px; }
    .dscmn-pcmt48 { margin-top: 48px; }
    .dscmn-pcmt96 { margin-top: 96px; }

    .dscmn-pcmb0 { margin-bottom: 0; }
    .dscmn-pcmb4 { margin-bottom: 4px; }
    .dscmn-pcmb8 { margin-bottom: 8px; }
    .dscmn-pcmb16 { margin-bottom: 16px; }
    .dscmn-pcmb24 { margin-bottom: 24px; }
    .dscmn-pcmb32 { margin-bottom: 32px; }
    .dscmn-pcmb48 { margin-bottom: 48px; }
    .dscmn-pcmb96 { margin-bottom: 96px; }

    .dscmn-pcmr0 { margin-right: 0; }
    .dscmn-pcmr4 { margin-right: 4px; }
    .dscmn-pcmr8 { margin-right: 8px; }
    .dscmn-pcmr16 { margin-right: 16px; }
    .dscmn-pcmr24 { margin-right: 24px; }

    .dscmn-pcml0 { margin-left: 0; }
    .dscmn-pcml4 { margin-left: 4px; }
    .dscmn-pcml8 { margin-left: 8px; }
    .dscmn-pcml16 { margin-left: 16px; }
    .dscmn-pcml24 { margin-left: 24px; }

    .dscmn-pcmrlauto { margin-right:auto; margin-left:auto; }
}

/* padding */
.dscmn-pt0 { padding-top: 0; }
.dscmn-pt4 { padding-top: 4px; }
.dscmn-pt8 { padding-top: 8px; }
.dscmn-pt16 { padding-top: 16px; }
.dscmn-pt24 { padding-top: 24px; }
.dscmn-pt32 { padding-top: 32px; }
.dscmn-pt48 { padding-top: 48px; }
.dscmn-pt96 { padding-top: 96px; }

.dscmn-pb0 { padding-bottom: 0; }
.dscmn-pb4 { padding-bottom: 4px; }
.dscmn-pb8 { padding-bottom: 8px; }
.dscmn-pb16 { padding-bottom: 16px; }
.dscmn-pb24 { padding-bottom: 24px; }
.dscmn-pb32 { padding-bottom: 32px; }
.dscmn-pb48 { padding-bottom: 48px; }
.dscmn-pb96 { padding-bottom: 96px; }

.dscmn-pr0 { padding-right: 0; }
.dscmn-pr4 { padding-right: 4px; }
.dscmn-pr8 { padding-right: 8px; }
.dscmn-pr16 { padding-right: 16px; }
.dscmn-pr24 { padding-right: 24px; }

.dscmn-pl0 { padding-left: 0px; }
.dscmn-pl4 { padding-left: 4px; }
.dscmn-pl8 { padding-left: 8px; }
.dscmn-pl16 { padding-left: 16px; }
.dscmn-pl24 { padding-left: 24px; }

/* Padding_PC_TAB */
@media screen and (min-width: 768px) {
    .dscmn-pcpt0 { padding-top: 0; }
    .dscmn-pcpt4 { padding-top: 4px; }
    .dscmn-pcpt8 { padding-top: 8px; }
    .dscmn-pcpt16 { padding-top: 16px; }
    .dscmn-pcpt24 { padding-top: 24px; }
    .dscmn-pcpt32 { padding-top: 32px; }
    .dscmn-pcpt48 { padding-top: 48px; }
    .dscmn-pcpt96 { padding-top: 96px; }

    .dscmn-pcpb0 { padding-bottom: 0; }
    .dscmn-pcpb4 { padding-bottom: 4px; }
    .dscmn-pcpb8 { padding-bottom: 8px; }
    .dscmn-pcpb16 { padding-bottom: 16px; }
    .dscmn-pcpb32 { padding-bottom: 32px; }
    .dscmn-pcpb24 { padding-bottom: 24px; }
    .dscmn-pcpb48 { padding-bottom: 48px; }
    .dscmn-pcpb96 { padding-bottom: 96px; }

    .dscmn-pcpr0 { padding-right: 0px; }
    .dscmn-pcpr4 { padding-right: 4px; }
    .dscmn-pcpr8 { padding-right: 8px; }
    .dscmn-pcpr16 { padding-right: 16px; }
    .dscmn-pcpr24 { padding-right: 24px; }

    .dscmn-pcpl0 { padding-left: 0px; }
    .dscmn-pcpl4 { padding-left: 4px; }
    .dscmn-pcpl8 { padding-left: 8px; }
    .dscmn-pcpl16 { padding-left: 16px; }
    .dscmn-pcpl24 { padding-left: 24px; }
}

/* common.css打消し */
#faq_nav{
    padding: 0;
}
.dscmn-contents-area .common-news-area {
    padding: 0;
    margin-top: 24px;
    position: relative;
}
.dscmn-contents-area .common-news-area .common-news-area-inner {
    border: 1px solid #CC0033;
    border-radius: 8px;
    padding: 24px 16px;
    margin: 0 auto;
    box-shadow: none;
    max-width: 1080px;
    width: 100%;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list {
    border-bottom: none;
    position: relative;
    margin: 10px 0 0 16px;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list:hover {
    background-color: #ffffff;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list:first-of-type {
    position: inherit;
    margin: 0 0 16px;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list a::before {
    content: "・";
    display: inline;
    position: absolute;
    top: 0;
    left: -16px;
    color: #0F1533;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list a {
    color: #7600B3;
    display: inline-block;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list a:visited {
    color: #7600B3;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list a:hover {
    color: #3374DA;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list a ul {
    display: inline-block;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-close-box {
    display: none;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-list-inner {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    color: inherit;
    padding: 0;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-list-inner::after {
    background-image: url(/mydocomo/images_20m4/common/icons/arrow_right.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-left: 2px;
    top: auto;
    right: auto;
    margin-top: 0;
    position: relative;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-list-inner.common-news-area-important{
    padding-left: 22px;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-list-inner.common-news-area-important::before {
    top: -2px;
    left: -16px;
    line-height: 1.5;
}
.dscmn-contents-area .common-news-area .common-news-area-inner.common-news-area-important .common-news-area-list a::before{
    content: none;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-bell::before {
    display: none;
}
.dscmn-contents-area .common-news-area .common-news-area-inner .common-news-area-list .common-news-area-bell-box .common-news-area-list-inner {
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
}