@charset "UTF-8";
@import url("contents_pc.css");
@media only all and (max-width: 1023px) {
    .span-br {
        display: inline;
    }
    .span-mobile-br {
        display: block;
    }
    .only-pc {
        display: none;
    }
    .only-mobile {
        display: block;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-center {
        text-align: center !important;
    }
    .mobile-right {
        text-align: right !important;
    }
    .contents-area {
        margin-top: 2.4167rem;
    }
    .contents-box {
        margin-top: 1.5833rem;
    }
    .introduction-wrapper01 {
        position: relative;
        padding-right: 0;
        min-height: auto;
    }
    .introduction-wrapper01>img {
        position: static;
        display: block;
        width: 100%;
        max-width: 25rem;
        margin: 0 auto 1.1667rem auto;
    }
    .introduction-wrapper01 h4>span {
        padding-right: 0.41667rem;
    }
    .word-type01 {
        font-size: 1.0833rem;
        line-height: 1.8333rem;
    }
    .word-type01+.word-type01 {
        margin-top: 1.25rem;
    }
    .title-type01 {
        margin-bottom: 1.125rem;
        font-size: 1.3333rem;
        line-height: 1.8333rem;
    }
    .title-type01>span {
        padding-right: 1.25rem;
    }
    .title-type01:before {
        top: 1.0833rem;
    }
    .title-type02 {
        margin-bottom: 0.375rem;
        font-size: 1.0833rem;
        line-height: 1.5833rem;
    }
    .table-type01 table thead th {
        padding: 0.41667rem;
        font-size: 1.0833rem;
        line-height: 1.6667rem;
    }
    .table-type01 table tbody th,
    .table-type01 table tfoot th {
        padding: 0.41667rem;
        font-size: 1.0833rem;
        line-height: 1.6667rem;
    }
    .table-type01 table tbody td,
    .table-type01 table tfoot td {
        padding: 0.41667rem;
        color: #666666;
        font-size: 1.0833rem;
        line-height: 1.5rem;
    }
    /* Responsive table */
    .horizontal-scroll {
        position: relative;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        background: linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)) no-repeat 0 0 / 20px 100% scroll, linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)) no-repeat 100% 0 / 20px 100% scroll;
    }
    .horizontal-scroll table {
        width: 45rem;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) no-repeat 0 0 / 80px 100% local, linear-gradient(to right, rgba(255, 255, 255, 0), #fff) no-repeat 100% 0 / 80px 100% local;
    }
    .horizontal-scroll table.type02 {
        width: 60rem;
    }
    .horizontal-scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.05);
    }
    .horizontal-scroll::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.25);
    }
    .horizontal-scroll table thead th {
        background-color: rgba(39, 81, 123, .1);
    }
    .horizontal-scroll table tbody td,
    .horizontal-scroll table tfoot td {
        background-color: rgba(255, 255, 255, .09);
    }
    .horizontal-scroll table .bg01 {
        background-color: rgba(203, 203, 203, .09) !important;
        ;
    }
    .horizontal-scroll table .bg02,
    .horizontal-scroll table tfoot th,
    .horizontal-scroll table tfoot td {
        background-color: rgba(255, 230, 78, .09) !important;
    }
    .information-area {
        float: left;
        width: calc(50% - 0.41667rem);
        margin-top: 3.3333rem;
        margin-right: 0;
    }
    .information-area:nth-child(2n) {
        float: right;
    }
    .information-area:nth-child(2n+1) {
        clear: both;
    }
    .information-area:nth-child(1),
    .information-area:nth-child(2) {
        margin-top: 0;
    }
    .information-area:last-child {
        margin-right: 0;
    }
    .information-area img {
        display: block;
        width: 100%;
        margin-bottom: 1rem
    }
    .information-area h4 {
        margin-bottom: 0.83333rem;
        font-size: 1.1667rem;
        line-height: 1.5rem;
    }
    .information-area ul>li {
        padding-left: 0.5rem;
        margin-bottom: 0.83333rem;
        font-size: 1.0833rem;
        line-height: 1.1667rem;
    }
    .information-area ul>li:before {
        top: 0.58333rem;
        width: 0.083333rem;
        height: 0.083333rem;
    }
}