@charset "utf-8";

.txt-copy { font-weight: normal!important; line-height: 1.4; }
.txt-border { margin-bottom: 40px; }
.txt-border span { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 6px solid #06a; }

/* =====================
  anchor menu
===================== */
.btn-anc-box {
    font-size: 0.68em;
    text-align: center;
}
.btn-anc-box > div {
    display: table;
    padding: 4px;
}
.btn-anc-box > div a {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0.8em 1.9em 0.8em 0.4em;
    line-height: 1.4;
    width: 100%;
    background: url("../img/arw-anc-dwng.png") no-repeat right center;
    background-color: #ededed;
}
.btn-anc-box.wh > div a {
    background-color: #fff;
}
.btn-anc-box.gray > div a {
    background-color: #ededed;
}
.btn-anc-box > div a:hover { background-color: #ccc; color: #666; text-decoration: none; }

@media(max-width:1024px) {
    .btn-anc-box  { font-size: 0.9em; }
}
@media(max-width: 400px) {
    .btn-anc-box > div { width: 100%; }
}

/* =====================
  button-top
===================== */
.btn-top-box { margin-top: 50px; text-align: center; }
.btn-top-box a { position: relative; }
.btn-top-box a:hover { opacity: 0.6; text-decoration-line: none; }
.btn-top-box a span { position: absolute; display: inline-block; width: 32px; height: 32px; margin-top: -4px; margin-left: -40px; border: 2px solid #999; border-radius: 16px; background-image: url(/00cmn/img/common/nav-arrow-upg.png); background-repeat: no-repeat; background-position: center center; background-size: 32px; }
@media(max-width:767px) {
    .btn-top-box { margin-top: 30px; }
}


/* =====================
  task check
===================== */
ul.check-box { list-style: none; margin: 0 auto; }
ul.check-box li { padding: 0px; }
ul.check-box li p { display: inline-block; padding: 8px 0 0px 24px; position: relative; font-weight: normal; color: #121212; }
ul.check-box li p::before { content: ""; display: block; position: absolute; top: 5px; left:-20px; width: 32px; height: 32px; background: url(/ja/development/service-menu/img/ico-checkbox.png) no-repeat center center; background-size: 32px; }

ul.check-box li small { display: inline-block; padding: 16px 0 0px 24px; position: relative; font-weight: normal; }
ul.check-box li small::before { content: "※"; display: block; position: absolute; top: 16px; left: 0; width: 32px; height: 32px; color: #c00; }

ul.check-box li p span { display: inline-block; margin-top: 10px; margin-bottom: 10px; font-weight: normal; font-size: 80%; color: #454545; }
ul.check-box li:last-child span { margin-bottom: 0px; }

@media (max-width: 767px) {
	ul.check-box li { padding-right: 0%; }
	ul.check-box li p::before { top: 0px; }
	ul.check-box li p span { margin-top: 8px; margin-bottom: 0px; }
	ul.check-box li:last-child p span { margin-bottom: 20px; }
}
@media (max-width: 699px) {
	ul.check-box { min-height: auto; background-image: none; }
	ul.check-box li { padding-right: 0px; }
	ul.check-box li small { display: inline-block; padding: 0px 0 0px 24px; position: relative; font-weight: normal; }
	ul.check-box li small::before { content: "※"; display: block; position: absolute; top: 0px; left: 0; width: 32px; height: 32px; color: #c00; }
}

/* =====================
  list
===================== */
.main-list { margin: 0; padding: 0; margin-left: 40px; padding-left: 20px; }
.main-list li { display: block; position: relative; padding-left: 0; margin-left: 0; margin-bottom: 20px; }
.main-list, .sub-list li:last-child { margin-bottom: 0px; }
.main-list li:before { content:''; width:8px; height:8px; border-radius:4px; position: absolute; left:-20px; top: 9px; background: #06a; }
.sub-list { font-size: 14px; }
.sub-list li { display: block; position: relative; padding-left: 0; margin-left: 0; margin-bottom: 10px; }
.sub-list li:before { content:''; width:4px; height:4px; border-radius:2px; position: absolute; left:-16px; top: 8px; background: #06a; }

.sub-list.dotted li:not(:last-child) { border-bottom: 1px dotted #ddd; }

.sub-list + .notice { font-size: 14px; }