@media screen and (min-width: 769px), print {
  .historyPage .breadcrumb {
    margin-bottom: 32px;
  }
  .historyPage .pageContent {
    padding-bottom: 90px;
  }
  .historyPage .img_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
  }
  .historyPage .img_list li {
    width: -webkit-calc((100% - 49px) / 3);
    width: -moz-calc((100% - 49px) / 3);
    width: calc((100% - 49px) / 3);
  }
  .historyPage .img_list li:not(:nth-of-type(3n+3)) {
    margin-right: 24px;
  }
  .historyPage .img_list li img {
    width: 100%;
  }
  .historyPage .business__txt {
    margin-top: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: .08em;
  }
  .historyPage .timeline {
    margin-top: 92px;
  }
  .historyPage .timeline__list dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d4d4d4;
  }
  .historyPage .timeline__list dl dt {
    position: relative;
    width: 342px;
    padding: 6px 0 7px 68px;
    color: #e92550;
    font-weight: 500;
    font-size: 36px;
    letter-spacing: .05em;
  }
  .historyPage .timeline__list dl dt span {
    position: absolute;
    top: 20px;
    right: 13px;
    font-size: 18px;
  }
  .historyPage .timeline__list dl dt:before {
    content: '';
    position: absolute;
    top: 27px;
    right: 107px;
    display: block;
    width: 14px;
    height: 14px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #e92550;
  }
  .historyPage .timeline__list dl dt:after {
    content: '';
    position: absolute;
    top: 43px;
    right: 112px;
    display: block;
    width: 3px;
    height: 100%;
    background: url("../../images/history/dot_pattern.png") 0 0 repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
  }
  .historyPage .timeline__list dl dd {
    width: -webkit-calc(100% - 342px);
    width: -moz-calc(100% - 342px);
    width: calc(100% - 342px);
    padding: 16px 20px 15px 0;
    font-size: 18px;
    line-height: 2;
  }
}

@media screen and (max-width: 768px) {
  .historyPage .pageContent {
    padding-bottom: 5.20833vw;
  }
  .historyPage .img_list {
    margin-top: 5.20833vw;
  }
  .historyPage .img_list li {
    margin-bottom: 3.90625vw;
  }
  .historyPage .img_list li img {
    width: 100%;
  }
  .historyPage .business__txt {
    margin-top: 7.8125vw;
    text-align: center;
    font-size: 3.90625vw;
    line-height: 1.8;
  }
  .historyPage .timeline {
    margin-top: 20.83333vw;
  }
  .historyPage .timeline__list dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d4d4d4;
  }
  .historyPage .timeline__list dl dt {
    position: relative;
    width: 43.61979vw;
    padding: 1.5625vw 0 1.5625vw 2.60417vw;
    color: #e92550;
    font-weight: 500;
    font-size: 5.98958vw;
    letter-spacing: .05em;
  }
  .historyPage .timeline__list dl dt span {
    position: absolute;
    top: 3.64583vw;
    right: 3.125vw;
    font-size: 3.64583vw;
  }
  .historyPage .timeline__list dl dt:before {
    content: '';
    position: absolute;
    top: 4.6875vw;
    right: 20.57292vw;
    display: block;
    width: 3.64583vw;
    height: 3.64583vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #e92550;
  }
  .historyPage .timeline__list dl dt:after {
    content: '';
    position: absolute;
    top: 8.85417vw;
    right: 22.26562vw;
    display: block;
    width: 0.78125vw;
    height: -webkit-calc(100% - 1.30208vw);
    height: -moz-calc(100% - 1.30208vw);
    height: calc(100% - 1.30208vw);
    background: url("../../images/history/dot_pattern.png") 0 0 repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
  }
  .historyPage .timeline__list dl dd {
    width: -webkit-calc(100% - 43.61979vw);
    width: -moz-calc(100% - 43.61979vw);
    width: calc(100% - 43.61979vw);
    padding: 2.60417vw 2.60417vw 3.125vw 0;
    font-size: 3.64583vw;
    line-height: 2;
  }
}
