/* -------------- config -------------- */
@media screen and (min-width: 758px) {
  html {
    font-size: 90%;
  }
  h2.h2 {
    margin-bottom: 80px;
  }
  #hero {
    width: 100%;
    height: 700px;
  }
  #hero #heroSlide {
    height: 100%;
  }
  #hero #heroBox {
    height: 700px;
  }
  #introduction {
    background-size: unset;
  }
  #introduction #introFirst {
    padding: 5% 0;
  }
  #introduction #introSecound {
    padding: 15% 0 15%;
  }
  #introduction figure#block {
    height: 30vw;
    background-size: 100%;
  }
  #block {
    height: 50vw;
    background-size: 100%;
  }
  #appeal {
    margin: -31% 0 0;
    padding: 15% 15px 18%;
    background-size: unset;
  }
  #appeal #appealBox h2 {
    text-align: center;
  }
  #appeal #appealBox #appealList {
    max-width: 480px;
    margin: 0 auto;
  }
  #voice {
    margin: -17% 0 5%;
    padding: 15% 0 4%;
    background-size: unset;
  }
  #voice ul {
    margin: 0 auto 40px;
  }
  #voice #underImage {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
  }
  #roof ul {
    max-width: 640px;
    margin: 0 auto;
  }
  #roof small {
    max-width: 640px;
    margin: 0 auto 50px;
    padding: 0 calc(1em - 6px);
  }
  #roof #scrollTable table#right th {
    min-width: 100px;
  }
  #gutter ul {
    max-width: 640px;
    margin: 0 auto;
  }
  #gutter ul li span.brakeline {
    display: inline;
    margin-left: 0;
  }
  #gutter small {
    max-width: 640px;
    margin: 0 auto 50px;
    padding: 0 calc(1em - 6px);
  }
  #reasonable figure {
    max-width: 844px;
    margin: 0 auto;
  }
  #reasonable figure #graphSp {
    display: none;
  }
  #reasonable figure #graphPc {
    display: block;
  }
  #experience {
    padding: 0 0 10%;
  }
  #experience::before {
    background-size: unset;
  }
  #experience .call {
    margin: 15px auto;
  }
  #campaign {
    margin-top: -12%;
    padding: 17% 0 18%;
  }
  #profile {
    margin-top: -15%;
    padding: 15% 0 15%;
    background-size: unset;
  }
  #profile figure {
    max-width: 750px;
    margin: 0 auto;
  }
  #profile p, #profile b {
    max-width: 750px;
    margin: 0 auto;
  }
  #faq dl {
    max-width: 640px;
    margin: 0 auto;
  }
  #area::before {
    background-size: unset;
  }
  #area ul {
    max-width: 640px;
    margin: 0 auto 40px;
  }
  #area #creditcard {
    max-width: 750px;
    margin: 0 auto;
  }
  #area #work figure {
    height: 50vw;
  }
  #contact {
    padding: 20px 15px 20%;
  }
  #company {
    background-size: unset;
  }
  #fixedNav {
    width: 68px;
    height: 200px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 500;
  }
  #fixedNav ul {
    display: flex;
    flex-direction: column;
  }
  #fixedNav ul li a {
    flex-direction: column;
  }
  #fixedNav ul li a figure {
    margin: 0 0 3px;
  }
  #fixedNav ul li .mobile {
    display: none;
  }
  #fixedNav ul li .pc {
    display: block;
    font-size: 0.8rem;
  }
  #page_top {
    bottom: 15px;
  }
}/*# sourceMappingURL=responsive.css.map */