@charset "UTF-8";
/************************************************
    ごあいさつ
*************************************************/
.sec-Greeting {
  padding: 6.25rem 1.25rem 3.125rem;
  margin-top: -3.125rem;
}
.sec-Greeting-figure {
  text-align: center;
  max-width: 50rem;
  margin: 0 auto;
}
.sec-Greeting-figure .caption {
  text-align: left;
  margin-top: 2em;
}

/************************************************
    会社概要
*************************************************/
.sec-About {
  padding: 6.25rem 1.25rem 3.125rem;
  margin-top: -3.125rem;
}
.sec-About .sec__title {
  text-align: center;
  margin-top: -0.3333333333em;
}
.sec-About .sec__title--hasAfter::after {
  content: "ABOUT";
}
.sec-About .sec__title .text {
  padding-left: 0.1em;
}
.sec-About-profile {
  font-size: 0.875em;
  line-height: 1.75;
  max-width: 43.75rem;
  margin: 3.2142857143em auto 0;
}
@supports (display: flow-root) {
  .sec-About-profile {
    display: flow-root;
  }
}
@supports not (display: flow-root) {
  .sec-About-profile::after {
    content: "";
    display: block;
    clear: both;
  }
}
_:-ms-lang(x)::-ms-backdrop, .sec-About-profile::after {
  content: "";
  display: block;
  clear: both;
}

.sec-About-profile .term {
  padding: 1.0714285714em 0.5em;
  border-top: 1px solid transparent;
  float: left;
  clear: left;
}
.sec-About-profile .description {
  padding: 1.0714285714em 0.5em 1.0714285714em 8.5em;
  border-top: 1px solid currentColor;
  margin: 0;
}
.sec-About-profile .description p {
  margin: 0;
}
.sec-About-profile .description a {
  color: inherit;
}
.sec-About-profile .description a:hover {
  text-decoration: none;
}
.sec-About__banner {
  text-align: center;
  margin: 2em 0 0;
}
.sec-About__banner a:hover img {
  opacity: 0.5;
}

/************************************************
    アクセス
*************************************************/
.sec-Access {
  padding: 6.25rem 0 3.125rem;
  margin-top: -3.125rem;
}
.sec-Access .sec__title {
  text-align: center;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-top: -0.3333333333em;
}
.sec-Access .sec__title--hasAfter::after {
  content: "ACCESS";
}
.sec-Access .sec__title .text {
  padding-left: 0.1em;
}
.sec-Access__map {
  width: 100%;
  height: calc(100vh - 3.125rem);
  max-height: 32.5rem;
  margin-top: 2.25rem;
}
@media (min-width: 48em) {
  .sec-Greeting {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    margin-top: 0;
  }
  .keyVisual + .sec-Greeting {
    margin-top: 1.25rem;
  }
  .sec-Greeting-figure {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .sec-Greeting-figure .photo {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-grid-row-align: start;
    align-self: start;
  }
  .sec-Greeting-figure .caption {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column-align: start;
    justify-self: start;
    margin-top: 1.1875em;
  }
  .sec-Greeting .sec__content {
    padding-right: 1.04em;
    margin-top: 1.9285714286em;
  }
  .sec-Greeting .sec__content .phrase {
    display: inline-block;
  }
  .sec-About {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    margin-top: 0;
  }
  .sec-Greeting + .sec-About {
    margin-top: -3.125rem;
  }
  .sec-About-profile .description {
    padding-left: 12.1428571429em;
  }
  .sec-Access {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    margin-top: 0;
  }
  .sec-About + .sec-Access {
    margin-top: -3.125rem;
  }
  .sec-Access__map {
    height: 100vh;
  }
}
/*# sourceMappingURL=../maps/about.css.map */