<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*import
------------------------------------------*/
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
body {
  background-image: url("../imgs/bg-white.png");
}

#outline {
  background-image: inherit;
}

.kv-sec .kv-ttl-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  height: 200px;
}
@media only screen and (max-width: 767px) {
  .kv-sec .kv-ttl-wrap {
    height: 100px;
  }
}
.kv-sec .kv-ttl-wrap .kv-jp-ttl {
  font-size: 36px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .kv-sec .kv-ttl-wrap .kv-jp-ttl {
    font-size: 28px;
  }
}

.outline-sec {
  max-width: 1200px;
  margin: 0 auto 160px;
  padding-bottom: 80px;
  text-align: center;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .outline-sec {
    padding-bottom: 50px;
    margin-bottom: 80px;
  }
}
.outline-sec iframe {
  height: 1200px;
  width: 100%;
}

.bgc_separator {
  background: none !important;
}

.outlineLogo {
  background-color: #fff;
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .outlineLogo {
    flex-direction: column;
  }
}
.outlineLogo img {
  width: calc(100% / 3 - 10px);
}
@media only screen and (max-width: 767px) {
  .outlineLogo img {
    width: 100%;
  }
}

/*# sourceMappingURL=outline.css.map */
</pre></body></html>