@charset "UTF-8";

.eq_flex.eq_flex_mix01 > div:nth-of-type(n + 3){
    margin-top: 20px;
}
.eq_item_quo_w49{
    width: 49%;
}
.eq_item_quo_w32{
    width: 32%;
    margin-top: 20px;
}

.sec2c_2 {
    position: relative;
    /* background-color: #d7e4ed; */
    background-color: #f2f2ea;
    padding: 60px;
}

.sec2c_2 .sec2c1 {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sec2c_2 .sec2c1 h5 {
    /* background-color: #15B0EB; */
    background-color: #686c68;
    color: #fff;
    margin: 0;
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
}

.sec2c_2 .sec2c1 .sec2c1f2 {
    width: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 35px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sec2e {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.sec2e dd, .sec2e dt {
    width: 22%;
}

.sec2e dd.sty2 {
    background-color: #647d85;
    width: 74%;
    padding: 50px;
}

.sec2e dd.sty2 .eq_lead{
    color: #fff;
}

.sec2e dd ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sec2e dd ul li {
    width: 48%;
    /* margin-bottom: 50px; */
    max-width: 378px;
}

.sec2e dd ul li:nth-of-type(n + 3) {
    margin-top: 50px;
}

.sec2e dd ul li > h4 {
    color: #000;
    background-color: #fff;
    font-feature-settings: "pwid";
    letter-spacing: 0px;
    line-height: 1.6em;
    /* margin-top: 10px; */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 5px;
}

.sec2e dd ul li > h4 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #647d85;
    border-radius: 0;
    margin-right: 10px;
    color: #fff;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secu_flex{
    display: flex;
    justify-content: space-between;
}
.secu_flex > div{
    width: 48%;
    max-width: 180px;
}
.secu_flex > p{
    width: 48%;
}


.sec2c {
    position: relative;
    background-color: #f2f2ea;
    padding: 60px;
}
.sec2c .sec2c1 {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.sec2c .sec2c1 h4 {
    margin: 0;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    /* background-color: #686c68; */
    background-color: #7f9ea7;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.6em;
}
.sec2c .sec2c1 > dl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.sec2c .sec2c1 > dl dt {
    width: 48%;
}

.sec2c .sec2c1 > dl.styln::before {
    width: 1px;
    height: 100%;
    content: "";
    background-color: #cccccc;
    position: absolute;
    left: 50%;
    top: 0%;
    z-index: 1;
}

.sec2c .sec2c1 > dl.sec2c1_2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    position: relative;
}
.sec2c .sec2c1 > dl.sec2c1_2 dt {
    width: 62%;
}
.sec2c .sec2c1 > dl dd {
    width: 33%;
}
.sec2c .sec2c1 > dl.sec2c1_2 dd {
    max-width: 264px;
}

.sec2c .sec2c1 > dl.border_top {
    border-top: 1px solid #ccc;
    border-bottom: none;
    padding: 20px 0 0;
    margin-top: 20px;
}

.sec2c .sec2c1 > dl.seinou_box dt{
    width: 38%;
}

.seinou_flex{
    display: flex;
    justify-content: space-between;
    width: 58%;
}

dl.seinou_box .seinou_flex dd{
    width: 49%;
}

.seinou_flex dd{
    max-width: 227px !important;
}






@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1240px) {

}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1000px) {

    .sec2c_2 .sec2c1 h5 {
        font-size: 14px;
    }
    .sec2e dd ul li > h4 {
        font-size: 14px;
        font-feature-settings: "pwid";
        letter-spacing: 0px;
    }

    .sec2c .sec2c1 h4 {
        font-size: 14px;
        font-feature-settings: "pwid";
        letter-spacing: 0px;
        line-height: 1.6em;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .sec2c .sec2c1 h5 {
        font-size: 15px;
    }

}


@media screen and (max-width: 900px) {
}

@media screen and (max-width: 800px) {

}


@media screen and (max-width: 768px) {

}


@media screen and (max-width: 750px) {

}


@media screen and (max-width: 650px) {

    .eq_item_quo_w49 {
        width: 100%;
    }

    .eq_flex .eq_item_quo_w49:nth-of-type(n + 2){
        margin-top: 20px;
    }

    .sec2c_2 {
        padding: 20px;
    }
    
    .eq_item_quo_w32{
        width: 100%;
    }



    .sec2e dt {
        width: 100%;
    }
    .sec2e dd.sty2 {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }

    .sec2e dd ul, .sec2e dt ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .sec2e dt ul li {
        width: 48%;
    }
    .sec2e dd ul li {
        width: 100%;
        max-width: initial;
    }
    .sec2e dd ul li:nth-of-type(n + 2) {
        margin-top: 10px;
    }

    .sec2e dd ul li.cor3, .sec2e dt ul li.cor3 {
        width: 100%;
    }

    .sec2e dd ul li.cor3 {
        width: 100%;
    } 



    .sec2c {
        padding: 20px;
    }
    
    .sec2c .sec2c1 > dl.sec2c1_2 dt {
        width: 100%;
    }
    .sec2c .sec2c1 > dl.sec2c1_2 dd {
        padding-right: 0px;
        width: 100%;
        max-width: 210px;
        margin-left: auto;
        margin-right: auto;
    }

    .sec2c .sec2c1 > dl dt {
        width: 100%;
    }
    .sec2c .sec2c1 > dl ul li:last-child {
        margin-bottom: 20px;
    }    

    .sec2c .sec2c1 > dl.styln::before {
        display: none;
    }


    .seinou_flex{
        display: block;
        width: 100%;
    }

    dl.seinou_box .seinou_flex dd:nth-of-type(n + 2){
        margin-top: 10px;
    }

    .sp_order2{
        order: 2;
    }
}


@media screen and (max-width: 600px) {

}

@media screen and (max-width: 500px) {

}