@import "layout.css";
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
  header article {
    width: 13.5rem;
  }
  #enter_email {
    width: 500px;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 0.24rem;
  }
  .container {
    max-width: 90%;
  }
  h2 {
    font-size: 0.4rem;
    margin: 0 0 2.5%
  }
  h3 {
    font-size: 0.35rem;
  }
  .section5 h3 {
    margin: .25rem 0
  }
  nav {
    text-align: left
  }
  header {
    padding: 2.5%;
    background-size: cover;
    background-position: center 25%;
  }
  header article {
    width: 55%;
    padding: 3% 3.8% 0;
    margin: 0;
  }
  .PW513_logo {
    width: 7.177215189873418rem;
    margin: 0 0 47%;
  }
  .section1 {
    padding: 5% 0;
  }
  .section2, .section5 {
    padding: 5% 0;
  }
  .section2 ul {
    display: -ms-flexbox;
    display: flex;
  }
  .section2 ul li .click_btn {
    padding: 0.3614457831325301rem 0;
  }
  .section2 ul li:nth-of-type(1) {
    padding: 0;
  }
  .section2 ul li:nth-of-type(2) {
    width: 1.2rem;
    padding: 0 2%;
  }
  .section2 ul li:nth-of-type(2) picture {
    position: relative;
    top: 50%;
    transform: translateY(-110%);
    width: 100%;
    margin: 0;
  }
  .section2 ul li:nth-of-type(3) {
    padding: 0;
  }
  .section2 ul li p {
    border-radius: 0.18072289156626506rem;
    font-size: 0.3rem;
    width: 4.337349397590361rem;
  }
  .section3 dl, .section4 dl {
    margin: 0;
  }
  .section3 dl dt, .section4 dl dt {
    width: 55%;
  }
  .section3 dl dd, .section4 dl dd {
    width: 45%;
    padding: 0 2.5%;
  }
  .learn_more {
    padding: 5% 0;
  }
  .section5 .learn_more {
    padding: 0 0 3%;
  }
  .click_btn a {
    padding: 0.18072289156626506rem 0.30120481927710846rem;
    font-size: 0.25301204819277107rem;
    border-radius: 0.12048192771084337rem;
  }
  .click_btn a:hover, .submit button:hover {
    background-color: #ee2a34;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px !important;
  }
}
@media (min-width: 1279px) {
  .PW513_logo {
    width: 567px;
  }
}