@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
body .imp-cnt {
    font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    letter-spacing: 0.05em;
}
/* layout
---------------------------------------------------------- */
body,
a {
    word-wrap: break-word; /* IE11用 */
    overflow-wrap: break-word;
    word-break: break-all;
}

@media print {
    table,
    td {
        border: solid 1px black;
        border-collapse: collapse;
    }
}

.col_w {
    display: inline-block;
    width: 40px;
    text-align: left;
    margin-left: 1px;
}
.col_w2 {
    display: inline-block;
    width: 40px;
    text-align: left;
    margin-left: 1px;
}

.contents h2,
.contents h3 {
    line-height: 1.2;
}
.contents h2 span.txt-indent {
    text-indent: -1.4em;
    margin-left: 1.4em;
    display: block;
}
.contents h3 span.txt-indent {
    text-indent: -1.8em;
    margin-left: 1.8em;
    display: block;
}
.contents h3 span.txt-indent2 {
    text-indent: -1.5em;
    margin-left: 1.5em;
    display: block;
}
.contents p span.txt-indent {
    display: block;
    text-indent: -1.3em;
    margin-left: 1.3em;
}

.txt_bg {
    margin: 0 !important;
    background: #f4f4f4;
    display: inline-block;
    padding: 0 20px;
    border-radius: 15px;
}

figure.border-img img {
    border: 1px solid #ccc;
}

#bodyArea.imp-cnt ul.indent li {
    background: none;
    text-indent: -1.2em;
    padding-left: 20px;
}
#bodyArea.imp-cnt ul.indent li ul li {
    text-indent: -2em;
    padding-left: 30px;
}
#bodyArea.imp-cnt ul.indent02 li {
    background: none;
    text-indent: -2em;
    padding-left: 30px;
}
#bodyArea.imp-cnt ul.indent.txt-small li {
    text-indent: -2em;
    padding-left: 25px;
}
#bodyArea.imp-cnt ul.indent02.txt-small li {
    text-indent: -1em;
    padding-left: 15px;
}

table caption {
    position: relative;
}
table caption span {
    position: absolute;
    right: 0;
    bottom: 10px;
}

@media screen and (max-width: 768px) {
    table caption span {
        position: static;
        display: block;
    }

}


.table-responsive {
    border: none;
}

.page_08 table caption {
    font-size: 16px;
}
.page_08 table caption span {
    font-size: 12px;
}

#bodyArea table.datatable td,
#bodyArea table.datatable th {
    padding: 5px;
}

.bg-grey {
    background: #efefef;
    padding: 10px 20px;
}
.bg-grey .ttl {
    margin-bottom: 0 !important;
}

dl {
    display: table;
    margin-bottom: 5px;
}
dl dt {
    display: table-cell;
    width: 70px;
    font-weight: bold;
}
dl dd {
    display: table-cell;
}

@media screen and (max-width: 768px) {
    #bodyArea table.width100_sp {
        width: 100% !important;
    }
}

#bodyArea.imp-cnt p.caption-new {
    color: #000;
    margin: 8px 0;
    font-size: 12.75px;
    font-weight: bold;
}
#bodyArea.imp-cnt .text-indent-new {
    margin-left: 1em;
    text-indent: -1em;
}
#bodyArea.imp-cnt .marginLeft0_6 {
    margin-left: 0.6em;
}
#bodyArea.imp-cnt .marginLeft-0_5em {
    margin-left: -0.5em;
}
#bodyArea.imp-cnt .blockElement {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}
#bodyArea.imp-cnt .noArrow li {
  background: none;
  padding-left: 0;
}
#bodyArea.imp-cnt ul.indent2_6 > li {
    background: none;
    text-indent: -2.6em;
    padding-left: 2.6em;
}
#bodyArea.imp-cnt ul.indent1_9 > li {
    background: none;
    text-indent: -1.9em;
    padding-left: 1.9em;
}
#bodyArea.imp-cnt ul.indent1_7 > li {
    background: none;
    text-indent: -1.7em;
    padding-left: 1.7em;
}
#bodyArea.imp-cnt ul.indent1_6 > li {
    background: none;
    text-indent: -1.6em;
    padding-left: 1.6em;
}
#bodyArea.imp-cnt ul.indent0_6 > li {
  background: none;
  text-indent: -0.6em;
  padding-left: 0.6em;
}
#bodyArea.imp-cnt ul.indent0_3 > li {
    background: none;
    text-indent: -0.3em;
    padding-left: 0.3em;
}

#bodyArea.imp-cnt .indent1 {
    text-indent: -1em;
    padding-left: 1em;
}

#bodyArea.imp-cnt table .empty_cell:not(:root) {
    background-image: linear-gradient(to right top, transparent calc(50% - 0.6px), #000 50%, #000 calc(50% + 0.6px), transparent calc(50% + 1px))
}

#bodyArea.imp-cnt a img {
    transition: opacity .3s;
}

#bodyArea.imp-cnt a:hover img {
    opacity: 0.7;
}
#bodyArea.imp-cnt .text_on_img {
    position: relative;
}
#bodyArea.imp-cnt .text_on_img p {
    position: absolute;
    letter-spacing: .08em;
    font-size: 20px;
    top: 13px;
    left: 75px;
}
@media screen and (max-width: 768px)  {
    #bodyArea.imp-cnt .text_on_img p {
        font-size: 3vw;
        top: 0.8vw;
        left: 5vw;
    }
}