@charset "utf-8";

@media (max-width: 1199px) {
  header ul li a {
    font-size: 16px;
    padding: 0.8rem 0.1rem;
  }
  .header_right li {
    margin-left: 10px;
  }
  .img_box {
    width: 40%;
  }
  .container {
    padding: 48px 0px;
  }
  h3 {
    font-size: 26px;
  }
  .achievement_item_ h4 {
    font-size: 20px;
  }
}

@media (max-width: 1080px) {
  .content_text {
      padding-left: 40px;
    }
}

@media (max-width: 985px) {
  .header_left h1 a {
      font-size: 20px;
  }
  .header_right li:nth-child(-n+3) a {
    padding: 0.8rem 0.1rem;
    margin: 0 1rem;
  }
  .header_right li {
    margin: 0px;
  }
  .messe {
      width: 400px;
  }
  .messe h3 {
      padding: 8px 0;
      font-size: 26px;
  }
  .content_text {
      padding-left: 0px;
    }
}

@media (max-width: 885px) {
  .img_box {
    width: 100%;
  }
  .messe {
    width: 80%;
    margin-top: 30px;
  }
  .information .wrap {
    flex-direction: column-reverse;
  }
  .content_title {
    font-size: 40px;
  }
  .content_text h3 {
    font-size: 25px;
  }
  .header_right {
    display: none;
  }
}

@media (max-width: 800px) {
  .content_box {
    flex-direction: column-reverse;
    margin-top: 50px;
    align-items: normal;
  }
  .content_title {
    font-size: 30px;
  }
  .content_text {
    margin-top: 30px;
    width: 100%;
  }
  .pc {
    display: none;
  }
  .sm {
    display: block;
  }
  .content_box .img_box {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .achievement_item_ {
    width: 100%;
  }
  .wrap_2 {
    padding: 100px 50px;
  }
  .achievement_item_:nth-child(n+2) {
    margin-top: 50px;
  }
}

@media (max-width: 660px) {
  .wrap {
    padding: 20px 40px;
  }
  .wrap_2 {
    padding: 20px 40px;
  }
}

@media (max-width: 500px) {
  .messe {
    width: 90%;
  }
  .messe br {
    display: none;
  }
  .messe br.b1 {
    display: block;
  }
  .messe br.b2 {
    display: block;
  }

}

@media (max-width: 420px) {
  .header_left {
    margin: 0px;
  }
  .messe {
    width: 100%;
  }
}
@media (max-width: 350px) {
  .messe br.b1 {
    display: none;
  }
}
@media (max-width: 460px) {
  .zi {
    line-height: 1.3;
  }
  .zi br {
    display: block;
  }
}
@media (max-width: 370px) {
  .messe br.b2 {
    display: none;
  }
}