@charset "utf-8";

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

    .his_tab ul { border-bottom-width: 3px; }
    .his_tab li a { height: 40px; font-size: 16px; }
    .his_tab li.active a::before { bottom: -3px; height: 3px; }

    .history_wrap h4{font-size: 22px;margin-bottom: 20px;}
    .history_wrap dl{margin: 20px 0; box-sizing: border-box;}
    .history_wrap dl:before{display: none;}
    .history_wrap dl:after{display: none;}
    /* .history_wrap dl > *{width: auto;} */
    .history_wrap dl dt{padding-right: 20px;}
    .history_wrap dt h4 { margin-bottom: 10px; font-size: 24px; }
    .history_wrap dt p { padding-top: 5px; font-size: 18px; }
    .history_wrap dl dt img{margin-top: 15px;max-width: 260px;height: auto;}
    .history_wrap dl dd .his_item_wrap { padding-bottom: 20px; padding-left: 35px; }
    .history_wrap dl dd .his_item_wrap::before { top: 2px; width: 20px; }
    .history_wrap dl dd .his_item_wrap::after { width: 5px; }
    .history_wrap dl dd{padding-left: 0;}
    .history_wrap dl dd h5{font-size: 20px;}
    .history_wrap dl dd ul{margin-top: 5px;}
    .history_wrap dl dd ul li{padding-left: 30px;}
    .history_wrap dl dd ul li > strong { top: 2px;}
    .history_wrap dl dd ul li > *{padding: 5px 0;font-size: 14px;}

    /* .history_wrap dl:nth-child(odd) dt{padding-left: 0;text-align: center;}
    .history_wrap dl:nth-child(odd) dd{text-align: left;padding-right: 0;}
    .history_wrap dl:nth-child(odd) dd h5{text-align: left;}
    .history_wrap dl:nth-child(odd) dd ul li{padding-left: 60px;padding-right: 0;}
    .history_wrap dl:nth-child(odd) dd ul li strong{right: auto;left: 0;} */

}

@media screen and (max-width: 750px) {
    
    .his_tab ul { justify-content: center; flex-wrap: wrap; border: 0;}
    .his_tab li { flex: none; border-bottom: 3px solid #eaeaea;}
    .his_tab li a { padding: 0 5px; font-size: 14px;}

    .history_wrap .line_wrap { left: 0; }

    .history_wrap dl { display: block; }
    .history_wrap dl > * { width: 100%; }
    .history_wrap dl dt { position: static; padding: 0 0 0 25px;}
    .history_wrap dl dd { padding-top: 20px;}
    .history_wrap dt h4 { margin-bottom: 5px; font-size: 20px; }
    .history_wrap dl dt img { margin-top: 10px; }
    .history_wrap dt p { font-size: 16px; }
    .history_wrap dl dd .his_item_wrap { padding-left: 25px;}
}