/* default */
#container_wr {
    width: 1220px;
}
.sub-content-box {
    display:flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.8;
    color: #5a6166;
}
.sub-content-box .sub-left {
    width: 890px;
}
.sub-content-box .sub-right {
    width: 305px;
}

/* content */
.sub-tit1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.9;
    color: #164581;
    padding-top: 15px;
}
.sub-tit2 {
    font-size: 17px;
    font-weight: bold;
    color: #164581;
}
.sub-brdbox {
    border: 1px solid #cdcfd1;
    padding: 14px 16px;

}
.sub-content-box .sub-cttli {
    background: url(/img/ico_cttli.jpg) no-repeat center left;
    padding-left: 15px;
}
.sub-txtbox {
    margin-top: 1em;
}
ul.history-ul {
    display: flex;
    flex-direction: row;
}
ul.history-ul h4.sub-tit1 {
    padding-top: unset;
    line-height: 2.2;
    border-top: 2px solid #164581;
    width: 19%;
}
ul.history-ul > div {
    flex-grow: 1;
    margin-left: 25px;
}
li.history-li {
    border-top: 1px solid #cdcfd1;
    padding: 15.3px 0;
}
li.history-li:last-child {
    border-bottom: 1px solid #cdcfd1;
    margin-bottom: 60px;
}
li.history-li > ul {
    display: flex;
}
li.history-li > ul > li {

}
li.history-li > ul > li.history-date {
    color: #000;
}
li.history-li > ul > li.history-ctt {
    padding-left: 1em;
    margin-left: 0.8em;

}
.flex-box {
    display: flex;
}
.flex-box > div:nth-of-type(1) {
    flex-basis: 50%;
}
.flex-box > div:nth-of-type(1) iframe {
    height: 410px;
}
.flex-box > div:nth-of-type(2) {
    margin-left:30px;   
}
/* content - card-box */
.card_box {
    display: flex;
    justify-content: space-between;
    margin-top: 57px;
}
.card_box .card {
    width: 277px;
    display: flex;
    flex-direction: column;
    border: 1px solid #cdcfd1;
}
.card_box .card div:nth-child(1) {
    line-height: 1.3;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background-color: #164581;
    padding: 15px 23px;
    min-height: 70px;
}
.card_box .card div:nth-child(2) {
    min-height: 95px;
    padding: 18px 23px;
    font-size: 14px;
    font-weight: 400;
    color: #5a6166;
    line-height: 1.5;
}

/* submenu */
.sub-content-box .sub-right li.sub_all_li {
    /* height: 60px; */
    border-top: 1px solid #cdcfd1;
}
.sub-content-box .sub-right li.sub_all_li:last-child {
    border-bottom: 1px solid #cdcfd1;
}
.sub-content-box .sub-right li.sub_all_li a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #5a6166;
    line-height: 30px;
    padding: 15px 0;
    background: url(/img/ico_arrow_right.png) no-repeat center right;
    background-size: 10px;
}
.sub-content-box .sub-right li.sub_all_li.act-page a {
    color: #164581;
}

/* Page - contact us */
.ico_contact {
    width: 20px;
}






























    /* 2 tab vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    @media screen and (max-width: 1300px) and (min-width:951px) {

/* default */
#container_wr {
    width: 93.846vw;
}
.sub-content-box {
    display:flex;
    justify-content: space-between;
    font-size: 1.231vw;
    line-height: 1.8;
    color: #5a6166;
}
.sub-content-box .sub-left {
    width: 68.462vw;
}
.sub-content-box .sub-right {
    width: 23.462vw;
}

/* content */
.sub-tit1 {
    font-size: 1.538vw;
    font-weight: bold;
    line-height: 1.9;
    color: #164581;
    padding-top: 1.154vw;
}
.sub-tit2 {
    font-size: 1.3vw;
}
.sub-brdbox {
    border: 0.077vw solid #cdcfd1;
    padding: 1.077vw 1.231vw;

}
.sub-content-box .sub-cttli {
    background: url(/img/ico_cttli.jpg) no-repeat center left;
    padding-left: 1.154vw;
}
.sub-txtbox {
    margin-top: 1em;
}
ul.history-ul {
    display: flex;
    flex-direction: row;
}
ul.history-ul h4.sub-tit1 {
    padding-top: unset;
    line-height: 2.2;
    border-top: 0.154vw solid #164581;
    width: 19%;
}
ul.history-ul > div {
    flex-grow: 1;
    margin-left: 1.923vw;
}
li.history-li {
    border-top: 0.077vw solid #cdcfd1;
    padding: 1.177vw 0;
}
li.history-li:last-child {
    border-bottom: 0.077vw solid #cdcfd1;
    margin-bottom: 4.615vw;
}
li.history-li > ul {
    display: flex;
}
li.history-li > ul > li {

}
li.history-li > ul > li.history-date {
    color: #000;
}
li.history-li > ul > li.history-ctt {
    padding-left: 1em;
    margin-left: 0.8em;
    background-position-y: 1vw;

}
.flex-box {
    display: flex;
}
.flex-box > div:nth-of-type(1) {
    flex-basis: 50%;
}
.flex-box > div:nth-of-type(1) iframe {
    height: 31.538vw;
}
.flex-box > div:nth-of-type(2) {
    margin-left:2.308vw;   
}

        /* content - card-box */
        .card_box {
            display: flex;
            justify-content: space-between;
            margin-top: 4.385vw  /* 57/13 */;
        }
        .card_box .card {
            width: 21.308vw  /* 277/13 */;
            display: flex;
            flex-direction: column;
            border: 0.077vw  /* 1/13 */ solid #cdcfd1;
        }
        .card_box .card div:nth-child(1) {
            line-height: 1.3;
            font-size: 1.154vw  /* 15/13 */;
            font-weight: 600;
            color: #fff;
            background-color: #164581;
            padding: 1.154vw  /* 15/13 */ 1.769vw  /* 23/13 */;
            min-height: 5.385vw  /* 70/13 */;
        }
        .card_box .card div:nth-child(2) {
            min-height: 7.308vw  /* 95/13 */;
            padding: 1.385vw  /* 18/13 */ 1.769vw  /* 23/13 */;
            font-size: 1.077vw  /* 14/13 */;
            font-weight: 400;
            color: #5a6166;
            line-height: 1.5;
        }

/* submenu */
.sub-content-box .sub-right li.sub_all_li {
    /* height: 4.615vw; */
    border-top: 0.077vw solid #cdcfd1;
}
.sub-content-box .sub-right li.sub_all_li:last-child {
    border-bottom: 0.077vw solid #cdcfd1;
}
.sub-content-box .sub-right li.sub_all_li a {
    display: block;
    font-size: 1.385vw;
    font-weight: 500;
    color: #5a6166;
    line-height: 2.307vw;
    padding: 1.153vw 0;
    background: url(/img/ico_arrow_right.png) no-repeat center right;
    background-size: 0.769vw;
}
.sub-content-box .sub-right li.sub_all_li.act-page a {
    color: #164581;
}

/* Page - contact us */
.ico_contact {
    width: 1.538vw;
}


    }




























/* 1 mobile vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 950px){

    /* content - card-box */
    .card_box {
        flex-direction: column;
        gap: 4.95vw  /* 47/9.5 */;
        margin-top: 7.89vw  /* 75/9.5 */;
    }
    .card_box .card {
        width: 100%;
    }

    .card_box .card div:nth-child(1) {
        font-size: 3.79vw  /* 36/9.5 */;
        line-height: 1.3;
        padding: 3.16vw  /* 30/9.5 */ 6.53vw  /* 62/9.5 */;
    }
    .card_box .card div:nth-child(2) {
        min-height: 23.16vw  /* 220/9.5 */;
        font-size: 3.68vw  /* 35/9.5 */;
        padding: 4.21vw  /* 40/9.5 */ 6.63vw  /* 63/9.5 */;
    }


    .sub-content-box {
        flex-direction: column;
    }
    .sub-left {
        width: 100% !important;
    }
    .sub-tit1 {
        font-size: 5vw;
        padding-top: 3.75vw;
    }
    .sub-tit2 {
        font-size: 4.1vw;
    }
    .sub-brdbox {
        padding: 3.5vw 3.5vw;
    }
    .sub-content-box .sub-cttli {
        background: url(/img/ico_cttli.jpg) no-repeat top 3.15vw left;
        background-size: 1vw;
        padding-left: 3.625vw;
        font-size: 4.375vw;
    }
    .sub-content-box .sub-right {
        width: 100%;
    }
    .sub_all_ul {
        margin-top: 15.375vw;
    }
    .sub-content-box .sub-right li.sub_all_li {
        /* height: 17.375vw; */
    }
    .sub-content-box .sub-right li.sub_all_li a {
        font-size: 5vw;
        line-height: 8.687vw;
        padding: 2.171vw;
        background-size: 2.875vw;
    }
    .sub-content-box {
        font-size: 4.375vw;
    }

    
    /* history */
    ul.history-ul {
        flex-direction: column;
    }
    ul.history-ul h4.sub-tit1 {
        border-top: 0.5vw solid #164581;
    }
    ul.history-ul > div {
        margin-left: 0;
    }
    li.history-li {
        padding: 3.5vw 0;
    }
    li.history-li:last-child {
        margin-bottom: 11vw;
    }
    .flex-box.com5 {
        flex-direction: column;
    }
    .img_map {
        width: 100%;
    }
    .flex-box.com5 > div:nth-of-type(2) {
        margin-left: 0;
        margin-top: 5.5vw;
    }
    .com5topbottom {
        margin: 4.125vw 0 9.375vw;
    }

    /* company */
    .flex-box > div:nth-of-type(1) iframe {
        height: 80vw;
    }
    










}