@charset "utf-8";

/*-------------------top-------------------*/
.main_top dl {
    background: #123e58;
    padding: 10px;
    display: table;
    width: 100%;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.main_top dt {
    display: table-cell;
    width: 23%;
    max-width: 23%;
}

.main_top dd {
    display: table-cell;
    font-size: 1.45vw;
    color: #fff;
    vertical-align: middle;
    padding: 0 0 0 2vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../images/top/ico_top01.png") no-repeat right 20px center;
}

.main_top dd span {
    color: #fff505;
}

.support {
    margin-bottom: 30px;
}

.support_box {
    padding: 1.56vw;
    display: flex;
    justify-content: space-between;
    background: #dfeffa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support_box .support_cont {
    width: 48.5%;
    border: 1px solid #535353;
    padding: 1.2vw 0.7vw 1.53vw;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support_top {
    height: 10vw;
}

.support_tit {
    font-size: 1.25vw;
    padding-left: 1vw;
    padding-bottom: 0.7vw;
    border-bottom: 3px solid #008ec9;
    color: #008ec9;
}

.support_tit img {
    vertical-align: middle;
    margin-left: 1vw;
    width: 2vw;
    position: relative;
    top: -2px;
}

.support_price {
    font-size: 2.5vw;
    color: #333333;
    line-height: 1;
    text-align: center;
    margin: 1vw 0 0;
}

.support_txt {
    font-size: 0.93vw;
    line-height: 2;
    font-weight: normal;
    margin: 1vw 0 0;
}

.new {
    margin-bottom: 30px;
}

.new_box {
    background: #fafafa;
    padding: 1em 2em 1em;
    border: 1px solid #008ec9;
}

.border_color02 .new_box {
    border-color: #43a4a8;
}
.new_box dl {
    display: flex;
    align-items: center;
    padding: 1.2em 0;
    border-bottom: 1px solid #535353;
    justify-content: space-between;
    width: 100%;
}

.new_box dt {
    width: 86%;
    padding-right: 1em;
    position: relative;
    display: flex;
    align-items: center;
}

.new_box dt .time {
    font-size: medium;
    font-weight: normal;
    margin-right: 1.5em;
    white-space: nowrap;
}

.new_box dt .txt {
    font-size: medium;
    font-weight: 700;
    word-break: break-all;
}

.new_box dt .txt span {
    color: #f20000;
}
.new_box dt .txt span.number {
    margin-left: 0.5em;
    text-decoration: none;
    display: inline-block;
}

.new_box dd {
    width: 14%;
}

.new_box dd a {
    width: 100%;
    line-height: 1.8vw;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: small;
    background: url("../images/top/ico_top02.png") no-repeat right 0.5vw center #008ec9;
}
.new_box .btn {
    margin-top: 1em;
}
.dashboard_news {
    margin: 0 0 2em;
    align-items: stretch;
    word-break: break-all;
}
.dashboard_news > div {
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 0;
}
.dashboard_news > div:nth-child(odd) {
    padding-right: 0.5em;
}
.dashboard_news > div:nth-child(even) {
    padding-left: 0.5em;
}
.dashboard_news dl dt a {
    text-decoration: underline;
}
.dashboard_news .news_btn {
    display: flex;
    padding-top: 10px;
}
.feed_news .news_btn {
    margin-top: auto;
}

.dashboard_news .news_btn p,
.dashboard_news .news_btn p a {
    width: 100%;
    font-weight: bold;
    max-width: 25em;
    margin: auto;
}
.dashboard_news .news_btn p:nth-child(odd) {
    padding-right: 3px;
}
.dashboard_news .news_btn p:nth-child(even) {
    padding-left: 3px;
}
.dashboard_news .news_btn p a {
    border: 2px solid #eb9161;
    position: relative;
    box-sizing: border-box;

    font-size: 1.5rem;
    padding: 0.8em 30px 0.8em 0.2em;
    display: block;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: #eb9161;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.dashboard_news .news_btn p a:after {
    position: absolute;
    content: "";
    right: 16px;
    top: calc(50% - 1px);
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(45deg);
}

.dashboard_news .news_btn p.btn_top a {
    background-color: #fff;
    color: #2c93cd;
    border-color: #2c93cd;
}

.dashboard_news .news_btn p.btn_top a:after {
    border-color: #2c93cd;
}
.dashboard_news .tag_cloud_link {
    position: relative;
    padding: 0 1em;
}
.dashboard_news .tag_link a {
    cursor: pointer;
}
.dashboard_news .tag_cloud_box + .feed_news_body .feed_news .news {
    border-top: 1px solid #008ec9;
    margin-top: 1em;
}
.border_color02 .dashboard_news .tag_cloud_box + .feed_news_body .feed_news .news {
    border-top-color: #43a4a8;
}
.border_color02 .feed_news_category a.return {
    border-color: #43a4a8;
    color: #43a4a8;
}
.border_color02 .feed_news_category span {
    border-left-color: #43a4a8;
}
.border_color02 .dashboard_news .news_btn p.btn_top a {
    color: #43a4a8;
    border-color: #43a4a8;
}
.border_color02 .dashboard_news .news_btn p.btn_top a:after {
    border-color: #43a4a8;
}
.border_color02 .dashboard_news .tags .swiper-slide a.on {
    border-left-color: #43a4a8;
    border-right-color: #43a4a8;
}
.border_color02 .dashboard_news .tags .swiper:after {
    background: #43a4a8;
}

.dashboard_news .news {
    padding: 0 1.5em 1em;
    font-size: medium;
    border: 1px solid #008ec9;
    border-top: none;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.border_color02 .dashboard_news .news {
    border-color: #43a4a8;
}
.dashboard_news .news li {
    padding: 1em 0 1em;
    border-bottom: 1px solid #999;
}

.dashboard_news .news li .region {
    font-size: small;
    margin-bottom: 0.3em;
    display: flex;
    align-items: center;
}
.dashboard_news .news li .region .fa-map-marker {
    color: #2c93cd;
    margin-right: 0.3em;
}
.dashboard_news .news li .region .city_name {
    border: 1px solid #fafafa;
    padding: 0.1em 0;
}
.dashboard_news .news li .region .memo {
    border: 1px solid #999;
    padding: 0.1em 0.4em;
    margin-left: 0.5em;
}
.dashboard_news.ministry .news li .region .city_name {
    border-color: #999;
    padding: 0.1em 0.4em;
}
.dashboard_news.ministry .news li .region .memo {
    display: none;
}

.dashboard_news .news li .detail {
    display: flex;
    align-items: center;
}

.dashboard_news .news li .detail a {
    text-decoration: underline;
}
.dashboard_news .news li .detail .time {
    font-size: medium;
    font-weight: normal;
    margin-right: 1em;
    white-space: nowrap;
}
.dashboard_news .news li .subject .time {
    display: flex;
    align-items: center;
}
.dashboard_news .news li .new_count {
    color: red;
    border: 1px solid red;
    border-radius: 3px;
    padding: 0 0.2em;
    font-size: small;
    font-weight: bold;
    margin-right: 0.5em;
}
.dashboard_news .tags {
    box-sizing: border-box;
    border-left: 1px solid #008ec9;
    border-right: 1px solid #008ec9;
}
.dashboard_news .tags .swiper {
    background: #efeff5;
    box-sizing: border-box;
    position: relative;
}

.dashboard_news .tags .swiper:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #008ec9;
}
.dashboard_news .tags .swiper .swiper-wrapper {
    display: flex;
    height: 100%;
}
.dashboard_news .tags .swiper-slide {
    margin-right: 0 !important;
    padding: 0;
    background-color: unset;
}
.dashboard_news .tags .swiper-slide a {
    padding: 0 0.8em;
    margin: 0.5em 0;
    cursor: pointer;
    display: block;
    position: relative;
    border-collapse: collapse;
    box-sizing: border-box;
    border-left: 1px solid #cecdcd;
    border-right: 1px solid #cecdcd;
    transition: none;
}
.dashboard_news .tags .swiper-slide:first-child a {
    border-left: none;
}
.dashboard_news .tags .swiper-slide.swiper-slide-prev a {
    border-right-color: transparent;
}
.dashboard_news .tags .swiper-slide.swiper-slide-next a {
    border-left-color: transparent;
}
.dashboard_news .tags .swiper-slide a.on {
    padding: 0.5em 0.8em;
    margin: 0;
    border-left-color: #008ec9;
    border-right-color: #008ec9;
    background-color: #fff;
    transition: none;
    pointer-events: none;
    cursor: pointer;
    color: #000;
}

.dashboard_news .tags .swiper-slide:first-child a.on {
    border-left: none;
}
.row.dashboard_news.newsletter_news {
    margin-bottom: 0;
}
.row.dashboard_news.newsletter_news > div {
    margin-bottom: 2em;
}

.newsletter_news .news ul li {
    display: flex;
    align-items: center;
    min-height: 5.5em;
    box-sizing: border-box;
}
.newsletter_news .news ul li .subject {
    flex: 1;
}

.newsletter_news .news ul li .counts {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.4em;
    max-width: 14em;
}
.newsletter_news .news ul li .counts > a {
    width: 50%;
    display: block;
    box-sizing: border-box;
    margin-bottom: 0.2em;
    font-size: small;
    color: #000;
}
.newsletter_news .news ul li .counts dl {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.newsletter_news .news ul li .counts > a:nth-of-type(odd) {
    padding-right: 0.1em;
}
.newsletter_news .news ul li .counts > a:nth-of-type(even) {
    padding-left: 0.1em;
}
.newsletter_news .news ul li .counts > a:last-child {
    margin-bottom: 0;
}
.newsletter_news .news ul li .counts dl > dt {
    min-width: 4em;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #c1c1c1;
    border-right: none;
    padding: 0.1em 0.2em;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.newsletter_news .news ul li .counts dl > dd {
    padding-left: 0.5em;
    text-align: right;
    min-width: 2em;
    flex: 1;
    border: 1px solid #c1c1c1;
    border-left: none;
    padding: 0.1em 0.2em;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.dashboard_news .news.customize_news li {
    padding: 0.5em 0 0.5em;
}
.newsletter_news .news.customize_news ul li .counts > dl {
    width: 100%;
}
.newsletter_news .news.customize_news ul li .counts > dl > dt {
    width: 4em;
    text-align: center;
    margin-bottom: 0;
    border-bottom: none;
}

.newsletter_news .news.customize_news ul li .counts > dl:last-child > dt {
    border-bottom: 1px solid #aaa;
}
.newsletter_news .news.customize_news ul li .counts {
    max-width: 8em;
}

.newsletter_news .news ul li .link a {
    border: 2px solid #2c93cd;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    font-size: small;
    display: block;
    padding: 0.2em 1.5em 0.2em 0.3em;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: #2c93cd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.newsletter_news .news ul li .link a:after {
    position: absolute;
    content: "";
    right: 8px;
    top: calc(50%);
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(45deg);
}
.dashboard_next_link a {
    display: block;
    border: 1px solid #d2eff0;
    border-radius: 10px;
    padding: 1em 0;
    background-color: #d2eff0;
    color: #47a6aa;
    text-align: center;
}
.pagenav.pagenav02.dashboard_links ul li a {
    border-color: #43a4a8;
    color: #43a4a8;
}
.pagenav.pagenav02.dashboard_links ul li.active a {
    background-color: #43a4a8;
}
.dashboard_prev_link {
    margin-top: 1.5em;
}
.dashboard_prev_link a {
    display: block;
    border: 1px solid gray;
    border-radius: 10px;
    padding: 1em 0;
    background-color: gray;
    color: #fff;
    text-align: center;
    max-width: 15em;
    margin: auto;
    position: relative;
}
.dashboard_prev_link a:after {
    position: absolute;
    content: "";
    left: 16px;
    top: calc(50% - 1px);
    border-bottom: solid 3px #fff;
    border-left: solid 3px #fff;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(45deg);
}

.feed_news_category {
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 1.5em;
    font-size: medium;
}

.feed_news_category span {
    border-left: 4px solid #2082a5;
    padding-left: 0.5em;
}
.feed_news_category select {
    width: auto;
    margin-left: 1em;
    border-radius: 10px;
}
.feed_news_category a.return {
    margin-left: auto;
    border: 2px solid #2c93cd;
    color: #2c93cd;
    border-radius: 10px;
    padding: 2px 1.5em 2px 0.5em;
}

.feed_news_category a.return i {
    font-size: large;
    font-weight: bold;
    margin-right: 1em;
}

.dashboard_news.informations_news .open_content {
    cursor: pointer;
}
.dashboard_news.informations_news .open_content .number {
    text-decoration: none;
    color: red;
    margin-left: 0.5em;
    display: inline-block;
}
.dashboard_news.informations_news .content {
    display: none;
    padding-top: 1em;
    padding-bottom: 2em;
    font-size: initial;
    font-weight: initial;
}
.dashboard_news.informations_news .content p {
    font-size: 1em;
    padding: revert;
    margin: revert;
}

.tag_cloud {
    margin-bottom: 1em;
    transition: all 2s ease-in-out;
}
.tag_cloud.close {
    max-height: calc(1.4em + 34px);
    overflow-y: hidden;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.tag_cloud.open {
    margin-bottom: 0;
    max-height: 9999px;
}
.tag_cloud_button {
    display: block;
    position: relative;
    height: 1.6em;
    line-height: 1.6em;
    background-color: #fafafa;
    padding-bottom: 20px;
}

.tag_cloud_button:before {
    content: "";
    position: absolute;
    background-color: #eb9161;
    height: 2px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: calc(100% - 30px);
}
.tag_cloud_button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fafafa;
    padding: 0 0.8em;
    color: #eb9161;
    font-size: small;
    cursor: pointer;
}

.tag_cloud ul {
    display: flex;
    flex-wrap: wrap;
    background-color: #fafafa;
    padding: 15px 10px 10px 15px;
}
.tag_cloud ul a {
    display: block;
    border: 1px solid #ebebeb;
    background-color: #ebebeb;
    border-radius: 0.5em;
    padding: 4px 7px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 500;
    line-height: 1.4em;
}

.tag_cloud ul li:hover a {
    background-color: #ddd;
}
.tag_cloud ul li.active a {
    color: #fff;
    background-color: #eb9161;
}

body .dashboard_news .swiper-button-next,
body .dashboard_news .swiper-button-prev {
    width: 18px;
    height: 100%;
}
body .dashboard_news .swiper-button-prev:after,
body .dashboard_news .swiper-button-next:after {
    width: 18px;
    background-position: center;
    background-size: 100% auto;
    height: calc(100% + 1px);
}

@media screen and (max-width: 1024px) {
    .feed_news_category,
    .dashboard_news .news li .detail {
        display: block;
    }
    .feed_news_category span {
        display: block;
    }
    .feed_news_category select {
        margin-top: 0.5em;
        margin-left: 0;
    }
    .feed_news_category a.return {
        margin-top: 1em;
        display: inline-block;
    }
    .dashboard_news .pagenav ul li {
        margin-bottom: 0.3em;
    }
    .row.dashboard_news {
        display: block;
    }
    .row.dashboard_news .col-6 {
        width: auto;
        max-width: none;
        margin-bottom: 1em;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.btn_box {
    width: 35% !important;
}
@media screen and (max-width: 1024px) {
    .btn_box {
        width: 50% !important;
    }
}
@media screen and (max-width: 576px) {
    .btn_box {
        width: 90% !important;
    }
}

.news01 .new_box dd a {
    background: url("../images/top/ico_top02.png") no-repeat right 0.5vw center #43a4a8;
}

.news02 .new_box dd a {
    background: url("../images/top/ico_top02.png") no-repeat right 0.5vw center #1a8e58;
}

.new_btn {
    margin-top: 30px;
}

.new_btn a {
    display: inline-block;
    width: 16em;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.text-danger {
    color: #dc3545 !important;
    font-weight: 700;
}
.text-success {
    color: #28a745 !important;
    font-weight: 700;
}

@media screen and (max-width: 1100px) {
    .support_top {
        height: 14vw;
    }
}

@media screen and (max-width: 1024px) {
    .main_top dl {
        background: #123e58;
        padding: 10px 10px 0;
        display: block;
        width: 100%;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: flex;
    }

    .main_top dt {
        display: block;
        width: 20%;
        text-align: center;
        max-width: 100%;
    }

    .main_top dt img {
        width: 80%;
    }

    .main_top dd {
        width: 80%;
        padding: 15px 40px 15px;
        display: block;
        font-size: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url("../images/top/ico_top01.png") no-repeat right 40px center;
        -webkit-background-size: 10px;
        background-size: 10px;
    }

    .main_top dd span {
        color: #fff505;
    }

    .support {
        margin-bottom: 15px;
    }

    .support_box {
        padding: 10px;
        display: block;
        background: #dfeffa;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support_box .support_cont + .support_cont {
        margin-top: 15px;
    }

    .support_box .support_cont {
        width: 100%;
        border: 1px solid #535353;
        padding: 10px;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support_top {
        height: auto;
    }

    .support_tit {
        font-size: 16px;
        padding-left: 10px;
        padding-bottom: 10px;
        border-bottom: 2px solid #008ec9;
        color: #008ec9;
    }

    .support_tit img {
        vertical-align: middle;
        margin-left: 10px;
        width: 20px;
        position: relative;
        top: -2px;
    }

    .support_price {
        font-size: 28px;
        color: #333333;
        line-height: 1;
        text-align: center;
        margin: 10px 0 10px;
    }

    .support_txt {
        font-size: 12px;
        line-height: 2;
        font-weight: normal;
    }

    .support_btn {
        margin-top: 15px;
    }

    .new {
        margin-bottom: 20px;
    }

    .new_box {
        background: #fafafa;
        padding: 10px 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .new_box dl {
        display: block;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid #535353;
        width: 100%;
    }

    .new_box dt {
        width: 100%;
    }

    .new_box dt {
        display: block;
    }

    .new_box dt .time {
        font-size: 14px;
        font-weight: normal;
        margin-right: 0;
    }

    .new_box dt .txt {
        font-size: 14px;
        margin: 8px 0;
        font-weight: 700;
    }

    .new_box dt .txt span {
        color: #f20000;
    }

    .new_box dd {
        width: 100%;
    }

    .new_box dd a {
        line-height: 30px;
        border-radius: 8px;
        color: #fff;
        text-align: center;
        display: block;
        font-size: 14px;
        width: 150px;
        background: url("../images/top/ico_top02.png") no-repeat right 10px center #008ec9;
    }

    .news01 .new_box dd a {
        background: url("../images/top/ico_top02.png") no-repeat right 10px center #43a4a8;
    }

    .news02 .new_box dd a {
        background: url("../images/top/ico_top02.png") no-repeat right 10px center #1a8e58;
    }

    .new_btn {
        margin-top: 0;
    }

    .oem_cont .new_btn a {
        display: block;
        width: auto;
        font-size: medium;
    }
    .oem_cont > .d-flex {
        display: block;
    }
}
@media screen and (max-width: 650px) {
    .main_top dt {
        display: none;
    }
    .main_top dd {
        font-size: xx-large;
        width: 100%;
        padding: 13px 0px 15px;
    }
}

/*-------------------oem-------------------*/
.oem #contents {
    background: #f2f7f5;
}

.oem_box {
    border: 3px solid;
    background: #fff;
    padding: 2.4vw;
}

.oem_box .oem_cont + .oem_cont {
    margin-top: 2.5vw;
}

.oem_cont .table01 {
    width: 100%;
}

.oem_cont .table01 table {
    width: 76%;
    font-weight: normal;
}

.oem_cont .table01 th {
    width: 16.66%;
    padding: 0.8vw 0;
    text-align: center;
    font-size: medium;
    border: 1px solid #707070;
    background: #d8ede3;
    font-weight: 400;
}

.oem_cont .table01 td {
    width: 16.66%;
    padding: 0.8vw 0;
    text-align: center;
    font-size: medium;
    border: 1px solid #707070;
}

.oem_search {
    background: #1a8e58;
    padding: 1.5vw;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oem_search > div p {
    font-size: 0.8vw;
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
}

.oem_search > div:nth-child(1) {
    width: 26%;
}

.oem_search > div:nth-child(2) {
    width: 26%;
}

.oem_search > div:nth-child(3) {
    width: 28%;
}

.oem_search > div:nth-child(4) {
    width: 15%;
}

.oem_search select {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    background: #fff;
    border-radius: 3px;
    font-size: small;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
        "MS PGothic", sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oem_search input {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    background: #fff;
    padding: 0 1vw;
    font-size: small;
    border-radius: 3px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
        "MS PGothic", sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oem_search button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #eb9161;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    font-size: medium;
    font-weight: 700;
    padding: 0.6em 0;
    border-radius: 3px;
    background: #eb9161;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oem_search button img {
    margin-left: 1vw;
    width: 1.1vw;
}

.oem_cont .table02 {
    margin-top: 1.5vw;
}

.oem_cont .table02 table {
    width: 100%;
    font-weight: normal;
}

.oem_cont .table02 th {
    padding: 0.8vw 0;
    text-align: center;
    font-size: smaller;
    border: 1px solid #707070;
    background: #d8ede3;
    font-weight: normal;
}

.oem_cont .table02 td {
    padding: 0.8vw 0;
    text-align: center;
    font-size: smaller;
    border: 1px solid #707070;
    vertical-align: middle;
}

.oem_cont .table02 td:nth-child(8),
.oem_cont .table02 td:nth-child(9) {
    color: #f20000;
}

.oem_cont .table02 td.status {
    font-weight: 700;
}

.oem_cont .table02 td img {
    vertical-align: middle;
    width: 0.7vw;
}

.pagenav {
    margin-top: 3vw;
    margin-bottom: 3vw;
}

.pagenav ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagenav ul li {
    margin: 0 5px;
}

.pagenav ul li a {
    display: flex;
    width: 3vw;
    height: 3vw;
    border-radius: 3px;
    align-items: center;
    color: #1a8e58;
    background: #fff;
    font-size: small;
    font-weight: 700;
    border: 2px solid #1a8e58;
    justify-content: center;
}

.pagenav ul li a.on {
    background: #1a8e58;
    color: #fff;
}

.pagenav ul li a:hover {
    background: #1a8e58;
    color: #fff;
}

.oem_cont .table03 {
    width: 100%;
}

.oem_cont .table03 table {
    width: 76%;
}

.oem_cont .table03 th {
    padding: 0.8vw 0;
    text-align: center;
    font-size: medium;
    border: 1px solid #707070;
    background: #d8ede3;
    font-weight: normal;
}

.oem_cont .table03 td {
    padding: 0.8vw 0;
    text-align: center;
    font-size: medium;
    border: 1px solid #707070;
    vertical-align: middle;
    font-weight: normal;
}

.table02 .text-secondary,
td.color001 {
    color: #5a5a5a !important;
    font-weight: bold !important;
}

.table02 .text-warning,
td.color002 {
    color: #b48a00 !important;
    font-weight: bold !important;
}

.table02 .text-success,
td.color003 {
    color: #5e9a00 !important;
    font-weight: bold !important;
}

.table02 .text-danger,
td.color004 {
    color: #f20000 !important;
    font-weight: bold !important;
}

.oem_cont .table03 td:nth-child(2) {
    text-align: left;
    padding: 0.8vw 0.8vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .oem_box {
        border: 2px solid;
        background: #fff;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_box .oem_cont + .oem_cont {
        margin-top: 25px;
    }

    .oem_cont .table01 {
        width: 100%;
    }

    .oem_cont .table01 table {
        width: 100%;
    }

    .oem_cont .table01 th {
        width: 16.66%;
        padding: 10px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 12px;
        border: 1px solid #707070;
        background: #d8ede3;
    }

    .oem_cont .table01 td {
        width: 16.66%;
        padding: 10px 5px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #707070;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_search {
        background: #1a8e58;
        padding: 15px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_search > div + div {
        margin-top: 10px;
    }

    .oem_search > div p {
        font-size: 0.14px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .oem_search > div:nth-child(1) {
        width: 100%;
    }

    .oem_search > div:nth-child(2) {
        width: 100%;
    }

    .oem_search > div:nth-child(3) {
        width: 100%;
    }

    .oem_search > div:nth-child(4) {
        width: 100%;
    }

    .oem_search select {
        width: 100%;
        display: block;
        border: none;
        outline: none;
        background: #fff;
        padding: 10px 10px;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_search input {
        width: 100%;
        display: block;
        border: none;
        outline: none;
        background: #fff;
        padding: 10px 10px;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_search a {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 10px;
        background: #eb9161;
        color: #fff;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_search a img {
        margin-left: 10px;
        width: 16px;
    }

    .oem_cont .table02 {
        margin-top: 15px;
        width: 100%;
        overflow-x: auto;
    }
    .oem_cont .table02::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #e5e5e5;
    }
    .oem_cont .table02::-webkit-scrollbar-thumb {
        --bg-opacity: 1;
        background-color: #6c757d;
    }

    .oem_cont .table02 table {
        width: 1200px;
    }

    .oem_cont .table02 th {
        padding: 10px 5px;
        font-size: 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #707070;
        background: #d8ede3;
    }

    .oem_cont .table02 td {
        padding: 10px 5px;
        font-size: 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #707070;
        vertical-align: middle;
    }

    .oem_cont .table02 td:nth-child(8),
    .oem_cont .table02 td:nth-child(9) {
        color: #f20000;
    }

    .oem_cont .table02 td img {
        vertical-align: middle;
        width: 10px;
    }

    .pagenav {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pagenav ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pagenav ul li {
        margin: 0 3px;
    }

    .pagenav ul li a {
        display: flex;
        width: 30px;
        height: 30px;
        align-items: center;
        color: #1a8e58;
        background: #fff;
        font-size: 13px;
        font-weight: 700;
        border: 2px solid #1a8e58;
        justify-content: center;
    }

    .oem_cont .table03 {
        width: 100%;
    }

    .oem_cont .table03 table {
        width: 100%;
    }

    .oem_cont .table03 th {
        padding: 10px 5px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #707070;
        background: #d8ede3;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .oem_cont .table03 td {
        padding: 10px 5px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #707070;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    td.color001 {
        color: #5a5a5a !important;
    }

    td.color002 {
        color: #b48a00 !important;
    }

    td.color003 {
        color: #5e9a00 !important;
    }

    td.color004 {
        color: #f20000 !important;
    }

    .oem_cont .table03 td:nth-child(2) {
        text-align: left;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/*-------------------entry-------------------*/
.entry_tit {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    font-size: large;
    color: #008ec9;
    padding-bottom: 10px;
    border-bottom: 3px solid #008ec9;
    font-weight: 700;
    margin-bottom: 1.5em;
}

.entry_tit span {
    width: 1.8em;
    height: 1.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: small;
    color: #fff;
    margin-right: 10px;
    border-radius: 50%;
    background: #008ec9;
}

.entry_txt {
    font-size: medium;
    line-height: 2;
}

.entry_txt span {
    color: #008ec9;
    font-weight: 700;
}

.entry_link {
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5em;
}

.entry_link a {
    margin: 0 10px;
    width: 18em;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: medium;
    color: #fff;
    background: #eb9161;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

@media screen and (max-width: 1140px) {
    .entry_link a {
        width: 20em;
    }
}

.entry_link a:last-child {
    background: #e38399;
}

.entry_link a img {
    margin-right: 1.5em;
}

.entry_form {
    border: 1px solid #707070;
}

.entry_form dl {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 2em;
}

.entry_form dl + dl {
    border-top: 1px solid #c1c1c1;
}

.entry_form dt {
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.1em;
    font-size: medium;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.entry_form dt span {
    background: #f20000;
    border-radius: 3px;
    width: 4.6em;
    height: 1.5em;
    line-height: 1.5em;
    font-size: small;
    color: #fff;
    text-align: center;
}

.entry_form dd {
    width: 72%;
}

.entry_form .flex_box {
    display: flex;
    padding-right: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
}

.entry_form .flex_box a {
    min-width: 18em;
    line-height: 1.8em;
    text-align: center;
    font-size: small;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    margin: 0.3em 0;
    background: url("../images/entry/ico_entry02.png") no-repeat right 10px center #008ec9;
}

.entry_form .flex_box input {
    width: 75%;
}

.entry_box .entry_cont + .entry_cont {
    margin-top: 2.5em;
}

.entry_file {
    margin-top: 2em;
    background: #fafafa;
    padding: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.entry_file .file_link label {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 2px dashed #707070;
    background: #fff;
    padding: 2em 0;
    text-align: center;
    font-size: medium;
    color: #9a9a9a;
}

.entry_file .file_link label img {
    width: 1em;
    margin-right: 10px;
}

.entry_file .file_txt {
    margin: 1.2em 0;
    font-size: medium;
}

.entry_file .file_txt span {
    color: #008ec9;
    display: inline-block;
    padding-left: 0.5vw;
}

.file_btn a,
.file_btn button {
    width: 18em;
    height: 3em;
    margin: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: medium;
    color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

@media screen and (max-width: 1024px) {
    .file_btn a,
    .file_btn button {
        width: 30vw;
        height: 7vw;
    }
}

@media screen and (max-width: 576px) {
    .file_btn a,
    .file_btn button {
        width: 45vw;
        height: 10vw;
    }
}

.file_btn .next {
    background: #eb9161;
}

.file_btn .prev {
    background: #91989a;
}

.file_btn .prev i {
    padding-right: 0.5rem !important;
}

.file_btn button img,
.file_btn a img {
    margin-right: 1.2vw;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

@media screen and (max-width: 1024px) {
    .entry_tit {
        display: flex;
        width: 100%;
        align-items: center;
        font-size: 16px;
        color: #008ec9;
        padding-bottom: 8px;
        border-bottom: 2px solid #008ec9;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .entry_tit span {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #fff;
        margin-right: 10px;
        border-radius: 50%;
        background: #008ec9;
    }

    .entry_txt {
        font-size: 12px;
        line-height: 2;
    }

    .entry_txt span {
        color: #008ec9;
        font-weight: 700;
    }

    .entry_link {
        margin-top: 15px;
        display: block;
        margin-bottom: 15px;
    }

    .entry_link a {
        width: 280px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        display: block;
        margin: 10px auto 0;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background: #eb9161;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }

    .entry_link a:last-child {
        background: #e38399;
    }

    .entry_link a img {
        width: 15px;
        vertical-align: middle;
        margin-right: 10px;
    }

    .entry_form {
        border: 1px solid #707070;
    }

    .entry_form dl {
        display: block;
    }

    .entry_form dl + dl {
        border-top: 1px solid #707070;
    }

    .entry_form dt {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px dotted #707070;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .entry_form dt span {
        background: #f20000;
        border-radius: 3px;
        width: 100px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        color: #fff;
        text-align: center;
    }

    .entry_form dd {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .entry_form .flex_box {
        display: flex;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
    }

    .entry_form .flex_box a {
        width: 170px;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        border-radius: 8px;
        font-weight: 700;
        background: url("../images/entry/ico_entry02.png") no-repeat right 5px center #008ec9;
    }

    .entry_form .flex_box input {
        width: calc(100% - 170px);
    }

    .entry_box .entry_cont + .entry_cont {
        margin-top: 25px;
    }

    .entry_file {
        margin-top: 20px;
        background: #fafafa;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .entry_file .file_link a {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        border: 2px dashed #707070;
        background: #fff;
        padding: 40px 0;
        text-align: center;
        font-size: 14px;
        color: #9a9a9a;
    }

    .entry_file .file_link a img {
        width: 14px;
        margin-right: 10px;
    }

    .entry_file .file_txt {
        margin: 15px 0;
        font-size: 14px;
    }

    .entry_file .file_txt span {
        color: #008ec9;
        display: inline-block;
        padding-left: 10px;
    }

    .file_btn a {
        width: 280px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        display: block;
        margin: 10px auto 0;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background: #eb9161;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }

    .file_btn .next {
        background: #eb9161;
    }

    .file_btn .prev {
        background: #91989a;
    }

    .file_btn a img {
        vertical-align: middle;
        margin-right: 10px;
        width: 14px;
    }
}

/*-------------------setting-------------------*/
.setting .file_btn {
    margin-top: 1.5vw;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.setting .entry_form dd {
    margin-left: -1px;
    border-left: 1px solid #c1c1c1;
    border-collapse: collapse;
    padding: 0.9em 1em;
    font-size: small;
    font-weight: normal;
    /* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
        "MS PGothic", sans-serif; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting .entry_form dt {
    border-right: 1px solid #c1c1c1;
    border-collapse: collapse;
    padding: 0.9em 1em;
    font-size: medium;
    font-weight: 700;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
        "MS PGothic", sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setting .file_btn a img {
    margin-right: 0.5vw;
}

.check_box .check_box_tit {
    background: #008ec9;
    padding: 0.93vw 0;
    text-align: center;
    font-size: medium;
    color: #fff;
    position: relative;
}

.check_box .check_box_tit input[type="checkbox"] {
    width: auto;
    display: none;
}

.check_box .check_box_tit_pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.1vw;
    z-index: 2;
    font-size: small;
    color: #fff;
}

.check_box .check_box_tit_pos span {
    padding-left: 1.5vw;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

.check_box .check_box_tit_pos input:checked + span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}
.check_box li input {
    display: none;
}

.check_box .check_cont {
    background: #fafafa;
    padding: 1.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.check_box .check_cont ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    margin-bottom: -0.5vw;
}

.check_box .check_cont li input {
    display: none;
}

.check_box .check_cont ul li:nth-child(2n + 1) {
    width: 40%;
}

.check_box .check_cont ul li:nth-child(2n) {
    width: 60%;
}

.check_box .check_cont li {
    margin-bottom: 0.5vw;
    font-size: small;
}

.check_box .check_cont li span {
    padding-left: 1.5em;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1em;
    background-size: 1em;
}

.check_box .check_cont li input:checked + span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
    -webkit-background-size: 1em;
    background-size: 1em;
}

.check_box li span {
    padding-left: 1.5em;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
    -webkit-background-size: 1em;
    background-size: 1em;
}

.check_box li input:checked + span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
    -webkit-background-size: 1em;
    background-size: 1em;
}

.check_box .check_in input {
    display: none;
}

.check_box .check_in .check_in_tit span {
    padding-left: 1.5vw;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

.check_box .check_in .check_in_tit input:checked + span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

.check_box .check_in_tit {
    padding: 1.1vw 1.5vw;
    background: #dfeffa;
    font-size: medium;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.check_box .check_in_box {
    background: #fff;
    padding: 1.5vw 1.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.check_box .check_in_box ol {
    display: flex;
    align-items: center;
    justify-content: left;
}

.check_box .check_in_box ol li {
    margin-right: 1.5vw;
}

.setting .entry_form dl {
    display: flex;
    align-items: center;
    justify-content: left;
}
.setting .entry_form dl.box-industryclass {
    align-items: normal;
}

@media screen and (max-width: 1024px) {
    .setting .file_btn {
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .setting .entry_form dd {
        border-left: 1px solid #c1c1c1;
        padding: 10px 10px;
        font-size: 14px;
        font-weight: normal;
        /* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
            "MS PGothic", sans-serif; */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: auto;
    }

    .setting .entry_form dt {
        padding: 10px 10px;
        font-size: 14px;
        font-weight: 700;
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
            "MS PGothic", sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: auto;
    }

    .setting .file_btn a img {
        margin-right: 6px;
    }

    .check_box .check_box_tit {
        padding: 10px 0;
        text-align: center;
        font-size: 16px;
        color: #fff;
        position: relative;
        background: url("../images/setting/ico_setting03.png") no-repeat right 10px center #008ec9;
    }

    .check_box .check_box_tit_pos {
        display: none;
    }

    .check_box .check_box_tit_pos span {
        padding-left: 15px;
        background: url("../images/setting/ico_setting01.png") no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .check_box .check_box_tit_pos input:checked + span {
        background: url("../images/setting/ico_setting02.png") no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .ddbox .check_box + .check_box {
        margin-top: 15px;
    }

    .check_box .check_cont {
        background: #fafafa;
        padding: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .check_box .check_cont ul {
        display: block;
        margin-bottom: 5px;
    }

    .check_box .check_cont li input {
        display: none;
    }

    .check_box .check_cont ul li:nth-child(2n + 1) {
        width: 100%;
    }

    .check_box .check_cont ul li:nth-child(2n) {
        width: 100%;
    }

    .check_box .check_cont li {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .check_box .check_cont li span {
        padding-left: 18px;
        background: url("../images/setting/ico_setting01.png") no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .check_box .check_cont li input:checked + span {
        background: url("../images/setting/ico_setting02.png") no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .check_box .check_in input {
        display: none;
    }

    .check_box .check_in .check_in_tit span {
        padding-left: 18px;
        background: url("../images/setting/ico_setting01.png") no-repeat left center;
        -webkit-background-size: 14px;
        background-size: 14px;
    }

    .check_box .check_in .check_in_tit input:checked + span {
        background: url("../images/setting/ico_setting02.png") no-repeat left center;
        -webkit-background-size: 14px;
        background-size: 14px;
    }

    .check_box .check_in_tit {
        padding: 14px;
        background: #dfeffa;
        font-size: 16px;
        font-weight: 700;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .check_box .check_in_box {
        background: #fff;
        padding: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .check_box .check_in_box ol {
        display: block;
        align-items: center;
        justify-content: left;
        margin-bottom: -5px;
    }

    .check_box .check_in_box ol li {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .setting .entry_form dl {
        display: block;
    }
}

/*-------------------------support------------------------*/
.support01 #main {
    padding: 0;
}

.support01_box_des {
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support01 .hdt span {
    font-size: 28px;
    color: #333333;
    margin-left: 10px;
}

.support01_top {
    padding: 1em 2em;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.support01_top.exist_exclusion {
    padding: 1em 2em;
}

.support01_top_bc_01 {
    background: #008ec9;
}

.support01_top_bc_02 {
    background: #43a4a8;
}

.support01_top_bc_03 {
    background: #1a8e58;
}

.support01_top_box {
    /* width: 24vw; */
}

.support01_top_box > p {
    width: 5em;
    font-size: small;
    color: #fff;
    align-self: center;
}

.support01_top_box > p span {
    background: #000;
}

.support01_top_box > p input {
    display: none;
}

.support01_top_box > p span {
    padding-bottom: 1.4vw;
    display: inline-block;
    background: url("../images/setting/ico_setting01.png") no-repeat bottom center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

.support01_top_box > p input:checked + span {
    background: url("../images/setting/ico_setting02.png") no-repeat bottom center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

.support01_top_box > .support_top_search_box {
    flex: 1;
    padding-right: 1em;
}
.support01_top_box > .support_top_search_box > .support_top_search:nth-of-type(2) {
    margin-top: 0.5em;
}

.support01_top .support_top_search_block {
    width: 100%;
    max-width: 35em;
    margin-right: 1em;
}

.support01_top .support_top_search {
    width: 100%;
    max-width: 35em;
    display: flex;
    align-items: center;
    justify-content: left;
}

.support01_top .support_top_search_w {
    width: 100%;
    max-width: 35em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: left;
}

.support01_top .support_top_search input {
    width: calc(100% - 3.2em);
    padding: 0 0.5em;
    line-height: 2.5em;
    height: 3.2em;
    border: none;
    outline: none;
    background: #fff;
    font-size: small;
    border-radius: 4px 0 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.support01_top .support_top_search_w input {
    width: calc(100% - 3.2em);
    padding: 0 0.5em;
    line-height: 2.5em;
    height: 3.2em;
    border: none;
    outline: none;
    background: #fff;
    font-size: medium;
    border-radius: 4px 0 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support01_top .support_top_search button {
    background: #eb9161;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.2em;
    border-radius: 0 4px 4px 0;
    width: 3.2em;
}
.support01_top .support_top_search_w button {
    background: #eb9161;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: medium;
    height: 3.2em;
    border-radius: 0 4px 4px 0;
    width: 3.2em;
}
.support_top_btn.visible-pc {
    margin-left: auto;
}

.support_top_link a {
    display: flex;
    width: 11vw;
    font-size: large;
    height: 3.2vw;
    color: #fff;
    background: #eb9161;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}

.support_top_link a img {
    margin-left: 1.1vw;
}

.support_top_btn a {
    width: 7.5em;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 2em;
    background: #fff;
    border: 1px solid #008ec9;
    border-radius: 0.9vw;
    padding-left: 5px;
    font-size: small;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support_top_btn a img {
    margin-right: 0.5em;
    width: 1em;
}

.support_top_select select {
    width: 8em;
    border: none;
    background: #fff;
    outline: none;
    height: 2em;
    border-radius: 3px;
    font-weight: bold;
    font-size: 1.5rem;
}

.support01_box_des .listbox {
    border: 1px solid #535353;
}

.support01_box_des .listbox_top {
    background: #dfeffa;
    min-height: 4em;
    display: flex;
    align-items: center;
    padding: 0 10px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: space-between;
}

.support01_box_des .listbox_top .time {
    display: flex;
    align-items: center;
    justify-content: left;
    font-weight: 400;
}

.support01_box_des .listbox_top .time .sta {
    font-weight: 700;
}

.support01_box_des .listbox_top .time input {
    display: none;
}

.support01_box_des .listbox_top .time span.input_span {
    padding: 2px 0 2px 1.2em;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1.2em;
    background-size: 1.2em;
}

.support01_box_des .listbox_top .time input:checked + span.input_span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
}
.support01_box_des .listbox_top .checkbox {
    font-size: 16px;
}
.support01_box_des .listbox_top .checkbox input {
    display: none;
}

.support01_box_des .listbox_top .checkbox span.input_span {
    padding: 2px 0 2px 1.2em;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1.2em;
    background-size: 1.2em;
}

.support01_box_des .listbox_top .checkbox input:checked + span.input_span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
}

.support01_box_des .listbox_top .time {
    font-size: 16px;
}

.support01_box_des .listbox_top .sta {
    margin: 0 0.6em 0 1em;
}
.support01_box_des .listbox_top .period .sta {
    margin-right: 0;
}

.support01_box_des .listbox_top .right {
    display: flex;
    align-items: center;
    justify-content: left;
}

.support01_box_des .listbox_top .support_top_btn01 a {
    color: #008ec9;
    font-size: small;
    border: 1px solid #008ec9;
    border-radius: 4px;
    background: #fff;
    padding: 0 1em;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.support01_box_des .listbox_top .support_top_btn01_after a {
    color: #fff;
    font-size: small;
    border: 1px solid #008ec9;
    padding: 0 1em;
    border-radius: 4px;
    background: #008ec9;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.support01_box_des .listbox_top .support_top_btn01 a img {
    margin-left: 0.4vw;
}

.support01_box_des .listbox_top .support_top_btn01_after a img {
    margin-left: 0.4em;
}

.support01_box_des .listbox_cont {
    padding: 1.5em 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listbox_cont_flex {
    display: flex;
    align-items: center;
    justify-content: left;
}

.listbox_cont_flex .img {
    width: 50px;
}

.listbox_cont_flex .box {
    width: calc(100% - 50px);
    margin-left: 10px;
}

.listbox_cont_flex .box_tit {
    font-size: x-large;
    color: #008ec9;
    /* padding-bottom: .6vw; */
    border-bottom: 3px solid #008ec9;
}

.listbox_cont_flex .box_tit img {
    margin-left: 7px;
    vertical-align: middle;
}

.listbox_cont_flex .dl_box {
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}

.listbox_cont_flex dl {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 1.5vw;
    margin-top: 10px;
}

.listbox_cont_flex dt {
    width: 6.8em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 4px;
    color: #fff;
    font-size: medium;
    background: #c99624;
    text-align: center;
    margin-right: 0.8em;
}

.listbox_cont_flex dd {
    font-size: 1.25vw;
    color: #c99624;
}

.listbox_cont_flex dd img {
    vertical-align: middle;
}

.support01_box_des .listbox_hide {
    border-top: 1px solid #535353;
    padding: 1.5vw;
    display: none;
}

.support01_box_des .listbox_hide ol {
    display: flex;
    justify-content: space-between;
}

.support01_box_des .listbox_hide ol li {
    width: 32%;
}

.support01_box_des .listbox_hide .ol_list_tit {
    background: #123e58;
    line-height: 2em;
    font-size: x-large;
    color: #fff;
    text-align: center;
}

.support01_box_des .listbox_hide .ol_list_txt {
    background: #fafafa;
    padding: 0.8em;
    line-height: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: small;
    text-align: left;
}

.support01_box_des .ol_btn {
    margin-top: 1.1vw;
    text-align: center;
}

.support01_box_des .ol_btn a {
    display: flex;
    width: 15vw;
    height: 3.1vw;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 0.93vw;
    color: #fff;
    background: #eb9161;
    border-radius: 4px;
}

.support01_box_des .ol_btn a img {
    margin-right: 6px;
}

.support01_box_des .ol_btn_p_c a {
    background: #e38399 !important;
}

.ol_btn_zy {
    margin: 1vw auto 0;
    text-align: center;
    font-size: 0.73vw;
    color: #f20202;
    font-weight: 700;
    border: 2px solid #f20202;
    padding: 5px 0;
    width: 15vw;
}

.support_top_btn a.on {
    width: 7.5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2em;
    background: #eb9161;
    border: 1px solid #008ec9;
    border-radius: 0.9vw;
    padding: 0 5px 0 1em;
    font-size: small;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.imghide {
    display: none;
}

.support_top_btn a.on .imghide {
    display: block;
    margin-right: 0;
}

.support_top_btn a.on .imgshow {
    display: none;
}

.support01_box_des ul > li + li {
    margin-top: 1.5vw;
}

.pagenav.pagenav01 ul li a {
    color: #008ec9;
    border: 2px solid #008ec9;
}

.pagenav.pagenav01 ul li a.on {
    background: #008ec9;
    color: #fff;
}

.pagenav.pagenav01 ul li a:hover {
    background: #008ec9;
    color: #fff;
}

.bottom_link {
    margin-top: 3em;
    display: flex;
    align-items: center;
    padding-bottom: 5em;
    justify-content: center;
}

.bottom_link a {
    margin: 0 15px;
    width: 18em;
    height: 4.3em;
    display: flex;
    font-size: x-large;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #eb9161;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 0.2em;
}

.bottom_link a img {
    margin-right: 10px;
    width: 1.56em;
}

.bottom_link a:last-child {
    background: #e38399;
}
.bottom_link a.create_pdf {
    background: #eb9161;
}

.support01_top_box,
.support01_top_conditions {
    display: flex;
    flex: 1;
}
.support01_top_box {
    align-items: center;
    justify-content: left;
}
.support01_top_conditions {
    justify-content: space-between;
    flex-direction: column;
}
.support01_top_condition_sort {
    display: flex;
    align-items: center;
}

.support01_top_box01 {
    display: flex;
    align-items: center;
    justify-content: left;
}

.support01_top_box01 .support_top_select {
    margin-left: 14px;
}

@media screen and (max-width: 1024px) {
    .support01_top_box01 {
        display: flex;
        align-items: center;
    }
    .support01_top_box01 .support_top_select {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

@media screen and (min-width: 1921px) {
    .support01_top_box {
        width: 464px;
    }

    .support01_top_box > p span {
        padding-bottom: 28px;
        display: inline-block;
        background: url("../images/setting/ico_setting01.png") no-repeat bottom center;
        -webkit-background-size: 20px;
        background-size: 20px;
    }

    .support01_top_box > p input:checked + span {
        background: url("../images/setting/ico_setting02.png") no-repeat bottom center;
        -webkit-background-size: 20px;
        background-size: 20px;
    }

    .support_top_link a {
        display: flex;
        width: 210px;
        font-size: 22px;
        height: 60px;
        color: #fff;
        background: #eb9161;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
    }

    .support_top_link a img {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .support01_top_box {
        width: 100%;
    }
    .support01_top_conditions,
    .support01_top_condition_sort {
        display: block;
    }

    .ol_btn_zy {
        margin: 10px auto 0;
        text-align: center;
        font-size: 14px;
        width: 285px;
        color: #f20202;
    }

    .support01_top_box01 {
        width: 100%;
        justify-content: space-between;
    }

    .support01 #main {
        padding: 0;
    }

    .support01_box_des {
        padding: 0;
        margin-top: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01 .hdt span {
        font-size: 16px;
        color: #333333;
        margin-left: 0;
    }

    .support01_top {
        background: #008ec9;
        margin: 0 -10px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 10px;
        display: block;
    }
    .support01_top_bc_02 {
        background: #43a4a8;
    }
    .support01_top_bc_03 {
        background: #1a8e58;
    }
    .support01_top_box > p {
        display: inline-block;
        width: 45px;
        font-size: 12px;
        color: #fff;
        margin-right: 10px;
        align-self: center;
    }

    .support01_top_box > p span {
        background: #000;
    }

    .support01_top_box > p input {
        display: none;
    }

    .support01_top_box > p span {
        padding-bottom: 15px;
        display: inline-block;
        background: url("../images/setting/ico_setting01.png") no-repeat bottom center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .support01_top_box > p input:checked + span {
        background: url("../images/setting/ico_setting02.png") no-repeat bottom center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .support01_top .support_top_search {
        width: 100%;
        max-width: none;
        display: flex;
        margin-right: 0;
    }
    .support01_top .support_top_search_w {
        width: 100%;
        display: flex;
        max-width: none;
        margin-right: 0;
    }
    .support01_top .support_top_search input {
        width: calc(100% - 50px);
        padding: 0 10px;
        line-height: 50;
        height: 50px;
        border: none;
        outline: none;
        background: #fff;
        font-size: 15px;
        border-radius: 4px 0 0 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .support01_top .support_top_search_w input {
        width: calc(100% - 58px);
        padding: 0 10px;
        line-height: 50;
        height: 50px;
        border: none;
        outline: none;
        background: #fff;
        font-size: 15px;
        border-radius: 4px 0 0 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01_top .support_top_search button {
        background: #eb9161;
        border: none;
        outline: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-radius: 0 4px 4px 0;
        width: 50px;
    }
    .support01_top .support_top_search_w button {
        background: #eb9161;
        border: none;
        outline: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-radius: 0 4px 4px 0;
        width: 50px;
    }

    .support_top_btn {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #fff;
    }

    .support_top_link a {
        display: flex;
        width: 100%;
        font-size: 16px;
        height: 50px;
        margin: 10px 0;
        color: #fff;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
        background: url("../images/support/ico_support02.png") no-repeat right 15px center #eb9161;
    }

    .support_top_link a img {
        display: none;
    }

    .support01_top_box01 .support_top_select {
        /* margin-left: 0;
        width: 48%; */
    }

    .support_top_btn a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        border: 1px solid #008ec9;
        border-radius: 18px;
        padding-left: 5px;
        font-size: 14px;
        color: #000;
        background: url("../images/support/ico_support03.png") no-repeat left 5px center #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support_top_btn a img {
        display: none;
    }

    .support_top_select select {
        width: 100%;
        border: none;
        background: #fff;
        outline: none;
        height: 38px;
    }

    .support01_box_des .listbox {
        border: 1px solid #535353;
    }

    .support01_box_des .listbox_top {
        background: #dfeffa;
        height: auto;
        display: block;
        padding: 14px 10px 14px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01_box_des .listbox_top .time {
        display: flex;
        align-items: center;
        justify-content: left;
    }
    .support01_box_des .listbox_top .time > div.period{
        display: flex !important;
    }

    .support01_box_des .listbox_top .time input {
        display: none;
    }

    .support01_box_des .listbox_top .time span.input_span {
        padding: 2px 0 2px 15px;
        background: url("../images/setting/ico_setting01.png") no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .support01_box_des .listbox_top .time input:checked + span.input_span {
        background: url("../images/setting/ico_setting02.png") no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .support01_box_des .listbox_top .time {
        font-size: 12px;
    }

    .support01_box_des .listbox_top .sta {
        margin: 0 10px 0 10px;
    }

    .support01_box_des .listbox_top .right {
        display: flex;
        margin-top: 10px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .support01_box_des .listbox_top .support_top_btn01 a {
        color: #008ec9;
        border: 1px solid #008ec9;
        border-radius: 4px;
        background: #fff;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .support01_box_des .listbox_top .support_top_btn01_after a {
        color: #fff;
        border: 1px solid #008ec9;
        border-radius: 4px;
        background: #008ec9;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .support01_box_des .support_top_btn {
        border: none;
        margin: 0 10px 0 0;
        padding: 0;
    }

    .support01_box_des .support_top_btn a {
        height: 36px;
        width: 131px;
    }

    .support01_box_des .support_top_btn a.on {
        width: 131px;
    }

    .support01_box_des .listbox_top .support_top_btn01 a img {
        margin-left: 2px;
    }

    .support01_box_des .listbox_cont {
        padding: 15px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .listbox_cont_flex {
        display: block;
        align-items: center;
        justify-content: left;
    }

    .listbox_cont_flex .img {
        /* width: 25%; */
        text-align: center;
    }

    .listbox_cont_flex .box {
        width: auto;
        margin-top: 10px;
        margin-left: 0;
    }

    .listbox_cont_flex .box_tit {
        font-size: 18px;
        color: #008ec9;
        padding-bottom: 8px;
        border-bottom: 2px solid #008ec9;
    }

    .listbox_cont_flex .box_tit img {
        margin-left: 7px;
        vertical-align: middle;
        width: 24px;
    }

    .listbox_cont_flex .dl_box {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .listbox_cont_flex dl {
        display: block;
        width: 32%;
        margin-right: 0;
    }

    .listbox_cont_flex dt {
        width: 100%;
        height: 35px;
        line-height: 35px;
        border-radius: 4px 4px 0 0;
        color: #fff;
        font-size: 15px;
        background: #c99624;
        text-align: center;
        margin-right: 0;
    }

    .listbox_cont_flex dd {
        font-size: 15px;
        color: #c99624;
        padding: 6px 0;
        text-align: center;
        background: #fff;
        border: 1px solid #c99624;
    }

    .listbox_cont_flex dd img {
        vertical-align: middle;
        max-width: 80%;
    }

    .support01_box_des .listbox_hide {
        border-top: 1px solid #535353;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
    }

    .support01_box_des .listbox_hide ol {
        display: block;
    }

    .support01_box_des .listbox_hide ol li {
        width: 100%;
        margin-bottom: 15px;
    }

    .support01_box_des .listbox_hide .ol_list_tit {
        background: #123e58;
        line-height: 40px;
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

    .support01_box_des .listbox_hide .ol_list_txt {
        background: #fafafa;
        padding: 10px;
        line-height: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        text-align: left;
    }

    .support01_box_des .ol_btn {
        margin-top: 20px;
        text-align: center;
    }

    .support01_box_des .ol_btn a {
        display: flex;
        width: 285px;
        height: 46px;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #fff;
        background: #eb9161;
        border-radius: 4px;
    }

    .support01_box_des .ol_btn a img {
        margin-right: 6px;
    }

    .support_top_btn a.on {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        border: 1px solid #008ec9;
        border-radius: 18px;
        padding: 0 5px 0 10px;
        font-size: 14px;
        color: #fff;
        background: url(../images/support/ico_support09.png) no-repeat right 5px center #eb9161;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support_top_btn a.on img {
        display: none !important;
    }

    .imghide {
        display: none;
    }

    .support_top_btn a.on .imghide {
        display: block;
        margin-right: 0;
    }

    .support_top_btn a.on .imgshow {
        display: none;
    }

    .support01_box_des ul > li + li {
        margin-top: 15px;
    }

    .pagenav.pagenav01 ul li a {
        color: #008ec9;
        border: 2px solid #008ec9;
    }

    .pagenav.pagenav01 ul li a.on {
        background: #008ec9;
        color: #fff;
    }

    .pagenav.pagenav01 ul li a:hover {
        background: #008ec9;
        color: #fff;
    }

    .bottom_link {
        margin-top: 20px;
        display: block;
        align-items: center;
        padding-bottom: 30px;
        justify-content: center;
    }

    .bottom_link a {
        width: 280px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        display: flex;
        margin: 10px auto 0;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background: #eb9161;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }

    .bottom_link a img {
        margin-right: 10px;
        width: 20px;
    }

    .bottom_link a:last-child {
        background: #e38399;
    }
}

.side_search .specify {
    padding: 0 !important;
    background: #fff;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.3rem;
}

.side_search .specify .close {
    display: none;
}

.side_search .side_search_tit {
    font-size: large;
    text-align: center;
    line-height: 3em;
    color: #008ec9;
    background: #dfeffa;
}
.specify_cl01 .side_search_tit {
    color: #008ec9;
    background: #dfeffa;
}
.specify_cl02 .side_search_tit {
    color: #43a4a8;
    background: #d8ede3;
}
.specify_cl03 .side_search_tit {
    color: #1a8e58;
    background: #d8ede3;
}
.side_search .flex_top {
    padding: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side_search .specify .flex_top ul {
    display: block;
    margin: 0 0 -10px;
}

.side_search .specify .flex_top li {
    margin: 0 0 10px;
}

.side_search .specify_box {
    margin-top: 0;
    font-size: 1.4rem;
}

.side_search .specify_box_top {
    border-top: 1px solid #535353;
    padding: 1em 1em 1em;
    font-size: large;
    background: none;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side_search .specify_box_top b {
    display: inline-block;
    padding-left: 0.5vw;
    /* border-left: 3px solid #008ec9; */
    line-height: 1;
}

.side_search_cl01 .specify_box_top b {
    border-left: 3px solid #008ec9;
}

.side_search_cl02 .specify_box_top b {
    border-left: 3px solid #43a4a8;
}

.side_search_cl03 .specify_box_top b {
    border-left: 3px solid #1a8e58;
}

.side_search .specify_box_top .pos {
    display: none;
}

.side_search .specify_in {
    background: #fff;
    padding: 0 1em 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.side_search .specify_in2 {
    padding: 0;
}
.side_search .specify_cont_top {
    font-size: 15px;
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 44px;
    background: url(../images/specify/ico_specify01.png) no-repeat right 15px center #008ec9;
    -webkit-background-size: 18px;
    background-size: 18px !important;
}

.side_search .specify_cont_top.on {
    background: url(../images/specify/ico_specify02.png) no-repeat right 15px center #008ec9;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.side_search .specify_cont_top .pos {
    display: none;
}

.side_search .specify_cont_box {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f4f4f4;
    font-size: 1.4rem;
}

.side_search .specify_cont_box ul {
    display: block;
    margin: 0 0 -10px;
}

.side_search .specify_cont_box li {
    margin: 0 0 10px;
}

.specify_cont_box .dl_box dd {
    padding: 1em 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f4f4f4;
}

.side_search .specify_cont_box .dl_box dd {
    background: #fff;
}

.side_search .specify_cont_box .dl_box dt {
    padding-left: 1em;
}

.side_search .specify_in .list01 {
    background: #f4f4f4;
    padding: 1em;
    display: block;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side_search .specify_in .list01 li {
    margin: 0 0 10px;
}

.side_search .specify_in .list01 li:last-child {
    margin: 0 0 0;
}

.side_search .bg1 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #98af55 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg1.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #98af55 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg2 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #d5a747 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg2.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #d5a747 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg3 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #326681 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg3.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #326681 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg4 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #5cbaaa !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg4.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #5cbaaa !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg5 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #6cc6d5 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg5.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #6cc6d5 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg6 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #c49ee2 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg6.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #c49ee2 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg7 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #dd99bb !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg7.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #dd99bb !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg8 {
    background: url("../images/specify/ico_specify01.png") no-repeat right 15px center #e07d79 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .bg8.on {
    background: url("../images/specify/ico_specify02.png") no-repeat right 15px center #e07d79 !important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
}

.side_search .specify_cont_box ul.list02 {
    justify-content: left;
    flex-wrap: wrap;
    display: flex !important;
    margin-bottom: 10px !important;
}

.side_search .specify_cont_box ul.list02 li {
    margin: 0 0 0;
    width: 33%;
}

.side_search .specify_cont_box ul.list02 li a {
    display: block;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 0;
    color: #333333;
    width: 100%;
    background: #fff;
    border: 1px solid #707070;
}

.side_search .list02_box_top {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 10px;
    color: unset;
    font-weight: 700;
}

.side_search .specify_cont_box .list02_box {
    border: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.side_search .specify_cont_box ul.list02 li a.on {
    background: #98af55;
    color: #fff;
}

.side_search .specify_cont01 .specify_cont_box ul.list02 a.on {
    background: #d5a747;
    color: #fff;
}

.side_search .specify_cont01 .specify_cont_box ul.list02 a:hover {
    background: #d5a747;
    color: #fff;
}

.side_search .specify_cont02 .specify_cont_box ul.list02 a.on {
    background: #326681;
    color: #fff;
}

.side_search .specify_cont02 .specify_cont_box ul.list02 a:hover {
    background: #326681;
    color: #fff;
}

.side_search .specify_cont03 .specify_cont_box ul.list02 a.on {
    background: #5cbaaa;
    color: #fff;
}

.side_search .specify_cont03 .specify_cont_box ul.list02 a:hover {
    background: #5cbaaa;
    color: #fff;
}

.side_search .specify_cont04 .specify_cont_box ul.list02 a.on {
    background: #6cc6d5;
    color: #fff;
}

.side_search .specify_cont04 .specify_cont_box ul.list02 a:hover {
    background: #6cc6d5;
    color: #fff;
}

.side_search .specify_cont05 .specify_cont_box ul.list02 a.on {
    background: #c49ee2;
    color: #fff;
}

.side_search .specify_cont05 .specify_cont_box ul.list02 a:hover {
    background: #c49ee2;
    color: #fff;
}

.side_search .specify_cont06 .specify_cont_box ul.list02 a.on {
    background: #dd99bb;
    color: #fff;
}

.side_search .specify_cont06 .specify_cont_box ul.list02 a:hover {
    background: #dd99bb;
    color: #fff;
}

.side_search .specify_cont07 .specify_cont_box ul.list02 a.on {
    background: #e07d79;
    color: #fff;
}

.side_search .specify_cont07 .specify_cont_box ul.list02 a:hover {
    background: #e07d79;
    color: #fff;
}

.side_search .specify_in .input_in input {
    display: inline-block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 2px solid #bcbcbc;
    border-radius: 4px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side_search .specify_in .input_txt {
    margin-top: 15px;
    font-size: 12px;
    text-align: left;
    color: #f20000;
}

.specify_in_sp {
    padding: 1.3em;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f4f4f4;
}

.specify_in_sp input {
    display: none;
}

.specify_in_sp span {
    font-size: small;
    padding-left: 1.5em;
    background: url(../images/setting/ico_setting01.png) no-repeat left center;
    -webkit-background-size: 1.1em;
    background-size: 1.1em;
}

.specify_in_sp input:checked + span {
    background: url(../images/setting/ico_setting02.png) no-repeat left center;
    -webkit-background-size: 1.1em;
    background-size: 1.1em;
}

.specify_in_sp01 {
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f4f4f4;
    color: #f20000;
}

.specify_in_sp02 {
    color: #333 !important;
    font-weight: 400;
    margin-bottom: 0;
}

.specify_in_sp01 input {
    display: none;
}

.specify_in_sp01 span {
    font-size: 1.4rem;
    padding-left: 1.5em;
    background: url(../images/setting/ico_setting01.png) no-repeat left center;
    -webkit-background-size: 1.1em;
    background-size: 1.1em;
}

.specify_in_sp01 input:checked + span {
    background: url(../images/setting/ico_setting02.png) no-repeat left center;
    -webkit-background-size: 1.1em;
    background-size: 1.1em;
}

.specify_flex {
    display: flex;
    width: 100%;
    background: #f4f4f4;
}

.sp_show {
    display: none;
}

.specify_in_sp {
    display: none;
}

.side_search .sp_show {
    display: block;
}

.specify_in_block {
    display: block;
}

.side_search .specify_in_sp {
    display: block;
    font-weight: 400;
}

.listbox_hide_show {
    display: block !important;
}

@media screen and (min-width: 1500px) {
    .listbox_cont_flex dd {
        font-size: large;
    }
}

@media screen and (max-width: 1024px) {
    .side_search .specify {
        padding: 0 !important;
        background: #fff;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

    .side_search .specify .close {
        position: absolute;
        right: 1em;
        top: 0.4em;
        z-index: 1000;
        font-size: 20px;
        display: block;
    }

    .other {
        background: #f4f4f4;
        padding: 14px 14px 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .side_search .side_search_tit {
        font-size: 16px;
        text-align: center;
        line-height: 45px;
        /* color: #008ec9;
        background: #dfeffa; */
    }

    .specify_cl01 .side_search_tit {
        color: #008ec9;
        background: #dfeffa;
    }
    .specify_cl02 .side_search_tit {
        color: #43a4a8;
        background: #d8ede3;
    }
    .specify_cl03 .side_search_tit {
        color: #1a8e58;
        background: #d8ede3;
    }

    .side_search .flex_top {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .side_search .specify .flex_top ul {
        display: block;
        margin: 0 0 -10px;
    }

    .side_search .specify .flex_top li {
        margin: 0 0 10px;
    }

    .side_search .specify_box {
        margin-top: 0;
    }

    .side_search .specify_box_top {
        font-size: 15px;
        position: relative;
        line-height: 44px;
        border-top: 2px solid #008ec9;
        /* border-bottom: 2px solid #008EC9; */
        color: #333333;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        background: url(../images/specify/ico_specify03.png) no-repeat right 15px center #fff;
    }
    .side_search .toggle_cl01 {
        border-top: 2px solid #008ec9;
    }
    .side_search .toggle_cl02 {
        border-top: 2px solid #43a4a8;
    }
    .side_search .toggle_cl03 {
        border-top: 2px solid #1a8e58;
    }
    .side_search .specify_box_top.on {
        background: url(../images/specify/ico_specify04.png) no-repeat right 15px center #fff;
    }

    .side_search .specify_box_top b {
        color: #333333;
        display: inline-block;
        padding-left: 0;
        border: none;
        line-height: 1;
        background: none !important;
    }

    .side_search .specify_box_top .pos {
        display: none;
    }

    .side_search .specify_in {
        background: #fff;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .specify_in_sp01 span {
        font-size: 14px;
        padding-left: 15px;
        background: url(../images/setting/ico_setting01.png) no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .specify_in_sp01 input:checked + span {
        background: url(../images/setting/ico_setting02.png) no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .sp_show {
        display: block;
    }

    .specify_in_sp {
        display: block;
    }

    .specify_in_sp {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #f4f4f4;
    }

    .side_search .specify_in .list01 {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .specify_in_sp input {
        display: none;
    }

    .specify_in_sp span {
        font-size: 14px;
        padding-left: 15px;
        background: url(../images/setting/ico_setting01.png) no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .specify_in_sp input:checked + span {
        background: url(../images/setting/ico_setting02.png) no-repeat left center;
        -webkit-background-size: 12px;
        background-size: 12px;
    }

    .specify_in_sp01 {
        padding: 0;
        margin-bottom: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: none;
        color: #f20000;
    }
}

/*movie*/

.movie_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.movie_box .box .iframe_box {
    width: 18.728em;
}

.movie_box .txt {
    font-size: small;
    margin: 0.93em 0 0.5em;
}

.movie_box .tag {
    width: 135px;
    line-height: 40px;
    border-radius: 4px;
    background: #ebebeb;
    text-align: center;
    font-size: small;
    margin-bottom: 25px;
}

@media screen and (max-width: 1024px) {
    .movie_box .tag {
        width: 130px;
        line-height: 35px;
        border-radius: 4px;
        background: #ebebeb;
        text-align: center;
        font-size: 14px;
    }

    .movie_box .box .iframe_box {
        width: 100%;
    }

    .movie_box .txt {
        font-size: 14px;
        margin: 10px 0 5px;
    }
}

/*newsletter*/
.newsletter #contents .hdl,
.new .hdl {
    color: #008ec9;
}

.newsletter #contents .send {
    width: 100%;
}

.newsletter #contents table {
    width: 100%;
}

.newsletter #contents table,
.newsletter #contents th,
.newsletter #contents td,
.newsletter #contents thead tr th {
    border: 1px solid #eee;
    border-collapse: collapse;
}

.newsletter #contents tbody a {
    width: 7.5em;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    display: block;
    font-size: small;
    background: url(../images/top/ico_top02.png) no-repeat right 0.5vw center #008ec9;
    background-size: 8px;
}

.newsletter #contents thead tr {
    background-color: #dfeffa;
}

.newsletter #contents thead tr th {
    text-align: center;
    font-size: medium;
    font-weight: normal;
    padding: 0.4em 0;
}

.newsletter #contents tbody tr th {
    text-align: center;
}

.newsletter #contents .send_day {
}

.newsletter #contents .title {
}

.newsletter #contents .send_number,
.newsletter #contents .send_success,
.newsletter #contents .send_failed,
.newsletter #contents .opened {
    min-width: 3em;
}

.newsletter #contents .send .date_th {
    max-width: 10em;
    padding-left: 0;
    padding-right: 0;
    font-size: medium;
    font-weight: normal;
    text-align: center;
}
.newsletter #contents .send td {
    padding: 0.5em;
    text-align: center;
}
.newsletter #contents .send .title_th {
    min-width: 15em;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    text-align: left;
}

.newsletter #contents .title_th > div {
    display: flex;
    align-items: center;
    width: 100%;
}

.newsletter #contents .t_th {
    font-size: medium;
    font-weight: normal;
}

.newsletter #contents .date.t_th {
    font-weight: bold;
    flex: 1;
    padding-right: 5px;
}

.newsletter #contents .last th:nth-child(2) {
    border-bottom: 0;
}

.newsletter #contents .send td {
    min-width: 3em;
}

.newsletter #contents #main .side_btn a {
    display: block;
    width: 8em;
    margin: 0 auto 5px auto;
    padding: 0.9vw 0;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: large;
    background: url(../images/top/ico_side02.png) no-repeat right 1vw center #eb9161;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.newsletter #contents .newsletter_btn_box {
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
}
.newsletter #contents .newsletter_btn_box .side_btn a {
    padding: 1em 0;
    min-width: 15em;
}

.newsletter #contents .header_btn {
    padding: 0 1em;
}

.newsletter #contents .signature_btn {
    padding: 0 1em;
}

.newsletter #contents #main .side_btn {
}

@media screen and (max-width: 1024px) {
    .newsletter #contents #main .side_btn a {
        width: 280px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        display: block;
        margin: 20px auto;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background: #eb9161;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }

    .newsletter #contents #main .btn_box {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .newsletter #contents #main .btn_box a {
        margin-top: 0;
    }

    .newsletter #contents thead tr th {
        font-size: 14px;
    }

    .newsletter #contents .send th {
        font-size: 14px;
        padding: 5px;
        margin-top: 0;
        height: 50px;
    }

    .newsletter #contents .title_th {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .newsletter #contents .t_th {
        font-size: 14px;
    }

    .newsletter #contents tbody a {
        margin: 5px 0;
        font-size: small;
        line-height: 1.4;
        background: url(../images/top/ico_top02.png) no-repeat right 5px center #008ec9;
        background-size: 6px 10px;
    }

    .newsletter #contents .send_day {
        min-width: 80px;
    }

    .newsletter #contents .btn_box {
        margin-bottom: 0.5em;
    }
    .newsletter #contents .btn_box .side_btn a {
        font-size: medium;
        padding: 0.5em 0;
        width: auto;
    }

    .newsletter #contents .btn_box .side_btn {
        margin-top: 0;
    }
}

/*-------------------support_list-------------------*/

.support_top_btn02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.8vw;
    background: #fff;
    border: 1px solid #008ec9;
    border-radius: 3px;
    text-align: center;
    font-size: small;
    color: #008ec9;
    min-height: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listbox_cont_flex .illustrate {
    margin-top: 2vw;
    display: flex;
    align-items: center;
    justify-content: left;
}

.listbox_cont_flex .flex_inline {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 10px;
    background: #ebebeb;
    padding: 6px 10px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listbox_cont_flex .flex_inline span {
    font-size: small;
}

.listbox_cont_flex .flex_inline span:first-child {
    padding-right: 0.5em;
    font-weight: 900;
}

.listbox_cont_flex .flex_inline span:last-child {
    font-weight: 400;
}

.support01_box_des .listbox_top .sta01 {
    margin: 0 0.6rem 0 0;
}

.support01_box_list {
    padding: 1.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support01_top-tit {
    font-size: large;
    color: #fff;
    padding-left: 0.8rem;
    border-left: 3px solid #fff;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support_top_select span {
    color: #fff;
}

.support01_top_box01 .support_top_select_w select {
    width: 10.4em;
}

.support01_box_list ul {
    margin-top: 1.5vw;
}

.support01_box_list ul li + li {
    margin-top: 1.5vw;
}

.support01_box_list li table {
    border: 1px solid #707070;
    width: 100%;
    font-weight: 400;
}

.support01_box_list li table th {
    background: #f4f4f4;
    vertical-align: middle;
    font-size: small;
    padding: 10px 0;
    text-align: center;
    font-weight: 400;
    border-right: 1px solid #c1c1c1;
}

.support01_box_list li table .fw {
    font-weight: 700 !important;
}

.support01_box_list li table td {
    background: #fff;
    vertical-align: middle;
    font-size: small;
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}

.bgth {
    background: #dfeffa !important;
}

.support01_box_list li .more_btn {
    display: inline-block;
    width: 80%;
    background: #008ec9;
    padding: 6px 0;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: x-small;
    font-weight: 700;
}

.support01_box_list li table td.last {
    text-align: left;
    padding: 20px 0 20px 1vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support01_box_list li .td_box {
    display: flex;
    align-items: center;
    justify-content: left;
}

.support01_box_list li .flex_line {
    display: flex;
    align-items: center;
    justify-content: left;
    border: 1px solid #c1c1c1;
    height: 1.8vw;
}

.support01_box_list li .td_box .register_btn01 {
    height: 1.8vw;
    color: #008ec9;
    font-size: small;
    border: 1px solid #008ec9;
    border-radius: 4px;
    background: #fff;
    font-weight: 700;
    padding: 0 10px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
}

.support01_box_list li .td_box .register_btn01_after {
    height: 1.8vw;
    color: #fff;
    font-size: small;
    border: 1px solid #008ec9;
    border-radius: 4px;
    background: #008ec9;
    font-weight: 700;
    padding: 0 10px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
}

.support01_box_list li .td_box .register_btn01 img {
    margin-left: 5px;
}

.support01_box_list li .td_box .register_btn01_after img {
    margin-left: 5px;
}

.support01_box_list li .td_box .register_btn02 {
    background: #f4f4f4;
    padding: 0 1.5vw;
    font-size: small;
    color: #333333;
    line-height: 1.8vw;
}

.support01_box_list li .td_box .register_btn03 {
    background: #fff;
    padding: 0 1.5vw;
    font-size: small;
    color: #008ec9;
    line-height: 1.8vw;
    text-decoration: underline;
}

.support01_box_list li table th input {
    display: none;
}

.support01_box_list li table th span.input_span {
    padding: 2px 0 2px 1.2vw;
    background: url("../images/setting/ico_setting01.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

.support01_box_list li table th input:checked + span.input_span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
    -webkit-background-size: 1.1vw;
    background-size: 1.1vw;
}

@media screen and (min-width: 1921px) {
    .listbox_cont_flex .flex_inline span {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .support_top_btn02 a {
        height: 36px;
        color: #008ec9;
        font-size: 14px;
        border: 1px solid #008ec9;
        border-radius: 4px;
        background: #fff;
        width: 110px;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    .listbox_cont_flex .illustrate {
        margin-top: 20px;
        display: inline-block;
        flex-wrap: wrap;
        margin-bottom: -10px;
        align-items: center;
        justify-content: left;
    }

    .listbox_cont_flex .flex_inline {
        margin-bottom: 10px;
        /*display: flex;*/
        align-items: center;
        justify-content: left;
        margin-right: 6px;
        background: #ebebeb;
        padding: 5px 5px;
        border-radius: 3px;
        width: auto;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .listbox_cont_flex .flex_inline span {
        font-size: 12px;
    }

    .listbox_cont_flex .flex_inline span:first-child {
        font-weight: 900;
        width: auto;
        margin-right: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .listbox_cont_flex .flex_inline span:last-child {
        font-weight: 400;
    }

    .support01_box_des .listbox_top .sta01 {
        margin: 0 0.6vw 0 0;
    }

    .support01_box_list {
        padding: 0;
        margin-top: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01_top-tit {
        font-size: 20px;
        color: #fff;
        padding-left: 10px;
        margin-bottom: 10px;
        border-left: 3px solid #fff;
        line-height: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01_top_box01 {
        flex-wrap: wrap;
    }

    .support_top_select span {
        color: #fff;
    }

    .support01_top_box01 .support_top_select_w {
        display: flex;
        align-items: center;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .support01_top_box01 .support_top_select_w select {
        width: calc(100% - 60px);
    }

    .support01_box_list ul {
        margin-top: 15px;
    }

    .support01_box_list ul li + li {
        margin-top: 15px;
    }

    .support01_box_list li table {
        border: 1px solid #707070;
        width: 100%;
    }

    .support01_box_list li table th {
        background: #f4f4f4;
        vertical-align: middle;
        font-size: 14px;
        padding: 10px 0;
        text-align: center;
        border-right: 1px solid #c1c1c1;
    }

    .support01_box_list li table td {
        background: #fff;
        vertical-align: middle;
        font-size: 14px;
        padding: 10px 0;
        text-align: center;
        border-right: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
    }

    .bgth {
        background: #dfeffa !important;
    }

    .support01_box_list li .more_btn {
        display: inline-block;
        width: 80%;
        background: url("../images/support/ico_add01.png") no-repeat right 10px center #008ec9;
        padding: 6px 0;
        border-radius: 8px;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }

    .support01_box_list li table td.last {
        text-align: left;
        padding: 20px 0 20px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01_box_list li .td_box {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .support01_box_list li .flex_line {
        display: flex;
        align-items: center;
        justify-content: left;
        border: 1px solid #c1c1c1;
        height: 35px;
    }

    .support01_box_list li .td_box .register_btn01 {
        height: 35px;
        color: #008ec9;
        font-size: 14px;
        border: 1px solid #008ec9;
        border-radius: 4px;
        background: #fff;
        padding: 0 10px;
        display: flex;
        margin-right: 10px;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        justify-content: center;
    }

    .support01_box_list li .td_box .register_btn01 img {
        margin-left: 5px;
    }

    .support01_box_list li .td_box .register_btn01_after {
        height: 35px;
        color: #fff;
        font-size: 14px;
        border: 1px solid #008ec9;
        border-radius: 4px;
        background: #008ec9;
        padding: 0 10px;
        display: flex;
        margin-right: 10px;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        justify-content: center;
    }

    .support01_box_list li .td_box .register_btn01_after img {
        margin-left: 5px;
    }

    .support01_box_list li .td_box .register_btn02 {
        background: #f4f4f4;
        padding: 0 10px;
        font-size: 14px;
        color: #333333;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 35px;
    }

    .support01_box_list li .td_box .register_btn03 {
        background: #fff;
        padding: 0 10px;
        font-size: 14px;
        color: #008ec9;
        line-height: 35px;
        text-decoration: underline;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .support01_box_list li table th input {
        display: none;
    }

    .support01_box_list li table th span.input_span {
        padding: 2px 0 2px 1.2vw;
        background: url("../images/setting/ico_setting01.png") no-repeat left center;
        -webkit-background-size: 1.1vw;
        background-size: 1.1vw;
    }

    .support01_box_list li table th input:checked + span.input_span {
        background: url("../images/setting/ico_setting02.png") no-repeat left center;
        -webkit-background-size: 1.1vw;
        background-size: 1.1vw;
    }

    .support01_box_list li .listbox {
        width: 100%;
        overflow: auto;
    }

    .support01_box_list li .listbox table {
        width: 900px;
    }
}

/*-------------------price-------------------*/

.price_bg01 {
    background: #5c5b5b;
}

.price_bg02 {
    background: #574509;
}

.price_bg03 {
    background: #1d6774;
}

.price_bg04 {
    background: #123e58;
}

.price_color01 {
    color: #5c5b5b;
}

.price_color02 {
    color: #574509;
}

.price_color03 {
    color: #1d6774;
}

.price_color04 {
    color: #123e58;
}

.price_border_color01 {
    border-color: #5c5b5b !important;
}

.price_border_color02 {
    border-color: #574509 !important;
}

.price_border_color03 {
    border-color: #1d6774 !important;
}

.price_border_color04 {
    border-color: #123e58 !important;
}

.price_box ul {
    display: flex;
    justify-content: space-between;
}

.price_box li {
    width: 24%;
}

.price_box li .listtit {
    font-size: 1vw;
    color: #fff;
    padding: 1.25vw 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px 9px 0 0;
}

.price_box li .listtit img {
    margin-right: 1vw;
}

.price_box li .box {
    border: 2px solid;
    border-top: none;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.price_box li dt {
    font-size: 2.2vw;
    text-align: center;
    padding: 1.5vw 0;
    border-bottom: 1px dashed #000;
}

.price_box li dd {
    font-size: 1vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.2vw;
    flex-wrap: wrap;
    background: #fafafa;
    border-bottom: 1px dashed #000;
}

.price_box li .fsz01 {
    font-size: 1.25vw;
}

.price_box li dd span {
    color: #eb9161;
    font-size: 1.6vw;
    display: block;
    text-align: center;
    width: 100%;
}

.price_box li .listbtn {
    padding: 2vw 0;
    text-align: center;
}

.price_box li .listbtn a {
    display: inline-block;
    width: 80%;
    background: url(../images/scholar/ico_add02.png) no-repeat right 1vw center #eb9161;
    padding: 13px 0;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 1.1vw;
}

@media screen and (max-width: 1024px) {
    .price_box ul {
        display: block;
    }

    .price_box li .fsz01 {
        font-size: 16px;
    }

    .price_box li {
        width: 100%;
    }

    .price_box li + li {
        margin-top: 20px;
    }

    .price_box li .listtit {
        font-size: 14px;
        color: #fff;
        padding: 12px 0;
        border-radius: 6px 6px 0 0;
    }

    .price_box li .listtit img {
        margin-right: 10px;
    }

    .price_box li .box {
        border: 2px solid;
        border-top: none;
        background: #fff;
        border-radius: 0 0 6px 6px;
    }

    .price_box li dt {
        font-size: 20px;
        text-align: center;
        padding: 15px 0;
        border-bottom: 1px dashed #000;
    }

    .price_box li dd {
        font-size: 14px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        flex-wrap: wrap;
        background: #fafafa;
        border-bottom: 1px dashed #000;
    }

    .price_box li dd span {
        color: #eb9161;
        font-size: 16px;
        display: block;
        text-align: center;
        width: 100%;
    }

    .price_box li .listbtn {
        padding: 15px 0;
        text-align: center;
    }

    .price_box li .listbtn a {
        display: inline-block;
        width: 80%;
        background: url(../images/scholar/ico_add02.png) no-repeat right 12px center #eb9161;
        padding: 10px 0;
        border-radius: 3px;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
}

/*-------------------scholar-------------------*/
.scholar_box {
    border: 3px solid;
    background: #fff;
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: medium;
}

.scholar_box_txt {
    font-size: medium;
    line-height: 2;
    font-weight: 400;
}

.scholar_box_txt01 {
    font-size: medium;
    line-height: 2;
    margin-top: 2vw;
    font-weight: 400;
}

.scholar_box_txt a {
    color: #008ec9;
    text-decoration: underline;
}

.scholar_cont {
    margin-top: 2vw;
}

.scholar_cont .box {
    background: #f4f4f4;
    padding: 1.5vw 0;
}

.scholar_cont .box_top {
    width: 75%;
    border: 1px solid #707070;
    padding: 20px 20px;
    margin: 0 auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scholar_cont .box_top .left {
    display: flex;
    justify-content: left;
    align-items: center;
}

.scholar_cont .box_top .left .img {
    margin-right: 15px;
}

.scholar_cont .box_top .left img {
    height: 63px;
}

.scholar_cont .box_top .des dl {
    display: table;
}

.scholar_cont .box_top .des dl + dl {
    margin-top: 12px;
}

.scholar_cont .box_top .des dt {
    display: table-cell;
    font-size: 0.94vw;
    width: 5.2vw;
}

.scholar_cont .box_top + .box_top {
    margin-top: 1vw;
}

.scholar_cont .box_top .des dd {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.94vw;
    font-weight: 400;
}

.scholar_cont .box_top .des dd img {
    vertical-align: middle;
}

.scholar_btn {
    margin-top: 1.5vw;
    text-align: center;
}

.scholar_btn a {
    display: inline-block;
    width: 15vw;
    line-height: 3.1vw;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-size: medium;
    color: #fff;
    background: url("../images/scholar/ico_add02.png") no-repeat right 1vw center #eb9161;
    -webkit-background-size: 0.5vw;
    background-size: 0.5vw;
    border-radius: 4px;
}

.scholar_cont .box_top .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.83vw 1vw;
    font-size: medium;
    color: #fff;
    border-radius: 3px;
    background: #102f46;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scholar_cont .box_top .right a img {
    margin-left: 10px;
    width: 0.9vw;
}

@media screen and (max-width: 1024px) {
    .scholar_box {
        border: 2px solid;
        background: #fff;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .scholar_box_txt {
        font-size: 14px;
        line-height: 2;
    }

    .scholar_box_txt01 {
        font-size: 14px;
        line-height: 2;
        margin-top: 20px;
    }

    .scholar_box_txt a {
        color: #008ec9;
        text-decoration: underline;
    }

    .scholar_cont {
        margin-top: 20px;
    }

    .scholar_cont .box {
        background: #f4f4f4;
        padding: 15px 15px;
    }

    .scholar_cont .box_top {
        width: 100%;
        border: 1px solid #707070;
        padding: 10px 10px;
        margin: 0 auto;
        background: #fff;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .scholar_cont .box_top .left {
        display: flex;
        width: 100%;
        justify-content: left;
        align-items: center;
    }

    .scholar_cont .box_top .left .img {
        margin-right: 10px;
        width: 60px;
    }

    .scholar_cont .box_top .des {
        width: calc(100% - 70px);
    }

    .scholar_cont .box_top .des dl {
        display: table;
    }

    .scholar_cont .box_top .des dl + dl {
        margin-top: 12px;
    }

    .scholar_cont .box_top .des dt {
        display: table-cell;
        font-size: 14px;
        width: 80px;
    }

    .scholar_cont .box_top + .box_top {
        margin-top: 10px;
    }

    .scholar_cont .box_top .des dd {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 400;
    }

    .scholar_cont .box_top .des dd img {
        vertical-align: middle;
    }

    .scholar_btn {
        margin-top: 15px;
        text-align: center;
    }

    .scholar_btn a {
        display: flex;
        width: 100%;
        height: 46px;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #fff;
        border-radius: 4px;
        background: url("../images/scholar/ico_add02.png") no-repeat right 10px center #eb9161;
    }

    .scholar_cont .box_top .right {
        margin-top: 15px;
    }

    .scholar_cont .box_top .right a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: 15px;
        color: #fff;
        border-radius: 3px;
        background: #102f46;
        font-weight: 700;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .scholar_cont .box_top .right a img {
        margin-left: 10px;
        width: auto;
    }
}

/*　withdrawal.html　*/

.subtitle {
    font-size: 1.263vw;
    color: #000;
    margin-left: 1vw;
}

.wd_main {
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
}

.member_info {
    /*font: YuGothic;*/
    font-weight: bold;
    font-size: 24px;
    color: #008ec9;
    border-bottom: 3px solid #008ec9;
    margin-bottom: 60px;
    text-align: center;
    padding-bottom: 20px;
}

.wd_box {
    background-color: #fafafa;
    padding: 40px;
    border-radius: 10px;
    border: 1px solid #bcbcbc;
}

.wd_dt {
    font-size: 20px;
    border-left: 3px solid #008ec9;
    padding-left: 10px;
}

.wd_box dl dd {
    font-size: 18px;
    margin: 20px 0 60px 0;
    font-weight: normal;
}

.wd_box dl dd:last-child {
    margin-bottom: 0;
}

.wd_des {
    text-align: center;
    font-size: 18px;
    margin-top: 3vw;
    font-weight: normal;
}

.wd_main .side_btn a,
.wd_main .side_btn input[type="submit"] {
    display: block;
    width: 340px;
    padding: 20px 82px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    background: url(../images/top/ico_side02.png) no-repeat right 1vw center #eb9161;
}
.wd_main .side_btn input[type="submit"] {
    border: none;
    box-shadow: none;
}

.wd_flex {
    display: flex;
    justify-content: center;
}

.wd_main .side_btn.flex_btn1 a {
    margin-right: 30px;
    background-image: none;
    background: #6e6e6e;
    margin-bottom: 80px;
}

/*タイムライン*/
.wd_nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 476px;
    margin-bottom: 4vw;
    margin-top: 40px;
}

.wd_nav .list {
    display: flex;
    justify-content: space-between;
}

.wd_nav .list .list-item {
    width: 119px;
}

.wd_nav .visited .list-item-content-number {
    background: #008ec9;
}

.wd_nav .visited .list-item-content-title {
    color: #008ec9;
    font-size: 20px;
    width: 119px;
    font-weight: bold;
}

.list-item-content {
    margin: 0 auto;
    text-align: center;
}

.list-item-content-number {
    position: relative;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    text-align: center;
    background: #b5b5b5;
    color: #fff;
    font-size: 25px;
    margin: 0 auto;
    line-height: 2.2;
    z-index: 1;
}

.list-item-content-number-line {
    position: absolute;
    bottom: calc(50% - 3px);
    right: 56px;
    width: 63px;
    height: 3px;
    background: #b5b5b5;
    z-index: -999 !important;
}

.list-item-content-title {
    color: #b5b5b5;
    font-size: 20px;
    width: 119px;
    font-weight: bold;
    margin-top: 10px;
}

@media screen and (max-width: 1024px) {
    .subtitle {
        display: block;
        margin-top: 10px;
    }

    .wd_main {
        width: 100%;
    }

    .member_info {
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .wd_box dl dd {
        margin: 10px 0 30px 0;
    }

    .wd_nav {
        width: 300px;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .list-item-content-number {
        font-size: 18px;
        width: 40px;
        height: 40px;
    }

    .list-item-content-title {
        font-size: 16px;
        width: 100%;
    }

    .wd_nav .visited .list-item-content-title {
        font-size: 16px;
        width: 100%;
    }

    .list-item-content-number-line {
        right: 40px;
        width: 35px;
    }

    .wd_nav .list .list-item {
        width: 100px;
    }

    .wd_box {
        padding: 40px 20px;
    }

    .wd_des {
        margin: 20px;
    }

    .wd_flex {
        flex-direction: column;
        align-items: center;
    }

    .wd_main .side_btn.flex_btn2 {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .wd_main .side_btn.flex_btn1 a {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .wd_main .side_btn a {
        width: 280px;
        padding: 0.9vw 0;
        font-size: 14px;
        height: 36px;
        box-sizing: content-box;
        line-height: 36px;
    }
}

/*　withdrawal2.html　*/
.wd_box2 .dt_name {
    font-size: 20px;
    margin-bottom: 20px;
}

.wd_box2 dl dd {
    line-height: 1.8;
}

.wd_box2 .red,
.wd_box2 .red2,
.wd_box2 .red3,
.wd_box2 .red4,
.wd_box2 .red5 {
    color: red;
    font-weight: bold;
}

.wd_box2 .red2 {
    font-size: 16px;
    font-weight: normal;
}

.wd_box2 .red3 {
    margin-left: 5px;
}

.wd_box2 dl dd {
    margin: 0;
    font-size: 18px;
}

.wd_box2 dl dd a {
    text-decoration: underline;
}

.wd_box2 dl .fwb {
    font-weight: bold;
}

.wd_box2 .wd_dt {
    margin-top: 60px;
    margin-bottom: 20px;
}

.wd_box2 .blue {
    color: #008ec9;
    font-size: 24px;
    margin-right: 5px;
}

.wd_main .wd_box2 dl .side_btn a {
    text-decoration: none;
    margin: 0 auto;
    padding: 20px 0;
    font-weight: bold;
}

.wd_main .wd_box2 dl .side_btn.flex_btn2_1 {
    margin-top: 40px;
}

.wd_main .wd_box2 dl .side_btn.flex_btn2 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.wd_box2 .red4_des {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 60px auto 10px;
}

@media screen and (max-width: 1024px) {
    .wd_main .wd_box2 dl .side_btn a {
        width: 280px;
        padding: 0.9vw 0;
        font-size: 14px;
        height: 36px;
        box-sizing: content-box;
        line-height: 36px;
    }
}

/*　withdrawal3.html　*/

/*---------------------------history------------------------*/

.history_top {
    border: 1px solid #707070;
}

.history_top_tit {
    padding: 0.8vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25vw;
    color: #fff;
    font-weight: 700;
    background: #c99624;
}

.history_top_tit img {
    margin-left: 10px;
    width: 2vw;
}

.history_top .flex_box {
    display: flex;
    padding: 1vw 0;
    background: #fff;
    align-items: center;
    justify-content: center;
}

.history_top .flex_box > p {
    width: 50%;
    text-align: center;
}

.history_top .history_top_price {
    font-size: 2.8vw;
    font-weight: 900;
    line-height: 1;
}

.history_top .history_top_price span {
    color: #c99624;
}

.history_top .history_top_price {
    border-right: 1px dashed #c1c1c1;
}

.history_top .history_top_btn a {
    height: 60px;
    width: 74%;
    margin: 0 auto;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: url("../images/history/ico_his01.png") no-repeat right 1vw center #eb9161;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.history #main {
    padding: 0;
}

.history .history_box {
    padding: 1.6vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.history .history_table {
    padding: 1.6vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.history .history_table table {
    width: 100%;
    border: 1px solid #707070;
}

.history_table table th {
    font-size: medium;
    padding: 0.8vw 0;
    text-align: center;
    background: #dfeffa;
    font-weight: 400;
    border: 1px solid #c1c1c1;
}

.history_table table td {
    font-size: medium;
    padding: 0.8em 0;
    text-align: center;
    background: #fff;
    font-weight: 400;
    border: 1px solid #c1c1c1;
}

.history_table table td .time,
.history_table table td .name {
    color: #008dc8;
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .history_top {
        border: 1px solid #707070;
    }

    .history_top_tit {
        padding: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        background: #c99624;
    }

    .history_top_tit img {
        margin-left: 10px;
        width: 30px;
    }

    .history_top .flex_box {
        display: block;
        padding: 10px 0;
        background: #fff;
        align-items: center;
        justify-content: center;
    }

    .history_top .flex_box > p {
        width: 100%;
        text-align: center;
    }

    .history_top .history_top_price {
        font-size: 24px;
        font-weight: 900;
        line-height: 1;
        padding-bottom: 10px;
    }

    .history_top .history_top_price span {
        color: #c99624;
    }

    .history_top .history_top_price {
        border-bottom: 1px dashed #c1c1c1;
        border-right: none;
    }

    .history_top .history_top_btn {
        padding-top: 10px;
    }

    .history_top .history_top_btn a {
        height: 44px;
        display: flex;
        font-size: 14px;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #eb9161;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }

    .history #main {
        padding: 0;
    }

    .history .history_box {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .history .history_table {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .history_table {
        width: 100%;
        overflow-x: auto;
    }

    .history .history_table table {
        width: 700px;
        border: 1px solid #707070;
    }

    .history_table table th {
        font-size: 12px;
        padding: 10px 0;
        text-align: center;
        background: #dfeffa;
        font-weight: 400;
        border: 1px solid #c1c1c1;
    }

    .history_table table td {
        padding: 10px 0;
        text-align: center;
        background: #fff;
        font-weight: 400;
        border: 1px solid #c1c1c1;
    }

    .history_table table td .time,
    .history_table table td .name {
        color: #008dc8;
        text-decoration: underline;
    }
}

/*---------------------------history------------------------*/

.ticket_top_tit {
    font-size: 1.67vw;
    padding-bottom: 10px;
    border-bottom: 3px solid;
    font-weight: 700;
}

.ticket_top_txt {
    font-size: 1vw;
    font-weight: 400;
    margin-top: 2.4vw;
}

.ticket_top_txt span {
    font-weight: 700;
    background: url("../images/ticket/ico_ticket.png") repeat-x left bottom;
    -webkit-background-size: 100% 0.4vw;
    background-size: 100% 0.4vw;
}

.ticket_cont {
    margin-top: 5vw;
}

.ticket_cont_box {
    padding: 2.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ticket_cont_in {
    border: 2px solid #dedede;
    border-top: none;
    padding: 2.5vw 1.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ticket_cont_box_tit {
    background: #008ec9;
    padding: 1.5vw 0 1.1vw;
    text-align: center;
    font-size: 1.67vw;
    color: #fff;
}

.ticket_cont_box_tit span {
    color: #ffe760;
}

.ticket_cont_box_tit b {
    display: block;
    width: 100%;
    margin-top: 1vw;
    font-size: 1vw;
}

.ticket_cont_box_tit img {
    display: inline-block;
    margin-right: 2.2vw;
}

.ticket_cont_box .box {
    background: #f4f4f4;
    padding: 1.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ticket_cont_box .box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -10px;
}

.ticket_cont_box .box li {
    width: 49%;
    border: 3px dashed #ed4949;
    display: flex;
    align-items: center;
    height: 5vw;
    font-size: 1.2vw;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 10px;
}

.ticket_cont_box .box li img {
    margin-right: 15px;
    max-height: 3.1vw;
}

sub {
    font-size: 14px;
}

.ticket_cont_box .box li:nth-child(1):before {
    background: url("../images/ticket/img_ticket03.png") 0 0 no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 5vw;
    height: 2.5vw;
    right: 0;
    top: 50%;
    transform: translate(65%, -50%);
    content: "";
    z-index: 2;
    position: absolute;
}

.ticket_cont_box .box li:nth-child(1) {
    color: #ed4949;
    position: relative;
}

.ticket_cont_box .box li:nth-child(1).first {
    color: #474ba5;
    position: relative;
    border-color: #474ba5;
}

.ticket_cont_box .box li:nth-child(2) {
    border-color: #0087c6;
    color: #0087c6;
}

.ticket_cont_box .box li:nth-child(3) {
    width: 100%;
    border-color: #c99624;
    color: #c99624;
    font-size: 1.6vw;
}

.ticket_cont_box .box li:nth-child(3) span {
    color: #333;
}

.ticket_cont_box .box_img {
    margin: 1.5vw 0;
    text-align: center;
}

.ticket_cont_box .box_txt {
    font-size: 1.2vw;
    text-align: center;
}

.ticket_cont_box .box_txt span {
    font-size: 1.6vw;
    color: #c99624;
}

.ticket_cont_box .box_zy {
    margin-top: 1.5vw;
    font-size: small;
    font-weight: 400;
    line-height: 2;
}

.ticket_cont_box .reward {
    margin-top: 2.5vw;
    border: 3px dotted #989898;
    border-radius: 8px;
    padding: 0 1.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ticket_cont_box .reward_flex {
    padding: 2.5vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2vw;
}

.ticket_cont_box .reward_flex img {
    margin: 0 0 0 1.1vw;
}

.ticket_cont_box .reward_flex span {
    margin: 0 1.1vw;
}

.reward .box_img {
    text-align: center;
    margin: 0 !important;
}

.ticket_cont_box .reward_txt {
    padding: 2vw 0;
    font-size: 1.6vw;
    font-weight: 700;
    text-align: center;
}

.ticket_cont_box .reward_txt b {
    background: url("../images/ticket/ico_ticket.png") repeat-x left bottom;
    -webkit-background-size: 100% 0.4vw;
    background-size: 100% 0.4vw;
}

.ticket_cont_box .reward_txt span {
    color: #c99624;
}

.ticket_btn {
    margin-top: 2.5vw;
}

.ticket_btn a {
    background: url(../images/specify/ico_btn01.png) no-repeat left 1vw center #eb9161;
}

@media screen and (max-width: 1024px) {
    .ticket_top_tit {
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 2px solid;
    }

    .ticket_top_txt {
        font-size: 14px;
        line-height: 1.7;
        font-weight: 400;
        margin-top: 20px;
    }

    .ticket_top_txt span {
        font-weight: 700;
        background: url("../images/ticket/ico_ticket.png") repeat-x left bottom;
        -webkit-background-size: 100% 3px;
        background-size: 100% 3px;
    }

    .ticket_cont {
        margin-top: 30px;
    }

    .ticket_cont_box {
        padding: 10px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ticket_cont_in {
        border: 2px solid #dedede;
        border-top: none;
        padding: 25px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ticket_cont_box_tit {
        background: #008ec9;
        padding: 15px 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 15px;
        color: #fff;
    }

    .ticket_cont_box_tit span {
        color: #ffe760;
    }

    .ticket_cont_box_tit b {
        display: block;
        width: 100%;
        margin-top: 10px;
        font-size: 12px;
    }

    .ticket_cont_box_tit img {
        display: inline-block;
        margin-right: 10px;
        width: 14px;
    }

    .ticket_cont_box .box {
        background: #f4f4f4;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ticket_cont_box .box ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -10px;
    }

    .ticket_cont_box .box li {
        width: 100%;
        border: 2px dashed #ed4949;
        display: flex;
        align-items: center;
        height: 50px;
        font-size: 14px;
        justify-content: center;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .ticket_cont_box .box li img {
        margin-right: 10px;
        max-height: 30px;
    }

    sub {
        font-size: 12px;
    }

    .ticket_cont_box .box li:nth-child(1):before {
        background: url("../images/ticket/img_ticket03.png") 0 0 no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
        width: 40px;
        height: 25px;
        right: auto;
        left: 46%;
        top: auto;
        bottom: -15px;
        transform: rotate(90deg);
        content: "";
        z-index: 2;
        position: absolute;
    }

    .ticket_cont_box .box li:nth-child(1) {
        color: #ed4949;
        position: relative;
    }

    .ticket_cont_box .box li:nth-child(3) {
        font-size: 16px;
    }

    .ticket_cont_box .box li:nth-child(3) span {
        color: #333;
    }

    .ticket_cont_box .box_img {
        margin: 15px 0;
        text-align: center;
    }

    .ticket_cont_box .box_txt {
        font-size: 14px;
        text-align: center;
    }

    .ticket_cont_box .box_txt span {
        font-size: 16px;
        color: #c99624;
    }

    .ticket_cont_box .box_zy {
        margin-top: 16px;
        font-size: 12px;
        font-weight: 400;
        line-height: 2;
    }

    .ticket_cont_box .reward {
        margin-top: 25px;
        border: 2px dotted #989898;
        border-radius: 8px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ticket_cont_box .reward_flex {
        padding: 15px 0 5px;
        font-size: 14px;
        display: block;
        line-height: 1.8;
    }

    .ticket_cont_box .reward_flex img {
        margin: 0 0 0 10px;
    }

    .ticket_cont_box .reward_flex span {
        margin: 0 10px 0 10px;
    }

    .reward .box_img {
        text-align: center;
        margin: 0 !important;
    }

    .ticket_cont_box .reward_txt {
        padding: 20px 0;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }

    .ticket_cont_box .reward_txt b {
        background: url("../images/ticket/ico_ticket.png") repeat-x left bottom;
        -webkit-background-size: 100% 3px;
        background-size: 100% 3px;
    }

    .ticket_cont_box .reward_txt span {
        color: #c99624;
    }

    .ticket_btn {
        margin-top: 20px;
    }

    .ticket_btn a {
        background: url(../images/specify/ico_btn01.png) no-repeat left 10px center #eb9161;
    }
}

.ticket #main {
    width: 100%;
}

.info .combox {
    margin: 0.5em 0 0;
}

.info .support01_box_des {
    padding: 0;
}

.info .support01_box_des .listbox {
    border: none;
}

.info .illustrate {
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: left;
}

.info .flex_inline {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 10px;
    background: #ebebeb;
    padding: 6px 10px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info .flex_inline span:first-child {
    margin-right: 10px;
    font-weight: 900;
}

.info .flex_inline span:last-child {
    font-weight: 400;
}

@media screen and (max-width: 1024px) {
    .info .illustrate {
        margin-top: 20px;
        display: inline-block;
        flex-wrap: wrap;
        margin-bottom: -10px;
        align-items: center;
        justify-content: left;
    }

    .info .flex_inline {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: left;
        margin-right: 6px;
        background: #ebebeb;
        padding: 5px 10px;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .info .flex_inline span {
        font-size: small;
    }

    .info .flex_inline span:first-child {
        margin-right: 10px;
        font-weight: 900;
        width: 7em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .info .flex_inline span:last-child {
        font-weight: 400;
    }
}

.info .support01_box_des .listbox_cont {
    padding: 2em 0;
}

.info .dl_box {
    display: flex;
    margin: 2.5em 0 1.5em;
    align-items: center;
    justify-content: space-between;
}

.info .dl_box dl {
    width: 31%;
}

.info .dl_box dt {
    background: #c99624;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 0.5vw 0;
    color: #fff;
    font-size: medium;
    font-weight: 700;
}

.info .dl_box dd {
    font-size: large;
    color: #c99624;
    font-weight: 700;
    text-align: center;
    height: 3.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c99624;
    border-top: none;
}

.info .listbox_cont_flex {
    border-bottom: 3px solid #008ec9;
}

.info .listbox_cont_flex .box_tit {
    border-bottom: none;
}

.info .info_table table {
    width: 100%;
    border: 1px solid #707070;
}

.info .info_table table th {
    background: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: medium;
    font-weight: 700;
    width: 25%;
    border-right: 1px solid #c1c1c1;
}

.info .info_table table td {
    padding: 10px 0;
    text-align: center;
    background: #f4f4f4;
    font-size: small;
    font-weight: 400;
    border-right: 1px solid #c1c1c1;
}

.info .info_table table th a {
    width: 80%;
    padding: 0.83em 0;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    background: url("../images/info/ico_info02.png") no-repeat right 8px center #eb9161;
    font-size: small;
    color: #fff;
}

.info .info_table table th img {
    margin-left: 4px;
    vertical-align: middle;
}

.info .info_table table th p {
    margin: 0 !important;
}

.info_in {
    background: #fafafa;
    padding: 2.5em 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info_in .info_cont + .info_cont {
    margin-top: 2.4em;
}

.info_tit {
    font-size: large;
    color: #008ec9;
    padding-bottom: 12px;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 3px solid #008ec9;
    margin-bottom: 1.5em;
}

.info_txt {
    font-size: medium;
    line-height: 2;
    font-weight: 400;
    word-break: break-word; /* 旧ブラウザ向け */
    overflow-wrap: break-word; /* 新しいブラウザ向け */
    display: inline-block; /* 幅を制限可能にする */
    max-width: 100%; /* 親要素の幅に収める */
    white-space: normal; /* 折り返しを有効にする */
}

.info_cont dl + dl {
    margin-top: 1.5em;
}

.info_cont dt {
    font-size: medium;
    padding-left: 10px;
    border-left: 3px solid #008ec9;
    margin-bottom: 0.9em;
    line-height: 1;
}

.info_cont dd {
    font-size: medium;
    line-height: 2;
    font-weight: 400;
}

.info_cont .info_txt a {
    color: #008ec9;
    text-decoration: underline;
}

.info .bottom_link a {
    background: #eb9161 !important;
}

.movie_box .box {
    width: 30%;
}

@media screen and (max-width: 1024px) {
    .ticket #main {
        width: 100%;
    }

    .sp_center {
        text-align: center;
    }

    .info .combox {
        margin: 25px 0 0;
    }

    .info .support01_box_des .listbox_cont {
        padding: 20px 0;
    }

    .info .dl_box {
        display: flex;
        margin: 25px 0 15px;
        align-items: center;
        justify-content: space-between;
    }

    .info .dl_box dl {
        width: 32%;
    }

    .info .dl_box dt {
        background: #c99624;
        border-radius: 3px 3px 0 0;
        text-align: center;
        padding: 10px 0;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
    }

    .info .dl_box dd {
        font-size: 14px;
        color: #c99624;
        font-weight: 700;
        text-align: center;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #c99624;
        border-top: none;
    }

    .info .dl_box dd img {
        max-width: 80%;
    }

    .info .listbox_cont_flex {
        border-bottom: 2px solid #008ec9;
    }

    .info .listbox_cont_flex .box_tit {
        border-bottom: none;
    }

    .info .info_table > div {
        border: 1px solid #707070;
    }

    .info .info_table dt {
        padding: 10px 0;
        text-align: center;
        font-size: 14px;
        background: #f4f4f4;
        font-weight: 400;
    }

    .info .info_table .btn01 {
        text-align: center;
        padding: 20px 0;
        border-top: 1px solid #c1c1c1;
    }

    .info .info_table dd {
        padding: 10px 0;
        text-align: center;
        font-size: 16px;
        background: #fff;
    }

    .info .info_table a {
        width: 80%;
        padding: 15px 0;
        text-align: center;
        display: inline-block;
        border-radius: 3px;
        background: url("../images/info/ico_info02.png") no-repeat right 8px center #eb9161;
        font-size: 14px;
        color: #fff;
    }

    .info .info_table table th img {
        margin-left: 4px;
        vertical-align: middle;
    }

    .info .info_table table th p {
        margin: 0 !important;
    }

    .info_in {
        background: #fafafa;
        padding: 25px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .info_in .info_cont + .info_cont {
        margin-top: 20px;
    }

    .info_tit {
        font-size: 18px;
        color: #008ec9;
        padding-bottom: 10px;
        padding-left: 1vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 2px solid #008ec9;
        margin-bottom: 24px;
    }

    .info_txt {
        font-size: 14px;
        line-height: 2;
        font-weight: 400;
    }

    .info_cont dl + dl {
        margin-top: 20px;
    }

    .info_cont dt {
        font-size: 16px;
        padding-left: 10px;
        border-left: 2px solid #008ec9;
        margin-bottom: 15px;
        line-height: 1;
    }

    .info_cont dd {
        font-size: 14px;
        line-height: 2;
        font-weight: 400;
    }

    .info_cont .info_txt a {
        /*
        color: #008EC9;
        text-decoration: underline;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word
        */
        color: #008ec9;
        text-decoration: underline;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
    }

    .info .bottom_link a {
        background: #eb9161 !important;
    }
}

#pop_page {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.85);
}

#page1 {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

#pop_page .inner {
    position: fixed;
    top: 20px;
    padding-top: 50px;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}

#pop_page .inner .box {
    overflow-y: auto;
    position: fixed;
    height: 100%;
    width: 100%;
}

.pop_page_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #008ec9;
    padding: 20px 20px 20px 40px;
    height: 108px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_top .tit {
    font-size: x-large;
    color: #fff;
    padding-left: 26px;
    line-height: 1;
    border-left: 3px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_top .btn01 {
    margin-right: 20px;
}

.pop_page_top div {
    display: flex;
}

.pop_page_top .btn01 a {
    font-size: 22px;
    padding: 16px 28px;
    text-align: center;
    background: #e38399;
    border-radius: 3px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_top .btn02 a {
    font-size: x-large;
    padding: 16px 28px;
    text-align: center;
    width: 170px;
    color: #fff;
    background: #eb9161;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_cont {
    background: #fff;
    padding: 0 40px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
}

.pop_page_cont > p {
    padding: 35px 0;
    font-size: 18px;
}

.pop_page_cont input {
    display: none;
}

.pop_page_cont span {
    padding: 2px 0 2px 24px;
    background: url(../images/setting/ico_setting01.png) no-repeat left center;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.pop_page_cont input:checked + span {
    background: url("../images/setting/ico_setting02.png") no-repeat left center;
    -webkit-background-size: 18px;
    background-size: 18px;
}

.pop_page_cont .flex_box {
    padding: 40px 0;
    border-top: 1px solid #707070;
}

.pop_page_cont .flex_box .left {
    display: flex;
    align-items: center;
    justify-content: left;
}

.pop_page_cont .flex_box .left .img {
    margin: 0 16px;
}

.pop_page_cont .flex_box dl {
    display: table;
    width: 100%;
    line-height: 2;
}

.pop_page_cont .flex_box dt {
    display: table-cell;
    font-size: 18px;
    width: 100px;
}

.pop_page_cont .flex_box dd {
    display: table-cell;
    font-size: 18px;
    font-weight: 400;
}

.pop_page_cont .flex_box dd img {
    vertical-align: middle;
}

.pop_page_input {
    background: #f4f4f4;
    padding: 26px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_input .flex_input {
    display: flex;
    align-items: center;
    justify-content: left;
}

.pop_page_input .flex_input + .flex_input {
    margin-top: 15px;
}

.pop_page_input .flex_input b {
    font-size: 18px;
    width: 100px;
}

.pop_page_input .flex_input i {
    font-size: 18px;
}

.pop_page_input .flex_input input {
    width: 340px;
    border: 1px solid #c1c1c1;
    padding: 10px 15px;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    margin: 0 16px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_input .flex_input select {
    width: 340px;
    border: 1px solid #c1c1c1;
    padding: 10px 15px;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    margin: 0 16px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_cont .flex_input input {
    display: block;
}

.pop_page_bottom {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #707070;
}

.pop_page_bottom_tit {
    background: #123e58;
    text-align: center;
    padding: 13px 0;
    font-size: 24px;
    color: #fff;
}

.pop_page_bottom_box {
    background: #f4f4f4;
    padding: 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pop_page_bottom_box .flex_box {
    border: none;
    padding: 0;
}

.pop_page_bottom_box .pop_page_input {
    padding: 26px 0 26px 0;
}

#pop_page .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
}

i {
    font-style: inherit;
}
.avatardiv {
    width: 100px;
    height: 100%;
    margin: 0 auto;
    padding: 0.2em;
    background: #f0f8ff;
}
#contents .inputfile input[type="text"] {
    /* border: none;
    line-height: 28px;
    padding: 0 10px;
    width: 202px; */
}
.inputfile {
    position: relative;
    border: initial;
    border-radius: 3px;
    max-width: 220px;
    min-width: 0;
    margin: 0 auto;
    line-height: 3em;
    min-height: 3em;
    background: #009fe1;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0 1em;
}

.inputfile input {
    cursor: pointer;
}
.d-none {
    display: none !important;
}
input.hidefile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.input-group-addon {
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    z-index: 12;
}
.password_disp_btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}
.olSingleImage {
    background: #f0f8ff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
@media screen and (max-width: 1024px) {
    #pop_page .inner {
        position: fixed;
        top: 20px;
        padding-top: 50px;
        left: 10px;
        height: 100%;
        transform: translateX(0);
        z-index: 9999;
        width: 100%;
        max-width: calc(100% - 20px);
        margin: 0 auto;
        box-sizing: border-box;
    }

    #pop_page .inner .box {
        overflow-y: auto;
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 40px;
    }

    .pop_page_top {
        display: block;
        background: #008ec9;
        padding: 20px 20px 20px 20px;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_top .tit {
        font-size: 24px;
        color: #fff;
        padding-left: 15px;
        line-height: 1.6;
        border-left: 2px solid #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_top .btn01 {
        margin-right: 0;
    }

    .pop_page_top div {
        display: block;
    }

    .pop_page_top .btn01 {
        margin-top: 20px;
    }

    .pop_page_top .btn02 {
        margin-top: 20px;
    }

    .pop_page_top .btn01 a {
        font-size: 16px;
        width: 100%;
        display: block;
        padding: 10px 10px;
        text-align: center;
        background: #e38399;
        border-radius: 3px;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_top .btn02 a {
        font-size: 16px;
        width: 100%;
        display: block;
        padding: 10px 10px;
        text-align: center;
        color: #fff;
        background: #eb9161;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_cont {
        height: 40vh;
        background: #fff;
        padding: 0 15px 80px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .pop_page_cont > p {
        padding: 20px 0;
        font-size: 14px;
    }

    .pop_page_cont input {
        display: none;
    }

    .pop_page_cont span {
        padding: 2px 0 2px 18px;
        background: url(../images/setting/ico_setting01.png) no-repeat left center;
        -webkit-background-size: 14px;
        background-size: 14px;
    }

    .pop_page_cont input:checked + span {
        background: url("../images/setting/ico_setting02.png") no-repeat left center;
        -webkit-background-size: 14px;
        background-size: 14px;
    }

    .pop_page_cont .flex_box {
        padding: 20px 0;
        border-top: 1px solid #707070;
    }

    .pop_page_cont .flex_box .left {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .pop_page_cont .flex_box .left .img {
        margin: 0 10px;
    }

    .pop_page_cont .flex_box dl {
        display: table;
        width: 100%;
        line-height: 2;
    }

    .pop_page_cont .flex_box dt {
        display: table-cell;
        font-size: 14px;
        width: 100px;
    }

    .pop_page_cont .flex_box dd {
        display: table-cell;
        font-size: 14px;
        font-weight: 400;
    }

    .pop_page_cont .flex_box dd img {
        vertical-align: middle;
    }

    .pop_page_input {
        background: #f4f4f4;
        padding: 20px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_input .flex_input {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: left;
    }

    .pop_page_input .flex_input + .flex_input {
        margin-top: 10px;
    }

    .pop_page_input .flex_input b {
        font-size: 14px;
        width: 100%;
        margin-bottom: 10px;
    }

    .pop_page_input .flex_input i {
        font-size: 14px;
    }

    .pop_page_input .flex_input input {
        width: 88%;
        border: 1px solid #c1c1c1;
        padding: 10px 15px;
        border-radius: 4px;
        background: #fff;
        font-size: 14px;
        margin: 0 16px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_input .flex_input select {
        width: 100%;
        border: 1px solid #c1c1c1;
        padding: 10px 15px;
        border-radius: 4px;
        background: #fff;
        font-size: 14px;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_cont .flex_input input {
        display: block;
    }

    .pop_page_bottom {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid #707070;
    }

    .pop_page_bottom_tit {
        background: #123e58;
        text-align: center;
        padding: 15px 0;
        font-size: 20px;
    }

    .pop_page_bottom_box {
        background: #f4f4f4;
        padding: 20px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop_page_bottom_box .flex_box {
        border: none;
        padding: 0;
    }

    .pop_page_bottom_box .pop_page_input {
        padding: 15px 0 15px 0;
    }

    #pop_page .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    .avatardiv {
        width: 100px;
        height: 100%;
        margin: 0 auto;
        padding: 0.2em;
        background: #f0f8ff;
    }
    #contents .inputfile input[type="text"] {
        /* border: none;
        line-height: 28px;
        padding: 0 10px;
        width: 202px; */
    }
    .inputfile {
        position: relative;
        border: initial;
        border-radius: 3px;
        min-width: 0;
        margin: 0 auto;
        background: #009fe1;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }
    .d-none {
        display: none !important;
    }
    input.hidefile {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99999999;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .input-group-addon {
        position: absolute;
        top: 0.75em;
        right: 0.5em;
        z-index: 12;
    }
    .password_disp_btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
    }
    .btn-link {
        font-weight: 400;
        color: #007bff;
        text-decoration: none;
    }
    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #dc3545;
    }
    .movie_box .box {
        width: auto;
    }
}

/*-------------------add-------------------*/
.tag_link {
    width: 100%;
    border-bottom: 4px solid #eb9161;
}
.tag_link_slider {
    padding: 0.35vw 0.85vw 0 0.85vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tag_link a {
    display: block;
    background: #f4f4f4;
    border-radius: 0.25em 0.25em 0 0;
    padding: 0.5em 0.5em;
    font-size: small;
    color: #333333;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tag_link a .ja {
    display: block;
}
.tag_link a .num {
    display: block;
    font-size: x-small;
    color: #ea6d6d;
}
.tag_link a:hover {
    background: #eb9161;
    color: #fff;
}
.tag_link a:hover .ja {
    font-weight: 700;
}
.tag_link a:hover .num {
    color: #fff;
}
.tag_link a.on {
    background: #eb9161;
    color: #fff;
}
.tag_link a.on .ja {
    font-weight: 700;
}
.tag_link a.on .num {
    color: #fff;
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    width: 100%;
}
body .swiper-slide {
    padding-top: 0.35vw;
    width: auto !important;
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
body .swiper-button-next.swiper-button-disabled,
body .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}
body .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}
body .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0;
    right: auto;
}
body .swiper-button-next,
body .swiper-button-prev {
    width: 1.8rem;
    height: 100%;
    top: 0 !important;
    bottom: 0 !important;
    text-align: left;
    margin-top: 0 !important;
}
body .swiper-button-prev {
    background: url("../images/support/prev.png") right center no-repeat #eb9161;
    background-size: 100%;
}
body .swiper-button-next {
    background: url("../images/support/next.png") center center no-repeat #eb9161;
    background-size: 100%;
}
body .swiper-button-prev:after {
    display: none;
}
body .swiper-button-next:after {
    display: none;
}
@media screen and (max-width: 1100px) {
    .tag_link {
        width: 100%;
        border-bottom: 3px solid #eb9161;
    }
    .tag_link_slider {
        padding: 5px 8px 0 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tag_link a {
        display: block;
        background: #f4f4f4;
        border-radius: 5px 5px 0 0;
        padding: 5px 5px;
        font-size: 13px;
        color: #333333;
        text-align: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tag_link a .ja {
        display: block;
    }
    .tag_link a .num {
        display: block;
        font-size: 12px;
        color: #ea6d6d;
    }
    .tag_link a:hover {
        background: #eb9161;
        color: #fff;
    }
    .tag_link a:hover .ja {
        font-weight: 700;
    }
    .tag_link a:hover .num {
        color: #fff;
    }
    .tag_link a.on {
        background: #eb9161;
        color: #fff;
    }
    .tag_link a.on .ja {
        font-weight: 700;
    }
    .tag_link a.on .num {
        color: #fff;
    }
    body .swiper {
        width: 100%;
        height: 100%;
    }

    body .swiper-wrapper {
        width: 100%;
    }
    body .swiper-slide {
        padding-top: 5px;
        width: auto !important;
        text-align: center;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    body .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 0;
    }
    body .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 0;
        left: auto;
    }
    body .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 0;
        right: auto;
    }
    body .swiper-button-next,
    .swiper-button-prev {
        width: 17px;
        top: 0 !important;
        margin-top: 0 !important;
    }
    body .swiper-button-prev:after {
        background: url("../images/support/prev.png") center center no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 17px;
        height: 52px;
        left: 0;
        top: 0;
        content: "";
        z-index: 2;
        position: absolute;
    }
    body .swiper-button-next:after {
        background: url("../images/support/next.png") center center no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 17px;
        height: 52px;
        left: 0;
        top: 0;
        content: "";
        z-index: 2;
        position: absolute;
    }
}

@media (min-width: 676px) {
    .modal-dialog {
        max-width: 608px !important;
    }
}

.category {
    background: #fafafa;
}
.categories .col-6:first-child .category {
    margin-right: 0.5em;
}
.categories .col-6:last-child .category {
    margin-left: 0.5em;
}

@media screen and (max-width: 1024px) {
    .categories .col-6 {
        width: 100%;
        margin: 0;
        flex: unset;
        max-width: 100%;
    }
    .categories .col-6:last-child .category {
        margin-left: 0;
    }
}
.category .category_name {
    background: #0087bf;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 0.7rem 1rem 0.6rem;
}
.category.split li {
    width: 50%;
    display: block;
}
.category li:nth-child(odd):last-child,
.category li.only {
    width: 100%;
}
.category li.category_all {
    color: red;
    font-weight: bold;
    width: 100%;
}
.category li span {
    display: block;
    padding-right: 5px;
    flex: 1;
}
.category .sub_categories {
    background: #fafafa;
    padding: 1rem;
}
.category.split .sub_categories {
    display: flex;
    flex-wrap: wrap;
}
.category .category_all.hidden {
    display: none;
}
.category.category_close .slide {
    display: none;
}
#industryclass .category .category_name {
    position: relative;
}
#industryclass .category .category_name::after {
    width: 18px;
    height: 18px;
    background: no-repeat right center;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    content: "";
}
#industryclass .category.category_open .category_name::after {
    background: url(../images/top/ico_side_tab01.png);
}
#industryclass .category.category_close .category_name::after {
    background: url(../images/top/ico_side_tab.png);
}
#industryclass .category {
    margin-bottom: 3px;
}
.support_top_search {
    position: relative;
}
.support01_top_box_keyword_boolean input[type="text"] {
    padding-right: 1em;
}
.support_top_keyword_boolean {
    font-size: small;
    position: absolute;
    right: 3.5em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.support_top_keyword_boolean > div {
    display: flex;
    align-items: center;
}
.support_top_keyword_boolean > div:first-child {
    margin-bottom: 3px;
}
.support_top_keyword_boolean > div input {
    display: inline-block;
    width: 12px !important;
    height: 12px !important;
}
.support_top_keyword_boolean > div label {
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .support01_top_box_keyword_boolean {
        position: relative !important;
    }
    .support_top_keyword_boolean {
        display: flex;
        flex-direction: row;
        right: 60px;
    }
    .support_top_keyword_boolean > div {
        width: 50%;
        margin: 0 5px 0;
    }
    .support_top_keyword_boolean > div:first-child {
        margin-bottom: 0;
    }
}

.client_status,
.client_status ul,
.client_status li,
.client_status .status {
    display: flex;
    align-items: center;
}
.client_status {
    border: 3px solid #c5c5c5;
    border-radius: 5px;
    margin-bottom: 1.5em;
    box-sizing: border-box;
    background-color: #fafafa;
}
.client_status .setting {
    padding: 1em 0.3em 1em 1em;
    box-sizing: border-box;
}
.client_status .setting a {
    display: block;
    font-size: large;
    padding: 0 1em 0 0.5em;
    color: black;
}
.client_status .setting a i {
    color: #c1c1c1;
    margin-right: 0.5em;
}
.client_status .nowrap {
    white-space: nowrap;
}
.client_status li {
    padding: 0.4em 0.8em;
    margin: 0.5em 0;
    border-left: 3px dotted #c5c5c5;
}
.client_status .title i {
    color: #5baeb2;
    margin-right: 0.5em;
}
.client_status .title .button {
    margin-top: 0.3em;
}
.client_status .title .button a {
    font-size: small;
    font-weight: bold;
    padding: 0.1em 1.5em;
    border: 3px solid #5baeb2;
    color: #5baeb2;
    border-radius: 5px;
    background-color: #fff;
}
.dashboard_news .status,
.client_status .status {
    border: 1px solid #c1c1c1;
    margin-left: 0.7em;
    border-radius: 5px;
}
.dashboard_news .hdm {
    display: flex;
}
.dashboard_news .status {
    margin-left: auto;
    margin-top: -1em;
    margin-bottom: -1em;
    display: flex;
    font-size: small;
    justify-content: center;
}
.dashboard_news .status .ratio,
.client_status .status .ratio {
    padding: 0.2em 0.6em;
}
.dashboard_news .status .ratio:first-child,
.client_status .status .ratio:first-child {
    padding-right: 0;
}
.dashboard_news .status .ratio:first-child,
.client_status .status .ratio:first-child {
    text-align: center;
}
.dashboard_news .status .ratio:first-child > div:first-child,
.client_status .status .ratio:first-child > div:first-child {
    border-bottom: 1px solid #000;
    margin-bottom: 0.2em;
}
.dashboard_news .status .ratio:last-child > div:first-child,
.client_status .status .ratio:last-child > div:first-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 0.2em;
}
.newsletter_news .news ul li .counts dl > dd.achieved,
.dashboard_news .status .achieved,
.client_status .status .achieved {
    color: #5baeb2;
}

.newsletter_news .news ul li .counts dl > dd.not_achieved,
.dashboard_news .status .not_achieved,
.client_status .status .not_achieved {
    color: red;
}

#header .client_status {
    background-color: transparent;
    border: none;
    margin-top: -5px;
    margin-bottom: -5px;
    height: 65px;
}

#header .client_status ul {
    height: 100%;
}

#header .client_status ul li {
    border-left: 1px solid #c5c5c5;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

#header .client_status li:first-child {
    margin-left: 15px;
}

#header .client_status li:last-child {
    border-right: 1px solid #c5c5c5;
}

.newsletter_news .newsletter_tab .fade {
    display: none;
}
.newsletter_news .newsletter_tab .nav {
    padding-top: 10px;
    border-bottom: 2px solid #eb9161;
}

.newsletter_news .newsletter_tab .nav button {
    background-color: #ebebeb;
    border-color: #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    border-right: 1px solid #ebebeb;
    color: black;
    padding: 3px 15px;
    border-bottom: none;
    cursor: pointer;
    font-size: 1.4rem;
}
.newsletter_news .newsletter_tab .nav button.active {
    border-color: #eb9161;
    background-color: #eb9161;
    color: #fff;
}