@media all and (max-width: 740px) {
  header {
    height: auto;
    background-position-x: right;
    padding-bottom: 20px;
  }
  header .main {
    display: none;
  }
  header .main-740 {
    display: block;
  }
  .res-mail-more {
    display: block;
  }
  .content {
    margin-top: 0;
  }
  .content .res-line {
    display: block;
  }
  .content .sec1 {
    width: 95%;
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .content .sec1 h2 {
    font-size: 24px;
  }
  .content .sec1 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .content .sec1 .flex .box {
    width: 100%;
  }
  .content .sec1 .flex .box img {
    margin-bottom: 10px;
  }
  .content .sec1 .flex .box p {
    margin-bottom: 30px;
    clear: both;
  }
  .content .sec1 .flex .one img {
    width: 100%;
    float: left;
  }
  .content .sec1 .flex .two img {
    max-width: 610px;
    float: left;
  }
  .content .sec1 .flex .three img {
    max-width: 483px;
    float: left;
  }
  .content .sec2 {
    margin: 0 auto;
  }
  .content .sec2 .container {
    width: 95%;
  }
  .content .sec2 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .content .sec2 .flex .left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .content .sec2 .flex .left img {
    width: 100%;
    height: 380px;
  }
  .content .sec2 .flex .right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 20px;
    background-color: white;
    width: 100%;
    height: 200px;
    border-top: solid 1px #EBEBEB;
  }
  .content .sec2 .flex .right .txt {
    width: 85%;
  }
  .content .sec2 .flex .right .txt h2 {
    font-size: 24px;
    font-weight: 400;
    color: #484848;
    margin-bottom: 20px;
  }
  .content .sec2 .flex .right .txt p {
    font-size: 14px;
    color: #484848;
    line-height: 1.3rem;
    margin-bottom: 20px;
  }
  .content .sec2 .flex .right .txt a {
    color: #23b2ba;
  }
  .content .sec3 .container {
    width: 100%;
  }
  .content .sec3 .container .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .content .sec3 .container .flex .left {
    width: 100%;
    height: 255px;
  }
  .content .sec3 .container .flex .left .txt {
    width: 80%;
  }
  .content .sec3 .container .flex .left .txt h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .content .sec3 .container .flex .left .txt p {
    font-size: 14px;
    line-height: 1.3rem;
    margin-bottom: 20px;
  }
  .content .sec3 .container .flex .right {
    width: 95%;
    margin: 0 auto;
    margin-top: 16px;
  }
  .content .sec3 .container .flex .right img {
    max-width: 610px;
    width: 100%;
    height: 380px;
    float: left;
  }
  .content .sec4 {
    margin: 0 auto;
  }
  .content .sec4 .container {
    width: 95%;
  }
  .content .sec4 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .content .sec4 .flex .left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .content .sec4 .flex .left img {
    width: 100%;
    height: 380px;
  }
  .content .sec4 .flex .right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 16px;
    background-color: white;
    width: 100%;
    height: 200px;
  }
  .content .sec4 .flex .right .txt {
    width: 85%;
  }
  .content .sec4 .flex .right .txt h2 {
    font-size: 24px;
    font-weight: 400;
    color: #484848;
    margin-bottom: 20px;
  }
  .content .sec4 .flex .right .txt p {
    font-size: 14px;
    color: #484848;
    line-height: 1.3rem;
    margin-bottom: 20px;
  }
  .content .sec4 .flex .right .txt a {
    color: #23b2ba;
  }
  .content .sec5 {
    margin-top: 15px;
  }
  .content .sec5 .flex {
    width: 95%;
  }
  .content .sec5 .flex .txt {
    width: 68%;
  }
  .content .sec5 .flex .txt h2 {
    font-weight: 400;
    font-size: 24px;
  }
  .content .sec5 .flex .txt p {
    font-size: 14px;
  }
  .content .sec6 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .content .sec6 .container {
    width: 100%;
  }
  .content .sec6 .flex {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: auto;
  }
  .content .sec6 .flex .left {
    width: 95%;
    margin: 0 auto;
    height: 380px;
  }
  .content .sec6 .flex .left img {
    max-width: 610px;
    width: 100%;
    float: left;
    height: 380px;
  }
  .content .sec6 .flex .right {
    width: 100%;
    margin-top: 13px;
  }
  .content .sec6 .flex .right .txt {
    width: 60%;
    position: static;
    -webkit-transform: translateY(0%) translateX(0%);
            transform: translateY(0%) translateX(0%);
    margin-top: 50px;
    margin-bottom: 50px;
  }
  footer .sec1 .address {
    text-align: center;
    width: 100%;
  }
  footer .sec1 .address h2 {
    font-size: 24px;
  }
  footer .sec1 .address .footer-line {
    width: 450px;
  }
  footer .sec1 .address .mail {
    margin-top: 60px;
    text-align: center;
    max-width: 410px;
    width: 95%;
  }
  footer .sec1 .address .mail a {
    color: black;
    font-weight: 600;
    text-align: left;
  }
  footer .sec1 .address .mail .soushin input[type="email"] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #cdc9c9;
  }
  footer .sec1 .address .more {
    width: 95%;
    margin: 0 auto;
  }
  footer .sec1 .address .more p {
    font-size: 16px;
  }
  footer .sec2 .footer-container .flex .box ul li {
    width: 100%;
  }
  footer .sec3 .footer-container .flex {
    width: 95%;
    text-align: left;
  }
  footer .sec3 .footer-container .flex .right .sns {
    display: none;
  }
  footer .sec3 .footer-container .flex .right .yen {
    margin-bottom: 10px;
  }
  footer .sec3 .footer-container .flex .right .yen a {
    margin: 0;
    margin-right: 30px;
  }
  footer .sec3 .footer-container .flex .left {
    text-align: left;
  }
  footer .sec3 .footer-container .flex .left a br {
    display: none;
  }
  footer .sec3 .footer-container .flex .left .c span {
    margin: 0;
  }
}
/*# sourceMappingURL=res740.css.map */