@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&display=swap); */
/* @import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho); */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap);

/* TOP
----------------------------------------- */


/* main-visual */

.main-visual {
    width: 100vw;
    background: url(/corporate/images/top/fv_bg.png) 100% 0 no-repeat;
    background-size: cover;
}
.main-visual .inner {
    max-width: 90vw;
    margin: 0 auto;
}
.main-visual .fv_copy_ms {
    background: #00284a;
    width: 100%;
    padding: 15px 0;
}
.main-visual .fv_copy_ms .inner {
    max-width: 1300px;
    text-align: center;
}
.main-visual .fv_copy_ms img {
    width: 30vw;
    margin: 0 20px;
}
.main-visual .fv_copy {
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 50px;
    background: url(/corporate/images/top/fv.png) no-repeat;
    background-size: 38%;
    background-position: top left;
}
.main-visual .fv_copy .mv {
    max-width: 1000px;
    margin: 0 auto;
}
.main-visual .fv_copy .mv h2 {
    max-width: 760px;
    margin: 0 0 30px auto;
    padding-top: 30px;
}
.main-visual .fv_copy p {
    max-width: 1250px;
    margin: 0 auto;
    color: #004279;
    text-align: right;
    font-size: 9px;
    line-height: 1.5em;
}
.btn_area {
    width: 800px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
}
.main-visual .btn_area {
    margin: 0 auto 10px;
}
.btn01 {
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    border-radius: 3px;
    text-align: center;
    height: 8vh;
    font-size: 1.2vw;
    transition: ease .2s;
    margin: 0 10px;
    width: 70%;
}
.btn01.accent {
    background: #da0707;
}
.btn01.base {
    background: #005eae;
}
.btnarrow::after{
    content: '';
    position: absolute;
    top: 42%;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    transition: all .3s;
}
.btnarrow:hover:after{
    right: 17px;
}

.occupation {
    background: #f0f6fd;
    position: relative;
}
.occupation .box {
    max-width: 1280px;
    z-index: 1;
    position: relative;
    top: -40px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    padding-bottom: 15px;
    box-shadow: 0 10px 20px 0 rgba(11, 38, 127, .08);
}
.occupation .box .title {
    background: #f0eeed;
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.occupation .box .title h2 {
    font-size: 26px;
    padding: 20px 0;
    font-weight: bold;
    color: #005eae;
    position: relative;
    text-align: center;
}
.occupation .box .title h2 span {
    background: #005eae;
    color: #fff;
    padding: 0 5px;
    margin: 0 5px;
}
.occupation .box .title h2:before {
    content: url("/corporate/images/top/check.png");
    margin-right: 10px;
}
.occupation .list {
    max-width: 1200px;
    margin: 15px auto 0;
    font-size: 14px;
    display: flex;
}
.occupation .list div {
    background: #f0f6fd;
    border-right: solid 2px #015eae;
    width: 18%;
    color: #004279;
    font-weight: bold;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.occupation .list ul {
    width: 82%;
}
.occupation .list ul li {
    color: #003765;
    background: #f0eeed;
    display: inline-block;
    padding: 5px 5px;
    margin: 5px;
}

@media screen and (max-width: 1200px) {
    .main-visual .ttl-box {
        left: 58%;
    }
    .main-visual .ttl-box .page-ttl {
        margin-bottom: 1.1%;
        font-size: 45px;
    }
    .main-visual .ttl-box .page-ttl span {
        font-size: 32.5px;
    }
    .main-visual .ttl-box .main-catch-copy {
        font-size: 23.5px;
        padding-left: 0;
        text-indent: 0;
        font-weight: bold;
        margin-bottom: 1.1%;
    }
    .main-visual .ttl-box .lead-txt {
        font-size: 22.5px;
    }
    .main-visual .ttl-box .lead-txt p {
        font-size: 67.5px;
        padding: 0;
        text-indent: 0px;
        margin: 0;
    }
    .main-visual .ttl-box .lead-txt span {
        font-size: 1.4rem;
    }
    .main-visual .fv_copy {
        background-position: bottom left;
    }
    .main-visual .fv_copy .mv {
        max-width: 900px;
    }
    .main-visual .fv_copy .mv h2 {
        max-width: 75%;
    }
    .main-visual .btn_area {
        max-width: 90%;
    }
    .btn01 {
        font-size: 16px;
        height: 60px;
    }
    .occupation .box .pc-only {
        display: block;
    }
    .occupation .box .title h2 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1140px) {
    .main-visual .fv_copy {
        background: url(/corporate/images/top/fv_tab.png) no-repeat;
        background-size: contain;
    }
    .main-visual .fv_copy .mv {
        max-width: 95%;
    }
    .main-visual .fv_copy .mv h2 {
        max-width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .main-visual .inner {
        max-width: 95vw;
    }
    .main-visual .fv_copy_ms {
        padding: 10px 0;
    }
    .main-visual .fv_copy_ms img {
        width: 70vw;
        margin: 0 5px;
    }
    .btn01 {
        height: 45px;
        font-size: 16px;
        margin: 5px auto;
        width: 70%;
    }
    .occupation {
        background: #f0f6fd;
        position: relative;
        padding: 0;
    }
    .occupation .box {
        max-width: 100vw;
        top: 0;
        margin: 0 auto;
        border-radius: 0;
        padding-bottom: 15px;
    }
    .occupation .box .title {
        border-radius: 0;
    }
    .occupation .box .title h2 {
        font-size: 16px;
        line-height: 1.8em;
        padding: 10px 0;
        text-align: left;
        margin: 0 0 0 70px;
    }
    .occupation .box .title h2:before {
        position: absolute;
        top: 50%;
        left: -45px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .occupation .list {
        max-width: 90vw;
        display: block;
    }
    .occupation .list ul {
        display: block;
    }
    .occupation .list ul li {
        display: block;
        border-right: 0;
        text-align: center;
        width: 90vw;
        margin: 0 0 7px 0;
        padding: 5px 10px;
        color: #004279;
        background: #f0f6fd;
    }
    .occupation .list ul li:after {
        content: none;
    }
    .occupation .box .pc-only {
        display: none;
    }
    .occupation .box .sp-only {
        display: block;
    }
}

@media screen and (max-width: 428px) {
    .main-visual .fv_copy {
        max-width: 100vw;
        margin: 0;
        background: none;
        height: 390px;
    }
    .main-visual .fv_copy .mv {
        margin: 0;
        width: 95vw;
        background: url(/corporate/images/top/fv_sp.png) no-repeat;
        background-size: contain;
        background-position: bottom left;
        height: 390px;
        position: absolute;
    }
    .main-visual .fv_copy .mv h2 img {
        display: none;
    }
    .main-visual .fv_copy p {
        width: 96vw;
        margin: 0 auto;
        color: #fff;
        letter-spacing: 0;
    }
    .btn_area {
        width: 90vw;
        margin: 0 auto 10px;
        display: block;
    }
    .main-visual .btn_area {
        padding-top: 250px;
    }
}

/* page-catch */

.page-catch {
    width: 100%;
    background: #ccc;
    background-size: contain;
    position: relative;
    z-index: 1;
}
/* .page-catch .bg {
    width: 100%;
    min-height: 650px;
    padding-top: 47.813%;
    background: url(/corporate/images/top/top-page-catch-bg01.jpg) 0 0 no-repeat;
    background-size: cover;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
} */

.page-catch .inner {
    padding: 30px 10px;
}

.page-catch .inner>.ttl-box {
    margin-bottom: 73px;
}

.page-catch .inner>.ttl-box h2 {
    display: table;
    margin: 0 auto 44px;
    font-size: 48px;
    font-size: 4.8rem;
    color: #003765;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.page-catch .inner>.ttl-box h2::before {
    content: "";
    width: 48px;
    height: 124px;
    background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: -14px;
    left: -68px;
}

.page-catch .inner>.ttl-box h2::after {
    content: "";
    width: 48px;
    height: 124px;
    background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
    background-size: cover;
    transform: scale(-1, 1);
    position: absolute;
    top: -20px;
    right: -94px;
}

.page-catch .inner>.ttl-box h2 .num {
    position: relative;
}

.page-catch .inner>.ttl-box h2 .num::after {
    content: "※";
    position: absolute;
    top: 10px;
    right: -26px;
    font-size: 26px;
    font-size: 1.5rem;
}

.page-catch .inner>.ttl-box h2 .note {
    display: block;
    padding-top: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    font-weight: normal;
    line-height: 1.74;
}

.page-catch .inner>.ttl-box .txt-box {
    width: 68%;
    margin: 0 auto;
}

.page-catch .inner>.ttl-box .txt-box .lead-txt {
    margin-bottom: 23px;
}

.page-catch .inner>.ttl-box .txt-box .target-list li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.74;
}

.page-catch .inner .merit-area>.ttl-box {
    margin-bottom: 40px;
}

.page-catch .inner .merit-area .merit-list {
    display: flex;
    flex-wrap: wrap;
}

.page-catch .inner .merit-area .merit-list li {
    width: 100%;
    background: #fff;
    margin-bottom: 32px;
}

.page-catch .inner .merit-area .merit-list li:not(:last-child) {
    border-right: 1px solid #e8e8e8;
}

.page-catch .inner .merit-area .merit-list li .ttl-box {
    background: #005eae;
    color: #fff;
    padding: 25px 30px;
    position: relative;
}

.page-catch .inner .merit-area .merit-list li .ttl-box::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 98px 41px 0 0px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.page-catch .inner .merit-area .merit-list li .ttl-box h4 {
    margin-bottom: 10px;
    font-family: "Sawarabi Mincho", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.21;
    text-align: center;
}

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

.page-catch .inner .merit-area .merit-list li .img-box {
    width: 32%;
}

.page-catch .inner .merit-area .merit-list li .comment-box {
    width: 68%
}

.page-catch .inner .merit-area .merit-list li .comment-box .lead-txt {
    font-size: 2.4rem;
    padding: 0px 20px 40px;

}
.page-catch .inner .merit-area .merit-list li .comment-box .lead-txt li {
    margin: 0px 0px 0px;
}
.page-catch .inner .merit-area .merit-list li .comment-box .lead-txt .img-box{
    width: 30%;
}

.page-catch .inner .merit-area .merit-list li .comment-box .lead-txt p {
    font-size: 1.8rem;
    padding-left: 1em;
    text-indent: -1em;
}
.page-catch .inner .merit-area .merit-list li .comment-box .service-box .service-link .img-box{
    width: 100%;
 }



.comment-box .service-box{
    display:flex;
    flex-wrap: wrap;
    margin:0 0 35px;
}

.comment-box .service-box .service-link {
    width: 48%;
}
.comment-box .service-box .service-link a {
    font-weight: bold;
    color: #005eae;
    vertical-align: top;
}
.comment-box .service-box .service-link p {
    font-size:2.4rem;
    text-align: center;
}

.comment-box .merit-link {
    font-size: 2.5rem;
    font-weight: bold;
    padding: 0 20px 10px 50px;
}

.comment-box .merit-link a {
    color: #005eae;
    vertical-align: top;
}

 /* merit02 */
 .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li{
    display:flex;
    flex-wrap: wrap;
 }
 .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li .content-box{
    width: 65%;
    margin-bottom: 15px;
 }
 .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li p{
    padding-left: 0em;
    text-indent: 0em;
 }
 .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li p.content-box:first-child{
    width: 30%;
 }
 .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li .content-box .img-box{
    width: 100%;
 }


@media screen and (min-width: 1201px) {
    .page-catch .inner>.ttl-box h2::before {
        content: "";
        width: 3%;
        height: 90%;
        background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
        background-size: cover;
        position: absolute;
        top: -14px;
        left: -68px;
    }
    .page-catch .inner>.ttl-box h2::after {
        content: "";
        width: 3%;
        height: 90%;
        background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
        background-size: cover;
        transform: scale(-1, 1);
        position: absolute;
        top: -20px;
        right: -94px;
    }
    .page-catch .inner>.ttl-box {
        margin-bottom: 53px;
    }
    .page-catch .inner>.ttl-box h2 {
        margin-bottom: 34px;
    }
    .page-catch .inner>.ttl-box h2::before {
        top: -7px;
        left: -35px;
    }
    .page-catch .inner>.ttl-box h2::after {
        top: -7px;
        right: -35px;
    }
    .page-catch .inner>.ttl-box h2 .num::after {
        top: 62%;
        right: -15px;
    }
    .page-catch .inner>.ttl-box .txt-box .lead-txt {
        margin-bottom: 13px;
    }
    .page-catch .inner .merit-area .merit-list li .ttl-box h4 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 1200px) {
    .page-catch .inner>.ttl-box {
        margin-bottom: 53px;
    }
    .page-catch .inner>.ttl-box h2 {
        margin-bottom: 34px;
    }
    .page-catch .inner>.ttl-box h2::before {
        top: 14px;
        left: -60px;
    }
    .page-catch .inner>.ttl-box h2::after {
        top: 14px;
        right: -60px;
    }
    .page-catch .inner>.ttl-box h2 .sp-only {
        display: block;
    }
    .page-catch .inner>.ttl-box h2 .num::after {
        top: 60%;
        right: -12px;
    }
    .page-catch .inner>.ttl-box .txt-box .lead-txt {
        margin-bottom: 13px;
    }
    .page-catch .inner .merit-area .merit-list li .ttl-box h4 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 767px) {
    .page-catch {
        background: #fff url(/corporate/images/top/top-page-catch-bg02.jpg) top center no-repeat;
        background-size: contain;
    }
    .page-catch .bg {
        display: none;
    }
    .page-catch .inner {
        padding: 12% 0 0;
    }
    .page-catch .inner>.ttl-box {
        margin-bottom: 11%;
    }
    .page-catch .inner>.ttl-box h2 {
        font-size: 7.5vw;
        line-height: 1.1;
    }
    .page-catch .inner>.ttl-box h2::before {
        width: 15%;
        height: auto;
        padding-left: 8%;
        padding-top: 40%;
        left: -22%;
        top: 6%;
    }
    .page-catch .inner>.ttl-box h2::after {
        width: 15%;
        height: auto;
        padding-left: 8%;
        padding-top: 40%;
        right: -22%;
        top: 6%;
    }
    .page-catch .inner>.ttl-box h2 .num::after {
        font-size: 3vw;
        right: -3vw;
    }
    .page-catch .inner>.ttl-box h2 .note {
        padding-top: 4%;
        font-size: 3vw;
        line-height: 1.6;
    }
    .page-catch .inner>.ttl-box .txt-box {
        width: 92.5%;
    }
    .page-catch .inner>.ttl-box .txt-box .lead-txt {
        font-size: 25px;
        font-size: 2.5rem;
        margin-bottom: 3.244%;
    }
    .page-catch .inner>.ttl-box .txt-box .target-list li {
        font-size: 3.75vw;
        padding-left: 3.75vw;
        text-indent: -3.75vw;
    }
    .page-catch .inner .merit-area>.ttl-box {
        margin-bottom: 0;
    }
    .page-catch .inner .merit-area .merit-list {
        background: #fafafa;
        padding: 10% 3.75% 5%;
    }
    .page-catch .inner .merit-area .merit-list li {
        width: 100%;
        background: transparent;
    }
    .page-catch .inner .merit-area .merit-list li:not(:last-child) {
        margin-bottom: 9.46%;
        /* border-bottom: 1px solid #e8e8e8; */
        border-right: none;
    }
    .page-catch .inner .merit-area .merit-list li .ttl-box {
        padding: 8.132% 0 4% 0;
    }
    .page-catch .inner .merit-area .merit-list li .ttl-box h4 {
        margin-bottom: 5.422%;
        /* font-size: 7.25vw; */
        font-size: 6.5vw;
    }
    .page-catch .inner .merit-area .merit-list li .ttl-box::after {
        display: none;
    }
    .page-catch .inner .merit-area .merit-list li .img-box {
        width: 100%;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box {
        width: 100%;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .merit-link {
        font-size: 1.75rem;
        padding-top: 1rem;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .lead-txt {
        font-size: 1.5rem;
        padding: 0;
        padding-left: 1em;
        text-indent: -1em;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .lead-txt li {
        font-weight: bold;
        font-size: 1.8rem;
        margin: 5px 0px;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .lead-txt p {
        font-size: 1.5rem;
        padding-left: 0em;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .lead-txt .merit-link {
        font-weight: 400;
        /* padding: 0 1.5rem; */
        text-indent: 0;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .service-box .service-link {
        width: 100%;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .service-box .service-link p{
       margin:1rem 0;
    }
    .page-catch .inner .merit-area .merit-list li .comment-box .service-box .service-link .img-box{
        width: 80%;
        margin:0 auto;
     }
     /* merit02 */
     .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li .content-box{
        width: 100%;
     }
     .page-catch .inner .merit-area .merit-list .merit02 .lead-txt li p.content-box:first-child{
        width: 100%;
     }
}


/* achievement */

.achievement .inner {
    padding: 106px 10px 0;
}

.achievement .inner .ttl-box {
    margin-bottom: 63px;
}

.achievement .inner .ttl-box .lead-txt {
    text-align: center;
}

.achievement .inner .graph-box {
    margin-bottom: 44px;
}

.achievement .inner .graph-box .graph-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.achievement .inner .graph-box .graph-list li .graph-name {
    margin-bottom: 37px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4;
}

.achievement .inner .graph-box .graph-list li .note {
    margin-top: 10px;
    padding-left: 15px;
    text-indent: -15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
}

.achievement .inner .graph-box .graph-list .registered {
    width: 56.485%;
}

.achievement .inner .graph-box .graph-list .registered .img-box {
    width: 81.052%;
    margin: 0 auto;
}

.achievement .inner .graph-box .graph-list .percentage {
    width: 31%;
}

.achievement .inner .graph-box .graph-list .percentage .img-box {
    width: 74.85%;
    margin: 0 auto;
}

.achievement .inner .summary-box {
    width: 89.063%;
    margin: 0 auto;
}

.achievement .inner .summary-box .lead-txt {
    margin-bottom: 36px;
    text-align: center;
}

.achievement .inner .summary-box .summary-list {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.achievement .inner .summary-box .summary-list li {
    width: 31.58%;
    padding: 26px 0;
    border-radius: 10px;
    background: #005eae;
}

.achievement .inner .summary-box .summary-list li .summary-txt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.67;
    color: #fff;
    text-align: center;
}

.achievement .inner .summary-box .summary-list li .summary-txt strong {
    display: block;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.2;
}

.achievement .inner .summary-box .note {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
}

@media screen and (max-width: 1200px) {
    .achievement .inner .summary-box .summary-list li .summary-txt {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .achievement .inner .summary-box .summary-list li .summary-txt strong {
        font-size: 32px;
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 1025px) {
    .achievement .inner .graph-box .graph-list {
        justify-content: center;
    }
    .achievement .inner .summary-box .summary-list li {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .achievement .inner .summary-box .summary-list li .summary-txt {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 767px) {
    .achievement .inner {
        padding: 12.5% 3.75% 0;
    }
    .achievement .inner .ttl-box {
        margin-bottom: 5.406%;
    }
    .achievement .inner .ttl-box .lead-txt {
        text-align: left;
    }
    .achievement .inner .graph-box {
        margin-bottom: 8.65%;
    }
    .achievement .inner .graph-box .graph-list li:not(:last-child) {
        margin-bottom: 12.164%;
    }
    .achievement .inner .graph-box .graph-list li .graph-name {
        margin-bottom: 4.595%;
        font-size: 3.375vw;
    }
    .achievement .inner .graph-box .graph-list li .note {
        margin-top: 6.76%;
        font-size: 3vw;
        padding-left: 3vw;
        text-indent: -3vw;
    }
    .achievement .inner .graph-box .graph-list .registered {
        width: 100%;
    }
    .achievement .inner .graph-box .graph-list .registered .img-box {
        width: 100%;
    }
    .achievement .inner .graph-box .graph-list .percentage {
        width: 84%;
        margin: 0 auto;
    }
    .achievement .inner .graph-box .graph-list .percentage .img-box {
        width: 70.466%;
        margin: 0 auto;
    }
    .achievement .inner .summary-box {
        width: 100%;
    }
    .achievement .inner .summary-box .lead-txt {
        margin-bottom: 7.57%;
        text-align: left;
    }
    .achievement .inner .summary-box .summary-list {
        margin-bottom: 3.514%;
    }
    .achievement .inner .summary-box .summary-list li {
        width: 48.65%;
        padding: 4.325% 0;
    }
    .achievement .inner .summary-box .summary-list li:first-child {
        margin: 0 25% 2.704%;
    }
    .achievement .inner .summary-box .summary-list li .summary-txt {
        font-size: 2.25vw;
    }
    .achievement .inner .summary-box .summary-list li .summary-txt strong {
        font-size: 5vw;
    }
    .achievement .inner .summary-box .note {
        font-size: 3vw;
    }
}


/* distribution */

.distribution .inner {
    padding: 28px 10px 84px;
}

.distribution .inner .ttl-box {
    margin-bottom: 61px;
}

.distribution .inner .ttl-box .lead-txt {
    text-align: center;
}

.distribution .inner .distribution-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.distribution .inner .distribution-list li .graph-name {
    margin-bottom: 38px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

.distribution .inner .distribution-list li .graph-name span {
    margin-right: 4px;
    color: #003765;
}

.distribution .inner .distribution-list li .note {
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
}

.distribution .inner .distribution-list li .certification-list div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px #434343;
}

.distribution .inner .distribution-list li .certification-list div:nth-child(odd) {
    background: #f2f2f2;
}

.distribution .inner .distribution-list li .certification-list div dt,
.distribution .inner .distribution-list li .certification-list div dd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
}

.distribution .inner .distribution-list li .certification-list div dt {
    width: 72.73%;
    padding-left: 6.06%;
}

.distribution .inner .distribution-list li .certification-list div dd {
    width: 27.27%;
    padding-right: 4.55%;
    justify-content: flex-end;
}

.distribution .inner .distribution-list .year {
    width: 34.844%;
}

.distribution .inner .distribution-list .age {
    width: 35%;
}

.distribution .inner .distribution-list .acquirer {
    width: 25.782%;
}

.distribution .inner .distribution-list .acquirer .graph-name {
    margin-bottom: 18px;
}

@media screen and (max-width: 1025px) {
    .distribution .inner .distribution-list li:not(:last-child) {
        margin-bottom: 40px;
    }
    .distribution .inner .distribution-list li .graph-name {
        text-align: center;
    }
    .distribution .inner .distribution-list .year,
    .distribution .inner .distribution-list .age,
    .distribution .inner .distribution-list .acquirer {
        width: 50%;
        margin: 0 auto;
    }
    .distribution .inner .distribution-list .age .img-box {
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .distribution .inner {
        padding: 12.5% 3.75%;
    }
    .distribution .inner .ttl-box .lead-txt {
        text-align: left;
    }
    .distribution .inner .distribution-list li:not(:last-child) {
        margin-bottom: 5.95%;
    }
    .distribution .inner .distribution-list li .graph-name {
        margin-bottom: 5.406%;
        font-size: 5vw;
    }
    .distribution .inner .distribution-list .year {
        width: 100%;
    }
    .distribution .inner .distribution-list .year .img-box {
        width: 84.325%;
        margin-left: auto;
    }
    .distribution .inner .distribution-list .age {
        width: 100%;
    }
    .distribution .inner .distribution-list .age .img-box {
        width: 84.326%;
        margin: 0 auto;
    }
    .distribution .inner .distribution-list .acquirer {
        width: 100%;
    }
    .distribution .inner .distribution-list .acquirer .graph-name {
        margin-bottom: 4.325%;
    }
    .distribution .inner .distribution-list .acquirer .note {
        width: 86.76%;
        margin: 0 auto 2.164%;
        font-size: 3.375vw;
    }
    .distribution .inner .distribution-list .acquirer .certification-list {
        width: 86.76%;
        margin: 0 auto;
    }
    .distribution .inner .distribution-list .acquirer .certification-list dt,
    .distribution .inner .distribution-list .acquirer .certification-list dd {
        font-size: 3.625vw;
    }
    .distribution .inner .distribution-list .acquirer .certification-list dt {
        padding-left: 5.92%;
    }
    .distribution .inner .distribution-list .acquirer .certification-list dd {
        padding-right: 4.673%;
    }
}


/* example */

.example {
    background: #fff;
}

.example .inner {
    padding: 30px 10px;
}

.example .inner .ttl-box {
    margin-bottom: 51px;
}

.example .inner .ttl-box .lead-txt {
    text-align: center;
}


/* .example .inner .example-list {
    margin-bottom: 49px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} */

.example .inner .example-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 49px;
    justify-content: space-between;
}

.example .inner .example-items .item-1,
.example .inner .example-items .item-2 {
    width: 48%;
    background: #fff;
    position: relative;
    font-size: 2.0rem;
}

.example .inner .example-items .item-box {
    width: 48%;
    background: #fff;
    position: relative;
    font-size: 2.0rem;
}

.example .inner .example-items .item-box h4 {
    font-size: 4.8rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.example .inner .example-items .item-box .item-box-title {
    font-size: 2.4rem;
    color: #fff;
    background: #003765;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.example .inner .example-items .item-box .item-list li {
    margin: 10px 22px;
    padding: 22px 10px;
    border: solid 1px #005eae;
    border-radius: 2px;
}

.example .inner .example-items .item-box .item-list li .label {
    background: #005eae;
    color: #FFF;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.example .inner .example-items .item-box .item-list li h5 {
    font-size: 2.0rem;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
    line-height: 1.5;
}

.example .inner .btn-box {
    width: 30.469%;
    min-width: 280px;
    margin: 0 auto;
}

.example .inner .btn-box .btn {
    height: 60px;
    background: #005eae;
}

@media screen and (max-width: 1025px) {
    .example .inner .example-items .item-box h4 {
        font-size: 4.0rem;
    }
}

@media screen and (max-width: 767px) {
    .example .inner {
        padding: 12.5% 3.75%;
    }
    .example .inner .ttl-box {
        margin-bottom: 9.19%;
    }
    .example .inner .ttl-box .lead-txt {
        text-align: left;
    }
    .example .inner .example-items .item-box h4 {
        font-size: 4rem;
        margin: 25px 0 10px;
    }
    .example .inner .example-list {
        margin-bottom: 8.109%;
    }
    .example .inner .example-list li {
        width: 100%;
    }
    .example .inner .example-list li:nth-last-child(-n+6) {
        display: none;
    }
    .example .inner .example-list li:not(:nth-last-child(-n+3)) {
        margin-bottom: 5.406%;
    }
    .example .inner .example-list li:nth-child(3) {
        margin-bottom: 0;
    }
    .example .inner .example-list li .label {
        height: auto;
        padding: 1.622% 3.784%;
        font-size: 3.75vw;
        top: 7.5%;
    }
    .example .inner .example-list li a {
        padding: 11.623% 0 4.595%;
    }
    .example .inner .example-list li a h4 {
        padding: 0;
        font-size: 5vw;
        line-height: 1.25;
        text-align: center;
    }
    .example .inner .example-list li a h4 br {
        display: block;
    }
    .example .inner .btn-box {
        width: 64.866%;
        min-width: 0;
    }
    .example .inner .btn-box .btn {
        height: 45px;
        font-size: 3.5vw;
    }
    .example .inner .example-items .item-box {
        width: 100%;
    }
    .example .inner .example-items .item-box .item-list li {
        margin: 35px 0;
    }
}


/* flow */

.flow {
    background: #003765;
}

.flow .inner {
    padding: 30px 10px;
}

.flow .inner>.ttl-box {
    margin-bottom: 64px;
}

.flow .inner>.ttl-box .sec-ttl {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.flow .inner>.ttl-box .lead-txt {
    color: #fff;
    text-align: center;
}

.flow .inner .flow-list {
    margin-bottom: 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flow .inner .flow-list li {
    width: 18.72%;
    padding: 20px 20px 34px;
    position: relative;
    background: #fff;
}

.flow .inner .flow-list li:not(:last-child)::before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #005eae;
    position: absolute;
    right: -37px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 9;
}

.flow .inner .flow-list li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translate(0, -50%);
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #fff;
    z-index: 9;
}

.flow .inner .flow-list li .label {
    width: 90px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 27px;
    background: #000;
    font-family: "Roboto Condensed", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f7f7f7;
    font-size: 20px;
    font-size: 2rem;
}

.flow .inner .flow-list li .img-box {
    margin-bottom: 22px;
}

.flow .inner .flow-list li .ttl-box h4 {
    margin-bottom: 12px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

.flow .inner .note {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.72;
}

@media screen and (max-width: 767px) {
    .flow .inner {
        padding: 12.5% 3.75%;
    }
    .flow .inner>.ttl-box {
        margin-bottom: 10.812%;
    }
    .flow .inner>.ttl-box .sec-ttl {
        border-bottom: 2px solid #fff;
    }
    .flow .inner>.ttl-box .lead-txt {
        text-align: left;
    }
    .flow .inner .flow-list {
        margin-bottom: 7.3%;
    }
    .flow .inner .flow-list li {
        width: 100%;
        padding: 4.056%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .flow .inner .flow-list li:not(:last-child) {
        margin-bottom: 6.49%;
    }
    .flow .inner .flow-list li:not(:last-child)::before {
        width: 35px;
        height: 35px;
        top: auto;
        bottom: -23%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .flow .inner .flow-list li:not(:last-child)::after {
        top: auto;
        bottom: -15%;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        border-width: 10px 7px 0 7px;
        border-color: #ffffff transparent transparent transparent;
    }
    .flow .inner .flow-list li .label {
        width: auto;
        height: auto;
        padding: 1.082% 2.704%;
        top: 11.54%;
        font-size: 3.5vw;
    }
    .flow .inner .flow-list li .img-box {
        width: 38.236%;
        margin-bottom: 0;
    }
    .flow .inner .flow-list li .ttl-box {
        width: 58%;
    }
    .flow .inner .flow-list li .ttl-box h4 {
        margin-bottom: 2.54%;
        font-size: 5.75vw;
        text-align: left;
    }
    .flow .inner .flow-list li .ttl-box .lead-txt {
        font-size: 3.5vw;
        line-height: 1.29;
    }
    .flow .inner .note {
        font-size: 3vw;
    }
}


/* faq */

.faq {
    background: #f2f2f2;
}

.faq .inner {
    padding: 30px 10px;
}

.faq .inner .ttl-box {
    margin-bottom: 63px;
}

.faq .inner .faq-list-box_outer {
    margin: 0 auto;
}

.faq .inner .faq-list-box {
    width: 49%;
    margin: 0 auto;
    display: inline-flex;
}

.faq .inner .faq-list {
    width: 100%;
}

.faq .inner .faq-list .faq-list-title {
    font-size: 24px;
    text-align: center;
    color: #005eae;
}

.faq .inner .faq-list .faq-list-title span {
    font-size: 28px;
    font-weight: bold;
}

.faq .inner .faq-list li:not(:last-child) {
    margin-bottom: 26px;
}

.faq .inner .faq-list li .question-box {
    padding-bottom: 24px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #626262;
}

.faq .inner .faq-list li .question-box .question-txt {
    padding: 0 53px 0 61px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

.faq .inner .faq-list li .question-box .question-txt::before {
    content: "Q";
    width: 45px;
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #005eae;
    font-family: "Roboto Condensed", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    position: absolute;
    left: 0;
    top: auto;
}

.faq .inner .faq-list li .question-box .icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 17px;
    top: 0;
}

.faq .inner .faq-list li .question-box .icon span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #005eae;
    border-radius: 2px;
    transition: all .4s;
}

.faq .inner .faq-list li .question-box .icon span:nth-child(1) {
    top: 50%;
    transform: rotate(0deg);
}

.faq .inner .faq-list li .question-box .icon span:nth-child(2) {
    top: 50%;
    transform: rotate(90deg);
}

.faq .inner .faq-list li .question-box .icon.active span:nth-child(2) {
    transform: rotate(180deg);
}

.faq .inner .faq-list li .answer-txt {
    display: none;
    padding: 18px 0 11px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
}

.faq .inner .btn-box {
    width: 30.469%;
    min-width: 280px;
    margin: 0 auto;
    padding-top: 2rem;
}

.faq .inner .btn-box .btn {
    background: #005eae;
    height: 45px;
}

@media screen and (max-width: 767px) {
    .faq .inner {
        padding: 12.5% 3.75%;
    }
    .faq .inner .ttl-box {
        margin-bottom: 9.46%;
    }
    .faq .inner .faq-list {
        width: 100%;
    }
    .faq .inner .faq-list-box {
        width: 100%;
    }
    .faq .inner .faq-list-box .faq-list-title {
        margin-top: 20px;
    }
    .faq .inner .faq-list li .question-box {
        padding-bottom: 2.2%;
    }
    .faq .inner .faq-list li .question-box .question-txt {
        padding: 0 8.12% 0 50px;
        font-size: 5vw;
        line-height: 1.25;
    }
    .faq .inner .faq-list li .question-box .question-txt::before {
        width: 30px;
        height: 30px;
        font-size: 5.25vw;
    }
    .faq .inner .faq-list li .question-box .icon {
        width: 16px;
        height: 16px;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    .faq .inner .faq-list li .answer-txt {
        padding: 5% 0 3%;
        font-size: 3.75vw;
    }
}


/* info */

.info .info-list {
    display: flex;
    flex-wrap: wrap;
}

.info .info-list li {
    width: 50%;
    padding: 70px 0;
}

.info .info-list li .ttl-box {
    margin-bottom: 44px;
}

.info .info-list li .ttl-box h3 {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.info .info-list li .entry-list {
    width: 60%;
    margin: 0 auto 42px;
}

.info .info-list li .entry-list div a {
    display: flex;
    flex-wrap: wrap;
}

.info .info-list li .entry-list div a dt,
.info .info-list li .entry-list div a dd {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    line-height: 2.33;
    min-height: 7.5rem;
}

.info .info-list li .entry-list div a dt {
    width: 22.5%;
}

.info .info-list li .entry-list div a dd {
    width: 77.5%;
}

.info .info-list li .btn-box {
    width: 31.25%;
    min-width: 180px;
    margin: 0 auto;
}

.info .info-list li .btn-box .btn {
    height: 45px;
    background: #005eae;
}

.info .info-list .support {
    background: url(/corporate/images/top/top-info-bg01.jpg) 0 0 no-repeat;
    background-size: cover;
}

.info .info-list .guide {
    background: url(/corporate/images/top/top-info-bg02.jpg) 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 1200px) {
    .info .info-list li .entry-list {
        width: 86%;
    }
    .info .info-list li .entry-list div a dt,
    .info .info-list li .entry-list div a dd {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 767px) {
    .info .info-list li {
        width: 100%;
        padding: 12.5% 0;
    }
    .info .info-list li .ttl-box {
        margin-bottom: 5%;
    }
    .info .info-list li .ttl-box h3 {
        font-size: 7.25vw;
    }
    .info .info-list li .entry-list {
        width: 92.5%;
        margin-bottom: 5%;
    }
    .info .info-list li .entry-list div:not(:last-child) {
        margin-bottom: 2.17%;
    }
    .info .info-list li .entry-list div:nth-last-child(-n+2) {
        /* display: none; */
    }
    .info .info-list li .entry-list div a dt,
    .info .info-list li .entry-list div a dd {
        width: 100%;
        font-size: 3.75vw;
        line-height: 1.6;
        min-height: 3.5rem;
    }
    .info .info-list li .btn-box {
        width: 60%;
        min-width: 0;
    }
}


/* SERVICE
----------------------------------------- */


/* service */

.service {
    margin-bottom: 24px;
}

.service .inner {
    padding: 94px 10px 60px;
}

.service .inner>.ttl-box {
    margin-bottom: 80px;
}

.service .inner>.ttl-box .lead-txt {
    text-align: center;
}

.service .inner .service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service .inner .service-list li {
    width: 48.048%;
    margin-bottom: 73px;
}

.service .inner .service-list li a:visited {
    color: #000;
}

.service .inner .service-list li .img-box {
    margin-bottom: 28px;
}

.service .inner .service-list li h3 {
    margin-bottom: 7px;
    /* font-family: "Sawarabi Mincho", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.43;
    color: #000 !important;
}

.service .inner .service-list li h3:hover {
    color: #003765 !important;
    opacity: 0.7;
}

.service .inner .service-list li .ttl-box .lead-txt {
    text-align: left;
}

@media screen and (max-width: 1200px) {
    .service .inner .service-list li h3 {
        font-size: 2.0rem;
    }
}

@media screen and (max-width: 767px) {
    .service {
        margin-bottom: 0;
    }
    .service .inner {
        padding: 10% 3.75%;
    }
    .service .inner>.ttl-box {
        margin-bottom: 10%;
    }
    .service .inner>.ttl-box .lead-txt {
        text-align: left;
    }
    .service .inner .service-list li {
        width: 100%;
        margin-bottom: 15%;
    }
    .service .inner .service-list li:last-child {
        margin-bottom: 0;
    }
    .service .inner .service-list li .img-box {
        margin-bottom: 4%;
    }
    .service .inner .service-list li .ttl-box h3 {
        margin-bottom: 2%;
        font-size: 5.75vw;
    }
}


/* registrant */

.registrant {
    margin-bottom: 24px;
}

.registrant .inner {
    padding: 10px 10px 0;
}

.registrant .inner .registrant-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.registrant .inner .registrant-list .content-box {
    width: 32.032%;
    margin-bottom: 73px;
    border: #000;
}

.registrant .inner .registrant-list .content-box .ttl-box {
    font-size: 28px;
}

.registrant .inner .registrant-list div .img-box {
    margin-bottom: 28px;
}

@media screen and (max-width: 1200px) {
    .registrant .inner .registrant-list .content-box .ttl-box {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .registrant .inner {
        padding: 10% 3.75%;
    }
    .registrant .inner .registrant-list .content-box {
        /* width: 93.096%; */
        width: 100%;
    }
}


/* performance */

.performance {
    min-height: 250px;
    padding-top: 21.25%;
    background: url(/corporate/images/service/service-performance-bg01.jpg) 50% 0 no-repeat;
    background-size: cover;
    position: relative;
}

.performance .ttl-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.performance .ttl-box h2 {
    margin-bottom: 11.11%;
    font-size: 35px;
    font-size: 3.5rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.14;
}

.performance .ttl-box .lead-txt {
    margin-bottom: 18.4%;
    color: #fff;
}

.performance .ttl-box .btn-box {
    width: 69.446%;
    margin: 0 auto;
    background: #fff;
}

.performance .ttl-box .btn-box .btn {
    height: 45px;
    background: #005eae;
}

@media screen and (max-width: 1200px) {
    .performance .ttl-box h2 {
        margin-bottom: 20px;
    }
    .performance .ttl-box .lead-txt {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .performance {
        min-height: 0;
        padding-top: 38%;
    }
    .performance .ttl-box {
        width: 100%;
    }
    .performance .ttl-box h2 {
        margin-bottom: 1%;
        font-size: 7.25vw;
    }
    .performance .ttl-box .lead-txt {
        margin-bottom: 2%;
        text-align: center;
    }
    .performance .ttl-box .btn-box {
        width: 50%;
    }
}


/* DRM
----------------------------------------- */


/* title */

.drm-title {
    font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
    /* .drm-title{
        font-size: 2.0rem;
    } */
    .drm-title div {
        font-size: 1.4rem;
    }
}


/* .drm-merit */

.drm-desc .target-list {
    font-size: 20px;
}

.drm-merit {
    background-color: #f2f2f2;
}

.drm-merit .inner {
    padding: 28px 10px 84px;
}

.drm-merit .inner .merit-area>.ttl-box {
    margin-bottom: 63px;
    padding-top: 30px;
}

.drm-merit .inner .merit-area .merit-list {
    display: flex;
    flex-wrap: wrap;
}

.drm-merit .inner .merit-area .merit-list li {
    width: 33.3333%;
    background: #fff;
}

.drm-merit .inner .merit-area .merit-list li:not(:last-child) {
    border-right: 1px solid #e8e8e8;
}

.drm-merit .inner .merit-area .merit-list li .ttl-box {
    padding: 39px 26px 28px;
    position: relative;
}

.drm-merit .inner .merit-area .merit-list li .ttl-box::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 98px 41px 0 0px;
    border-color: #005eae transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.drm-merit .inner .merit-area .merit-list li .ttl-box h4 {
    margin-bottom: 20px;
    font-family: "Sawarabi Mincho", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 1.21;
    text-align: center;
}

@media screen and (min-width: 1201px) {
    .drm-merit .inner .merit-area .merit-list li .ttl-box h4 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 1200px) {
    .drm-merit .inner {
        padding: 28px 10px 42px;
    }
    .drm-merit .inner .merit-area .merit-list li .ttl-box {
        padding: 39px 26px 10px;
    }
    .drm-merit .inner .merit-area .merit-list li .ttl-box h4 {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .drm-merit .inner .merit-area>.ttl-box {
        margin-bottom: 0;
    }
    .drm-merit .inner .merit-area .merit-list {
        background: #fafafa;
        padding: 10% 3.75% 5%;
    }
    .drm-merit .inner .merit-area .merit-list li {
        width: 100%;
        background: transparent;
    }
    .drm-merit .inner .merit-area .merit-list li:not(:last-child) {
        margin-bottom: 9.46%;
        border-bottom: 1px solid #e8e8e8;
        border-right: none;
    }
    .drm-merit .inner .merit-area .merit-list li .ttl-box {
        padding: 8.132% 0;
    }
    .drm-merit .inner .merit-area .merit-list li .ttl-box h4 {
        margin-bottom: 5.422%;
        font-size: 6.25vw;
    }
    .drm-merit .inner .merit-area .merit-list li .ttl-box::after {
        display: none;
    }
}


.btnset {
    display: flex;
    justify-content: center;
    margin: 0 0 40px 0;
    align-items: stretch;
    background: #002C5A;
    padding: 60px 20px;
}
.btnset a {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    background: #000;
    width: 45%;
    padding: 25px 40px 25px 25px;
    position: relative;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.btnset a br {
    display: none;
}
.btnset a.dl {
    background: #005eae;
    width: 50%;
    margin: 0 8px 0 16px;
    box-shadow: 
        0 4px 0 #024988,
        0 10px 20px rgba(0,0,0,0.3);

}
.btnset a.contact {
    font-size: 28px;
    width: 70%;
    min-width: 240px;
    max-width: 600px;
    margin: 0 16px 0 8px;
    color: #fff;
    background-color: #da0700;
    box-shadow: 
        0 4px 0 #a30500,
        0 10px 20px rgba(0,0,0,0.3);

}
.btnset a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 16px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
@media screen and (max-width: 1024px) {
    .btnset {
        padding: 20px;
    }
    .btnset a br {
        display: inline;
    }
}
@media screen and (max-width: 768px) {
    .btnset {
        display: block;
    }
    .btnset a.dl {
        font-size: 16px;
        line-height: 20px;
        width: 90%;
        margin: 0 auto 16px;
        padding: 20px 30px 20px 20px;
    }
    .btnset a.contact {
        font-size: 16px;
        line-height: 20px;
        width: 60%;
        margin: 0 auto 0;
        padding: 20px 30px 20px 20px;
    }
}
@media screen and (max-width: 480px) {
    .btnset a.dl,
    .btnset a.contact {
        padding: 20px 30px 20px 20px;
    }
}

/* drm-performance */

.performance-title {
    background-color: #002C5A;
    color: #fff;
    min-height: 4.5rem;
    vertical-align: middle;
    line-height: 2.1rem;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    font-size: 1.75rem;
}

.drm-performance .inner {
    padding: 28px 10px 84px;
}

.drm-performance .inner .ttl-box .lead-txt {
    text-align: center;
    margin: 10px 0;
}

.drm-performance .inner .media-box .box-item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33%;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
}

.drm-performance .inner .media-box .box-item .box-img {
    text-align: center;
    display: inline-block;
    /* height: 240px; */
    margin-bottom: 15px;
}

.drm-performance .inner .media-box .box-item .box-img img {
    height: 100%;
}

.drm-performance .inner .media-box .box-item .perfomance-desc {
    margin: 1.5rem 0 0 0;
    font-size: 1.8rem;
    letter-spacing: 1.5px;
}

@media screen and (min-width: 1920px) {
    .Performance-desc {
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .performance-title {
        min-height: 5.0rem;
        line-height: 2.4rem;
        font-size: 1.2rem;
    }
    .drm-performance .inner .media-box .box-item .perfomance-desc .lead-txt {
        font-size: 12.5px;
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 767px) {
    .drm-performance .inner .media-box .box-item {
        max-width: 100%;
        display: block;
        text-align: center;
        padding: 0 10px;
        margin: 3.8rem 0 1.8rem;
    }
}


/* drm-service */

.drm-service .inner {
    padding: 28px 10px 10px;
}

.drm-service .inner .ttl-box .lead-txt {
    text-align: center;
    margin: 10px 0;
}

.drm-service .inner .item-box {
    padding-top: 10px;
    text-align: center;
}

.drm-service .inner .item-box .service-box {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 30%;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
}

.service-heading {
    background-color: #002C5A;
    font-size: 25px;
    padding: 10px;
    color: #ffffff;
    margin: 10px 0px;
}

.service-heading::before {
    position: absolute;
    content: "";
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 20px transparent;
    border-left: solid 15px #959e9b;
}

.service-inner {
    border-radius: 20px;
    padding: 1rem;
}

.service-text {
    letter-spacing: 3.5px;
}

.service-text p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 3px;
    content: "\f058";
    color: #127a1e;
}

.service-text p {
    font-size: 18px;
    font-weight: 900;
    margin-top: .5rem;
    margin: 20px;
}

.Service-Job-type {
    font-size: 16px;
    margin: 0 auto;
    width: 700px;
}

@media screen and (min-width: 1920px) {
    .service-text {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1200px) {
    .drm-service .inner .item-box .service-box .service-text {
        letter-spacing: 0;
    }
    .drm-service .inner .item-box .service-box .service-text p {
        font-size: 1.2rem;
        text-align: left;
        text-indent: -1.5em;
    }
    .drm-service .inner .item-box .service-box .service-heading {
        font-size: 18px;
        font-weight: 400;
    }
    .Service-Job-type {
        padding: 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .drm-service .inner .item-box .service-box {
        max-width: 100%;
        display: block;
        text-align: center;
        padding: 0 10px;
        margin: 1rem 0 1.8rem;
    }
    .drm-service .inner .item-box .service-box .service-text p {
        font-size: 1.6rem;
        margin:20px 30px;
    }
    .Service-Job-type {
        font-size: 16px;
        width: auto;
        padding: 10px;
    }
    .Service-Job-type div {
        margin-bottom: 10px;
    }
}


/* drm-price */

.drm-price {
    margin-top: 2rem;
    background-color: #f2f2f2;
}

.drm-price .inner {
    padding: 28px 10px 34px;
}

.drm-price .inner .ttl-box .lead-txt {
    text-align: center;
    margin: 10px 0;
}

.drm-price .inner .item-box {
    margin: 0 auto;
    width: 920px;
}

.drm-price .inner .item-box table {
    background: #fff;
    color: #003765;
    font-size: 1.6rem;
    width: 100%;
    margin:1rem 0 ;
}

.drm-price .inner .item-box table tbody tr th,
.drm-price .inner .item-box table tbody tr td {
    vertical-align: middle;
    text-align: center;
}

.drm-price .inner .item-box table tbody tr th {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1.5rem 0.5rem;
}

.drm-price .inner .item-box table tbody tr:nth-child(1) th:first-child {
    background: #003765;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    /* width: 10%; */
}

.drm-price .inner .item-box table tbody tr th:first-child {
    padding: 10px 0 15px;
}

.drm-price .inner .item-box table tbody tr td {
    font-size: 1.6rem;
    padding: 1.5rem 0.5rem;
}

/* .drm-price .inner .item-box table tbody tr td.tbl-second::before {
    content: ":";
} */

/* 初期費用 */
.drm-price .inner .item-box .shoki-table tbody tr th{
    width: 20%;
}
/* 成功報酬 */
.drm-price .inner .item-box .reward-table tbody tr th{
    width: 10%;
}

@media screen and (max-width: 767px) {
    .drm-price .inner .item-box {
        margin: 0 auto;
        max-width: 320px;
    }

    .drm-price .inner .item-box table tbody tr th{
        font-size: 12px;
    }

    .drm-price .inner .item-box table tbody tr th {
        padding: 1.0rem 0.3rem;
    }

    .drm-price .inner .item-box table tbody tr td {
        font-size: 13px;
    }
    .drm-price .inner .item-box table tbody tr td:first-child {
        font-size: 10px;
    }

}


/* drm-flow */

.drm-flow {
    background: #003765;
}

.drm-flow .inner {
    padding: 44px 10px;
}

.drm-flow .inner>.ttl-box {
    margin-bottom: 64px;
}

.drm-flow .inner>.ttl-box .sec-ttl {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.drm-flow .inner>.ttl-box .lead-txt {
    color: #fff;
    text-align: center;
}

.drm-flow .inner .drm-flow-list {
    margin-bottom: 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.drm-flow .inner .drm-flow-list li {
    width: 18.72%;
    padding: 20px 20px 34px;
    position: relative;
    background: #fff;
}

.drm-flow .inner .drm-flow-list li:not(:last-child)::before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #005eae;
    position: absolute;
    right: -37px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 9;
}

.drm-flow .inner .drm-flow-list li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translate(0, -50%);
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #fff;
    z-index: 9;
}

.drm-flow .inner .drm-flow-list li .label {
    width: 90px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 27px;
    background: #000;
    font-family: "Roboto Condensed", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f7f7f7;
    font-size: 20px;
    font-size: 2rem;
}

.drm-flow .inner .drm-flow-list li .img-box {
    margin-bottom: 22px;
}

.drm-flow .inner .drm-flow-list li .ttl-box h4 {
    margin-bottom: 12px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

.drm-flow .inner .note {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.72;
}

@media screen and (max-width: 767px) {
    .drm-flow .inner {
        padding: 12.5% 3.75%;
    }
    .drm-flow .inner>.ttl-box {
        margin-bottom: 10.812%;
    }
    .drm-flow .inner>.ttl-box .sec-ttl {
        border-bottom: 2px solid #fff;
    }
    .drm-flow .inner>.ttl-box .lead-txt {
        text-align: left;
    }
    .drm-flow .inner .drm-flow-list {
        margin-bottom: 7.3%;
    }
    .drm-flow .inner .drm-flow-list li {
        width: 100%;
        min-height: 180px;
        padding: 4.056%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .drm-flow .inner .drm-flow-list li:not(:last-child) {
        margin-bottom: 6.49%;
    }
    .drm-flow .inner .drm-flow-list li:not(:last-child)::before {
        width: 35px;
        height: 35px;
        top: auto;
        bottom: -15%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .drm-flow .inner .drm-flow-list li:not(:last-child)::after {
        top: auto;
        bottom: -10%;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        border-width: 10px 7px 0 7px;
        border-color: #ffffff transparent transparent transparent;
    }
    .drm-flow .inner .drm-flow-list li .label {
        width: auto;
        height: auto;
        padding: 1.082% 2.704%;
        top: 11.54%;
        font-size: 3.5vw;
    }
    .drm-flow .inner .drm-flow-list li .img-box {
        width: 38.236%;
        margin-bottom: 0;
    }
    .drm-flow .inner .drm-flow-list li .ttl-box {
        width: 58%;
    }
    .drm-flow .inner .drm-flow-list li .ttl-box h4 {
        margin-bottom: 2.54%;
        font-size: 5.75vw;
        text-align: left;
    }
    .drm-flow .inner .drm-flow-list li .ttl-box .lead-txt {
        font-size: 3.2vw;
        line-height: 1.29;
    }
    .drm-flow .inner .note {
        font-size: 3vw;
    }
}


/* Agent
----------------------------------------- */


/* agent-page-catch */

.agent-page-catch {
    width: 100%;
    background: #003765;
    background-size: contain;
    position: relative;
    z-index: 1;
}

.agent-page-catch .bg {
    width: 100%;
    min-height: 650px;
    padding-top: 47.813%;
    background: url(/corporate/images/top/top-page-catch-bg01.jpg) 0 0 no-repeat;
    background-size: cover;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}

.agent-page-catch .inner {
    padding: 118px 10px;
}

.agent-page-catch .inner>.ttl-box {
    margin-bottom: 73px;
}

.agent-page-catch .inner>.ttl-box h2 {
    display: table;
    margin: 0 auto 44px;
    font-size: 48px;
    font-size: 4.8rem;
    color: #003765;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.agent-page-catch .inner>.ttl-box h2::before {
    content: "";
    width: 48px;
    height: 124px;
    background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: -58px;
    margin-top: -62px;
}

.agent-page-catch .inner>.ttl-box h2::after {
    content: "";
    width: 48px;
    height: 124px;
    background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
    background-size: cover;
    transform: scale(-1, 1);
    position: absolute;
    top: 50%;
    right: -58px;
    margin-top: -62px;
}

.agent-page-catch .inner>.ttl-box h2 .num {
    position: relative;
}

.agent-page-catch .inner>.ttl-box h2 .num::after {
    content: "※";
    position: absolute;
    top: 10px;
    right: -26px;
    font-size: 26px;
    font-size: 1.5rem;
}

.agent-page-catch .inner>.ttl-box h2 .note {
    font-size: 10px;
    display: block;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    font-weight: normal;
    line-height: 1.74;
}

.agent-page-catch .inner>.ttl-box .txt-box {
    width: 68%;
    margin: 0 auto;
}

.agent-page-catch .inner>.ttl-box .txt-box .lead-txt {
    margin-bottom: 23px;
}

.agent-page-catch .inner>.ttl-box .txt-box .target-list li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.74;
}

.agent-page-catch .inner .merit-area>.ttl-box {
    margin-bottom: 63px;
}

.agent-page-catch .inner .merit-area .merit-list {
    display: flex;
    flex-wrap: wrap;
}

.agent-page-catch .inner .merit-area .merit-list li {
    width: 33.3333%;
    background: #fff;
}

.agent-page-catch .inner .merit-area .merit-list li:not(:last-child) {
    border-right: 1px solid #e8e8e8;
}

.agent-page-catch .inner .merit-area .merit-list li .ttl-box {
    padding: 39px 26px 58px;
    position: relative;
}

.agent-page-catch .inner .merit-area .merit-list li .ttl-box::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 98px 41px 0 0px;
    border-color: #005eae transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.agent-page-catch .inner .merit-area .merit-list li .ttl-box h4 {
    margin-bottom: 20px;
    font-family: "Sawarabi Mincho", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 1.21;
    text-align: center;
}

@media screen and (min-width: 1201px) {
    .agent-page-catch .inner>.ttl-box h2::before {
        content: "";
        background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
        background-size: cover;
        position: absolute;
    }
    .agent-page-catch .inner>.ttl-box h2::after {
        content: "";
        background: url(/corporate/images/top/top-page-catch-ico01.png) 0 0 no-repeat;
        background-size: cover;
        transform: scale(-1, 1);
        position: absolute;
    }
    .agent-page-catch .inner>.ttl-box {
        margin-bottom: 53px;
    }
    .agent-page-catch .inner>.ttl-box h2 {
        margin-bottom: 34px;
    }
    .agent-page-catch .inner>.ttl-box h2 .num::after {
        top: 62%;
        right: -15px;
    }
    .agent-page-catch .inner>.ttl-box .txt-box .lead-txt {
        margin-bottom: 13px;
    }
    .agent-page-catch .inner .merit-area .merit-list li .ttl-box h4 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 1200px) {
    .agent-page-catch .inner {
        padding: 45px 10px;
    }
    .agent-page-catch .inner>.ttl-box {
        margin-bottom: 53px;
    }
    .agent-page-catch .inner>.ttl-box h2 {
        margin-bottom: 34px;
    }
    .agent-page-catch .inner>.ttl-box h2 .note {
        max-width: 400px;
    }
    .agent-page-catch .inner>.ttl-box h2 .sp-only {
        display: block;
    }
    .agent-page-catch .inner>.ttl-box h2 .num::after {
        top: 60%;
        right: -12px;
    }
    .agent-page-catch .inner>.ttl-box .txt-box .lead-txt {
        margin-bottom: 13px;
    }
    .agent-page-catch .inner .merit-area .merit-list li .ttl-box h4 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 767px) {
    .agent-page-catch {
        background: #fff url(/corporate/images/top/top-agent-page-catch-bg02.jpg) top center no-repeat;
        background-size: contain;
    }
    .agent-page-catch .bg {
        display: none;
    }
    .agent-page-catch .inner {
        padding: 12% 0 0;
    }
    .agent-page-catch .inner>.ttl-box {
        margin-bottom: 11%;
    }
    .agent-page-catch .inner>.ttl-box h2 {
        font-size: 7.5vw;
        line-height: 1.1;
    }
    .agent-page-catch .inner>.ttl-box h2::before {
        top: 15%;
        left: 10px;
    }
    .agent-page-catch .inner>.ttl-box h2::after {
        top: 15%;
        right: 10px;
    }
    .agent-page-catch .inner>.ttl-box h2 .num::after {
        font-size: 3vw;
        right: -3vw;
    }
    .agent-page-catch .inner>.ttl-box h2 .note {
        max-width: none;
        margin: 20px;
        font-size: 3vw;
        line-height: 1.6;
    }
    .agent-page-catch .inner>.ttl-box .txt-box {
        width: 92.5%;
    }
    .agent-page-catch .inner>.ttl-box .txt-box .lead-txt {
        margin-bottom: 3.244%;
    }
    .agent-page-catch .inner>.ttl-box .txt-box .target-list li {
        font-size: 3.75vw;
        padding-left: 3.75vw;
        text-indent: -3.75vw;
    }
    .agent-page-catch .inner .merit-area>.ttl-box {
        margin-bottom: 0;
    }
    .agent-page-catch .inner .merit-area .merit-list {
        background: #fafafa;
        padding: 10% 3.75% 5%;
    }
    .agent-page-catch .inner .merit-area .merit-list li {
        width: 100%;
        background: transparent;
    }
    .agent-page-catch .inner .merit-area .merit-list li:not(:last-child) {
        margin-bottom: 9.46%;
        border-bottom: 1px solid #e8e8e8;
        border-right: none;
    }
    .agent-page-catch .inner .merit-area .merit-list li .ttl-box {
        padding: 8.132% 0;
    }
    .agent-page-catch .inner .merit-area .merit-list li .ttl-box h4 {
        margin-bottom: 5.422%;
        font-size: 7.25vw;
    }
    .agent-page-catch .inner .merit-area .merit-list li .ttl-box::after {
        display: none;
    }
}


/* agent-achievement */

.agent-achievement .inner {
    padding: 106px 10px 0;
}

.agent-achievement .inner .ttl-box {
    margin-bottom: 63px;
}

.agent-achievement .inner .ttl-box .lead-txt {
    text-align: center;
}

.agent-achievement .inner .graph-box {
    margin-bottom: 44px;
}

.agent-achievement .inner .graph-box .graph-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agent-achievement .inner .graph-box .graph-list li .graph-name {
    margin-bottom: 37px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4;
}

.agent-achievement .inner .graph-box .graph-list li .note {
    margin-top: 10px;
    padding-left: 15px;
    text-indent: -15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
}

.agent-achievement .inner .graph-box .graph-list .registered {
    width: 56.485%;
}

.agent-achievement .inner .graph-box .graph-list .registered .img-box {
    width: 81.052%;
    margin: 0 auto;
}

.agent-achievement .inner .graph-box .graph-list .percentage {
    width: 31%;
}

.agent-achievement .inner .graph-box .graph-list .percentage .img-box {
    width: 74.85%;
    margin: 0 auto;
}

.agent-achievement .inner .summary-box {
    width: 89.063%;
    margin: 0 auto;
}

.agent-achievement .inner .summary-box .lead-txt {
    margin-bottom: 36px;
    text-align: center;
}

.agent-achievement .inner .summary-box .summary-list {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agent-achievement .inner .summary-box .summary-list li {
    width: 31.58%;
    padding: 26px 0;
    border-radius: 10px;
    background: #005eae;
}

.agent-achievement .inner .summary-box .summary-list li .summary-txt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.67;
    color: #fff;
    text-align: center;
}

.agent-achievement .inner .summary-box .summary-list li .summary-txt strong {
    display: block;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.2;
}

.agent-achievement .inner .summary-box .note {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
}

@media screen and (max-width: 1200px) {
    .agent-achievement .inner .summary-box .summary-list li .summary-txt {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .agent-achievement .inner .summary-box .summary-list li .summary-txt strong {
        font-size: 32px;
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 1025px) {
    .agent-achievement .inner {
        padding: 35px 10px 0;
    }
    .agent-achievement .inner .graph-box .graph-list {
        justify-content: center;
    }
    .agent-achievement .inner .summary-box .summary-list li {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .agent-achievement .inner .summary-box .summary-list li .summary-txt {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 767px) {
    .agent-achievement .inner {
        padding: 12.5% 3.75% 0;
    }
    .agent-achievement .inner .ttl-box {
        margin-bottom: 5.406%;
    }
    .agent-achievement .inner .ttl-box .lead-txt {
        text-align: left;
    }
    .agent-achievement .inner .graph-box {
        margin-bottom: 8.65%;
    }
    .agent-achievement .inner .graph-box .graph-list li:not(:last-child) {
        margin-bottom: 12.164%;
    }
    .agent-achievement .inner .graph-box .graph-list li .graph-name {
        margin-bottom: 4.595%;
        font-size: 3.375vw;
    }
    .agent-achievement .inner .graph-box .graph-list li .note {
        margin-top: 6.76%;
        font-size: 3vw;
        padding-left: 3vw;
        text-indent: -3vw;
    }
    .agent-achievement .inner .graph-box .graph-list .registered {
        width: 100%;
    }
    .agent-achievement .inner .graph-box .graph-list .registered .img-box {
        width: 100%;
    }
    .agent-achievement .inner .graph-box .graph-list .percentage {
        width: 84%;
        margin: 0 auto;
    }
    .agent-achievement .inner .graph-box .graph-list .percentage .img-box {
        width: 70.466%;
        margin: 0 auto;
    }
    .agent-achievement .inner .summary-box {
        width: 100%;
    }
    .agent-achievement .inner .summary-box .lead-txt {
        margin-bottom: 7.57%;
        text-align: left;
    }
    .agent-achievement .inner .summary-box .summary-list {
        margin-bottom: 3.514%;
    }
    .agent-achievement .inner .summary-box .summary-list li {
        width: 48.65%;
        padding: 4.325% 0;
    }
    .agent-achievement .inner .summary-box .summary-list li:first-child {
        margin: 0 25% 2.704%;
    }
    .agent-achievement .inner .summary-box .summary-list li .summary-txt {
        font-size: 2.25vw;
    }
    .agent-achievement .inner .summary-box .summary-list li .summary-txt strong {
        font-size: 5vw;
    }
    .agent-achievement .inner .summary-box .note {
        font-size: 3vw;
    }
}


/* agent-distribution */

.agent-distribution .inner {
    padding: 93px 10px 84px;
}

.agent-distribution .inner .ttl-box {
    margin-bottom: 61px;
}

.agent-distribution .inner .ttl-box .lead-txt {
    text-align: center;
}

.agent-distribution .inner .agent-distribution-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agent-distribution .inner .agent-distribution-list li .graph-name {
    margin-bottom: 38px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

.agent-distribution .inner .agent-distribution-list li .graph-name span {
    margin-right: 4px;
    color: #003765;
}

.agent-distribution .inner .agent-distribution-list li .note {
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
}

.agent-distribution .inner .agent-distribution-list li .certification-list div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agent-distribution .inner .agent-distribution-list li .certification-list div:nth-child(odd) {
    background: #f2f2f2;
}

.agent-distribution .inner .agent-distribution-list li .certification-list div dt,
.agent-distribution .inner .agent-distribution-list li .certification-list div dd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
}

.agent-distribution .inner .agent-distribution-list li .certification-list div dt {
    width: 72.73%;
    padding-left: 6.06%;
}

.agent-distribution .inner .agent-distribution-list li .certification-list div dd {
    width: 27.27%;
    padding-right: 4.55%;
    justify-content: flex-end;
}

.agent-distribution .inner .agent-distribution-list .year {
    width: 34.844%;
}

.agent-distribution .inner .agent-distribution-list .age {
    width: 35%;
}

.agent-distribution .inner .agent-distribution-list .acquirer {
    width: 25.782%;
}

.agent-distribution .inner .agent-distribution-list .acquirer .graph-name {
    margin-bottom: 18px;
}

@media screen and (max-width: 1025px) {
    .agent-distribution .inner {
        padding: 93px 10px 42px;
    }
    .agent-distribution .inner .agent-distribution-list li:not(:last-child) {
        margin-bottom: 40px;
    }
    .agent-distribution .inner .agent-distribution-list li .graph-name {
        text-align: center;
    }
    .agent-distribution .inner .agent-distribution-list .year,
    .agent-distribution .inner .agent-distribution-list .age,
    .agent-distribution .inner .agent-distribution-list .acquirer {
        width: 50%;
        margin: 0 auto;
    }
    .agent-distribution .inner .agent-distribution-list .age .img-box {
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .agent-distribution .inner {
        padding: 12.5% 3.75%;
    }
    .agent-distribution .inner .ttl-box .lead-txt {
        text-align: left;
    }
    /* .agent-distribution .inner .agent-distribution-list li {
        width: 100%;
    } */
    .agent-distribution .inner .agent-distribution-list li:not(:last-child) {
        margin-bottom: 5.95%;
    }
    .agent-distribution .inner .agent-distribution-list li .graph-name {
        margin-bottom: 5.406%;
        font-size: 5vw;
    }
    .agent-distribution .inner .agent-distribution-list .year {
        width: 100%;
    }
    .agent-distribution .inner .agent-distribution-list .year .img-box {
        width: 84.325%;
        margin-left: auto;
    }
    .agent-distribution .inner .agent-distribution-list .age {
        width: 100%;
    }
    .agent-distribution .inner .agent-distribution-list .age .img-box {
        width: 84.326%;
        margin: 0 auto;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer {
        width: 100%;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer .graph-name {
        margin-bottom: 4.325%;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer .note {
        width: 86.76%;
        margin: 0 auto 2.164%;
        font-size: 3.375vw;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer .certification-list {
        width: 86.76%;
        margin: 0 auto;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer .certification-list dt,
    .agent-distribution .inner .agent-distribution-list .acquirer .certification-list dd {
        font-size: 3.625vw;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer .certification-list dt {
        padding-left: 5.92%;
    }
    .agent-distribution .inner .agent-distribution-list .acquirer .certification-list dd {
        padding-right: 4.673%;
    }
}


/* agent-example */

.agent-example {
    background: #f2f2f2;
}

.agent-example .inner {
    padding: 105px 10px 110px;
}

.agent-example .inner .ttl-box {
    margin-bottom: 51px;
}

.agent-example .inner .ttl-box .lead-txt {
    text-align: center;
}

.agent-example .inner .agent-example-list {
    margin-bottom: 49px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agent-example .inner .agent-example-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 49px;
    justify-content: space-between;
}

.agent-example .inner .agent-example-list li {
    width: 30.49%;
    position: relative;
    background-color: #fff;
}

.agent-example .inner .agent-example-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 77px 0 23px;
}

.agent-example .inner .agent-example-list li a h4 {
    font-size: 20px;
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.agent-example .inner .agent-example-list .item-1,
.agent-example .inner .agent-example-list .item-2 {
    width: 48%;
    background: #fff;
    position: relative;
    font-size: 2.0rem;
}

.agent-example .inner .agent-example-list .item-box {
    width: 48%;
    background: #fff;
    position: relative;
    font-size: 2.0rem;
}

.agent-example .inner .agent-example-list .item-box h4 {
    /* font-size: 30px; */
    font-size: 4.8rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.agent-example .inner .agent-example-list .item-box .item-box-title {
    /* font-size: 30px; */
    font-size: 2.4rem;
    color: #fff;
    background: #003765;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.agent-example .inner .agent-example-list .item-box .item-list li {
    margin: 10px 22px;
    padding: 22px 10px;
    border: solid 1px #005eae;
    border-radius: 2px;
}

.agent-example .inner .agent-example-list .item-box .item-list li .label {
    background: #005eae;
    color: #FFF;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 20px;
    width: max-content;
}

.agent-example .inner .agent-example-list .item-box .item-list li h5 {
    font-size: 2.0rem;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
    /* text-align: center; */
    line-height: 1.5;
}

.agent-example .inner .agent-example-list li:not(:nth-last-child(-n+3)) {
    margin-bottom: 30px;
}

.agent-example .inner .agent-example-list li .label {
    height: 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 22px;
    position: absolute;
    left: 0;
    top: 25px;
    background: #003765;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
}

.agent-example .inner .btn-box {
    width: 30.469%;
    min-width: 280px;
    margin: 0 auto;
}

.agent-example .inner .btn-box .btn {
    height: 60px;
    background: #005eae;
}

@media screen and (max-width: 1025px) {
    .agent-example .inner {
        padding: 35px 10px 50px;
    }
    .agent-example .inner .agent-example-list li a h4 {
        padding: 0 4px;
        text-align: left;
    }
    .agent-example .inner .agent-example-list li a h4 br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .agent-example .inner {
        padding: 12.5% 3.75%;
    }
    .agent-example .inner .ttl-box {
        margin-bottom: 9.19%;
    }
    .agent-example .inner .ttl-box .lead-txt {
        text-align: left;
    }
    .agent-example .inner .example-items .item-box h4 {
        font-size: 4rem;
        margin: 25px 0 10px;
    }
    .agent-example .inner .agent-example-list {
        margin-bottom: 8.109%;
    }
    .agent-example .inner .agent-example-list li {
        width: 100%;
    }
    .agent-example .inner .agent-example-list li:nth-last-child(-n+6) {
        display: none;
    }
    .agent-example .inner .agent-example-list li:not(:nth-last-child(-n+3)) {
        margin-bottom: 5.406%;
    }
    .agent-example .inner .agent-example-list li:nth-child(3) {
        margin-bottom: 0;
    }
    .agent-example .inner .agent-example-list li .label {
        height: auto;
        padding: 1.622% 3.784%;
        font-size: 3.75vw;
        top: 7.5%;
    }
    .agent-example .inner .agent-example-list li a {
        padding: 11.623% 0 4.595%;
    }
    .agent-example .inner .agent-example-list li a h4 {
        padding: 0;
        font-size: 5vw;
        line-height: 1.25;
        text-align: center;
    }
    .agent-example .inner .agent-example-list li a h4 br {
        display: block;
    }
    .agent-example .inner .btn-box {
        width: 64.866%;
        min-width: 0;
    }
    .agent-example .inner .btn-box .btn {
        height: 45px;
        font-size: 3.5vw;
    }
    .agent-example .inner .agent-example-list .item-box {
        width: 100%;
    }
    .agent-example .inner .agent-example-list .item-box .item-list li {
        margin: 35px 0;
    }
}


/* CASE STUDY
----------------------------------------- */


/* case-study */

.case-study .inner {
    padding: 94px 10px 60px;
}

.case-study .inner>.ttl-box {
    margin-bottom: 84px;
}

.case-study .inner>.ttl-box .lead-txt {
    text-align: center;
}

.case-study .inner .entry-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.case-study .inner .entry-list li {
    width: 48.438%;
    margin-bottom: 50px;
    padding: 100px 3.126% 32px;
    background: #f7f7f7;
    position: relative;
}

.case-study .inner .entry-list li>a {
    padding-bottom: 8px;
    position: absolute;
    right: 40px;
    top: 46px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #005eae;
    border-bottom: 1px solid #005eae;
}

.case-study .inner .entry-list li>a::after {
    content: "＞";
    margin-left: 14px;
    font-size: 9px;
    font-size: 0.9rem;
}

.case-study .inner .entry-list li .ttl-box {
    margin-bottom: 22px;
}

.case-study .inner .entry-list li .ttl-box h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.385;
}

.case-study .inner .label {
    height: 40px;
    padding: 0 19px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    left: 0;
    top: 37px;
    background: #005eae;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
}

.case-study .inner .item-list div {
    display: flex;
    flex-wrap: wrap;
}

.case-study .inner .item-list div:not(:last-child) dt,
.case-study .inner .item-list div:not(:last-child) dd {
    border-bottom: 1px solid #f7f7f7;
}

.case-study .inner .item-list div dt,
.case-study .inner .item-list div dd {
    padding: 16px 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    font-size: 1.8rem;
    background: #fff;
    line-height: 1.55;
}

.case-study .inner .item-list div dt {
    width: 30%;
    border-right: 1px solid #f7f7f7;
    justify-content: center;
}

.case-study .inner .item-list div dd {
    width: 70%;
}

@media screen and (max-width: 1025px) {
    .case-study .inner>.ttl-box .sec-ttl .sp-only:first-child {
        display: block;
    }
    .case-study .inner .item-list div dt,
    .case-study .inner .item-list div dd {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 767px) {
    .case-study .inner {
        padding: 10% 3.75%;
    }
    .case-study .inner>.ttl-box {
        margin-bottom: 10%;
    }
    .case-study .inner>.ttl-box .lead-txt {
        text-align: left;
    }
    .case-study .inner .entry-list li {
        width: 100%;
        padding: 18% 3% 3%;
        margin-bottom: 5%;
    }
    .case-study .inner .entry-list li:last-child {
        margin-bottom: 0;
    }
    .case-study .inner .entry-list li>a {
        padding-bottom: 2%;
        font-size: 3.5vw;
        right: 5%;
        top: 6%;
    }
    .case-study .inner .entry-list li .ttl-box {
        margin-bottom: 5%;
    }
    .case-study .inner .entry-list li .ttl-box h3 {
        font-size: 4.5vw;
    }
    .case-study .inner .label {
        height: auto;
        padding: 2%;
        font-size: 3.5vw;
        top: 5%;
    }
    .case-study .inner .item-list div dt,
    .case-study .inner .item-list div dd {
        font-size: 3.5vw;
    }
    .case-study .inner .item-list div dt {
        padding: 4.1% 2%;
    }
    .case-study .inner .item-list div dd {
        padding: 4.1% 4%;
    }
}


/* detail */

.case-study .inner .entry-head {
    margin-bottom: 50px;
    padding: 36px 49px 33px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    background: #f7f7f7;
}

.case-study .inner .entry-head .ttl-box {
    width: 51%;
    padding-top: 65px;
}

.case-study .inner .entry-head .ttl-box .entry-ttl {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.46;
    font-weight: bold;
}

.case-study .inner .entry-head .item-box {
    width: 45.341%;
}

.case-study .inner .entry-body {
    margin-bottom: 103px;
}

.case-study .inner .entry-body p {
    margin-bottom: 58px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
}

.case-study .inner .entry-foot .comment-box {
    margin-bottom: 70px;
    padding: 67px 0 29px;
    border-top: 2px solid #003765;
    border-bottom: 2px solid #003765;
    position: relative;
}

.case-study .inner .entry-foot .comment-box .ttl-box {
    width: 414px;
    height: 60px;
    background: #003765;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: -30px;
}

.case-study .inner .entry-foot .comment-box .ttl-box h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.14;
    color: #fff;
}

.case-study .inner .entry-foot .comment-box .contents-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.case-study .inner .entry-foot .comment-box .contents-box .img-box {
    width: 28%;
    min-width: 300px;
}

.case-study .inner .entry-foot .comment-box .contents-box .img-box img {
    width: 66.97%;
    display: block;
    margin: 0 auto;
}

.case-study .inner .entry-foot .comment-box .contents-box .txt-box {
    width: 72%;
}

.case-study .inner .entry-foot .comment-box .contents-box .txt-box p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
}

.case-study .inner .entry-foot .btn-box {
    width: 32.344%;
    min-width: 300px;
    margin: 0 auto;
}

.case-study .inner .entry-foot .btn-box .btn {
    height: 77px;
    background: #003765;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .case-study .inner .entry-head {
        margin-bottom: 10%;
        padding: 14% 3% 3%;
    }
    .case-study .inner .entry-head .ttl-box {
        width: 100%;
        padding-top: 0;
        margin-bottom: 5%;
    }
    .case-study .inner .entry-head .ttl-box .entry-ttl {
        font-size: 4.5vw;
    }
    .case-study .inner .entry-head .item-box {
        width: 100%;
    }
    .case-study .inner .entry-body {
        margin-bottom: 10%;
    }
    .case-study .inner .entry-body p {
        margin-bottom: 10%;
        font-size: 3.5vw;
    }
    .case-study .inner .entry-foot .comment-box {
        margin-bottom: 10%;
        padding: 0 3% 3%;
        border-top: none;
    }
    .case-study .inner .entry-foot .comment-box .ttl-box {
        width: 100%;
        height: auto;
        margin-bottom: 5%;
        padding: 2% 0;
        position: static;
    }
    .case-study .inner .entry-foot .comment-box .ttl-box h3 {
        font-size: 4.5vw;
        text-align: center;
    }
    .case-study .inner .entry-foot .comment-box .contents-box {
        flex-wrap: wrap;
    }
    .case-study .inner .entry-foot .comment-box .contents-box .img-box {
        width: 50%;
        margin: 0 auto 3%;
        padding: 0;
        min-width: 0;
    }
    .case-study .inner .entry-foot .comment-box .contents-box .img-box img {
        width: 100%;
    }
    .case-study .inner .entry-foot .comment-box .contents-box .txt-box {
        width: 100%;
    }
    .case-study .inner .entry-foot .comment-box .contents-box .txt-box p {
        font-size: 3.5vw;
    }
    .case-study .inner .entry-foot .btn-box {
        width: 64.866%;
        min-width: 0;
    }
    .case-study .inner .entry-foot .btn-box .btn {
        height: 45px;
        font-size: 3.5vw;
    }
}


/* COMMON - REPORT / RECRUIT GUIDE
----------------------------------------- */


/* common-list */

.common-list .inner {
    padding: 93px 10px 100px;
    max-width: 860px;
}

.common-list .inner .entry-list {
    width: 100%;
    margin-bottom: 58px;
}

.common-list .inner .entry-list>li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.66;
    font-size: 15px;
    font-size: 1.5rem;
}

.common-list .inner .entry-list>li:not(:last-child) {
    margin-bottom: 31px;
}

.common-list .inner .entry-list>li .entry-date {
    width: 12.382%;
}

.common-list .inner .entry-list>li .entry-cat {
    width: 24.764%;
}

.common-list .inner .entry-list>li .entry-cat li a {
    color: #005eae;
}

.common-list .inner .entry-list>li .entry-ttl {
    width: 62.854%;
}

.common-list .inner .entry-list>li .entry-ttl a {
    color: #005eae;
}

.common-list .inner .pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.common-list .inner .pager li {
    width: 35px;
    height: 35px;
    margin: 0 8px;
    border: 1px solid #000;
}

.common-list .inner .pager li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 15px;
    font-size: 1.5rem;
}

.common-list .inner .pager .current {
    background: #005eae;
}

.common-list .inner .pager .current a {
    color: #fff;
}

.common-list .inner .pager .prev,
.common-list .inner .pager .next {
    margin: 0;
    border: none;
}

.common-list .inner .pager .prev a,
.common-list .inner .pager .next a {
    color: #005eae;
}

.common-list .inner .pagination {
    margin-bottom: 30px;
}

.common-list .inner .pagination::after {
    content: '';
    clear: both;
    display: block;
}

.common-list .inner .pagination p.number {
    /* float: left; */
    margin-top: 5px;
}

.common-list .inner  .pagination p.number span {
    font-size: 24px;
    margin: 0 6px;
}

.common-list .inner  .pagination ul {
    text-align: center;
}

.common-list .inner .pagination ul li {
    font-size:16px;
    display: inline-block;
}

.common-list .inner .pagination ul li a.current_page,
.common-list .inner .pagination ul li span.current_page {
    background-color: #f5f5f5;
}

.common-list .inner .pagination ul li a,
.common-list .inner .pagination ul li span {
    padding: 0.5em;
    display: block;
    box-sizing: border-box;
    min-width: 2.5em;
    border: 1px solid #ccc;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .common-list .inner {
        padding: 10% 3.75%;
    }
    .common-list .inner .entry-list {
        margin-bottom: 10%;
    }
    .common-list .inner .entry-list>li {
        font-size: 3.75vw;
    }
    .common-list .inner .entry-list>li:not(:last-child) {
        margin-bottom: 10%;
    }
    .common-list .inner .entry-list>li .entry-date {
        width: 100%;
    }
    .common-list .inner .entry-list>li .entry-cat {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .common-list .inner .entry-list>li .entry-cat li:not(:last-child) {
        margin-right: 2%;
    }
    .common-list .inner .entry-list>li .entry-ttl {
        width: 100%;
    }
    .common-list .inner .pager li {
        width: 30px;
        height: 30px;
    }
    .common-list .inner .pagination ul li {
        font-size:14px;
        display: inline-block;
        margin-top: 7px;
    }
}


/* common-detail */

.common-detail .inner {
    max-width: 860px;
    padding: 64px 10px 31px;
}

.common-detail .inner .entry-head {
    margin-bottom: 50px;
}

.common-detail .inner .entry-head .entry-info {
    margin-bottom: 35px;
}

.common-detail .inner .entry-head .entry-info .layout-box {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}

.common-detail .inner .entry-head .entry-info .layout-box .entry-date {
    margin-right: 46px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.0em;
}

.common-detail .inner .entry-head .entry-info .layout-box .entry-date img {
    display: inline-block;
    width: auto;
    height: 16px;
    margin-right: 2px;
    vertical-align: top;
}

.common-detail .inner .entry-head .entry-info .layout-box .entry-cat {
    display: flex;
    flex-wrap: wrap;
}

.common-detail .inner .entry-head .entry-info .layout-box .entry-cat li:not(:last-child) {
    margin-right: 10px;
}

.common-detail .inner .entry-head .entry-info .layout-box .entry-cat li a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #005eae;
}

.common-detail .inner .entry-head .entry-info .entry-ttl {
    margin-bottom: 31px;
    padding-bottom: 19px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 1px solid #000;
}

.common-detail .inner .entry-head .entry-info .entry-lead {
    margin-bottom: 35px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.74;
}

.common-detail .inner .entry-head .entry-info .pdf {
    text-align: right;
}

.common-detail .inner .entry-head .entry-info .pdf a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #005eae;
}

.common-detail .inner .entry-head .entry-info .pdf a::before {
    content: "";
    width: 26px;
    height: 29px;
    margin-right: 12px;
    display: inline-block;
    background: url(/corporate/images/common/common-common-detail-ico01.png) 0 0 no-repeat;
    background-size: cover;
    vertical-align: bottom;
}

.common-detail .inner .entry-body .entry-index {
    border: solid 2px #e8f2fd;
    border-radius: 4px;
    margin: 24px 0;
}
.common-detail .inner .entry-body .entry-index p {
    color: #005eae;
    font-size: 20px;
    line-height: 32px;
    background: #e8f2fd;
    margin: 0;
    padding: 8px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.common-detail .inner .entry-body .entry-index p:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 30px;
    height: 30px;
    background: url("https://icongr.am/fontawesome/list-ul.svg?size=20&color=005eae") no-repeat center center / 20px auto;
}
.common-detail .inner .entry-body .entry-index p::after {
    content: "[ 開く ]";
    font-size: 14px;
    display: inline-block;
    margin-left: 8px;
}
.common-detail .inner .entry-body .entry-index p.open::after {
    content: "[ 閉じる ]";
}
.common-detail .inner .entry-body .entry-index ul {
    padding: 16px 24px;
    margin: 0;
    display: none;
}
.common-detail .inner .entry-body .entry-index ul li {
    list-style: none;
    margin: 16px 0;
    text-indent: 0;
    padding-left: 0;
}
.common-detail .inner .entry-body .entry-index ul li::before {
    content: none;
}
.common-detail .inner .entry-body .entry-index ul li a {
    color: #003765;
    line-height: 1.3em;
    position: relative;
    padding-left: 20px;
    display: block;
}
.common-detail .inner .entry-body .entry-index ul li a::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: solid 3px #005eae;
    border-right: solid 3px #005eae;
    transform: rotate(45deg);
    margin-right: 8px;
    margin-bottom: 2px;
    position: absolute;
    top: 7px;
    left: 0;
}
.common-detail .inner .entry-body .entry-index .index-list li.h4title {
    padding-left: 24px;
    text-indent: 0;
}
.common-detail .inner .entry-body .entry-index .index-list li.h4title a::before {
    content: "┗";
    color: #dddddd;
    border: none;
    width: auto;
    height: auto;
    transform: rotate(0deg);
    top: 1px;
}
.common-detail .inner .entry-body .entry-index .index-list li.h5title {
    padding-left: 48px;
    text-indent: 0;
}
.common-detail .inner .entry-body .entry-index .index-list li.h5title a::before {
    content: "┗";
    color: #dddddd;
    border: none;
    width: auto;
    height: auto;
    transform: rotate(0deg);
    top: 1px;
}
/*
.common-detail .inner .entry-head .entry-index>p {
    margin-bottom: 13px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #003765;
}

.common-detail .inner .entry-head .entry-index .index-list {
    padding-left: 28px;
}
.common-detail .inner .entry-head .entry-index .index-list li.h4title {
    padding-left: 16px;
}
.common-detail .inner .entry-head .entry-index .index-list li.h4title::before {
    content: "┗";
    color: #dddddd;
}
.common-detail .inner .entry-head .entry-index .index-list li.h5title {
    padding-left: 32px;
}
.common-detail .inner .entry-head .entry-index .index-list li.h5title::before {
    content: "┗";
    color: #dddddd;
}
.common-detail .inner .entry-head .entry-index .index-list li a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #005eae;
}
*/
.common-detail .inner .entry-body {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.74;
}

.common-detail .inner .entry-body h2 {
    margin: 0 auto 42px;
    padding-bottom: 17px;
    display: table;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #003765;
    line-height: 1.15;
    border-bottom: 3px solid #003765;
}

.common-detail .inner .entry-body h3 {
    margin-bottom: 14px;
    padding-left: 40px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #003765;
    line-height: 1.2;
    position: relative;
}

.common-detail .inner .entry-body h3::before {
    content: "";
    width: 25px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 14px;
    background: #003765;
}

.common-detail .inner .entry-body h4 {
    margin-bottom: 12px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: bold;
}

.common-detail .inner .entry-body p {
    margin-bottom: 39px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.74;
}

.common-detail .inner .entry-body p b ,
.common-detail .inner .entry-body p strong {
    font-weight: bold;
}

.common-detail .inner .entry-body p a {
    color: #005eae;
    border-bottom: 1px solid #005eae;
}

.common-detail .inner .entry-body>strong {
    display: table;
    margin: 0 auto 13px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #a51d1f;
    text-align: center;
    line-height: 1.6;
}

.common-detail .inner .entry-body strong.small {
    margin-bottom: 35px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #000;
}

.common-detail .inner .entry-body>a {
    width: 390px;
    height: 60px;
    margin: 0 auto 98px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    position: relative;
    background: #005eae;
}

@media screen and (max-width: 767px) {
    .common-detail .inner .entry-body>a {
        font-size: 3.75vw;
    }
}

.common-detail .inner .entry-body>a::after {
    content: "＞";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 10px;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .common-detail .inner .entry-body>a::after {
        right: 10px;
    }
}

.common-detail .inner .entry-body ul {
    margin-bottom: 26px;
}

.common-detail .inner .entry-body ul li {
    padding-left: 21px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.74;
    text-indent: -21px;
}

.common-detail .inner .entry-body ul li::before {
    content: "●";
    margin-right: 6px;
    color: #003765;
}

.common-detail .inner .entry-body ol {
    margin-bottom: 26px;
    counter-reset: ctr;
}

.common-detail .inner .entry-body ol li {
    padding-left: 28px;
    font-size: 15px;
    font-size: 1.5rem;
    text-indent: -28px;
    line-height: 1.74;
}

.common-detail .inner .entry-body ol li::before {
    content: "(" counter(ctr) ")";
    margin-right: 9px;
    font-size: 15px;
    font-size: 1.5rem;
    counter-increment: ctr 1;
}

.common-detail .inner .entry-body figure {
    margin-bottom: 53px;
}

.common-detail .inner .entry-body figure img {
    max-width: 100%;
    margin: 0 auto 14px;
    display: block;
}

.common-detail .inner .entry-body figcaption {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.72;
}

.common-detail .inner .entry-body>figure {
    display: table;
    max-width: 100%;
    margin: 0 auto 53px;
}

.common-detail .inner .entry-body>figure figcaption {
    display: table-caption;
    caption-side: bottom;
}

.common-detail .inner .entry-body .img-col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.common-detail .inner .entry-body .img-col2 figure {
    width: 47.62%;
}

.common-detail .inner .entry-body .img-col2 figure img {
    width: auto;
}

.common-detail .inner .entry-body .img-col3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.common-detail .inner .entry-body .img-col3 figure {
    width: 30.954%;
}

.common-detail .inner .entry-body .img-col3 figure img {
    width: auto;
}

.common-detail .inner .entry-body table {
    width: 100%;
    table-layout: fixed;
}

.common-detail .inner .entry-body table tbody {
    width: 100%;
    display: table;
}

.common-detail .inner .entry-body table th,
.common-detail .inner .entry-body table td {
    padding: 18px 6px 18px 22px;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    border: 1px solid #ccc;
    line-height: 1.4;
    text-align: left;
}

.common-detail .inner .entry-body table th {
    width: 132px;
    background: #003765;
    font-weight: bold;
    color: #fff;
}

.common-detail .inner .entry-body .table-type1 {
    width: 455px;
    margin: 0 auto 69px;
}

.common-detail .inner .entry-body .table-type2 {
    width: 100%;
    margin: 0 auto 69px;
}

.common-detail .inner .entry-body .table-type2 th,
.common-detail .inner .entry-body .table-type2 td {
    padding: 2.2% 1% 2.2% 2.63%;
}

.common-detail .inner .entry-body .table-type2 th {
    width: 15.47%;
}

.common-detail .inner .entry-body .table-type2 td:nth-child(2),
.common-detail .inner .entry-body .table-type2 td:nth-child(3) {
    width: 20.71%;
}

.common-detail .inner .entry-body .table-type2 td:nth-child(4) {
    width: 43.45%;
}

.common-detail .inner .entry-body .advisor_comment {
    display: flex;
    align-items: flex-start;
    margin: 30px 0;
}
.common-detail .inner .entry-body .advisor_comment p,
.common-detail .inner .entry-body .advisor_introduction p {
    margin-bottom: 0;
}
.common-detail .inner .entry-body .advisor_comment .advisor {
    margin-right: 30px;
}
.common-detail .inner .entry-body .advisor_comment .advisor img {
    border-radius: 50vw;
    border: solid 1px #e5ecf3;
    width: 140px;
    margin-bottom: 5px;
}
.common-detail .inner .entry-body .advisor_comment .advisor p {
    font-size: 10px;
    color: #666;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.5em;
}
.common-detail .inner .entry-body .advisor_comment .advisor p span {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}
.common-detail .inner .entry-body .advisor_comment .comment {
    position: relative;
    display: inline-block;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #d3e3f2;
    background: #f9fafb;
    font-size: 14px;
}
.common-detail .inner .entry-body .advisor_comment .comment:before {
    content: "";
    position: absolute;
    top: 80px;
    left: -20px;
    margin-top: -10px;
    border: 8px solid transparent;
    border-right: 12px solid #f9fafb;
    z-index: 2;
}
.common-detail .inner .entry-body .advisor_comment .comment:after {
    content: "";
    position: absolute;
    top: 80px;
    left: -25px;
    margin-top: -12px;
    border: 10px solid transparent;
    border-right: 15px solid #d3e3f2;
    z-index: 1;
}
.common-detail .inner .entry-body .advisor_comment .comment h5 {
    font-size: 16px;
    font-weight: bold;
    color: #005eae;
    margin-bottom: 5px;
}

.common-detail .inner .entry-body .advisor_introduction {
    display: flex;
    background: #f2f5f8;
    border-radius: 3px;
    padding: 20px 40px;
    align-items: center;
    margin: 20px 0;
}
.common-detail .inner .entry-body .advisor_introduction .advisor img {
    border-radius: 50vw;
    border: solid 1px #e5ecf3;
    width: 120px;
    margin-right: 20px;
}
.common-detail .inner .entry-body .advisor_introduction .comment h5 {
    font-weight: bold;
    font-size: 15px;
    border-bottom: solid 3px #d3e3f2;
    margin-bottom: 10px;
    display: inline-block;
}
.common-detail .inner .entry-body .advisor_introduction .comment p {
    font-size: 14px;
    color: #666;
}

@media screen and (max-width: 767px) {
    .common-detail .inner {
        padding: 10% 3.75%;
    }
    .common-detail .inner .entry-head {
        margin-bottom: 10%;
    }
    .common-detail .inner .entry-head .entry-info {
        margin-bottom: 10%;
    }
    .common-detail .inner .entry-head .entry-info .layout-box {
        margin-bottom: 2%;
    }
    .common-detail .inner .entry-head .entry-info .layout-box .entry-date {
        width: 100%;
        margin: 0;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-head .entry-info .layout-box .entry-cat {
        width: 100%;
    }
    .common-detail .inner .entry-head .entry-info .layout-box .entry-cat li:not(:last-child) {
        margin-right: 2%;
    }
    .common-detail .inner .entry-head .entry-info .layout-box .entry-cat li a {
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-head .entry-info .entry-ttl {
        margin-bottom: 5%;
        padding-bottom: 2%;
        font-size: 2rem;
    }
    .common-detail .inner .entry-head .entry-info .entry-lead {
        margin-bottom: 10%;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-head .entry-info .pdf {
        margin-bottom: 10%;
    }
    .common-detail .inner .entry-head .entry-info .pdf a {
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-head .entry-info .pdf a::before {
        width: 18px;
        height: 20px;
        margin-right: 1%;
        vertical-align: sub;
    }
/*
    .common-detail .inner .entry-head .entry-index>p {
        margin-bottom: 2%;
        font-size: 4.5vw;
    }
    .common-detail .inner .entry-head .entry-index .index-list {
        padding-left: 2%;
    }
    .common-detail .inner .entry-head .entry-index .index-list li a {
        font-size: 3.75vw;
    }
*/
    .common-detail .inner .entry-body {
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-body h2 {
        margin-bottom: 6.22%;
        padding-bottom: 2.974%;
        font-size: 7.25vw;
        border-bottom: 2px solid #003765;
        line-height: 1.21;
        text-align: center;
    }
    .common-detail .inner .entry-body h3 {
        margin-bottom: 4%;
        padding-left: 30px;
        font-size: 6.5vw;
    }
    .common-detail .inner .entry-body h3::before {
        width: 20px;
        top: 50%;
    }
    .common-detail .inner .entry-body h4 {
        margin-bottom: 2%;
        font-size: 6vw;
    }
    .common-detail .inner .entry-body p {
        margin-bottom: 10%;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-body>strong {
        margin-bottom: 2%;
        font-size: 7.25vw;
        line-height: 1.4;
    }
    .common-detail .inner .entry-body strong.small {
        margin-bottom: 10%;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-body>a {
        width: 80%;
        height: 45px;
        margin-bottom: 12%;
    }
    .common-detail .inner .entry-body ul {
        margin-bottom: 4%;
    }
    .common-detail .inner .entry-body ul li {
        padding-left: 4.625vw;
        font-size: 3.75vw;
        text-indent: -4.625vw;
    }
    .common-detail .inner .entry-body ul li::before {
        margin-right: 1vw;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-body ol {
        margin-bottom: 4%;
    }
    .common-detail .inner .entry-body ol li {
        padding-left: 5.625vw;
        text-indent: -5.625vw;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-body ol li::before {
        margin-right: 1vw;
        font-size: 3.75vw;
    }
    .common-detail .inner .entry-body figure {
        margin-bottom: 12%;
    }
    .common-detail .inner .entry-body figure img {
        margin-bottom: 2%;
    }
    .common-detail .inner .entry-body figcaption {
        font-size: 3.5vw;
    }
    .common-detail .inner .entry-body>figure {
        margin-bottom: 12%;
    }
    .common-detail .inner .entry-body table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .common-detail .inner .entry-body table th,
    .common-detail .inner .entry-body table td {
        font-size: 4vw;
    }
    .common-detail .inner .entry-body .table-type1 {
        width: 100%;
        margin-bottom: 12%;
    }
    .common-detail .inner .entry-body .table-type1 th,
    .common-detail .inner .entry-body .table-type1 td {
        padding: 18px 22px;
    }
    .common-detail .inner .entry-body .table-type1 th {
        width: 15.47%;
    }
    .common-detail .inner .entry-body .table-type2 {
        margin-bottom: 12%;
    }
    .common-detail .inner .entry-body .table-type2 th,
    .common-detail .inner .entry-body .table-type2 td {
        padding: 18px 22px;
    }
    .common-detail .inner .entry-body .table-type2 td:nth-child(2),
    .common-detail .inner .entry-body .table-type2 td:nth-child(3),
    .common-detail .inner .entry-body .table-type2 td:nth-child(4) {
        width: auto;
    }
    .common-detail .inner .entry-body .advisor_comment {
        flex-wrap: wrap;
    }
    .common-detail .inner .entry-body .advisor_comment .advisor {
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        order: 2;
    }
    .common-detail .inner .entry-body .advisor_comment .advisor img {
        width: 90px;
        margin: 0 15px 0 0;
    }
    .common-detail .inner .entry-body .advisor_comment .advisor p {
        font-size: 12px;
        text-align: left;
    }
    .common-detail .inner .entry-body .advisor_comment .comment {
        padding: 10px 15px;
        width: 95%;
        margin: 0 auto 10px;
    }
    .common-detail .inner .entry-body .advisor_comment .comment:before {
        top: auto;
        bottom: -20px;
        left: 50%;
        margin-left: -10px;
        border: 8px solid transparent;
        border-top: 12px solid #f9fafb;
    }
    .common-detail .inner .entry-body .advisor_comment .comment:after {
        top: auto;
        bottom: -25px;
        left: 50%;
        margin-left: -12px;
        border: 10px solid transparent;
        border-top: 15px solid #d3e3f2;
    }
    .common-detail .inner .entry-body .advisor_comment .comment h5 {
        font-size: 15px;
    }
    .common-detail .inner .entry-body .advisor_introduction {
        padding: 10px 15px;
        align-items: flex-start;
    }
    .common-detail .inner .entry-body .advisor_introduction .advisor img {
        width: 80px;
        margin: 10px 10px 0 0;
    }
    .common-detail .inner .entry-body .advisor_introduction .comment h5 {
        font-size: 15px;
        border-bottom: solid 2px #d3e3f2;
        margin-bottom: 5px;
        line-height: 1.5em;
    }
    .common-detail .inner .entry-body .advisor_introduction .comment p {
        font-size: 12px;
        line-height: 1.6em;
    }
}


/* SITEMAP
----------------------------------------- */


/* sitemap */

.sitemap .inner {
    padding: 100px 10px;
}

.sitemap .inner .sitemap-list {
    width: 60%;
    margin: 0 auto;
}

.sitemap .inner .sitemap-list li {
    height: 70px;
    padding-left: 65px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #e1e1e1;
}

.sitemap .inner .sitemap-list li:last-child {
    border-bottom: 1px solid #e1e1e1;
}

.sitemap .inner .sitemap-list li a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #003765;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .sitemap .inner {
        padding: 10% 3.75%;
    }
    .sitemap .inner .sitemap-list {
        width: 100%;
    }
    .sitemap .inner .sitemap-list li {
        height: auto;
        padding: 0;
    }
    .sitemap .inner .sitemap-list li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 4% 0 4% 4%;
        font-size: 3.75vw;
    }
}

.fuwatto_btn_navy {
    display: inline-block;
    background-color: #000080;
    width: 75%;
    padding: 1em;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
    text-align: center;
}

.fuwatto_btn_navy:hover {
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
}

.omoji {
    font-size: 150%;
    font-weight: 800;
}

.botan1 {
    text-align: center;
    margin-top: 5%;
}

.common-detail .inner .entry-body .botan1 a.fuwatto_btn_navy {
    color: #FFF;
}

@media only screen and (max-width:480px) {
    .fuwatto_btn_navy {
        display: inline-block;
        background-color: #000080;
        color: #FFF;
        width: 90%;
        padding: 0.8em;
        text-decoration: none;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        -webkit-tap-highlight-color: transparent;
        transition: .3s ease-out;
        text-align: center;
    }
    .fuwatto_btn_navy:hover {
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
    }
    .omoji {
        font-size: 100%;
        font-weight: 800;
    }
    .komoji {
        font-size: 90%;
        font-weight: 500;
    }
    .botan1 {
        text-align: center;
        margin-top: 5%;
    }
}


/* FAQ
----------------------------------------- */

.faqPage {
    background-color: #f2f2f2;
}

.faqPage .inner {
    padding: 105px 10px 110px;
}

.faqPage .inner .ttl-box {
    margin-bottom: 63px;
}

.faqPage .inner .faq-list-box_outer {
    margin: 0 auto;
}

.faqPage .inner .faq-list-box {
    width: 100%;
    margin: 0 auto;
}

.faqPage .inner .faq-list .faq-list-title {
    font-size: 30px;
    color: #005eae;
    margin: 50px 0 15px;
}

.faqPage .inner .faq-list .faq-list-title span {
    font-size: 28px;
    font-weight: bold;
}

.faqPage .inner .faq-list li:not(:last-child) {
    margin-bottom: 26px;
}

.faqPage .inner .faq-list li .question-box {
    padding-bottom: 24px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #626262;
}

.faqPage .inner .faq-list li .question-box .question-txt {
    padding: 0 53px 0 61px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

.faqPage .inner .faq-list li .question-box .question-txt::before {
    content: "Q";
    width: 45px;
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #005eae;
    font-family: "Roboto Condensed", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    position: absolute;
    left: 0;
    top: auto;
}

.faqPage .inner .faq-list li .question-box .icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 17px;
    top: 0;
}

.faqPage .inner .faq-list li .question-box .icon span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #005eae;
    border-radius: 2px;
}

.faqPage .inner .faq-list li .question-box .icon span:nth-child(1) {
    top: 50%;
    transform: rotate(0deg);
}

.faqPage .inner .faq-list li .question-box .icon span:nth-child(2) {
    top: 50%;
    transform: rotate(90deg);
}

.faqPage .inner .faq-list li .question-box.active .icon span:nth-child(2) {
    opacity: 0;
}

.faqPage .inner .faq-list li .answer-txt {
    display: none;
    padding: 18px 0 11px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
}

.faqPage .inner .btn-box {
    width: 30.469%;
    min-width: 280px;
    margin: 0 auto;
    padding-top: 2rem;
}

.faqPage .inner .btn-box .btn {
    background: #005eae;
    height: 45px;
}

@media screen and (max-width: 767px) {
    .faqPage .inner {
        padding: 12.5% 3.75%;
    }
    .faqPage .inner .ttl-box {
        margin-bottom: 9.46%;
    }
    .faqPage .inner .faq-list {
        width: 100%;
    }
    .faqPage .inner .faq-list-box {
        width: 100%;
    }
    .faqPage .inner .faq-list-box .faq-list-title {
        font-size: 5.8vw;
        margin-top: 7.0rem;
    }
    .faqPage .inner .faq-list li:not(:last-child) {
        margin-bottom: 38px;
    }
    .faqPage .inner .faq-list li .question-box {
        padding-bottom: 2.2%;
    }
    .faqPage .inner .faq-list li .question-box .question-txt {
        padding: 0 8.12% 0 50px;
        font-size: 4.25vw;
        line-height: 1.25;
    }
    .faqPage .inner .faq-list li .question-box .question-txt::before {
        width: 30px;
        height: 30px;
        font-size: 5.25vw;
    }
    .faqPage .inner .faq-list li .question-box .icon {
        width: 16px;
        height: 16px;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    .faqPage .inner .faq-list li .answer-txt {
        padding: 5% 0 3%;
        font-size: 3.75vw;
    }
}


/* Profile
----------------------------------------- */


/* profile */

.profile {
    margin-top: 3%;
}

.profile-content table {
    min-width: 660px;
    max-width: 840px;
    margin: 0 auto;
    border-top: 1px solid #576279;
}

.profile-content table th,
.profile-content table td {
    border-bottom: 1px solid #576279;
    vertical-align: top;
    padding: 24px 0;
}

.profile-content table th {
    width: 32%;
    white-space: nowrap;
    padding-left: 70px;
    padding-right: 30px;
}

.profile-content table td {
    width: 68%;
}

.profile-content table td .button .map {
    background-color: #093264;
    border-radius: 3px;
    color: #fff;
    margin: 0 10px;
    padding: .6rem 1rem;
    text-decoration: none;
}


/* whitepaper */

.whitepaper .ttl-box .sec-ttl {
    margin-top: 3%;
}

.whitepaper .inner .item-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 10px;
    min-width: 500px;
    max-width: 840px;
}

.whitepaper .inner .item-lists .img-box {
    width: 32%;
}

.whitepaper .inner .item-lists .btn-box {
    margin: 50px 100px;
}

.whitepaper .inner .item-lists .btn-box .btn-area {
    margin-top: 18px;
}

.whitepaper .inner .item-lists .btn-box a {
    width: 100%;
    background-color: #005eae;
    padding: 1.25rem;
}


/* service-list */

.service-list .ttl-box .sec-ttl {
    margin-top: 3%;
}

.service-list .inner .item-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 10px;
    min-width: 600px;
    max-width: 900px;
}

.service-list .inner .item-lists .item-box {
    width: 42%;
}

.service-list .inner .item-lists .item-box .item-txt {
    font-size: 16px;
    margin: 1rem 0;
    text-align: center;
}

.service-list .inner .item-lists .item-box a {
    width: 85%;
    font-size: 18px;
    background-color: #005eae;
    padding: 2.25rem;
    margin: 0 auto;
}


/* link */

.link .ttl-box .sec-ttl {
    margin-top: 3%;
}

.link .inner .item-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 10px;
    min-width: 600px;
    max-width: 900px;
}

.link .inner .item-lists .btn-box {
    width: 33.333%;
    text-align: center;
}

.link .inner .item-lists .btn-box a {
    width: 280px;
    background-color: #005eae;
    padding: 2.25rem 2rem;
    border-radius: 10px;
}

.link .inner .item-lists .btn-box a i {
    margin-left: 10px;
}

@media screen and (max-width: 1200px) {
    .link .inner .item-lists .btn-box a {
        margin: 0 auto;
        width: 200px;
    }
}

@media screen and (max-width: 767px) {
    .profile-content table {
        min-width: 100px;
        max-width: 300px;
        margin: 0 auto;
        border-top: 1px solid #576279;
    }
    .profile-content table th,
    .profile-content table td {
        padding: 14px 0;
    }
    .profile-content table th {
        padding-left: 0px;
        border-bottom: 0px;
        text-align: initial;
        width: 100%;
        display: block;
        white-space: nowrap;
        font-size: 2.1rem;
    }
    .profile-content table td {
        width: 100%;
        display: block;
    }
    .whitepaper .inner .item-lists {
        min-width: 100px;
        max-width: 300px;
    }
    .whitepaper .inner .item-lists .img-box {
        width: 95%;
    }
    .whitepaper .inner .item-lists .btn-box {
        margin: 35px 20px;
    }
    .service-list .inner .item-lists {
        min-width: 100px;
        max-width: 300px;
    }
    .service-list .inner .item-lists .item-box {
        width: 95%;
        margin-top: 20px;
    }
    .service-list .inner .item-lists .item-box a {
        width: 100%;
    }
    .service-list .inner .item-lists .item-box .item-txt {
        font-size: 14px;
        margin: 1rem 0;
    }
    .link .inner .item-lists {
        min-width: 100px;
        max-width: 300px;
    }
    .link .inner .item-lists .btn-box {
        width: 95%;
    }
    .link .inner .item-lists .btn-box a {
        margin-top: 20px;
    }
}

ryokin{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
  }
  
  ryokin tr{
    border-bottom: solid 1px #eee;
    cursor: pointer;
  }
  
  ryokin tr:hover{
    background-color: #d4f0fd;
  }
  
  ryokin th,ryokin td{
    text-align: center;
    width: 25%;
    padding: 15px 0;
  }
  
  ryokin td.icon{
    background-size: 35px;
    background-position: left 5px center;
    background-repeat: no-repeat;
    padding-left: 30px;
  }
  
  ryokin td.icon.bird{
    background-image: url(icon-bird.png)
  }
  
  ryokin td.icon.whale{
    background-image: url(icon-whale.png)
  }
  
  ryokin td.icon.crab{
    background-image: url(icon-crab.png)
  }

/* ========================================================================================
WTC_DEV-7052
======================================================================================== */

/* ----------------------------------------------------------------------------------------
common
---------------------------------------------------------------------------------------- */
body{
    letter-spacing: 0.05em;
}
.pc{
    display: block;
}
.sp{
    display: none;
}
.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.inner_1000{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}
section[class*=_Wrap]{
    padding: 70px 0 ;
}
.sec_ttl{
    width: 90%;
    margin: 0 auto;
}
.sec_ttl h3{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.4;
    color: #333;
    text-align: center;
}
.sec_ttl span.en{
    display: block;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #7da9ce;
    text-align: center;
    margin-top: 10px;
}
.sec_ttl .txt{
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
    color: #333;
}
.txt{
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
.note{
    font-size: 12px;
    line-height: 1.2;
    color: #333;
    text-indent: -1em;
    padding-left: 1em;
}
a.arrow-Link{
    position: relative;
    display: block;
    width: 100%;
    background: #0060b2;
    padding: 25px 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
a.arrow-Link::after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(45deg);
}
.cta_Area{
    width: 100%;
    position: relative;
    background: url(../images/common/cta_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.cta_Area .cv_Btn{
    display: block;
    width: 90%;
    max-width: 500px;
    margin: 20px auto 0;
    background: #da0707;
    padding: 25px 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
}
.cta_Area .cv_Btn.blue{
    background: #0060b2;
}
.cta_Area > .flex{
    width: 90%;
    margin: 0 auto;
    justify-content: center;
}
.cta_Area > .flex > .cv_Btn{
    width: 48%;
    max-width: 400px;
    margin: 20px 0 0;
}
.cta_Area > .flex > .cv_Btn:nth-child(1){
    margin-right: 20px;
}
.cta_Area .txt{
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
}
span.blue{
    color: #0060b2;
}
span.blue-green{
    color: #007fa7;
}

/* ----------------------------------------------------------------------------------------
top
---------------------------------------------------------------------------------------- */
/* MS-Japanが選ばれる3つの理由 */
section.top-merit_Wrap{
    padding: 70px 0 0;
}
.top-anchr_Link{
    width: 90%;
    margin: 20px auto 0;
    padding: 0 0 70px;
    justify-content: space-between;
}
.top-anchr_Link a.link-item{
    position: relative;
    display: block;
    width: calc((100% / 3) - 2%);
    box-shadow: 0px 0px 10px #747474;
    border-radius: 5px;
    padding-top: 29.05%;
    height: 0;
}
.top-anchr_Link a.link-item::after{
    position: absolute;
    content: "";
    background: url(../images/top/merit-arrow.png) center center no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}
.top-anchr_Link a.link-item:nth-child(1){
    background: url(../images/top/merit_bg01.jpg) center center no-repeat;
    background-size: contain;
}
.top-anchr_Link a.link-item:nth-child(2){
    background: url(../images/top/merit_bg02.jpg) center center no-repeat;
    background-size: contain;
}
.top-anchr_Link a.link-item:nth-child(3){
    background: url(../images/top/merit_bg03.jpg) center center no-repeat;
    background-size: contain;
}
.top-anchr_Link a.link-item span.num{
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: "Oswald", sans-serif;
    font-weight: 200;
    font-size: 50px;
    color: #fff;
}
.top-anchr_Link a.link-item .txt{
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 24px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.anchr-item .anchr_ttl{
    font-size: 36px;
    font-weight: bold;
    color: #005ead;
    line-height: 1.3;
}
.anchr-item .anchr_ttl span{
    display: block;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 10px;
}
.anchr-item .sub_txt{
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-top: 20px;
}
.anchr-item .sub_txt strong{
    font-size: 200%;
    color: #0060b2;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
}
#anchr01,
#anchr03{
    background: url(../images/top/merit_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 70px 0;
    text-align: center;
}
#anchr03{
    text-align: left;
}
#anchr01 .service{
    width: 90%;
    max-width: 1000px;
    margin: 40px auto 0;
}
#anchr01 .service a{
    position: relative;
    display: block;
}
#anchr01 .service .flex{
    justify-content: space-between;
    margin-bottom: 20px;
}
#anchr01 .service .flex > a{
    width: 49%;
    border-radius: 5px;
    padding: 15px;
}
#anchr01 .service .flex > a .sub_txt{
    color: #fff;
    margin-top: 10px;
    line-height: 1;
}
#anchr01 .service .flex .agent-Link{
    background: #0060b2;
}
#anchr01 .service .flex .agent-Link .logo{
    width: 40%;
    margin: 0 auto;
}
#anchr01 .service .flex .drm-Link{
    background: #09b1e6;
}
#anchr01 .service .flex .drm-Link .logo{
    width: 33%;
    margin: 0 auto;
    padding-bottom: 10px;
}
#anchr01 .service .service2-Link{
    width: 100%;
    border: #0060b2 2px solid;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    color: #0060b2;
    font-size: 20px;
    font-weight: 500;
}
#anchr01 .service .service2-Link::after{
    border-color: #0060b2;
}
.anchr-item .anchr_Box{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 0;
    justify-content: space-between;
}
#anchr03.anchr-item .anchr_Box{
    padding: 0;
}
.anchr-item .anchr_Box .txt_Box,
.anchr-item .anchr_Box .illust_Box{
    width: 48%;
}
.anchr-item .anchr_Box .arrow-Link{
    display: block;
    background: #0060b2;
    margin-top: 40px;
    padding: 20px;
    border-radius: 5px;
    align-items: center;
}
.anchr-item .anchr_Box .arrow-Link .ic{
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    display: inline-block;
    width: 9%;
}
.anchr-item .anchr_Box .arrow-Link .txt{
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
}

/* ご利用企業様の声 */
section.top-voice_Wrap{
    padding: 70px 0 0;
}
.voice_flex > div{
    width: 50%;
    margin-top: 40px;
    padding: 45px;
}
.voice_flex > div h4{
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;    
}
.voice_flex > div h4 span.voice-logo{
    display: inline-block;
    width: 50%;
    padding-right: 10px;
    vertical-align: middle;
}
.voice_flex > .voice-agt{
    background: #0060b2;
}
.voice_flex > .voice-drm{
    background: #09b1e6;
}
.voice-List{
    margin-top: 40px;
}
.voice-List li{
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 15px 20px;
}
.voice-List li:nth-child(2n){
    flex-direction: row-reverse;
}
.voice-agt .voice-List li:nth-child(3n-2) img{
    background: url(../images/common/voice_ic01.png) center center no-repeat;
    background-size: contain;
}
.voice-agt .voice-List li:nth-child(3n-1) img{
    background: url(../images/common/voice_ic02.png) center center no-repeat;
    background-size: contain;
}
.voice-agt .voice-List li:nth-child(3n) img{
    background: url(../images/common/voice_ic03.png) center center no-repeat;
    background-size: contain;
}
.voice-drm .voice-List li:nth-child(3n-2) img{
    background: url(../images/common/voice_ic04.png) center center no-repeat;
    background-size: contain;
}
.voice-drm .voice-List li:nth-child(3n-1) img{
    background: url(../images/common/voice_ic05.png) center center no-repeat;
    background-size: contain;
}
.voice-drm .voice-List li:nth-child(3n) img{
    background: url(../images/common/voice_ic02.png) center center no-repeat;
    background-size: contain;
}
.voice-List li figure{
    width: 20%;
}
.voice-List li .txt_Box{
    width: 78%;
}
.voice-List li .txt_Box .tag{
    font-size: 16px;
    font-weight: 600;
    color: #0060b2;
    margin-bottom: 10px;
}
.voice-List li .txt_Box .txt{
    font-size: 16px;
    line-height: 1.3;
}
.voice_flex .voice-more{
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 30px;
    padding: 20px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.voice_flex > .voice-agt .voice-more{
    color: #0060b2;
}
.voice_flex > .voice-agt .voice-more::after{
    border-color: #0060b2;
}
.voice_flex > .voice-drm .voice-more{
    color: #09b1e6;
}
.voice_flex > .voice-drm .voice-more::after{
    border-color: #09b1e6;
}

/* よくあるご質問 */
.faq_flex{
    width: 90%;
    margin: 20px auto 0;
    justify-content: space-between;
}
.faq_flex > div{
    width: 49%;
}
.faq_flex > div h4{
    width: 50%;
    margin: 0 auto 10px;
    min-height: 80px;
}
.faq_flex .faq-drm h4{
    width: 40%;
}
/* .faq_flex .faq-agt h4 .svg .cls-1{
    fill: #0060b2;
}
.faq_flex .faq-drm h4 .svg .cls-1{
    fill: #09b1e6;
} */
.faq-List li{
    margin-bottom: 15px;
}
.faq-List .question-box{
    display: flex;
    position: relative;
    background: #0060b2;
    border-radius: 5px;
    border: 1px solid #0060b2;
    padding: 20px;
    color: #fff;
    font-size: 20px;
}
.faq-drm .faq-List .question-box{
    border-color: #09b1e6;
    background: #09b1e6;
}
.faq-List .question-box .icon{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.faq-List .question-box .icon span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: all .4s;
}
.faq-List .question-box .icon span:nth-child(1) {
    top: 50%;
    transform: rotate(0deg);
}
.faq-List .question-box .icon span:nth-child(2) {
    top: 50%;
    transform: rotate(90deg);
}
.faq-List .question-box.active{
    border-radius: 5px 5px 0 0;
}
.faq-List .question-box .question-txt{
    width: 96%;
    text-indent: -1.4em;
    padding-left: 1.4em;
}
.faq-List .question-box.active .icon span:nth-child(2) {
    transform: rotate(180deg);
}
.faq-List li:nth-child(1) .answer-txt{
    display: block;
}
.faq-List .answer-txt{
    display: none;
    border: #0060b2 1px solid;
    border-radius: 0 0 5px 5px;
    padding: 10px 20px 20px;
    background: #fff;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
.faq-List .answer-txt .arrow-Link{
    width: 60%;
    margin-top: 10px;
    padding: 10px 5px;
    font-size: 16px;
}
.faq-List .answer-txt .tel_Box{
    margin-top: 10px;
    justify-content: space-between;
}
.faq-List .answer-txt .tel_Box a{
    display: block;
    width: 24%;
    border: #0060b2 1px solid;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    pointer-events: none;
}
.faq-List .answer-txt .tel_Box a .place{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.faq-List .answer-txt .tel_Box a .number{
    display: block;
    color: #0060b2;
    font-size: 14px;
}
.faq-List .answer-txt .tel_Box a .number .tel-ic{
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    vertical-align: middle;
}
.faq-List .answer-txt .tel_Box a .number .tel-ic .svg .st0{
    fill: #0060b2;
}
.faq-List .answer-txt figure{
    margin-top: 10px;
}
.faq-drm .faq-List .answer-txt{
    border: #09b1e6 1px solid;
}
.faq-List .question-txt .q,
.faq-List .answer-txt .a{
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    font-size: 150%;
    padding-right: 5px;
    vertical-align: sub;
}
.faq-List .answer-txt .a{
    display: block;
    color: #0060b2;
    font-size: 200%;
}
.faq-drm .faq-List .answer-txt .a{
    color: #09b1e6;
}
.top-faq_Wrap .more_Btn{
    display: block;
    position: relative;
    width: 90%;
    max-width: 500px;
    margin: 70px auto;
}

/* 市場データ・コラム */
.data-column_Wrap .sec_ttl{
    width: 100%;
}
section.data-column_Wrap{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 0 ;
}
.data-column_Wrap .sec_ttl{
    margin-bottom: 30px;
}
.data-column_Wrap .sec_ttl h3,
.data-column_Wrap .sec_ttl span.en{
    text-align: left;
}
.data-column_Wrap .flex{
    justify-content: space-between;
    align-items: flex-end;
}
.data-column_Wrap .flex .entry-list{
    width: 50%;
}
.data-column_Wrap .flex .entry-list div{
    padding: 15px 5px;
    border-bottom: #e5e5e5 1px solid;
}
.data-column_Wrap .flex .entry-list div dt{
    font-size: 12px;
    margin-bottom: 10px;
    color: #333;
}
.data-column_Wrap .flex .entry-list div dd{
    font-size: 16px;
    color: #0060b2;
}
.data-column_Wrap .flex .btn_Box{
    width: 40%;
}
.data-column_Wrap .flex .btn_Box figure{
    width: 80%;
    margin: 0 auto;
}
.data-column_Wrap .flex .btn_Box .more_Btn{
    display: block;
    width: 100%;
    margin: 50px auto 0;
    padding: 15px;
    font-size: 16px;
}
.data-column-line{
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    border-top: #0060b2 1px solid;
}

/* ----------------------------------------------------------------------------------------
service
----------------------------------------------------------------------------------------*/
#Data-agt,#Data-drm{
    margin-top: -110px;
    padding-top: 110px;
}
/* fv */
.service-fv{
    position: relative;
    width: 100%;
    justify-content: space-between;
}
.service-fv .agt-fv{
    width: 50%;
    background: url(../images/agent/agt-fv_bg.jpg) right center no-repeat;
    background-size: cover;
    padding: 80px 0 50px;
}
.service-fv .drm-fv{
    width: 50%;
    background: url(../images/drm/drm-fv_bg.jpg) right center no-repeat;
    background-size: cover;
    padding: 80px 0 50px;
}
.service-fv .txt_Box{
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.service-fv div[class*=-fv]{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.service-fv .txt_Box h2{
    width: 60%;
    margin-bottom: 40px;
}
.service-fv .agt-fv .txt_Box h2{
    max-width: 365px;
}
.service-fv .drm-fv .txt_Box h2{
    max-width: 300px;
}
.service-fv .txt_Box > div{
    flex-grow: 1;
}
.service-fv .txt_Box .ttl{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.service-fv .txt_Box .txt{
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-top: 15px;
}
.service-fv .txt_Box .fv-Btn{
    background: #fff;
    max-width: 300px;
    border-radius: 5px;
    padding: 20px 5px;
    font-weight: bold;
    margin-top: 20px;
}
.service-fv .agt-fv .txt_Box .fv-Btn{
    color: #0060b2;
}
.service-fv .agt-fv .txt_Box .fv-Btn::after{
    border-color: #0060b2;
}
.service-fv .drm-fv .txt_Box .fv-Btn{
    color: #007fa7;
}
.service-fv .drm-fv .txt_Box .fv-Btn::after{
    border-color: #007fa7;
}
.service-fv .breadcrumb{
    position: absolute;
    width: 90%;
    max-width: 1300px;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
}
.service-fv .breadcrumb li {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
.service-fv .breadcrumb li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
.service-fv .breadcrumb li:not(:last-child) ::after {
    content: ">";
    margin: 0 2px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}

/* 2つのサービスから人材を探せます！ */
.service-table_Wrap .service-ttl{
    width: 90%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
    text-align: center;
}
.service-table_Wrap .service-ttl span{
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    margin-bottom: 10px;
}
.service-table_Wrap .service-ttl span.blue{
    background: #0060b2;
    margin-right: 10px;
}
.service-table_Wrap .service-ttl span.skyblue{
    background: #09b1e6;
}
.service-table_Wrap .service-ttl small{
    font-size: 50%;
    font-weight: 400;
    line-height: 1.2;
}
.service-table{
    width: 90%;
    max-width: 1000px;
    margin: 30px auto 0;
    color: #333;
}
.service-table tr{
    font-size: 16px;
    line-height: 1.4;
}
.service-table tr td{
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.service-table tr td:first-of-type{
    width: 25%;
}
.service-table tr td:not(:first-of-type){
    width: calc(75% / 2);
    border-left: 3px solid #fff;
}
.service-table tr:not(:first-child){
    border-top: #fff 3px solid;
}
.service-table tr:nth-child(even) td{
    background: #f2f2f2;
}
.service-table tr:nth-child(odd) td{
    background: #f9f9f9;
}
.service-table tr:nth-child(even) td.blue{
    background: #e9f3fb;
}
.service-table tr:nth-child(odd) td.blue{
    background: #f6fafe;
}
.service-table tr:nth-child(even) td.skyblue{
    background: #ddf3fa;
}
.service-table tr:nth-child(odd) td.skyblue{
    background: #f3fbfd;
}
.service-table tr:first-child td{
    background: none;
    padding: 0;
}
.service-table span.red{
    display: inline;
    color: #d31212;
    font-weight: bold;
}
.service-table tr td a{
    border-radius: 5px;
    padding: 15px 5px;
}
.service-table tr td a img{
    width: 50%;
    margin: 0 auto;
}
.service-table tr td .agt-link{
    margin-right: 5px;
}
.service-table tr td .drm-link{
    background: #09b1e6;
}
.service-table tr td ul li{
    position: relative;
    padding-left: 1em;
    text-align: left;
}
.service-table tr td ul li::before{
    position: absolute;
    content: "■";
    color: #0060b2;
    top: 0;
    left: 0;
    font-size: 16px;
}
.service-table tr td.skyblue ul li::before{
    color: #09b1e6;
}
.service-table tr td.blue strong{
    color: #03335c;
    font-weight: bold;
}
.service-table tr td.skyblue strong{
    color: #05526a;
    font-weight: bold;
}

/* ご紹介可能な特化領域 */
.jobarea_Wrap figure{
    width: 90%;
    max-width: 1000px;
    margin: 50px auto 0;
}

/* 登録者データ */
.touroku-data_Wrap{
    width: 100%;
    background: url(../images/service/service-data_bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.touroku-data_Wrap h3{
    color: #fff;
}
.touroku-data_Wrap .btn_flex{
    width: 90%;
    max-width: 780px;
    margin: 50px auto 0;
    justify-content: space-between;
}
.touroku-data_Wrap .btn_flex a{
    background: #fff;
    width: 49%;
    border-radius: 5px;
    padding: 15px 5px;
}
.touroku-data_Wrap .btn_flex a.agt{
    color: #0060b2;
}
.touroku-data_Wrap .btn_flex a.agt::after{
    border-color: #0060b2;
}
.touroku-data_Wrap .btn_flex a.drm{
    color: #09b1e6;
}
.touroku-data_Wrap .btn_flex a.drm::after{
    border-color: #09b1e6;
}
.touroku-data_Wrap .btn_flex a img{
    width: 50%;
    margin: 0 auto;
}
.touroku-data_Wrap .btn_flex a p{
    font-size: 16px;
    margin-top: 10px;
}

/* ----------------------------------------------------------------------------------------
agent,drm共通
----------------------------------------------------------------------------------------*/
.fv_Wrap{
    position: relative;
}
.fv_Wrap .fv-content{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.fv_Wrap .fv-content h2{
    width: 48%;
    max-width: 570px;
}
.fv_Wrap .fv-content .fv-txt{
    width: 48%;
    max-width: 527px;
}
.fv_Wrap .breadcrumb {
    position: absolute;
    width: 100%;
    max-width: 1300px;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%);
}
.fv_Wrap .breadcrumb li {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
.fv_Wrap .breadcrumb li:not(:last-child) ::after {
    content: ">";
    margin: 0 2px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
.fv_Wrap .breadcrumb li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
.fv_Wrap .fv-note{
    position: absolute;
    width: 100%;
    max-width: 1400px;
    padding: 0 10px;
    font-size: 10px;
    font-weight: 100;
    line-height: 1.4;
    color: #fff;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
#Agent .sec_ttl h3,
#Drm .sec_ttl h3,
#Service .sec_ttl h3{
    position: relative;
}
#Agent .sec_ttl h3::after,
#Drm .sec_ttl h3::after,
#Service .sec_ttl h3::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    background: #0060b2;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
}
#Drm .sec_ttl h3::after{
    background: #09b1e6;
}
#Agent .sec_ttl .txt,
#Drm .sec_ttl .txt{
    margin-top: 50px;
}

/* ----------------------------------------------------------------------------------------
agent
----------------------------------------------------------------------------------------*/
#Agent .fv_Wrap{
    position: relative;
    width: 100%;
    background: url(../images/agent/agt-fv_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 100px 0;
}

/* MS Agentを利用する3つのメリット */
section.merit_Wrap{
    padding: 70px 0;
    background: #eff6fe;
}
.merit_List{
    width: 90%;
    max-width: 1200px;
    margin: 50px auto 0;
    justify-content: space-between;
}
.merit_List li{
    width: calc((100% / 3) - 1%);
    display: flex;
    flex-direction: column;
}
.merit_List li figure{
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.merit_List li .txt_Area{
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    flex: 1;
}
.merit_List li .txt_Area h4{
    color: #0060b2;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
}
.merit_List li .txt_Area .txt{
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

/* 支援実績 */
section.result_Wrap{
    padding: 70px 0;
}
.result_Wrap .sec_ttl .txt{
    margin-top: 50px;
}
.result_Wrap .txt{
    text-align: center;
}
.strong-copy{
    width: 100%;
    text-align: center;
    background: #eff6fe;
    margin: 30px auto ;
    padding: 20px 5px;
    font-size: 30px;
    color: #333;
}
.strong-copy strong{
    color: #da0707;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    font-size: 200%;
    padding: 0 5px;
}
.result_img{
    margin-top: 20px;
    justify-content: space-between;
}
.result_img figure{
    width: calc((100% / 3) - 2%);
}
.result_Wrap .line{
    width: 90%;
    max-width: 1200px;
    margin: 70px auto ;
    background: #b5d0e7;
    height: 1px;
}
.results-data{
    margin-top: 40px;
    justify-content: space-between;
}
.results-data .graph{
    width: calc((100% / 3) - 2%);
}
.results-data .graph p{
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}
.results-data .graph:nth-child(2) figure{
    padding-top: 45px;
}
.graph .table dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border-bottom: #d1dbe4 1px solid;
    font-size: 12px;
    line-height: 1.2;
    color: #333;
}
.graph .table dl dt{
    width: 80%;
}
.graph .table dl dd{
    width: 18%;
    text-align: right;
}
.graph .table dl dd.gray{
    color: #8a8a8a;
}

/* ご利用企業様の声 */
section.voice_Wrap{
    background: #eff6fe;
    padding: 70px 0;
}
/* .voice_Wrap .voice-List{
    width: 90%;
    max-width: 1200px;
    margin: 40px auto 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.voice_Wrap .voice-List li{
    display: flex;
    width: calc((100% / 3) - 1%);
    padding: 0;
}
.voice_Wrap .voice-List li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
}
.voice_Wrap .voice-List li .txt_Box .tag{
    margin-bottom: 5px;
}
.voice_Wrap .voice-List li .txt_Box .tag{
    font-size: 14px;
}
.voice_Wrap .voice-List li:nth-child(2n){
    flex-direction: row;
}
.voice_Wrap .voice-List li figure{
    width: 15%;
    margin-right: 10px;
}
.voice_Wrap .voice-List li:nth-child(3n-2) img{
    background: url(../images/common/voice_ic01.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(3n-1) img{
    background: url(../images/common/voice_ic02.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(3n) img{
    background: url(../images/common/voice_ic03.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(1) img{
    background: url(../images/common/voice_ic01.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(2) img{
    background: url(../images/common/voice_ic02.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(3) img{
    background: url(../images/common/voice_ic03.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(4) img{
    background: url(../images/common/voice_ic04.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(5) img{
    background: url(../images/common/voice_ic05.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li:nth-child(6) img{
    background: url(../images/common/voice_ic06.png) center center no-repeat;
    background-size: contain;
}
.voice_Wrap .voice-List li .arrow{
    display: block;
    width: 8px;
    height: 8px;
    border-top: #80acc8 2px solid;
    border-right: #80acc8 2px solid;
    transform: rotate(45deg);
}
.voice_Wrap .voice-more{
    display: block;
    width: 90%;
    max-width: calc((100% / 3) - 1%);
    margin: 30px auto 0;
    padding: 20px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
} */
section.voice_Wrap .voice_slider.case-Box{
    width: 90%;
    max-width: 1400px;
    margin: 20px auto 0;
    max-width: 1200px;
    margin: 50px auto 0;
    justify-content: space-between;
}
section.voice_Wrap .voice_slider.case-Box .slick-track{
    display: flex;
}
section.voice_Wrap .voice_slider.case-Box .slick-slide{
    height: auto;
}
section.voice_Wrap .voice_slider.case-Box a.case-item{
    width: 100%;
    margin: 0 5px;
    padding: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
section.voice_Wrap .voice_slider.case-Box a.case-item h2{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 5px;
    flex-grow: 1;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-detail{
    margin-top: auto;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-detail .company-img{
    aspect-ratio: 3 / 2;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-detail .company-img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-data{
    flex-direction: column;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-name > .logo img{
    max-height: 50px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-name > p{
    font-size: 16px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-data > .data{
    width: 100%;
    margin-top: 10px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-data > .data dl{
    padding: 7px 5px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-data > .data dl dt{
    font-size: 13px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-data > .data dl dt span{
    width: 13px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item .company-data > .data dl dd{
    font-size: 12px;
}
section.voice_Wrap .voice_slider.case-Box a.case-item:hover{
    background: #eff6fe;
}
section.voice_Wrap a.arrow-Link{
    margin: 30px auto 0;
    width: 90%;
    max-width: 500px;
}
section.voice_Wrap .voice_slider.case-Box .slick-prev,
section.voice_Wrap .voice_slider.case-Box .slick-next{
    width: 50px;
    height: 50px;
    background: #025dad;
    border-radius: 50%;
    z-index: 1;
}
section.voice_Wrap .voice_slider.case-Box .slick-prev{
    left: -1%;
}
section.voice_Wrap .voice_slider.case-Box .slick-next{
    right: -1%;
}
section.voice_Wrap .voice_slider.case-Box .slick-prev::before,
section.voice_Wrap .voice_slider.case-Box .slick-prev::after,
section.voice_Wrap .voice_slider.case-Box .slick-next::before,
section.voice_Wrap .voice_slider.case-Box .slick-next::after{
    position: absolute;
    content: "";
    width: 15px;
    height: 2px;
    background: #fff;
    top: 50%;
    left: 45%;
    transform: translate(-50%,-50%);
    opacity: 1;
}
section.voice_Wrap .voice_slider.case-Box .slick-prev::before{
    top: 59%;
    transform: translateX(-50%) rotate(45deg);
}
section.voice_Wrap .voice_slider.case-Box .slick-prev::after{
    top: 40%;
    transform: translateX(-50%) rotate(-45deg);
}
section.voice_Wrap .voice_slider.case-Box .slick-next::before,
section.voice_Wrap .voice_slider.case-Box .slick-next::after{
    left: 55%;
}
section.voice_Wrap .voice_slider.case-Box .slick-next::before{
    top: 40%;
    transform: translateX(-50%) rotate(45deg);
}
section.voice_Wrap .voice_slider.case-Box .slick-next::after{
    top: 59%;
    transform: translateX(-50%) rotate(-45deg);
}

/* 採用までの流れ */
section.flow_Wrap{
    padding: 70px 0 ;
}
.flow_List{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 40px;
}
.flow_List li{
    position: relative;
    width: 24%;
    background: #eff6fe;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.flow_List li::after{
    position: absolute;
    content: "";
    border-left: #0060b2 23px solid;
    border-top: transparent 15px solid;
    border-bottom: transparent 15px solid;
    top: 50%;
    right: -6%;
    transform: translateY(-50%);
    z-index: 1;
}
.flow_List li:last-child:after{
    content: none;
}
/* .flow_List li:nth-child(even){
    margin-top: 30px;
} */
.flow_List li .step_num{
    position: absolute;
    font-family: "Oswald", sans-serif;
    font-weight: 100;
    color: #0060b2;
    font-size: 30px;
    top: -15px;
    left: -5px;
}
.flow_List li figure{
    width: 60%;
    margin: 30px auto;
}
.flow_List li:nth-child(2) figure,
.flow_List li:nth-child(3) figure{
    width: 45%;
}
.flow_List li .txt_Area{
    flex-grow: 1;
}
.flow_List li h4{
    color: #0060b2;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.flow_List li .txt{
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
.flow_List li .txt .txt_link{
    color: #0060b2;
    text-decoration: underline;
}
.flow_List li .arrow-Link{
    margin-top: 20px;
    padding: 15px 5px;
    font-size: 16px;
}

/* 求人企業様からのよくあるご質問 */
section.faq_Wrap{
    position: relative;
    width: 100%;
    background: url(../images/common/faq_bg.jpg) center center no-repeat;
    background-attachment: fixed;
    padding: 70px 0;
}
.faq_Wrap .sec_ttl h3{
    color: #fff;
}
.faq_Wrap .faq-List{
    width: 90%;
    max-width: 800px;
    margin: 50px auto 0;
}

/* 市場データ・コラム */
section.data-column_Wrap.lower{
    max-width: none;
}
#Agent .data-column_Wrap.lower .sec_ttl h3::after,
#Drm .data-column_Wrap.lower .sec_ttl h3::after{
    content: none;
}
.data-column_Wrap.lower > .flex{
    align-items: unset;
}
.data-column_Wrap.lower .sec_ttl{
    width: 60%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.data-column_Wrap.lower .sec_ttl .more_Btn{
    margin-top: auto;
    padding: 15px 5px;
    font-size: 16px;
    max-width: 400px;
}
.data-column_Wrap.lower figure{
    width: 32%;
}
.data-column_Wrap .data_Box,
.data-column_Wrap .column_Box{
    align-items: stretch;
    width: 48%;
}
.data-column_Wrap .line-tate{
    border-right: #dbeafb 1px solid;
}

/* ----------------------------------------------------------------------------------------
drm
----------------------------------------------------------------------------------------*/
#Drm .fv_Wrap{
    position: relative;
    width: 100%;
    background: url(../images/drm/drm-fv_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 100px 0;
}
#Drm .fv_Wrap .fv-content h2{
    max-width: 470px;
}
#Drm .fv_Wrap .fv-content .fv-txt{
    max-width: 503px;
}

#Drm .cta_Area {
    background: url(../images/drm/cta_bg_drm.jpg) center center no-repeat;
    background-size: cover;
}

#Drm .merit_Wrap{
    background: #e0f7fe;
}
#Drm .merit_List li .txt_Area{
    min-height: 0;
}
#Drm .merit_List li .txt_Area h4{
    color: #007fa7;
}

/* 独自の登録者求職者獲得ルート */
section.root_Wrap{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
}
.root_Wrap .strong-copy{
    background: #e0f7fe;
    margin-top: 50px;
    padding: 20px;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    color: #333;
}
.root_Wrap .strong-copy strong{
    color: #da0707;
    font-size: 120%;
}
.root_Wrap .root_List{
    justify-content: space-between;
}
.root_Wrap .root_List li{
    width: calc((100% / 3) - 2%);
}
.root_Wrap .root_List li figure{
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
}
.root_Wrap .root_List li h4{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: #007fa7;
    margin-bottom: 10px;
}
.root_Wrap .root_List li h4 a{
    color: #007fa7;
    text-decoration: underline;
}
.root_Wrap .root_List li h4 span.tab-ic{
    display: inline-block;
    width: 14px;
    margin-left: 3px;
    vertical-align: super;
}
.root_Wrap .root_List li .txt{
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
.root_Wrap .root_List li .txt sup{
    font-size: 80%;
    vertical-align: top;
}
.root_Wrap .root_List li:nth-child(2) .txt{
    margin-bottom: 20px;
}

/* 登録データ */
section.data-graph_Wrap{
    padding: 70px 0;
    background: #e0f7fe;
}
.data-graph_Wrap .inner{
    width: 90%;
    max-width: 1200px;
}
.data-graph_Wrap .strong-copy{
    background: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 50px;
}
.data-graph_Wrap .strong-copy strong{
    font-size: 120%;
}
.data-graph_Wrap .graph_flex{
    justify-content: space-between;
}
.data-graph_Wrap .graph_flex .graph{
    width: 26%;
}
.data-graph_Wrap .graph_flex .graph:nth-child(2){
    width: 29%;
}
.data-graph_Wrap .graph_flex .graph:nth-child(4){
    width: 27%;
}
.data-graph_Wrap .graph_flex .graph p{
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}
.data-graph_Wrap .graph_flex .graph:not(:nth-child(2)) figure{
    width: 78%;
    margin: 0 auto;
}
.data-graph_Wrap .graph > .flex{
    justify-content: space-between;
    margin-bottom: 20px;
}
.data-graph_Wrap .graph > .flex > .table{
    width: 48%;
}
.data-graph_Wrap .graph > .flex > .table dl{
    font-size: 16px;
}

/* 提供サービス */
section.service_Wrap{
    padding: 70px 0;
}
.service_flex{
    justify-content: space-between;
    margin-top: 50px;
}
.service_flex li{
    width: calc((100% / 3) - 2%);
}
.service_flex li figure{
    margin-bottom: 10px;
}
.service_flex li h4,
.notes_Box h4{
    color: #007fa7;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.service_flex li .txt{
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    color: #333;
}
.notes_Box{
    background: #e0f7fe;
    margin-top: 40px;
    padding: 30px 20px;
}
.notes_Box ul{
    width: 90%;
    margin: 0 auto;
}
.notes_Box ul li:nth-child(1){
    margin-bottom: 20px;
}
.notes_Box ul li h5{
    font-size: 18px;
    line-height: 1.4;
    color: #333;
    font-weight: bold;
}
.notes_Box ul li .txt{
    padding-left: 1em;
    font-size: 18px;
    line-height: 1.4;
    color: #333;
}

/* システム・料金 */
section.system_Wrap{
    background: #e0f7fe;
    padding: 70px 0;
}
.system_Wrap div[class*=Box0] h4{
    background: #007fa7;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
}
.system_Wrap div[class*=Box0] h4 span {
    font-size: 15px;
    display: block;
    margin-top: 10px;
}
.system_Wrap .Box01 p{
    background: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.system_Wrap .Box01 span.line{
    color: #a3a3a3;
    text-decoration: line-through;
    padding-right: 3px;
}
.system_Wrap .Box01 strong{
    color: #da0700;
    font-size: 125%;
    font-weight: bold;
    padding-left: 3px;
}
.system_Wrap table,
.system_Wrap td,
.system_Wrap th {
	border: 1px solid #9bc8d6;
	border-collapse: collapse;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    padding: 15px 5px;
}
.system_Wrap table{
    width: 100%;
}
.system_Wrap td{
    color: #333;
    background: #fff;
}
.system_Wrap td,
.system_Wrap th {
	width: 25%;
    vertical-align: middle;
}
.system_Wrap th {
	background: #09b1e6;
}
.system_Wrap .Box03 p {
    background: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 2.2rem;
}
.system_Wrap .Box03 p strong {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/* 採用までの流れ */
#Drm .flow_List {
    max-width: 1000px;
    flex-wrap: wrap;
    justify-content: center;
}
#Drm .flow_List li{
    width: calc((100% / 3) - 2%);
    background: #e0f7fe;
    margin-bottom: 40px;
}
#Drm .flow_List li:not(:nth-child(3)),
#Drm .flow_List li:not(:nth-child(5)){
    margin-right: 2%;
}
#Drm .flow_List li:nth-child(even){
    margin-top: 0;
}
#Drm .flow_List li .arrow-Link{
    background: #007fa7;
}
#Drm .flow_List li .step_num,
#Drm .flow_List li h4{
    color: #007fa7;
}
#Drm .flow_List li::after{
    border-left-color: #007fa7;
}
#Drm .flow_List li:nth-child(4)::before {
    position: absolute;
    content: "";
    border-left: #007fa7 23px solid;
    border-top: transparent 15px solid;
    border-bottom: transparent 15px solid;
    top: 50%;
    left: -6%;
    transform: translateY(-50%);
    z-index: 1;
}
#Drm .flow_List li figure{
    width: 40%;
}
#Drm .flow_List li:nth-child(1) figure{
    margin: 30px auto 50px;
}
#Drm .flow_List li:nth-child(2) figure{
    margin: 10px auto 30px;
}
#Drm .flow_List li:nth-child(3) figure,
#Drm .flow_List li:nth-child(5) figure{
    width: 50%;
}
#Drm .flow_List li .txt small{
    font-size: 80%;
}
#Drm section.flow_Wrap .note{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

/* 求人企業様からのよくあるご質問 */
#Drm .faq-List .question-box{
    background: #09b1e6;
    border: 1px solid #09b1e6;
}
#Drm .faq-List .answer-txt{
    border: 1px solid #09b1e6;
}
#Drm .faq-List .answer-txt .a{
    color: #09b1e6;
}

/* ご利用企業様の声 */
.service-voice_Wrap{
    width: 90%;
    max-width: 1400px;
    margin-left: auto;
}
.service-voice_Wrap .sec_ttl{
    width: 100%;
}
.service-voice_Wrap .sec_ttl h3,
.service-voice_Wrap .sec_ttl .txt{
    text-align: left;
}
.service-voice_Wrap .sec_ttl .txt{
    margin-top: 50px;
}
#Service .service-voice_Wrap .sec_ttl h3::after {
    left: 0;
    transform: none;
}
.service-voice_Wrap{
    justify-content: space-between;
}
.service-voice_Wrap .txt_Box{
    width: 40%;
}
.service-voice_Wrap .btn_Box{
    margin-top: 40px;
}
.service-voice_Wrap .btn_Box a{
    width: 80%;
    border-radius: 5px;
    padding: 15px 5px;
}
.service-voice_Wrap .btn_Box a .logo{
    width: 40%;
    margin: 0 auto;
}
.service-voice_Wrap .btn_Box a .sub_txt{
    font-size: 16px;
    margin-top: 10px;
}
.service-voice_Wrap .btn_Box a.agt{
    margin-bottom: 20px;
}
.service-voice_Wrap .btn_Box a.drm{
    background: #09b1e6;
}
.service-voice_Wrap .btn_Box a.drm .logo{
    width: 34%;
}
.service-voice_Wrap figure{
    width: 58%;
}

/* ========================================================================================
WTC_DEV-8276
======================================================================================== */
/* ----------------------------------------------------------------------------------------
採用成功事例TOP
---------------------------------------------------------------------------------------- */
.casestudy_archive{
    margin-bottom: 70px;
}
.casestudy_archive > .lead-txt{
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin: 40px auto 30px;
}
.case-Box{
    flex-wrap: wrap;
    justify-content: space-between;
}
.case-Box a.case-item{
    display: block;
    width: 49%;
    border-radius: 5px;
    border: #025dad 2px solid;
    padding: 15px;
    margin-bottom: 30px;
    transition: .3s;
}
.case-Box a.case-item:hover{
    opacity: 1;
    background: #eff6fe;
}
.case-Box .case-item > *{
    color: #333;
}
.casestudy-tag_Box .flex{
    align-items: center;
    margin-bottom: 5px;
}
.casestudy-tag_Box i{
    font-size: 16px;
    color: #025dad;
    margin-right: 5px;
}
.casestudy-tag_Box .casestudy-tag{
    display: inline-block;
    font-size: 12px;
    line-height: 2;
    border: #025dad 1px solid;
    color: #025dad;
    border-radius: 20px;
    padding: 0 15px;
    transition: 0.3s;
    margin: 4px 0;
}
.casestudy-tag_Box .casestudy-tag.green{
    border: #1e8782 1px solid;
    color: #1e8782;
}
.casestudy-tag_Box .casestudy-tag:not(:last-child){
    margin-right: 5px;
}
.casestudy-tag_Box .casestudy-tag:hover{
    background: #025dad;
    color: #fff;
    opacity: 1 !important;
}
.casestudy-tag_Box .casestudy-tag.green:hover{
    background: #1e8782;
    color: #fff;
}
.case-Box .case-item h2{
    color: #025dad;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: #ccc 1px solid;
}
.case-item .company-detail{
    margin-top: 15px;
}
.case-item .company-name{
    align-items: center;
}
.case-item .company-name > .logo{
    width: auto;
    margin-right: 10px;
}
.case-item .company-name > .logo img{
    width: auto;
    max-height: 65px;
}
.case-item .company-name > p{
    font-size: 18px;
    font-weight: bold;
}
.case-item .company-data{
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
}
.case-item .company-data .company-img{
    width: 50%;
    aspect-ratio: 3 / 2;
}
.case-item .company-data .company-img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.case-item .company-data > .data{
    width: 48%;
}
.case-item .company-data > .data dl{
    border-top: #efefef 1px solid;
    padding: 10px 5px;
}
.case-item .company-data > .data dl dt{
    color: #025dad;
    font-size: 14px;
}
.case-item .company-data > .data dl dt span{
    display: inline-block;
    width: 15px;
    margin-right: 5px;
}
.case-item .company-data > .data dl  dd{
    font-size: 14px;
    margin-top: 5px;
}
/* ----------------------------------------------------------------------------------------
採用成功事例 詳細
---------------------------------------------------------------------------------------- */
.detail-company{
    margin: 50px auto;
}
.detail-company h2{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    color: #025dad;
    background: #eff6fe;
    padding: 20px 10px;
    margin-bottom: 20px;
}
.company-intro{
    justify-content: center;
    margin-bottom: 30px;
}
.company-intro .img_Box{
    width: 50%;
    margin-right: 2%;
}
.company-intro .img_Box .company-img{
    text-align: center;
}
.company-intro .img_Box .company-img figcaption{
    font-size: 16px;
    line-height: 1.3;
    color: #888;
    margin-top: 5px;
}
.company-intro .txt_Box{
    width: 48%;
}
.company-intro .txt_Box .company-logo{
    width: 100%;
    margin-bottom: 10px;
}
.company-intro .txt_Box .company-logo img{
    width: auto;
    max-height: 80px;
    border: #efefef 1px solid;
    padding: 7px;
}
.company-intro .txt_Box .company-name{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.company-intro .txt_Box dl{
    font-size: 16px;
    line-height: 1.4;
}
.detail-company .intro-txt{
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 10px 0;
    border-top: #ccc 1px solid;
    margin-top: 20px;
}
.company-intro .txt_Box .casestudy-tag_Box{
    margin-top: 5px;
}

/* 採用成功のポイント */
.recruit-point{
    background: url(../images/case-study/point_bg.webp) center center no-repeat;
    background-size: cover;
    padding: 30px 0;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.recruit-point h3{
    display: inline-block;
    background: #025dad;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 15px;
    margin-bottom: 15px;
    border-radius: 50px;
}
.recruit-point .point{
    position: relative;
    justify-content: space-between;
}
.recruit-point .point::after{
    position: absolute;
    content: "";
    border-left: 15px #025dad solid;
    border-top: 12px transparent solid;
    border-bottom: 12px transparent solid;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.recruit-point .point [class*=-point]{
    width: 48%;
    background: #fff;
}
.recruit-point .point [class*=-point] h4{
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0;
    background: #333;
}
.recruit-point .point [class*=-point] ul{
    padding: 15px 10px 15px calc(10px + .5em);
}
.recruit-point .point [class*=-point] ul li{
    position: relative;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 7px;
    padding-left: 1em;
    color: #333;
}
.recruit-point .point [class*=-point] ul li::before{
    position: absolute;
    content: "";
    top: 0.3em;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333;
}
.recruit-point .point .after-point h4,
.recruit-point .point .after-point ul li::before{
    background: #025dad;
}

/* インタビュー */
.interview {
    width: 90%;
    max-width: 800px;
    margin: 0 auto 50px;
}
.interview .interview-img{
    max-width: 500px;
    margin: 50px auto ;
}
.interview h3{
    font-size: 20px;
    font-weight: bold;
    padding: 15px 10px 15px 15px;
    background: #eff6fe;
    border-left: #025dad 5px solid;
    margin-bottom: 10px;
}
.interview .interviewer{
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    /*padding-left: 2em;*/
    color: #888;
    margin: 30px 0;
}
/*.interview .interviewer::before{
    position: absolute;
    content: "";
    width: 1.5em;
    height: 2px;
    background: #888;
    top: 0.7em;
    left: 0;
}*/
.interview .speaker{
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin: 30px 0;
}
.interview .note{
    font-size: 12px;
}

/* ======================================
pc(1600px~)
====================================== */
@media screen and (min-width: 1600px){

    .top-voice_Wrap .voice_flex{
        width: 90%;
        max-width: 1400px;
        margin: 0 auto;
    }
    .faq_flex{
        max-width: 1400px;
    }

    .data-column_Wrap.lower > .flex{
        max-width: 1300px;
        margin: 0 auto;
    }
}

/* ======================================
pc,tab(~1400px)
====================================== */
@media screen and (min-width: 1400px){

    .service-fv .agt-fv .txt_Box{
        margin: 0;
        margin-left: auto;
        padding-right: 50px;
    }
    .service-fv .drm-fv .txt_Box{
        margin: 0;
        margin-right: auto;
        padding-left: 50px;
    }
}

/* ======================================
pc,tab(~1200px)
====================================== */
@media screen and (max-width: 1200px){

    .data-column_Wrap .sec_ttl h3{
        font-size: 24px;
        line-height: 1.2;
    }
    .data-column_Wrap .sec_ttl span.en{
        font-size: 16px;
        margin: 5px 0 20px;
    }
}

/* ======================================================================================================================
sp(~767px)
========================================================================================================================= */
@media screen and (max-width: 767px){

    /* -------------------------------
    common
    ---------------------------------- */
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    section[class*=_Wrap] {
        padding: 50px 0 ;
    }
    .sec_ttl h3{
        font-size: 24px;
    }
    .sec_ttl span.en{
        font-size: 14px;
        margin-top: 5px;
    }
    .sec_ttl .txt{
        font-size: 14px;
        text-align: left;
    }
    a.arrow-Link {
        padding: 20px 5px;
        font-size: 18px;
    }

    /* -------------------------------
    top
    ---------------------------------- */
    .top-anchr_Link {
        width: 100%;
        padding: 0 0 50px;
        flex-wrap: wrap;
    }
    .top-anchr_Link a.link-item{
        width: 100%;
        border-radius: 0;
        padding-top: 40%;
    }
    .top-anchr_Link a.link-item:nth-child(1),
    .top-anchr_Link a.link-item:nth-child(2),
    .top-anchr_Link a.link-item:nth-child(3){
        background-size: cover;
    }
    .top-anchr_Link a.link-item:nth-child(2),
    .top-anchr_Link a.link-item:nth-child(3){
        margin-top: 20px;
    }
    .top-anchr_Link a.link-item .txt{
        font-size: 20px;
    }
    .top-anchr_Link a.link-item span.num{
        font-size: 30px;
    }
    .top-anchr_Link a.link-item::after {
        width: 25px;
        height: 25px;
        bottom: 7%;
    }

    #anchr01, #anchr03 {
        padding: 50px 0;
    }
    .anchr-item .anchr_ttl{
        font-size: 24px;
    }
    .anchr-item .anchr_ttl span{
        font-size: 16px;
    }
    .anchr-item .sub_txt {
        font-size: 14px;
        margin-top: 15px;
    }
    #anchr01 .service {
        margin: 30px auto 0;
    }
    #anchr01 .service .flex{
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    #anchr01 .service .flex > a{
        width: 100%;
    }
    #anchr01 .service .flex > a.agent-Link{
        margin-bottom: 10px;
    }
    #anchr01 .service .service2-Link {
        padding: 15px;
        font-size: 16px;
        line-height: 1.3;
    }
    .anchr-item .anchr_Box .txt_Box{
        width: 100%;
    }
    #anchr02,#anchr03 {
        text-align: center;
    }
    .anchr-item .anchr_Box .txt_Box figure.sp{
        width: 70%;
        margin: 20px auto 0;
    }
    .anchr-item .anchr_Box .arrow-Link{
        margin-top: 20px;
        padding: 15px;
    }
    .anchr-item .anchr_Box .arrow-Link .txt{
        font-size: 16px;
    }

    /* CTA */
    .cta_Area {
        background: url(../images/common/cta_bg_sp.jpg) center center no-repeat;
        background-size: cover;
        padding: 50px 0;
    }
    #Drm .cta_Area {
        background: url(../images/drm/cta_bg_drm_sp.jpg) center center no-repeat;
        background-size: cover;
        padding: 50px 0;
    }
    .cta_Area .txt{
        font-size: 16px;
    }
    .cta_Area .cv_Btn {
        padding: 20px 5px;
        font-size: 18px;
    }

    /* ご利用企業様の声 */
    .voice_flex{
        flex-wrap: wrap;
    }
    .voice_flex > div{
        width: 100%;
        margin-top: 20px;
        padding: 20px;
    }
    .voice_flex > div h4 {
        font-size: 20px;
    }
    .voice_flex > div h4 span.voice-logo {
        display: block;
        width: 60%;
        margin: 0 auto 10px;
    }
    .voice-List {
        margin-top: 20px;
    }
    .voice-List li {
        margin-bottom: 10px;
        padding: 15px;
    }
    .voice-List li .txt_Box .tag {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .voice-List li .txt_Box .txt {
        font-size: 14px;
    }
    .voice_flex .voice-more{
        margin-top: 20px;
    }

    /* よくあるご質問 */
    .faq_flex{
        flex-wrap: wrap;
    }
    .faq_flex > div{
        width: 100%;
    }
    .faq_flex > div h4{
        min-height: 0;
    }
    .faq_Wrap .faq-List{
        margin: 30px auto 0;
    }
    .faq-List .question-box {
        padding: 15px;
        font-size: 16px;
    }
    .faq-List .question-txt{
        text-indent: -1.2em;
        padding-left: 1.2em;
    }
    .faq-List .question-txt .q,
    .faq-List .answer-txt .a{
        font-size: 120%;
    }
    .faq-List .answer-txt .arrow-Link{
        width: 100%;
    }
    .faq-List .answer-txt {
        padding: 10px 15px 15px;
        font-size: 14px;
    }
    .faq-List .question-box .icon {
        width: 10px;
        height: 10px;
    }
    .faq-List .answer-txt .tel_Box{
        flex-wrap: wrap;
    }
    .faq-List .answer-txt .tel_Box a{
        width: 49%;
        margin-bottom: 10px;
        pointer-events: unset;
    }
    .faq-drm{
        margin-top: 20px;
    }
    .top-faq_Wrap .more_Btn {
        margin: 30px auto 50px;
    }

    /* 市場データ・コラム */
    .data-column_Wrap .sec_ttl {
        margin-bottom: 15px;
    }
    .data-column_Wrap .flex{
        flex-wrap: wrap;
    }
    .data-column_Wrap .flex .entry-list{
        width: 100%;
    }
    .data-column_Wrap .flex .entry-list div{
        padding: 10px 5px;
    }
    .data-column_Wrap .flex .entry-list div dt{
        margin-bottom: 5px;
    }
    .data-column_Wrap .flex .btn_Box {
        width: 90%;
        margin: 30px auto;
    }
    .data-column_Wrap .flex .btn_Box figure {
        width: 60%;
    }
    .data-column_Wrap .flex .btn_Box .more_Btn {
        margin: 30px auto 0;
    }

    /* -------------------------------
    service
    ---------------------------------- */
    #Data-agt,#Data-drm{
        margin-top: -50px;
        padding-top: 50px;
    }
    .service-fv{
        flex-wrap: wrap;
    }
    .service-fv div[class*=-fv]{
        width: 100%;
    }
    .service-fv .txt_Box .ttl {
        font-size: 20px;
    }
    .service-fv .txt_Box .txt {
        font-size: 12px;
        margin-top: 10px;
    }
    .service-fv .txt_Box .fv-Btn {
        padding: 15px 5px;
        font-size: 16px;
        margin-top: 15px;
        max-width: none;
    }
    .service-fv .agt-fv{
        padding: 60px 0 25px;
    }
    .service-fv .drm-fv {
        padding: 25px 0;
    }
    .service-fv .txt_Box h2{
        margin-bottom: 20px;
    }
    .service-fv .agt-fv .txt_Box h2 {
        width: 70%;
    }
    .service-table_Wrap .service-ttl{
        font-size: 24px;
    }
    .service-table {
        overflow-x: scroll;
    }
    /* .service-table table{
        width: 600px;
    } */
    .service-table tr,
    .service-table tr td ul li::before{
        font-size: 12px;
    }
    .service-table tr td:first-of-type {
        font-size: 11px;
    }
    .service-table tr td{
        padding: 7px;
    }
    .service-table tr td a{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .service-table tr td:nth-child(2),
    .service-table tr td:nth-child(3){
        text-align: left;
        vertical-align: top;
    }
    .service-table tr:first-child td a::after{
        width: 6px;
        height: 6px;
    }
    .service-table tr td .agt-link {
        padding: 14px 5px;
    }
    .service-table tr:first-child td:nth-child(2) img{
        width: 60%;
    }
    .service-table tr:first-child td:nth-child(3) img{
        width: 55%;
    }

    /* 登録データ */
    .touroku-data_Wrap .btn_flex{
        flex-wrap: wrap;
        margin: 30px auto 0;
    }
    .touroku-data_Wrap .btn_flex a{
        width: 100%;
    }
    .touroku-data_Wrap .btn_flex a.agt{
        margin-bottom: 20px;
    }
    .touroku-data_Wrap .btn_flex a p{
        font-size: 14px;
    }
    .touroku-data_Wrap .btn_flex a img{
        width: 34%;
    }
    .touroku-data_Wrap .btn_flex a.drm img{
        width: 30%;
    }

    /* ご利用企業様の声 */
    .service-voice_Wrap{
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .service-voice_Wrap .txt_Box,
    .service-voice_Wrap figure{
        width: 100%;
    }
    .service-voice_Wrap .sec_ttl .txt {
        margin-top: 30px;
    }
    .service-voice_Wrap .btn_Box {
        margin-top: 20px;
    }
    .service-voice_Wrap .btn_Box a.agt {
        margin-bottom: 10px;
    }
    .service-voice_Wrap .btn_Box a {
        width: 100%;
        padding: 10px 5px;
    }
    .service-voice_Wrap .btn_Box a .sub_txt {
        font-size: 14px;
        margin-top: 5px;
    }
    .service-voice_Wrap figure{
        margin-top: 20px;
    }

    /* -------------------------------
    agt,drm
    ---------------------------------- */
    .fv_Wrap .breadcrumb{
        display: none;
    }
    #Agent .sec_ttl .txt,
    #Drm .sec_ttl .txt {
        margin-top: 35px;
    }
    #Agent .sec_ttl h3::after,
    #Drm .sec_ttl h3::after,
    #Service .sec_ttl h3::after{
        width: 30px;
        bottom: -10px;
    }
    .cta_Area > .flex{
        flex-wrap: wrap;
    }
    .cta_Area > .flex > .cv_Btn{
        width: 100%;
    }
    .cta_Area > .flex > .cv_Btn:nth-child(1){
        margin-right: 0;
    }
    /* -------------------------------
    agent
    ---------------------------------- */
    #Agent .fv_Wrap {
        background: url(../images/agent/agt-fv_bg_sp.jpg) center center no-repeat;
        background-size: cover;
        padding: 12% 0 18%;
    }
    #Agent .fv_Wrap .fv-note{
        font-size: 8px;
    }
    .fv_Wrap .fv-content{
        flex-wrap: wrap;
    }
    .fv_Wrap .fv-content h2,
    .fv_Wrap .fv-content .fv-txt{
        width: 100%;
        max-width: none;
    }
    .fv_Wrap .fv-content h2{
        margin-bottom: 30px;
    }

    /* MS Agentを利用する3つのメリット */
    .merit_List{
        flex-wrap: wrap;
    }
    .merit_List li{
        width: 100%;
        margin-bottom: 20px;
    }
    .merit_List li .txt_Area h4{
        font-size: 16px;
    }
    .merit_List li .txt_Area .txt{
        font-size: 14px;
    }
    .merit_List li .txt_Area {
        padding: 15px;
        min-height: 0;
    }

    /* section.result_Wrap,
    section.voice_Wrap,
    section.flow_Wrap,
    section.faq_Wrap,
    section.data-column_Wrap{
        padding: 50px 0;
    } */
    .strong-copy {
        font-size: 24px;
    }
    .result_Wrap .txt{
        font-size: 14px;
        text-align: left;
    }
    .result_Wrap .line {
        margin: 30px auto;
    }
    .result_img {
        justify-content: center;
        flex-wrap: wrap;
    }
    .result_img figure {
        width: 49%;
    }
    .result_img figure:nth-child(1){
        margin-right: 2%;
    }
    .results-data{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .results-data .graph:nth-child(1),
    .results-data .graph:nth-child(2){
        width: 48%;
        margin-bottom: 20px;
    }
    .results-data .graph:nth-child(2) figure {
        padding-top: 25px;
    }
    .results-data .graph:nth-child(3){
        width: 100%;
    }

    /* .voice_Wrap .voice-List{
        flex-wrap: wrap;
        margin: 20px auto 0;
    }
    .voice_Wrap .voice-List li{
        width: 100%;
    }
    .voice_Wrap .voice-more {
        max-width: 100%;
        margin: 10px auto 0;
    } */
    section.voice_Wrap .voice_slider.case-Box .slick-prev,
    section.voice_Wrap .voice_slider.case-Box .slick-next{
        top: 45%;
    }

    .flow_List{
        flex-wrap: wrap;
    }
    .flow_List li {
        width: 48%;
        padding: 15px;
        margin-bottom: 20px;
    }
    .flow_List li:nth-child(even){
        margin-top: 0;
    }
    .flow_List li::after {
        border-left: #0060b2 18px solid;
        border-top: transparent 12px solid;
        border-bottom: transparent 12px solid;
    }
    .flow_List li:nth-child(3)::before {
        position: absolute;
        content: "";
        border-left: #0060b2 18px solid;
        border-top: transparent 12px solid;
        border-bottom: transparent 12px solid;
        top: 50%;
        left: -6%;
        transform: translateY(-50%);
        z-index: 1;
    }
    .flow_List li .step_num {
        font-size: 20px;
        top: -10px;
    }
    .flow_List li h4{
        font-size: 16px;
    }
    .flow_List li .txt{
        font-size: 12px;
    }
    .flow_List li .arrow-Link {
        margin-top: 10px;
        padding: 10px 5px;
        font-size: 14px;
        line-height: 1.2;
    }
    .flow_List li .arrow-Link::after{
        content: none;
    }

    section.faq_Wrap{
        background: url(../images/common/faq_bg.jpg) center center no-repeat;
        background-attachment: unset;
    }

    .data-column_Wrap .data_Box, .data-column_Wrap .column_Box {
        width: 100%;
        align-items: flex-end;
    }
    .data-column_Wrap.lower .sec_ttl .more_Btn {
        margin-top: 30px;
    }
    .data-column_Wrap .line-tate {
        width: 100%;
        border-bottom: #dbeafb 1px solid;
        border-right: none;
        margin: 30px auto;
    }

    /* -------------------------------
    drm
    ---------------------------------- */
    #Drm .fv_Wrap {
        background: url(../images/drm/drm-fv_bg_sp.jpg) center center no-repeat;
        background-size: cover;
        padding: 20% 0;
    }

    /* 求職者獲得ルート */
    .root_Wrap .strong-copy {
        padding: 15px;
        font-size: 18px;
        text-align: left;
    }
    .root_Wrap .root_List{
        flex-wrap: wrap;
    }
    .root_Wrap .root_List li{
        width: 100%;
    }
    .root_Wrap .root_List li:not(:last-child){
        margin-bottom: 30px;
    }
    .root_Wrap .root_List li h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .root_Wrap .root_List li .txt{
        font-size: 14px;
    }

    .data-graph_Wrap .strong-copy {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 30px;
        padding: 15px 5px;
    }
    .data-graph_Wrap .graph_flex{
        flex-wrap: wrap;
    }
    .data-graph_Wrap .graph_flex .graph:nth-child(1),
    .data-graph_Wrap .graph_flex .graph:nth-child(3){
        width: 48%;
        margin-bottom: 20px;
    }
    .data-graph_Wrap .graph_flex .graph:nth-child(2),
    .data-graph_Wrap .graph_flex .graph:nth-child(4){
        width: 51%;
        margin-bottom: 20px;
    }
    .data-graph_Wrap .graph_flex .graph:not(:nth-child(2)) figure {
        width: 90%;
        margin: 0 auto;
    }
    .data-graph_Wrap .graph > .flex{
        flex-wrap: wrap;
    }
    .data-graph_Wrap .graph > .flex > .table{
        width: 100%;
    }
    .data-graph_Wrap .graph > .flex > .table dl {
        font-size: 14px;
    }
    .data-graph_Wrap .graph > .flex > .table dl.pc{
        display: none;
    }

    .service_flex{
        flex-wrap: wrap;
    }
    .service_flex li{
        width: 70%;
        margin: 0 auto 40px;
    }
    .service_flex li h4,
    .notes_Box h4{
        font-size: 18px;
    }
    .service_flex li .txt{
        font-size: 14px;
    }
    .notes_Box {
        margin-top: 0;
        padding: 20px;
    }
    .notes_Box ul {
        width: 100%;
    }
    .notes_Box ul li h5 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .notes_Box ul li .txt {
        font-size: 14px;
    }

    .system_Wrap div[class*=Box0] h4 {
        padding: 12px 0;
        font-size: 16px;
    }
    .system_Wrap div[class*=Box0] h4 span {
        font-size: 12px;
        line-height: 1.7rem;
        padding: 0 10px;
    }
    .system_Wrap .Box01 p {
        padding: 12px 0;
        font-size: 14px;
    }
    .system_Wrap table, 
    .system_Wrap td,
    .system_Wrap th {
        font-size: 14px;
        padding: 10px 5px;
    }
    .system_Wrap .Box03 p {
        padding: 15px 10px;
        font-size: 12px;
        line-height: 1.7rem;
    }
    .system_Wrap .Box03 p strong {
        font-size: 16px;
    }

    #Drm .flow_List li {
        width: 48%;
        margin-bottom: 30px;
        padding: 12px;
    }
    #Drm .flow_List li:nth-child(3)::before{
        border-left-color: #007fa7;
    }
    #Drm .flow_List li:nth-child(4)::before{
        content: none;
    }
    #Drm .flow_List li:nth-child(5)::before{
        position: absolute;
        content: "";
        border-left: #007fa7 18px solid;
        border-top: transparent 12px solid;
        border-bottom: transparent 12px solid;
        top: 50%;
        left: -6%;
        transform: translateY(-50%);
        z-index: 1;
    }
    
    /* ----------------------------------------------------------------------------------------
    採用成功事例TOP
    ---------------------------------------------------------------------------------------- */
    .casestudy_archive{
        margin-bottom: 20px;
    }
    .casestudy_archive > .lead-txt {
        font-size: 14px;
        line-height: 1.4;
        margin: 20px auto;
    }
    .case-Box a.case-item{
        width: 100%;
        padding: 10px;
        margin-bottom: 20px;
    }
    .casestudy-tag_Box i {
        font-size: 14px;
    }
    .casestudy-tag_Box .casestudy-tag{
        margin: 0 0 5px;
        line-height: 1.0em;
        padding: 4px 8px;
    }
    .case-Box .case-item h2 {
        font-size: 16px;
        line-height: 1.2;
        padding-bottom: 8px;
    }
    .case-item .company-detail {
        margin-top: 10px;
    }
    .case-item .company-data {
        margin-top: 10px;
    }
    .case-item .company-name > p {
        font-size: 16px;
    }
    .case-item .company-data > .data dl {
        padding: 8px 3px;
    }
    .case-item .company-data > .data dl dt {
        font-size: 13px;
    }
    .case-item .company-data > .data dl dt span {
        width: 13px;
    }
    .case-item .company-data > .data dl dd {
        font-size: 12px;
    }

    /* ----------------------------------------------------------------------------------------
    採用成功事例 詳細
    ---------------------------------------------------------------------------------------- */
    .detail-company {
        margin: 30px auto;
    }
    .detail-company h2 {
        text-align: left;
        font-size: 20px;
        padding: 15px 10px;
        margin-bottom: 15px;
    }
    .company-intro{
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .company-intro .img_Box{
        width: 100%;
        margin-right: 0;
    }
    .company-intro .txt_Box{
        width: 100%;
        margin-top: 10px;
    }
    .company-intro .img_Box .company-img figcaption {
        font-size: 12px;
    }
    .company-intro .txt_Box .company-name {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .company-intro .txt_Box dl {
        font-size: 14px;
    }
    .detail-company .intro-txt {
        padding: 10px 0 0;
        margin-top: 10px;
    }
    .recruit-point h3 {
        font-size: 18px;
        padding: 5px 15px 7px;
        margin-bottom: 10px;
    }
    .recruit-point .point{
        flex-wrap: wrap;
    }
    .recruit-point .point::after{
        transform: translate(-50%,-50%) rotate(90deg);
    }
    .recruit-point .point [class*=-point]{
        width: 100%;
    }
    .recruit-point .point .before-point{
        margin-bottom: 30px;
    }
    .recruit-point .point [class*=-point] h4 {
        font-size: 16px;
        padding: 7px 0;
    }
    .recruit-point .point [class*=-point] ul {
        padding: 10px 5px 10px calc(5px + .5em);
    }
    .recruit-point .point [class*=-point] ul li{
        font-size: 14px;
    }
    .recruit-point .point [class*=-point] ul li::before {
        width: 8px;
        height: 8px;
    }
    .interview .interview-img {
        margin: 30px auto;
    }
    .interview h3 {
        font-size: 18px;
        padding: 10px 5px 10px 10px;
        border-left: #025dad 3px solid;
        margin-bottom: 10px;
    }
    .interview .interviewer,
    .interview .speaker{
        font-size: 14px;
        margin: 15px 0;
    }
}