@charset "UTF-8";
@-webkit-keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.box-title {
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box-title.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-title__main {
  /*font-size: 2.5em;*/
  font-size: 2.5vw;
  font-weight: bold;
  margin-bottom: 0.7vw;
}

.box-title__sub {
  /*font-size: 0.875em;*/
  font-size: 0.875vw;
  font-weight: bold;
}

.box-content {
  width: 66.66%;
  margin: 0 auto;
}

.box-content dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 1vw;
}

.box-content dl:nth-child(5) dt {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.box-content dl:last-child dt {
  border: none;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.box-content dl:last-child dd {
  border: none;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2vw;
  padding-bottom: 0;
}

.box-content dl:last-child dd p {
  font-weight: bold;
  margin-bottom: 0.2vw;
}

.box-content dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 27.5%;
      -ms-flex: 0 0 27.5%;
          flex: 0 0 27.5%;
  border-bottom: 1px solid #000;
  font-weight: bold;
  line-height: 6.19vw;
}

.box-content dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 72.5%;
      -ms-flex: 0 0 72.5%;
          flex: 0 0 72.5%;
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.87;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.box-content dd.second {
  padding-top: 2vw;
  padding-bottom: 2.3vw;
}

.box-content dd > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  margin-bottom: 1.7vw;
}

.box-content dd > div:last-child {
  margin-bottom: 0;
}

.box-content dd p {
  line-height: 1.87;
}

.box-content dd span.large {
  font-weight: bold;
}

.text-link {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.text-link .box-text-arrow {
  margin-left: 1vw;
}

.box-textarea:last-child {
  margin-bottom: 0;
}

.box-textarea p {
  line-height: 1.8;
  margin-bottom: 2.3vw;
}

.box-textarea p.top {
  padding-top: 2.3vw;
}

.box-textarea p.bottom {
  margin-bottom: 0;
}

.box-textarea p:last-child {
  margin-bottom: 0;
}

.box-textarea .large-text {
  /*font-size: 2.12em;*/
  font-size: 2.12vw;
  font-weight: bold;
  line-height: 1.47;
  margin-bottom: 0;
  position: relative;
  display: inline;
  clear: both;
  -webkit-transition: background 1s cubic-bezier(0.29, 0.9, 0, 1.44);
  -o-transition: background 1s cubic-bezier(0.29, 0.9, 0, 1.44);
  transition: background 1s cubic-bezier(0.29, 0.9, 0, 1.44);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6B35), to(#FF6B35));
  background-image: -o-linear-gradient(top, #FF6B35 0%, #FF6B35 100%);
  background-image: linear-gradient(to bottom, #FF6B35 0%, #FF6B35 100%);
  background-size: 0 0.63vw;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.box-textarea .large-text.large-text-2 {
  -webkit-transition: background 1s cubic-bezier(0.29, 0.9, 0, 1.44) 0.3s;
  -o-transition: background 1s cubic-bezier(0.29, 0.9, 0, 1.44) 0.3s;
  transition: background 1s cubic-bezier(0.29, 0.9, 0, 1.44) 0.3s;
}

.box-textarea .large-text.show {
  background-size: 100% 0.63vw;
}

.box-text-arrow {
  width: 0.63vw;
  display: inline-block;
  overflow: hidden;
}

.box-text-arrow img {
  display: block;
}

.box-text-arrow__inner {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.29, 0.9, 0, 1.44);
  transition: -webkit-transform 0.6s cubic-bezier(0.29, 0.9, 0, 1.44);
  -o-transition: transform 0.6s cubic-bezier(0.29, 0.9, 0, 1.44);
  transition: transform 0.6s cubic-bezier(0.29, 0.9, 0, 1.44);
  transition: transform 0.6s cubic-bezier(0.29, 0.9, 0, 1.44), -webkit-transform 0.6s cubic-bezier(0.29, 0.9, 0, 1.44);
}

.box-text-arrow__inner:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-130%, -130%);
      -ms-transform: translate(-130%, -130%);
          transform: translate(-130%, -130%);
}

.box1 {
  /*padding-bottom: 12.56em;*/
  padding-bottom: 15.1vw;
}

.box1 .box-title {
  margin-bottom: 8.9vw;
}

.box-logo {
  width: 13.19vw;
  margin: 0 auto 8vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box-logo.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box2 {
  padding-bottom: 12.76vw;
}

.box2 .box-title {
  margin-bottom: 3.5vw;
}

.box2 .box-content {
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box2 .box-content.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.map-area {
  width: 100%;
  height: 25vw;
  margin-top: 2.1vw;
  margin-bottom: 2vw;
}

.map-area:last-child {
  margin-bottom: 0;
}

.map-area iframe {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 769px) {
  .text-link a:hover .box-text-arrow__inner, .text-link a:link:hover .box-text-arrow__inner, .text-link a:visited:hover .box-text-arrow__inner {
    -webkit-transform: translate(100%, 100%);
        -ms-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  .text-link a:hover .box-text-arrow__inner:nth-child(2), .text-link a:link:hover .box-text-arrow__inner:nth-child(2), .text-link a:visited:hover .box-text-arrow__inner:nth-child(2) {
    transition: transform 0.7s cubic-bezier(0.29, 0.9, 0, 1.44) 0.2s, -webkit-transform 0.7s cubic-bezier(0.29, 0.9, 0, 1.44) 0.2s;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@media screen and (max-width: 768px) {
  .kv-title__main {
    font-size: 20vw;
    left: -1vw;
    margin-bottom: -2vw;
  }
  .box-title__main {
    font-size: 6.64vw;
    letter-spacing: -0.015em;
  }
  .box-title__sub {
    font-size: 2.94vw;
  }
  .box-content {
    width: 100%;
  }
  .box-content dl {
    font-size: 3.47vw;
    margin-bottom: 4.7vw;
  }
  .box-content dl:last-child {
    margin-bottom: 0;
  }
  .box-content dl:last-child dd {
    padding-top: 0;
  }
  .box-content dt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border: none;
    margin-bottom: 3.6vw;
    line-height: 1.3;
  }
  .box-content dd {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-bottom: 4.4vw;
    border-bottom: 0.3vw solid #d8d8d8;
    line-height: 1.53;
  }
  .box-content dd.second {
    padding-top: 0;
    padding-bottom: 3.5vw;
  }
  .box-content dd > div {
    margin-bottom: 3.7vw;
  }
  .box-content dd p {
    line-height: 1.53;
  }
  .text-link {
    font-size: 3.47vw;
  }
  .box-textarea p {
    margin-bottom: 5.6vw;
  }
  .box-textarea p.top {
    padding-top: 5.4vw;
  }
  .box-textarea .large-text {
    font-size: 5.07vw;
    text-align: justify;
    background-size: 0 1.8vw;
  }
  .box-textarea .large-text.show {
    background-size: 100% 1.8vw;
  }
  .box-text-arrow {
    width: 2.27vw;
  }
  .box1 {
    padding: 5.3vw 5.33% 11.2vw;
  }
  .box1 .box-title {
    margin-bottom: 15.15vw;
  }
  .box-logo {
    width: 36.26%;
    margin: 0 auto 13vw;
    left: -1.7%;
  }
  .box2 {
    padding-bottom: 26.5vw;
  }
  .box2 .box-title {
    margin-bottom: 12.2vw;
  }
  .map-area {
    height: 61.6vw;
    margin-top: 3.2vw;
    margin-bottom: 4.2vw;
  }
}
/*# sourceMappingURL=company.css.map */