@charset "utf-8";

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

    .his-wrap .bar{display: none;}

    .history_wrap h4{font-size: 20px;margin-bottom: 20px;}
    .history_wrap dl{display: block;padding-bottom: 50px;}
    .history_wrap dl:before{display: none;}
    .history_wrap dl > *{width: auto;}
    .history_wrap dl dt{text-align: left;padding-right: 0;margin-bottom: 20px;}
    .history_wrap dl dt img{width: 100%;margin-bottom: 10px;}
    .history_wrap dl dd{padding: 0;}
    .history_wrap dl dd h5{font-size: 20px;}
    .history_wrap dl dd ul{margin-top: 10px;}
    .history_wrap dl dd ul li{padding-left: 70px;margin: 4px 0;}
    .history_wrap dl dd ul li > *{font-size: 14px;line-height: 22px;}
    .history_wrap dl dd ul li > p{font-size: 14px;}

    .history_wrap dl:nth-child(even){flex-direction: unset;}
    .history_wrap dl:nth-child(even) dd{padding: 0;}
    .history_wrap dl:nth-child(even) dd h5{text-align: left;}
    .history_wrap dl:nth-child(even) dd ul li{padding-right: 0;padding-left: 70px;text-align: left;}
    .history_wrap dl:nth-child(even) dd ul li > strong{left: 0;right: auto;}

}