@charset "utf-8";

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

    .history_wrap h4{font-size: 22px;margin-bottom: 20px;}
    .history_wrap dl{display: block;margin: 20px 0 0 0;padding-bottom: 20px;}
    .history_wrap dl:before{display: none;}
    .history_wrap dl:after{display: none;}
    .history_wrap dl > *{width: auto;}
    .history_wrap dl dt{text-align: center;padding-right: 0;margin-bottom: 20px;}
    .history_wrap dl dt img{max-width: 260px;height: auto;}
    .history_wrap dl dd{padding-left: 0;}
    .history_wrap dl dd h5{font-size: 24px;}
    .history_wrap dl dd ul{margin-top: 5px;}
    .history_wrap dl dd ul li{padding-right: 0;}
    .history_wrap dl dd ul li > *{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;}

}