@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&display=swap");
@media screen and (min-width: 768px) {
  .pc-tab,
  .is-tablet-up {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pc-tab,
  .is-tablet-up {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-message-001 {
    margin: 0 auto;
  }
}

body {
  color: var(--sub-txt, #000000);
}

.m-header-001 {
  margin-bottom: -80px;
  background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
  .m-header-001 {
    margin-bottom: -50px;
  }
}

.m-header-001__logo {
  padding: 4px 40px;
}

@media screen and (max-width: 767px) {
  .m-header-001__logo {
    width: 70%;
    padding: 4px 15px;
  }
}

.m-header-001__logo-link-img {
  max-height: 26px;
}

@media screen and (max-width: 767px) {
  .m-header-001__logo-link-img {
    max-height: 22px;
  }
}

.m-header-001__btn-link {
      -ms-flex-pack: center;
  min-height: 80px;
  font-family: "Barlow Condensed", sans-serif;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .m-header-001__btn-link {
    min-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .m-header-001__btn-link-txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
}

.c-module-container > section:nth-of-type(odd) {
  background-color: #fff;
}

.c-module-container > section.m-works-001,
.c-module-container > section.m-require-003 {
  background: var(--sub-bg, #f2f2f2);
}

.c-headline-001__en {
  font-weight: 400;
}

.m-footer-001 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  height: 80px;
  background: var(--primary-txt, #ffffff);
  color: var(--sub-txt, #000000);
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .m-footer-001 {
    height: 60px;
  }
}

.m-footer-001__copyright {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .m-footer-001__copyright {
    padding: 0;
  }
}

.m-message-005 {
  padding: 120px 0 30px;
}

@media screen and (max-width: 767px) {
  .m-message-005 {
    padding: 40px 0 30px;
  }
}

.m-message-005__inner {
  overflow: hidden;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .m-message-005__detail {
    padding: 20px 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .m-message-005__desc-txt {
    text-align: left;
  }
}

.m-message-005__images {
  margin: 0 -5px;
}

.m-works-001 {
  padding: 120px 20px 110px;
}

@media screen and (max-width: 767px) {
  .m-works-001 {
    padding: 40px 0 30px;
  }
}

.m-works-001__inner {
  max-width: 1000px;
}

.m-works-001 .c-headline-001 {
  margin-bottom: 32px;
}

.m-works-001__desc-txt {
  padding-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
}

.m-works-001__item {
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .m-works-001__item:not(:last-child) {
    margin-bottom: 40px;
  }
}

.m-works-001__ttl-ja {
  font-size: 19px;
  font-size: 1.9rem;
}

@media screen and (max-width: 767px) {
  .m-works-001__ttl-ja {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.m-message-003 {
  padding: 120px 0;
}

@media screen and (max-width: 767px) {
  .m-message-003 {
    padding: 40px 0;
  }
}

.m-message-003__inner {
  max-width: 1920px;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .m-message-003__inner {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

.m-message-003__figure {
  margin-bottom: 5%;
  line-height: 0;
}

@media screen and (max-width: 1024px) {
  .m-message-003__figure {
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
  .m-message-003__detail {
    width: calc(100% - 20px);
    margin: -10% 0 0 20px;
  }
}

.m-interview-004 {
  padding: 120px 0 88px;
}

@media screen and (max-width: 767px) {
  .m-interview-004 {
    padding: 40px 0;
  }
}

.m-interview-004__inner {
  max-width: 1040px;
}

.m-interview-004__nav {
      -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.m-interview-004__nav-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.m-interview-004__nav-item-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.m-interview-004__nav-item-ttl-ruby {
  font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
  font-weight: 400;
}

.m-interview-004__contents {
  margin: 40px 0 0;
}

.m-interview-004__contents-section-figure {
  line-height: 0;
}

.m-interview-004__contents-section-detail {
  background: var(--sub-bg);
}

.m-interview-004__contents-section-figure + .m-interview-004__contents-section-detail {
  margin-top: -14%;
}

.m-interview-004__contents-section-detail-ttl {
  color: var(--primary, #04a1af);
}

.m-interview-004__contents-section-detail-intro {
  font-weight: 500;
  color: var(--sub-txt, #000000);
}

.m-interview-004__contents-section-detail-content-txt-block {
  font-weight: 500;
}

.m-project-004 {
  position: relative;
  padding: 0;
}

.m-project-004 .c-headline-001 {
  margin: 0;
}

.m-project-004__ttl {
  color: var(--primary, #04a1af);
}

.m-project-004__eyecatch {
  margin-bottom: 0;
  padding: 120px 20px;
}

@media screen and (max-width: 767px) {
  .m-project-004__eyecatch {
    padding: 40px 20px;
  }
}

.m-project-004__eyecatch-inner {
  min-width: 70%;
}

@media screen and (max-width: 767px) {
  .m-project-004__ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}

.m-project-004__ttl::after {
  width: 50px;
  margin: 20px auto 30px;
  background-color: var(--primary, #04a1af);
}

.m-project-004__lead {
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .m-project-004__lead {
    text-align: left;
  }
}

.m-gallery-003 {
  padding: 120px 0;
}

@media screen and (max-width: 767px) {
  .m-gallery-003 {
    padding: 40px 0 36px;
  }
}

@media screen and (max-width: 767px) {
  .m-gallery-003__list-item {
    padding: 8px;
  }
}

/*
元ソース／
フリーテキストに入れる
<h2 class="c-headline-001">
  <span class="c-headline-001__ja"><div class="img-headline-gallery"></div></span>
</h2>

もしくはc-headline-001__jaに入れる
<div class="img-headline-gallery"></div>
*/
.img-headline-gallery {
  width: 100%;
  height: 64px;
  margin-bottom: 32px;
  background-image: url("https://d1k5qq9h33oekz.cloudfront.net/customers/4e5459784e513d3d/itszai1/gallery-heading.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .img-headline-gallery {
    height: 52px;
    margin-bottom: 28px;
    background-image: url("https://d1k5qq9h33oekz.cloudfront.net/customers/4e5459784e513d3d/itszai1/gallery-heading-sp.png");
  }
}

.m-require-003 {
  padding-top: 100px;
}

@media screen and (max-width: 767px) {
  .m-require-003 {
    padding-top: 40px;
  }
}

.m-require-003__detail-row {
  border-color: var(--primary-border, #04a1af);
}

.m-require-003__detail-row:last-child {
  border-color: var(--primary-border, #04a1af);
}

.m-message-005__headline-txt {
  color: var(--primary, #04a1af);
}

.m-interview-004__nav-item-ttl-category {
  font-weight: 400;
}
/*# sourceMappingURL=maps/custom.css.map */