@charset "UTF-8";
@media only screen and (max-width: 1100px) {
  .humb_button {
    display: block;
    z-index: 9999;
  }

  .pagebody {
    padding-top: 75px;
  }

  header.default_header {
    display: none;
  }

  header.scroll_header {
    top: 0 !important;
  }
  header.scroll_header .right {
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -ms-transition: ease 0.3s;
    position: fixed;
    width: 300px;
    height: 100%;
    right: -300px;
    top: 0;
    padding-top: 60px;
    background-color: #333;
  }
  header.scroll_header .right nav {
    width: 100%;
  }
  header.scroll_header .right nav ul li {
    display: block;
    border-bottom: 1px solid #555;
  }
  header.scroll_header .right nav ul li a {
    color: #fff;
    padding: 12px 20px;
    text-align: left;
    display: block;
  }
  header.scroll_header .right nav ul li + li {
    margin-left: 0;
  }
  header.scroll_header .right nav ul .drop_down {
    color: #fff;
    padding: 0;
    border-bottom: none;
  }
  header.scroll_header .right nav ul .drop_down > span {
    display: none;
  }
  header.scroll_header .right nav ul .drop_down .second_level {
    padding: 0;
    display: block;
    position: static;
    background-color: transparent;
    width: 100%;
    border: none;
  }
  header.scroll_header .right nav ul .drop_down .second_level li a::after {
    content: "からダウンロード";
    display: inline-block;
    font-size: 14px;
  }
  header.scroll_header .right nav ul .drop_down .second_level li + li {
    margin-top: 0;
  }
  header.scroll_header .right .sign_up {
    display: block;
    border-radius: 0;
    margin-left: 0;
    padding: 12px 20px;
    font-size: 14px;
  }

  .open_nav .humb_button span {
    top: 50%;
    background-color: #fff;
  }
  .open_nav .humb_button span:nth-child(1) {
    transform: rotate(45deg);
  }
  .open_nav .humb_button span:nth-child(2), .open_nav .humb_button span:nth-child(3) {
    transform: rotate(-45deg);
  }
  .open_nav header.scroll_header {
    width: 100%;
  }
  .open_nav header.scroll_header h1 {
    margin-left: -300px;
  }
  .open_nav header.scroll_header .right {
    right: 0;
  }
  .open_nav .pagebody {
    padding-right: 300px;
    margin-left: -300px;
    width: 100%;
  }

  #contact a, #contact p {
    font-size: 22px;
  }
  #contact a {
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -ms-transition: ease 0.3s;
  }
  #contact a:hover {
    cursor: pointer;
    opacity: 0.7;
  }
  #contact .online {
    background-color: #f4ab31;
    color: #333;
  }
  #contact .tel,
  #contact .mail {
    color: #333;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .keyvisual .contents h1 {
    font-size: 25px;
  }
  .keyvisual .contents form label {
    display: block;
    margin: auto;
    margin-bottom: 15px;
    width: 220px;
  }
  .keyvisual .contents form button {
    display: block;
    margin: auto;
  }

  #contact .tel span, #contact .mail span {
    display: block;
  }

  #faq ul {
    display: block;
  }
  #faq ul li {
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
  }

  .zeroyen_tenant .block:nth-child(1),
  .zeroyen_tenant .block:nth-child(2) {
    width: 47%;
  }

  .zeroyen_tenant .block:nth-child(3),
  .two_dlbutton .dlbutton {
    width: 300px;
    margin: auto;
    display: block;
  }
  .zeroyen_tenant .block:nth-child(3) + .block,
  .zeroyen_tenant .block:nth-child(3) + .dlbutton,
  .two_dlbutton .dlbutton + .block,
  .two_dlbutton .dlbutton + .dlbutton {
    margin-left: 0;
    margin: 30px auto 0;
  }

  .iphone3 .single {
    width: 200px;
    margin: auto;
    display: block;
  }
  .iphone3 .single + .single {
    margin-left: 0;
    margin: 50px auto 0;
  }
}
@media only screen and (max-width: 500px) {
  #company_list .block .voice_list li .left,
  #company_list .block .voice_list li .right {
    float: none;
    width: 100%;
  }

  #company_list .block .voice_list li .right {
    margin-top: 15px;
  }

  section,
  footer {
    margin: 50px 0;
  }
}

/*# sourceMappingURL=break.css.map */