.com-wrap{
    padding: 12px 16px;
}

.tc__a {
    text-decoration: none;
    color: #ff008c;
}

area-terms-five-g ol.list-num li {
    list-style-type: decimal;
}

.area-terms-five-g ol.list-num li .list-circle_terms li {
    list-style-type: none;
}

.area-terms-five-g {
    color: #4c4948;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.area-terms-five-g * {
    box-sizing: border-box;
}

.area-terms-five-g a {
    text-decoration: underline;
}

.area-terms-five-g img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.area-terms-five-g .term-box {
    margin-bottom: 24px;
}

.area-terms-five-g #b02.term-box > div {
    margin-bottom: 30px;
}

.area-terms-five-g .fs-xxsmall {
    font-size: 8px;
}

.area-terms-five-g .fs-xsmall {
    font-size: 10px;
    margin-left: 0.1rem;
    position: relative;
    top: -6px;
}

.area-terms-five-g .fs-small {
    font-size: 12px;
}

.with-icon-window::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.with-icon-window::after {
    background-image: url(/ecare/terms/images/icon-window.svg);
}

.area-terms-five-g .link_decoration {
    color: #4c4948;
    text-decoration: none;
}

.area-terms-five-g .font_weight {
    font-size: 1.1rem;
    font-weight: bold;
}

/*summary
---------------------------------------*/
.area-terms-five-g .summary {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
}

.area-terms-five-g .ttl-summary {
    color: #e4007f;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin: 20px auto;
}

.area-terms-five-g .txt-summary {
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 2rem;
    text-align: left;
}

/*title
---------------------------------------*/
.area-terms-five-g .ttl-terms {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #e4007f;
}

@media screen and (max-width: 520px) {
    .area-terms-five-g .ttl-terms {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

/* list style
---------------------------------------*/
.area-terms-five-g ul li {
    position: relative;
    padding-left: 1rem;
    list-style: none;
}

/*===list-circle_terms===*/
.area-terms-five-g .list-circle_terms > li {
    padding-left: 1rem;
    margin-top: 0.7em;
    margin-bottom: 0;
}

.area-terms-five-g .list-circle_terms > li:before {
    content: "";
    display: block;
    position: absolute;
    top: .28rem;
    left: 0;
    vertical-align: middle;
    border-style: solid;
    border-width: 6px;
    border-radius: 100%;
}

/*===list-circle_num===*/
.area-terms-five-g .list-num {
    padding-left: 1rem;
}

.area-terms-five-g .list-num > li {
    margin-top: 0.7em;
}

/*===dl===*/
.area-terms-five-g dl {
    margin: 10px 0;
}

.area-terms-five-g .dl_minor dt {
    font-weight: 500;
    margin-bottom: .3rem;
}

.area-terms-five-g .dl_minor dd {
    padding-left: .7rem;
}

.area-terms-five-g .personal_info .term-box p:last-child {
    margin-top: 1rem;
}

/* ------------------------------------------
info network
------------------------------------------ */

/*common
---------------------------------------*/
.area-terms-five-g *:after {
    box-sizing: border-box
}

.area-terms-five-g .margin_top {
    padding-top: 1rem;
}

@media screen and (max-width: 520px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }
}

@media screen and (min-width: 521px) and (max-width: 1109px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }
}

@media screen and (min-width: 1110px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }
}


.rktn-terms-conditions-container-content__first-condition-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rktn-terms-conditions-container-content__first-condition-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.with-icon-window {
    color: #ff008c;
}


.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #FFFFFF;
    border: 2px solid #CACADB;
    border-radius: 4px;
}


.rktn-terms-conditions-container-content__first-condition-check input:checked ~ .checkmark {
    border: 2px solid #3B3BA3;;
    background-color: #3B3BA3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.rktn-terms-conditions-container-content__first-condition-check input:checked ~ .checkmark:after {
    display: block;
}

.rktn-terms-conditions-container-content__first-condition-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ------------------------------------------
terms
------------------------------------------ */

/*common
---------------------------------------*/
.area-terms {
    color: #4c4948;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.area-terms * {
    box-sizing: border-box;
}

.area-terms a {
    text-decoration: underline;
}

.area-terms img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.area-terms .graph-img img {
    margin: 1em 0;
}

.area-terms .term-box {
    margin-bottom: 24px;
}

.area-terms #b02.term-box > div {
    margin-bottom: 30px;
}

.area-terms .b02_list-note {
    margin-top: 0.3rem;
}

.area-terms .e02_title {
    font-size: 120%;
    margin: 20px 0 0;
}

.area-terms .fs-xxsmall {
    font-size: 8px;
}

.area-terms .fs-xsmall {
    font-size: 10px;
    margin-left: 0.1rem;
    position: relative;
    top: -6px;
}

.area-terms .fs-small {
    font-size: 12px;
}

.area-terms .pl1r {
    padding-left: 1rem;
}

.area-terms .mt1r_01 {
    margin-top: .4rem;
    margin-left: 1rem;
}

.area-terms .mt1r_02 {
    margin-top: 1rem;
    text-indent: -0.5rem;
}

.area-terms .mt04r {
    margin-top: 0.4rem;
}

.with-icon-window::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.with-icon-window::after {
    background-image: url(/ecare/terms/images/icon-window.svg);
}

.area-terms .link_decoration {
    color: #4c4948;
    text-decoration: none;
}

.area-terms .font_weight {
    font-size: 1.1rem;
    font-weight: bold;
}

.area-terms .b_txt01 {
    margin: 25px 0;
    padding-left: -1rem;
}

.area-terms .b_txt02 {
    padding-left: -1rem;
}

#cp_02c {
    padding-left: .5rem;
}

.size-80 {
    font-size: 80%;
}

/*title
---------------------------------------*/
.area-terms .ttl-terms {
    position: relative;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #e4007f;
}

.area-terms .subttl-terms {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-left: 48px;
    text-indent: -48px;
}

.ttl-square {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #4c4948;
    border-radius: 3px;
    padding: 1px 5px 2px;
    margin-right: 5px;
    line-height: 100%;
    text-indent: 0;
}

/* list style
---------------------------------------*/
.area-terms ul li {
    position: relative;
    list-style: none;
    padding-left: 1rem;
}

.area-terms ul.list-none li {
    padding-left: 0;
}

.area-terms ul li.ul-square_ttl {
    padding-left: 0.7rem;
}

/*===list-circle_terms===*/
.area-terms .list-circle_terms > li {
    padding-left: 1rem;
    margin-top: 0.7em;
    margin-bottom: 0;
}

.area-terms .list-circle_terms li:before {
    top: .25rem;
}

.area-terms .list-circle_terms > li:before {
    content: "";
    display: block;
    position: absolute;
    top: .28rem;
    left: 0;
    vertical-align: middle;
    border-style: solid;
    border-width: 6px;
    border-radius: 100%;
    background-color: #4c4948;
}

.area-terms .list-circle_terms li .list_indent {
    text-indent: 1em;
}

.area-terms .list-circle_terms li .border_none li:before,
.area-terms .list-circle_num li .border_none li:before {
    border-style: none;
    padding-left: 0.5rem !important;
}

.area-terms .list-circle_terms li ol {
    list-style: none;
}

.area-terms .list-circle_terms li ol li {
    text-indent: -1em;
}

.area-terms .list-circle_terms li ol li:before {
    display: none;
    padding: 0;
}

/*===list-note===*/
.area-terms .list-note > li:before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    font-size: 12px;
    border: none;
}

.area-terms .list-note.g02 {
    margin-top: 8px;
}

.area-terms ul.list-space li {
    padding-left: 1.5rem;
}

.area-terms ul.list-space li.list-1:before {
    content: "※1";
}

.area-terms ul.list-space li.list-2:before {
    content: "※2";
}

.area-terms ul.list-space li.list-3:before {
    content: "※3";
}

.area-terms ul.list-space li.list-4:before {
    content: "※4";
}

.area-terms ul.list-space li > ul li {
    padding-left: .8rem;
}

.area-terms ul.list-note li > ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: .55rem;
    left: .3rem;
    bottom: 1rem;
    background-color: #4c4948;
    border-radius: 50%;
}

.area-terms ul.list-note li > ul.list-none li:before {
    display: none;
}

/*===list-circle_num===*/

.area-terms .list-circle_num {
    text-indent: -1rem;
    list-style: none;
}

.area-terms .list-circle_num li {
    padding-left: 1rem;
    margin-top: 0.7em;
    margin-bottom: 0;
}

.area-terms .list-circle_num ul {
    text-indent: 0;
}

.area-terms .list-circle_num .terms-tbl-03 {
    text-indent: 0;
}

/*===list-square===*/
.area-terms .list-square li:before {
    content: "";
    width: 8px;
    height: 1rem;
    border-style: none;
    border-width: 0;
    border-radius: 0;
}


/*summary
---------------------------------------*/
.area-terms .summary {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
}

.area-terms .summary p:first-child {
    text-align: left;
}

.area-terms .summary > p img {
    margin: 30px auto;
}

.area-terms .ttl-summary {
    color: #e4007f;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin: 20px auto;
}

.area-terms .txt-summary {
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 2rem;
    text-align: left;
}

.area-terms .box-site {
    width: 100%;
    max-width: 525px;
    margin: 50px auto;
    overflow: hidden;
}

.area-terms .site-arrow,
.area-terms .site-url {
    float: left;
}

.area-terms .site-url {
    font-size: 18px;
}

.site-arrow {
    position: relative;
    display: block;
    display: inline-block;
    font-size: 12px;
    border: 2px solid #595757;
    background: #fff;
    padding: 4px 6px;
    margin: 0 20px 0 0;
}

.area-terms .d_cpn {
    background-color: #fef4f8;
    padding: 20px;
}

.area-terms .d_cpn dt {
    margin-bottom: 1rem;
}

.area-terms .d_cpn dt p.mt1r_02 {
    margin-bottom: .3rem;
}

.area-terms .d_cpn .mt1r_02 {
    margin-top: 0;
    text-indent: 0;
}

.area-terms .d_cpn dd p.mt1r_02 {
    text-indent: -0.5rem;
}

/*table
---------------------------------------*/
table {
    table-layout: fixed;
}

.area-terms .tbl-w40 {
    width: 40%;
}

.area-terms th,
.area-terms td {
    word-break: break-all;
}

/*===terms-tbl===*/
.tbl_pink_01 {
    background: #e4007f;
    color: #fff;
    width: 33.33333%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}

.tbl_pink_02 {
    background: #fbe6ef;
    width: 33.33333%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}

.tbl_pink_03 {
    background: #fef4f8;
    width: 33.33333%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}


/*===terms-tbl-01===*/
.area-terms .terms-tbl-01 {
    width: 100%;
}

.area-terms .terms-tbl-01 th,
.area-terms .terms-tbl-01 td {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding: 6px 4px;
}

.td_border {
    border: 1px solid #b5b5b6;
}

.area-terms .terms-tbl-01 td span.td_weight {
    font-weight: bold;
}

/*===terms-tbl-02===*/
.area-terms .terms-tbl-02 {
    width: 100%;
    border: 1px solid #b5b5b6;
    margin-bottom: 1em;
}

.area-terms .terms-tbl-02 th,
.area-terms .terms-tbl-02 td {
    font-weight: normal;
    text-align: center;
    border: 1px solid #b5b5b6;
    vertical-align: middle;
    padding: 6px .8rem;
}

.area-terms .terms-tbl-02 tr.dotted td {
    border-top: 1px dotted #b5b5b6;
    border-bottom: 1px dotted #b5b5b6;
}

.area-terms .terms-tbl-02 tr.dotted td:nth-child(2), .area-terms .terms-tbl-02 tr.dotted_2 td:nth-child(2) {
    border-right: 1px dotted #b5b5b6;
}

.area-terms .terms-tbl-02 tr.dotted td:nth-child(3), .area-terms .terms-tbl-02 tr.dotted_2 td:nth-child(3) {
    border-left: 1px dotted #b5b5b6;
}

.area-terms .terms-tbl-02 tr:nth-child(even) td:first-child.empty {
    /* ▼ 斜線はSVG画像を背景として設定 */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogI2I1YjViNjtzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+');
}

.td_border {
    border: 1px solid #b5b5b6;
}

.area-terms .terms-tbl-02 th {
    width: 25%;
}

.area-terms .terms-tbl-02 th {
    width: 25%;
}

.area-terms .terms-tbl-02 .tbl-02_left {
    text-align: left;
    padding-left: 1rem;
}

.area-terms .terms-tbl-02 tr td:first-child {
    background: #fbe6ef;
    white-space: nowrap;
    width: 33.33333%; /* 非サポートブラウザ用のフォールバック */
    width: -webkit-calc(100% / 3);
    /*  width: calc(100% / 3);*/
}


.area-terms .terms-tbl-02 tr:nth-child(even) td:first-child {
    background: #fef4f8;
}

.area-terms .terms-tbl-02 tr:nth-child(even) td.non_bg {
    background-color: #fff;
    text-align: left;
}

.area-terms .terms-tbl-02 tr:nth-child(odd) td.non_bg {
    background-color: #fff;
    text-align: left;
}

.area-terms .terms-tbl-02 tr td:not(:first-child) {
    text-align: left;
}

.area-terms .terms-tbl-02 tr td.td-center {
    text-align: center;
}


/* 02-A table td_circle */

.area-terms .terms-tbl-02 tr td .span_circle {
    position: relative;
    padding-left: 1rem;
    display: inline-block;
}

.area-terms .terms-tbl-02 tr td .span_circle:before {
    content: "";
    display: block;
    position: absolute;
    top: .28rem;
    left: 0;
    vertical-align: middle;
    border-style: solid;
    border-width: 6px;
    border-radius: 100%;
    background-color: #4c4948;
}

.area-terms .terms-tbl-02 tr td .top_space {
    display: inline-block;
    margin-top: 0.4rem;
}

.terms-contents_econnect .terms-tbl-02 {
    margin-top: 12px;
}

/*===terms-tbl-03===*/
.area-terms .terms-tbl-03 {
    width: 100%;
    font-size: 12px;
    margin-top: 1em;
}

.area-terms .terms-tbl-03 tr {
    background: #fbe6ef;
}

.area-terms .terms-tbl-03 th,
.area-terms .terms-tbl-03 td {
    vertical-align: middle;
    padding: 2px 2px;
}

.area-terms .terms-tbl-03 tr:nth-child(even) {
    background: #fef4f8;
}

.area-terms .terms-tbl-03 th {
    width: 10%;
}

.area-terms .terms-tbl-03 tr,
.area-terms .terms-tbl-03 td,
.area-terms .terms-tbl-03 th {
    border: 1px solid #b5b5b6;
    vertical-align: middle;
    padding: 6px 4px;
}

.area-terms .terms-tbl-03 th {
    font-weight: normal;
    text-align: center;
}

@media screen and (max-width: 520px) {

    .area-terms .terms-tbl-03 td,
    .area-terms .terms-tbl-03 th {
        border: none;
        vertical-align: middle;
        padding: 6px 4px;
    }
}

@media screen and (max-width: 520px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }

    .area-terms .txt-summary,
    .area-terms .note-summary {
        text-align: left;
    }

    .area-terms .box-site {
        width: 100%;
        text-align: left;
        margin: 40px auto;
    }

    .area-terms .site-arrow,
    .area-terms .site-url {
        float: none;
    }

    .area-terms .site-arrow {
        margin: 0 0 8px 0;
    }

    .area-terms .site-url {
        font-size: 16px;
        text-align: left;
    }

    .area-terms .ttl-arrow {
        font-size: 13px;
        padding: 6px 2px 0 4px;
        margin-right: 14px;
    }

    .area-terms .subttl-terms .sp-1r {
        font-size: 13px;
        letter-spacing: -1px;
        white-space: nowrap;
    }

    .area-terms .ttl-arrow:after {
        margin-left: 37px;
    }

    .area-terms .dl-square dt {
        font-size: 14px;
    }

    .area-terms .dl-square dt:before {
        top: .2rem;
    }

    .area-terms .terms-tbl-02 tr td:first-child {
        white-space: normal;
        width: 35%;
    }

    .area-terms .terms-tbl-03 th,
    .area-terms .terms-tbl-03 td {
        display: block;
        width: 100%;
        padding: 2%;
    }

    .area-terms .terms-tbl-03 th {
        width: 100%;
        text-align: left;
    }

    .area-terms .terms-tbl-03 td {
        border-left: none;
    }

    .area-terms .terms-tbl-03 .tbl-w40 {
        width: 100%;
    }
}

@media screen and (min-width: 521px) and (max-width: 1109px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }

    .area-terms img {
        width: 50%;
    }

    .area-terms .graph-img img {
        width: 100%;
        margin: 0.7em 0;
    }
}

@media screen and (min-width: 1110px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }

    .area-terms img {
        width: 50%;
    }

    .area-terms .graph-img img {
        width: 100%;
        margin-top: 2em;
    }

    .area-terms .terms-tbl-03 .tbl-w40 {
        width: 30%;
    }

    .area-terms .terms-tbl-03 th,
    .area-terms .terms-tbl-03 td {
        padding: 2px 10px;
    }
}

/* ------------------------------------------
info network
------------------------------------------ */

/*common
---------------------------------------*/
.area-terms *:after {
    box-sizing: border-box
}

/* list style
---------------------------------------*/
.terms-contents02 .term-box .ul-square > li,
.terms-contents_econnect .term-box .ul-square > li {
    margin: 1em auto;
}

.terms-contents02 .term-box .ul-square table,
.terms-contents_econnect .term-box .ul-square table {
    margin: 8px 0 .5rem;
}

.terms-contents02 .term-box .ul-square > li:before,
.terms-contents_econnect .term-box .ul-square > li:before {
    display: block;
    position: absolute;
    content: "";
    background: #4c4948;
    top: .3rem;
    left: 0;
    width: 5px;
    height: 13px;
}

#roaming {
    padding-left: 10px;
}

#roaming .font_weight {
    margin-left: -.5rem;
}

#roaming table {
    margin: 10px 0 .5rem;
}


/*別紙箇所
---------------------------------------*/

.area-terms .terms-contents_02-H {
    margin: 80px auto 40px;
}

.area-terms .terms-contents_02-H .subttl-terms,
.area-terms .terms-contents_econnect .ttl-terms {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-left: 0;
    text-indent: 0;
    color: #4c4948;
}

.area-terms .terms-contents_02-H .ttl-square {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 22px;
    font-weight: normal;
    border: 1px solid #4c4948;
    border-radius: 3px;
    padding: 1px 5px 2px;
    margin-right: 5px;
    line-height: 100%;
    text-indent: 0;
}

.area-terms .terms-contents_02-H .subttl-terms .extra,
.area-terms .terms-contents_econnect .ttl-terms .extra {
    top: -1px;
    display: inline-block;
    font-size: 26px;
    font-weight: 500;
    background-color: #e2e2e3;
    padding: 5px 15px;
    margin-right: 15px;
    line-height: 100%;
    text-indent: 0;
}

/*===contents_econnect===*/
.area-terms .terms-contents_econnect .terms-tbl-02 tr td > ul li {
    padding-left: 0.7rem;
    text-indent: -0.7rem;
}

.area-terms .terms-contents_econnect .term-box > dl dd:nth-child(3) {
    margin-top: .5rem;
}

.area-terms-additional {
    color: #4c4948;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-weight: 400;
}

@media screen and (max-width: 520px) {
    .area-terms-additional {
        padding: 0;
    }
}

@media screen and (min-width: 521px) and (max-width: 1109px) {
    .area-terms-additional {
        padding: 0;
    }
}

.area-terms-additional * {
    box-sizing: border-box;
}

.area-terms-additional a {
    text-decoration: underline;
}

.area-terms-additional img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.area-terms-additional .term-box {
    margin-bottom: 24px;
}

.area-terms-additional .term-box p {
    font-size: 18px;
    line-height: 1.8rem;
    font-weight: 500;
}

@media screen and (max-width: 520px) {
    .area-terms-additional .term-box p {
        font-size: 17px;
    }
}

.area-terms-additional .terms-contents04 .term-box > div {
    width: 100%;
    padding: 20px 25px;
    background-color: #F2F2FF;
    margin-top: 20px;
}

@media screen and (max-width: 520px) {
    .area-terms-additional .terms-contents04 .term-box > div {
        padding: 15px;
    }
}

.area-terms-additional .terms-contents04 .term-box > div p {
    font-size: 14px;
    line-height: 1rem;
}

.area-terms-additional .terms-contents04 .term-box > div p:first-child {
    margin-bottom: .8rem;
}

.area-terms-additional .terms-contents04 .term-box > div p:last-child {
    font-weight: 400;
    line-height: 1.5rem;
}

.area-terms-additional .terms-contents04 .term-box > div p:last-child span {
    font-size: 13px;
}

.with-icon-window::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.with-icon-window::after {
    background-image: url(/ecare/terms/images/icon-window.svg);
}

/*title
---------------------------------------*/
.area-terms-additional .ttl-terms {
    position: relative;
    font-size: 28px;
    font-weight: 500;
    margin: 50px 0 10px 0px;
    color: #FF008C;
}

@media screen and (max-width: 520px) {
    .area-terms-additional .ttl-terms {
        font-size: 21px;
    }
}

/*summary
---------------------------------------*/
.area-terms-additional .summary {
    text-align: center;
}

.area-terms-additional .ttl-summary {
    color: #FF008C;
    font-size: 1.375rem;
    font-weight: 500;
    margin: 20px auto;
}


.area-terms-additional .ttl-summary {
    font-size: 28px;
    margin: 30px auto;
    color: #FF008C;
    font-weight: 500;
}

@media screen and (max-width: 520px) {
    .area-terms-additional .ttl-summary {
        font-size: 23px;
        margin: 20px auto;
    }
}

.area-terms-additional .txt-summary {
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 2rem;
    text-align: left;
}

.area-terms-additional .box-site {
    font-size: 16px;
    border: 1px solid #4D4D4F;
    padding: 15px 20px;
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
    overflow: hidden;
}

.area-terms-additional .box-site a {
    color: #FF008C;
    text-decoration: none;
}

/*English_follows
---------------------------------------*/
.area-terms-additional #English_follows .box-site{
  max-width: 760px;
}
.txt-summary_min_f-s {
  font-size: 12px;
  margin-bottom: 1rem;
  text-align: left;
}
.area-terms-additional .click_English_follows{
  text-align: center;
  text-decoration: none;
}
.area-terms-additional .click_English_follows p{
  margin: 10px auto;
}
.area-terms-additional .term-box .term-box-inner .list-note > li span.superscript{
  font-size: .5em;
  vertical-align: top;
}



.area-terms .click_English_follows{
  text-align: center;
  text-decoration: none;
}
.area-terms .click_English_follows p{
  margin: 20px auto;
}
.area-terms .click_English_follows p{
  color: #0085c7;
}
.area-terms .click_English_follows p:hover, .area-terms .click_English_follows p:focus {
  color: #1fb4ff;
}

/*contents
---------------------------------------*/
.area-terms-additional div[class^="terms-contents"] {
    margin-bottom: 50px;
}

.area-terms-additional .term-box .term-box-inner {
    width: 100%;
}

.area-terms-additional .term-box .term-box-inner > ul {
    margin-top: 30px;
}

.area-terms-additional .term-box .term-box-inner:after {
    content: "";
    display: block;
    clear: both;
}

.area-terms-additional .term-box .term-box-inner > ul li {
    font-size: 14px;
}

.area-terms-additional .term-box .term-box-inner > ul,
.area-terms-additional .terms-contents03 .term-box .term-box-inner p {
    float: left;
    width: 63%;
    margin-right: 5%;
}

.area-terms-additional .term-box .term-box-inner img {
    width: 30%;
}

.area-terms-additional .terms-contents01 .term-box .term-box-inner img,
.area-terms-additional .terms-contents02 .term-box .term-box-inner img {
    padding-top: 25px;
}

@media screen and (max-width: 520px) {

    .area-terms-additional .terms-contents01 .term-box .term-box-inner img,
    .area-terms-additional .terms-contents02 .term-box .term-box-inner img {
        padding-top: 0;
    }
}

@media screen and (max-width: 520px) {

    .area-terms-additional .term-box .term-box-inner > ul,
    .area-terms-additional .terms-contents03 .term-box .term-box-inner p {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .area-terms-additional .term-box .term-box-inner img {
        width: 80%;
        margin: 30px auto 0 !important;
    }

    .area-terms-additional .terms-contents02 .term-box .term-box-inner img {
        margin-left: 15%;
    }
}

/* list style
---------------------------------------*/
.area-terms-additional ul li {
    position: relative;
    padding-left: 1rem;
    list-style: none;
}

.area-terms-additional ul li.ul-square_ttl {
    padding-left: 0.7rem;
}

/*===list-note===*/
.area-terms-additional .term-box .term-box-inner .list-note {
    margin-top: 5px;
}

.area-terms-additional .term-box .term-box-inner .list-note > li {
    font-size: 14px;
}

.area-terms-additional .term-box .term-box-inner .list-note > li:before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    font-size: 14px;
}

.area-terms-additional .term-box .term-box-inner .list-circle_terms > li {
    padding-left: 1rem;
    margin-top: 1em;
    margin-bottom: 0;
}

.area-terms-additional .term-box .term-box-inner .list-circle_terms > li:first-child {
    margin-top: 0;
}

@media screen and (max-width: 520px) {
    .area-terms-additional .term-box .term-box-inner .list-circle_terms > li {
        margin-top: .7em;
    }
}

.area-terms-additional .term-box .term-box-inner .list-circle_terms > li:before {
    content: "";
    display: block;
    position: absolute;
    top: .28rem;
    left: 0;
    vertical-align: middle;
    border-style: solid;
    border-width: 6px;
    border-radius: 100%;
}

/*common
---------------------------------------*/
.area-terms-additional *:after {
    box-sizing: border-box;
}

@media screen and (max-width: 520px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }

    .area-terms-additional .txt-summary,
    .area-terms-additional .note-summary {
        text-align: left;
    }

    .area-terms-additional .box-site {
        width: 100%;
        text-align: left;
        margin: 60px auto;
    }
}

@media screen and (min-width: 521px) and (max-width: 1109px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }

    .area-terms-additional img {
        width: 50%;
    }
}

@media screen and (min-width: 1110px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }

    .area-terms-additional img {
        width: 50%;
    }
}

/* ------------------------------------------
terms
------------------------------------------ */

/*common
---------------------------------------*/
.area-casa-terms {
    color: #4c4948;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.area-casa-terms * {
    box-sizing: border-box;
}

.area-casa-terms a {
    text-decoration: underline;
}

.area-casa-terms img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.area-casa-terms > p {
    margin-top: 20px;
}

.area-casa-terms .term-box {
    margin-bottom: 24px;
}

.area-casa-terms #b02.term-box > div {
    margin-bottom: 30px;
}

.area-casa-terms .fs-xxsmall {
    font-size: 8px;
}

.area-casa-terms .fs-xsmall {
    font-size: 10px;
    margin-left: 0.1rem;
    position: relative;
    top: -6px;
}

.area-casa-terms .fs-small {
    font-size: 12px;
}

.with-icon-window::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.with-icon-window::after {
    background-image: url(/ecare/terms/images/icon-window.svg);
}

.area-casa-terms .link_decoration {
    font-size: 14px;
    color: #4c4948;
    text-decoration: none;
    word-break: break-all;
}

.area-casa-terms .font_weight {
    font-size: 1.1rem;
    font-weight: bold;
}

/*summary
---------------------------------------*/
.area-casa-terms .summary {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
}

.area-casa-terms .ttl-summary {
    color: #e4007f;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin: 20px auto;
}

.area-casa-terms .txt-summary {
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 2rem;
    text-align: left;
}

.area-casa-terms .txt-summary span {
    font-weight: bold;
}

/*table
---------------------------------------*/
.area-casa-terms .summary .tbl_1,
.area-casa-terms .summary .tbl_1 tr td {
    border: 1px solid #4c4948;
    vertical-align: middle;
}

.area-casa-terms .summary .tbl_1 {
    width: 100%;
}

.area-casa-terms .summary .tbl_1 tr td {
    padding: 10px;
}

.area-casa-terms .summary .tbl_1 .tbl_1_th {
    background-color: #efefef;
}

.area-casa-terms .summary .tbl_1 .tbl_1_td {
    text-align: left
}

@media screen and (max-width: 520px) {
    .area-casa-terms .txt-summary {
        text-align: left;
    }

    .area-casa-terms .txt-summary span {
        display: block;
        margin-bottom: 1rem;
        text-align: center;
        line-height: 1.5;
    }

    .area-casa-terms .summary .tbl_1 tr td {
        padding: 5%;
    }

    .area-casa-terms .summary .tbl_1 tr .tbl_1_th {
        width: 30%;
        border-bottom: none;
    }

    .area-casa-terms .summary .tbl_1 tr .tbl_1_td {
        width: 70%;
        border-bottom: none;
        border-left: none;
    }
}

.area-casa-terms .another {
    margin-bottom: 30px;
}

.area-casa-terms .another dt {
    font-size: 24px;
    margin: 60px 0 5px;
}

.font_80p {
    font-size: 80%;
}

@media screen and (max-width: 520px) {
    .area-casa-terms .another dt {
        font-size: 20px;
    }
}

/*title
---------------------------------------*/
.area-casa-terms .ttl-terms {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #e4007f;
}

@media screen and (max-width: 520px) {
    .area-casa-terms .ttl-terms {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

/* list style
---------------------------------------*/
.area-casa-terms ul li {
    position: relative;
    padding-left: 1rem;
    list-style: none;
}

/*===list-circle_terms===*/
.area-casa-terms .list-circle_terms > li {
    padding-left: 1rem;
    margin-top: 0.7em;
    margin-bottom: 0;
}

/*===list-num===*/
.area-casa-terms .list-num {
    padding-left: 1.5rem;
}

.area-casa-terms .list-num > li {
    margin-top: 0.7em;
}

/*===list-num_circle===*/
.area-casa-terms .list-num_circle {
    text-indent: -1rem;
}

.area-casa-terms .list-num_circle.left-space {
    padding-left: 1.5rem;
}

.area-casa-terms .list-num_circle > li {
    margin-top: 0.7em;
}

/*===dl===*/
.area-casa-terms dl {
    margin: 10px 0;
}

.area-casa-terms .dl_minor dt {
    font-weight: 500;
    margin-bottom: .3rem;
}

.area-casa-terms .dl_minor dd {
    padding-left: .7rem;
}

.area-casa-terms .personal_info .term-box p:last-child {
    margin-top: 1rem;
}

/* ------------------------------------------
info network
------------------------------------------ */

/*common
---------------------------------------*/
.area-casa-terms *:after {
    box-sizing: border-box
}

.area-casa-terms-minor {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #686868;
}

@media screen and (max-width: 520px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }
}

@media screen and (min-width: 521px) and (max-width: 1109px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }
}

@media screen and (min-width: 1110px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }
}

/* ------------------------------------------
terms
------------------------------------------ */

/*common
---------------------------------------*/
.area-smartfree-terms {
    color: #4c4948;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.area-smartfree-terms * {
    box-sizing: border-box;
}

.area-smartfree-terms a {
    text-decoration: underline;
}

.area-smartfree-terms img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.area-smartfree-terms > p {
    margin-top: 20px;
}

.area-smartfree-terms .indent {
    margin-left: 1rem;
}

.area-smartfree-terms .indent_ul {
    padding-left: 1rem;
}

.area-smartfree-terms .term-box {
    margin-bottom: 24px;
}

.with-icon-window::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.with-icon-window::after {
    background-image: url(/ecare/terms/images/icon-window.svg);
}

/*summary
---------------------------------------*/
.area-smartfree-terms .summary {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
}

.area-smartfree-terms .ttl-summary {
    color: #e4007f;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin: 20px auto;
}

.area-smartfree-terms .txt-summary {
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 2rem;
    text-align: left;
}

/*title
---------------------------------------*/
.area-smartfree-terms .ttl-terms {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #e4007f;
}

@media screen and (max-width: 520px) {
    .area-smartfree-terms .ttl-terms {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

/* list style
---------------------------------------*/
.area-smartfree-terms ul li {
    position: relative;
    padding-left: 1rem;
    list-style: none;
}

/*===list-circle_terms===*/
.area-smartfree-terms .list-circle_terms > li {
    padding-left: 1rem;
    margin-top: 0.7em;
    margin-bottom: 0;
}

/*===list-num===*/
.area-smartfree-terms .list-num {
    padding-left: 1rem;
}

.area-smartfree-terms .list-num > li {
    margin-top: 0.7em;
}

/*===list-num_circle===*/
.area-smartfree-terms .list-num_circle {
    text-indent: -1rem;
}

.area-smartfree-terms .list-num_circle > li {
    margin-top: 0.7em;
}

/*===list_parentheses===*/
.area-smartfree-terms ul.list_parentheses li {
    padding-left: 3.5rem !important;
    margin-left: -0.5rem;
    margin-top: 0.7em;
}

.area-smartfree-terms ul.list_parentheses li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    vertical-align: middle;
}

.area-smartfree-terms ul.list_parentheses li.list-1:before {
    content: "（１）";
}

.area-smartfree-terms ul.list_parentheses li.list-2:before {
    content: "（２）";
}

.area-smartfree-terms ul.list_parentheses li.list-3:before {
    content: "（３）";
}

.area-smartfree-terms ul.list_parentheses li.list-4:before {
    content: "（４）";
}

.area-smartfree-terms ul.list_parentheses li.list-5:before {
    content: "（５）";
}

.area-smartfree-terms ul.list_parentheses li.list-6:before {
    content: "（６）";
}

.area-smartfree-terms ul.list_parentheses li.list-7:before {
    content: "（７）";
}

.area-smartfree-terms ul.list_parentheses li.list-8:before {
    content: "（８）";
}

.area-smartfree-terms ul.list_parentheses li.list-9:before {
    content: "（９）";
}

.area-smartfree-terms ul.list_parentheses li.list-10:before {
    content: "（１０）";
}

.area-smartfree-terms ul.list_parentheses li.list-11:before {
    content: "（１１）";
}

.area-smartfree-terms ul.list_parentheses li.list-12:before {
    content: "（１２）";
}

.area-smartfree-terms ul.list_parentheses li.list-13:before {
    content: "（１３）";
}

.area-smartfree-terms ul.list_parentheses li.list-14:before {
    content: "（１４）";
}

.area-smartfree-terms ul.list_parentheses li.list-15:before {
    content: "（１５）";
}

.area-smartfree-terms ul.list_parentheses li.list-16:before {
    content: "（１６）";
}

.area-smartfree-terms ul.list_parentheses li.list-17:before {
    content: "（１７）";
}

.area-smartfree-terms ul.list_parentheses li.list-18:before {
    content: "（１８）";
}

.area-smartfree-terms ul.list_parentheses li.list-19:before {
    content: "（１９）";
}

/* ------------------------------------------
info network
------------------------------------------ */

/*common
---------------------------------------*/
.area-smartfree-terms *:after {
    box-sizing: border-box
}

.area-smartfree-terms li {
    list-style-type: decimal;
}

@media screen and (max-width: 520px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }
}

@media screen and (min-width: 521px) and (max-width: 1109px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }
}

@media screen and (min-width: 1110px) {
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }
}

.assurance-ext-link {
    text-decoration: none;
    color: #ff008c;
}

.ux-scroll__content > div > div{
  padding: 10px 1.5rem;
}


/* ------------------------------------------
add
------------------------------------------ */
h1 {
    color: #ff008c !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
body {
    background-color: #fff !important;
}

/*===231117_add===*/
.tc__title {
    margin: 5px auto !important;
    color: #ff008c !important;
    font-weight: bold;
}
body,p {
    color: #4c4948 !important;
    font-family: "Noto Sans Japanese", sans-serif !important;
}
ul.list-circle_terms {
    padding: 0px !important;
}