@charset "UTF-8";

.guideline_wrapper {
    width: 100%;
    margin: 0;
}

.guideline_wrapper .guideline_inner {
    width: 1200px;
    margin: 0 auto;
}

.guideline_wrapper section {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 2px solid #aaaaaa;
}

.guideline_wrapper .common-title {
    line-height: 1.2;
}

.guideline_wrapper .lead_title {
    margin-top: 35px;
}

.guideline_wrapper .common-title + ol,
.guideline_wrapper .common-title + ul,
.guideline_wrapper .common-title + p {
    margin-top: 20px;
}

.guideline_wrapper ol,
.guideline_wrapper ul,
.guideline_wrapper li {
    position: relative;
}

.guideline_wrapper ol > li,
.guideline_wrapper ul > li {
    margin-top: 8px;
    font-size: 16px;
}

.guideline_wrapper ol.note,
.guideline_wrapper ul.note,
.guideline_wrapper ol.note li,
.guideline_wrapper ul.note li,
.guideline_wrapper ol.note a,
.guideline_wrapper ul.note a {
    margin-top: 1px;
    font-size: 14px;
    color: #666666;
}

.guideline_wrapper a:not([class*="-btn"]) {
    text-decoration: underline;
}

.guideline_wrapper a[target="_blank"] {
    position: relative;
    display: inline;
    margin-right: 0;
    padding-right: 0.4em;
    text-decoration: underline;
}

.guideline_wrapper a[target="_blank"]::after {
    content: "";
    position: relative;
    right: -0.2em;
    bottom: -0.2em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("https://mvno.geo-mobile.jp/v2/img/cmn/general/blank.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.guideline_wrapper .bottomContent {
    width: 100%;
    margin-top: 56px;
}

.guideline_wrapper .bottomContent p {
    text-align: right;
}

/* ============ リストマーク ============ */
/* 1. の形式 */
ol.lvl-1 {
    counter-reset: lvl1;
}

ol.lvl-1 > li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

ol.lvl-1 > li::before {
    counter-increment: lvl1;
    content: counter(lvl1) ".";
    display: inline-block;
    width: 1.5em;
    text-indent: 0;
}

/* 1) の形式 */
ol.lvl-2 {
    counter-reset: lvl2;
}

ol.lvl-2 > li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

ol.lvl-2 > li::before {
    counter-increment: lvl2;
    content: counter(lvl2) ")";
    display: inline-block;
    width: 1.5em;
    text-indent: 0;
}

/* ① の形式 */
ol.lvl-3 {
    counter-reset: lvl3;
}

ol.lvl-3 > li {
    padding-left: 1.5em;
    text-indent: -0.9em;
}

ol.lvl-3 > li::before {
    counter-increment: lvl3;
    content: counter(lvl3);
    position: relative;
    top: -0.1em;
    left: -0.7em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.3em;
    height: 1.3em;
    border: 1px solid #666666;
    border-radius: 50%;
    font-size: 0.8em;
    text-indent: 0;
}

/* ・ マーク */
ol > li.-dot,
ul > li.-dot {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

ol > li.-dot::before,
ul > li.-dot::before {
    content: "・";
    position: relative;
    display: inline-block;
    margin: 0;
    width: 1.5em;
    text-indent: 0;
    color: inherit;
}

/* ※ マーク */
ol > li.-star,
ul > li.-star {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

ol > li.-star::before,
ul > li.-star::before {
    content: "※";
    position: relative;
    display: inline-block;
    margin: 0;
    width: 1.5em;
    text-indent: 0;
    color: inherit;
}