/*Content CSS*/
#rnd1 {overflow: hidden; }
section > article{padding: 100px 0;}
section > article:nth-child(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
.sub_inner.rnd_top{padding-top: 100px; margin-bottom: 55px;}
.tit_bar::before{content: ''; display: block; width: 50px; height: 5px; background-color: #a2bc4c; margin: 0 auto 15px;}
.tit_dot{position: relative; padding-left:20px; margin-bottom: 35px;}
.tit_dot::before{content: ''; display: block ; width: 10px; height: 10px; background-color: #a2bc4c; position: absolute; top: 10px; left: 0;}
.fs_60{font-size: 60px; font-weight: 800; line-height: 1; text-align: center;}
.fs_40{font-size: 40px; font-weight: 800; letter-spacing: -.8px;}
.fs_30{font-size: 30px; font-weight: 700; line-height: 33px; letter-spacing: -.6px;}
.fs_22{font-size: 22px; font-weight: 700; color: #fff;}
.fs_20{font-size: 20px; font-weight: 700;  letter-spacing: -.5px; color: #333; }
.fs_18{font-size: 18px; line-height: 33px; letter-spacing: -.36px; color: #333;}
i.xi-arrows-h{display: none; text-align: right; font-size: 22px;}
.table_wrap table{width: 100%; border-collapse: collapse; border-top: solid 3px #a2bc4c;}
.table_wrap table th{background-color: #2d2f2f; border: solid 1px rgba(255,255,255,.25);padding: 15px 25px; font-size: 18px; font-weight: 600; letter-spacing: -.36px; color: #fff;}
.table_wrap table td{background-color: #fff; border: solid 1px #ddd; color: #333; letter-spacing: -.34px; font-size: 17px; line-height: 29px; padding: 12px 25px; text-align: center;}
.table_wrap table td.num{text-align: left;}
.table_wrap table td.bg{background-color: #f2f2f2}

.flex_wrap{display: flex;}
.flex_wrap .gate{background-color: #2d2f2f;text-align: center;font-weight: 500;color: #fff;line-height: 28px;margin-right: 19px;width: calc(10% - 27px);flex-shrink: 0; align-content: space-around; min-width: 100px;}
.gate_list {display: flex; flex-grow: 1;}
.gate_list > li{width: calc(20% - 16px); margin-right: 20px; display: flex; flex-direction: column;}
.gate_list > li:last-child{margin-right: 0;}
.gate_list > li h5{position: relative; text-align: center; padding: 17px 0;}
.gate_list > li h5::before{content: ''; display: block; width: 31px; height: 100%; position: absolute; top: 0; right: 0; background: 50% / cover no-repeat #fff;}
.gate_list .gr h5{background-color: #b7cd6d;}
.gate_list .org h5{background-color: #a2bc4c;}
.gate_list .pur h5{background-color: #91ab3b;}
.gate_list .blue h5{background-color: #738a25;}
.gate_list .gr2 h5{background-color: #5b7016;}

.gate_list .gr h5::before{background-image: url('../img/rnd_tri1.png?v=0429');}
.gate_list .org h5::before{background-image: url('../img/rnd_tri2.png?v=0429');}
.gate_list .pur h5::before{background-image: url('../img/rnd_tri3.png?v=0429');}
.gate_list .blue h5::before{background-image: url('../img/rnd_tri4.png?v=0429');}
.gate_list .gr2 h5::before{background-image: url('../img/rnd_tri5.png?v=0429');}

.gate_list .box{border: solid 1px #ddd;margin-top: 15px;padding: 25px 25px;height: 100%;}
.gate_list .box h6{border-bottom: solid 1px #ddd;padding-bottom: 22px;margin-bottom: 23px;}

.dot_list li{position: relative;padding-left: 11px;line-height: 1.7;font-size: 16px;letter-spacing: -.4px;margin-bottom: 10px;color: #666;}
.dot_list li:last-child{margin-bottom: 0;}
.dot_list li::before{content: '';display: block;width: 5px;height: 5px;position: absolute;top: 11px;left: 0;}
.gate_list .gr .dot_list > li::before{background-color: #b7cd6d;}
.gate_list .org .dot_list > li::before{background-color: #a2bc4c;}
.gate_list .pur .dot_list > li::before{background-color: #91ab3b;}
.gate_list .blue .dot_list > li::before{background-color: #738a25;}
.gate_list .gr2 .dot_list > li::before{background-color: #5b7016;}

@media screen and (min-width:1025px) {

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

}

@media screen and (max-width:1280px) {
    section > article{padding: 70px 0;}
    .fs_60{font-size: 50px;}
    .tit_bar::before{width: 40px; margin: 0 auto 13px;}
    .tit_dot::before{top: 6px;}
    .tit_dot{margin-bottom: 20px;}

    .fs_40{font-size: 35px;}
    .fs_30{font-size: 25px; line-height: 1;}
    .fs_22{font-size: 20px;}
    .fs_20{font-size: 19px;}
    .fs_18{font-size: 17px; line-height: 1.7;}

    .table_wrap table th{font-size: 17px; padding: 12px 20px; }
    .table_wrap table td{font-size: 16px; line-height: 1.7; padding: 10px 20px;}

    .flex_wrap{display: block;}
    .flex_wrap .gate{width: 100%; margin-right: 0; margin-bottom: 15px; padding: 15px 0; }
    .flex_wrap .gate br{display: none;}

    .gate_list > li{width: calc(20% - 12px); margin-right: 15px;}
    .gate_list > li h5{padding: 12px 0;}
    .gate_list .box{padding: 15px; }
    .gate_list .box h6{padding-bottom: 15px; margin-bottom: 17px;}
    .dot_list li{margin-bottom: 5px; font-size: 15px;}
    .dot_list li::before{top: 9px;}
}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner.rnd_top{padding-top: 50px; margin-bottom: 30px;}
    .sub_inner{padding: 0 30px;}

    .fs_60{font-size: 40px;}
    .tit_bar::before{width: 35px;}
    .tit_dot{padding-left: 16px; }
    .tit_dot::before{width: 8px; height: 8px; top: 7px;}

    .fs_40{font-size: 30px;}
    .fs_30{font-size: 22px;}
    .fs_22{font-size: 18px;}
    .fs_20{font-size: 17px;}
    .fs_18{font-size: 16px;}


    .table_wrap{overflow-x: scroll;}
    i.xi-arrows-h{display: block; margin-top: -20px;}
    .table_wrap table th{font-size: 15px; padding: 8px;text-align: center;}
    .table_wrap table td{font-size: 15px; padding: 8px 15px; min-width: 150px;}

    .gate_list{flex-wrap: wrap;}
    .gate_list > li{width: calc(50% - 7.5px);}
    .gate_list > li:nth-child(2n){margin-right: 0;}
    .gate_list > li:nth-child(n+3){margin-top: 15px;}
    .gate_list > li h5{padding: 10px 0;}

    .gate_list .box{margin-top: 10px;}
    .table_wrap table td.bg{min-width: 175px;}
    .table_wrap table td.num{min-width: 380px;}

}


@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_60{font-size: 35px;}
    .tit_bar::before{width: 30px; }
    .fs_40{font-size: 25px; text-align: center;}
    .fs_30{font-size: 20px; line-height: 1.3;}
    .fs_22{font-size: 17px;}
    .fs_20{font-size: 16px;}
    .fs_18{font-size: 15px;}

    .gate_list > li{width:100%; margin-right: 0;}
    .gate_list > li:nth-child(n+2){margin-top: 15px;}


}

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

}