@charset "UTF-8";
@font-face {
  font-family: "NotoSansCJKjp-Thin";
  src: url(/fonts/NotoSansCJKjp-Thin.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url(/fonts/NotoSansCJKjp-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url(/fonts/NotoSansCJKjp-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Light";
  src: url(/fonts/NotoSansCJKjp-Light.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-DemiLight";
  src: url(/fonts/NotoSansCJKjp-DemiLight.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url(/fonts/NotoSansCJKjp-Bold.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Black";
  src: url(/fonts/NotoSansCJKjp-Black.ttf) format("truetype");
  font-display: swap;
}
.notosans-t {
  font-family: "NotoSansCJKjp-Thin";
}

.notosans-r {
  font-family: "NotoSansCJKjp-Regular";
}

.notosans-m {
  font-family: "NotoSansCJKjp-Medium";
}

.notosans-l {
  font-family: "NotoSansCJKjp-Light";
}

.notosans-dl {
  font-family: "NotoSansCJKjp-DemiLight";
}

.notosans-bo {
  font-family: "NotoSansCJKjp-Bold";
}

.notosans-bl {
  font-family: "NotoSansCJKjp-Black";
}

.page_head {
  position: relative;
  background-color: #FFF;
  padding: 30px 0;
}
@media (max-width: 999px) {
  .page_head {
    padding: 24px 0;
  }
}
.page_head .bg-line {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  height: 100%;
  z-index: 1;
}
.page_head .bg-line + .cts {
  position: relative;
  z-index: 2;
}
.page_head h2 {
  font-size: 32px;
  font-family: "NotoSansCJKjp-Regular";
}
@media (max-width: 767px) {
  .page_head h2 {
    font-size: 24px;
  }
}
.page_head h2 span {
  display: inline-block;
  font-size: 16px;
  color: #999;
  margin-left: 36px;
}

/* 横並び
-----------------------------------*/
.com-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

.com-wrap .img {
  width: 48%;
}

.com-wrap .txt {
  width: 48%;
}

.com-wrap.txt-left {
  flex-direction: row-reverse;
}

/* 横並びリスト
-----------------------------------*/
.list-col2,
.list-col3,
.list-col4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px 2%;
}

.list-col2 li {
  width: 48%;
  margin-bottom: 24px;
}

.list-col3 li {
  width: 32%;
}

.list-col4 li {
  width: 24%;
}

/*======*/
/* main */
/*======*/
.main {
  max-width: 1920px;
  margin: 0 auto;
}

.content-body {
  margin-bottom: 120px;
}

.heading02 {
  margin: 80px auto 24px;
}

.feature-h01 {
  font-weight: bold;
  font-size: 20px;
  margin: 64px auto 24px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .content-body {
    margin-bottom: 64px;
  }
  .heading02 {
    font-size: 20px;
    margin: 40px auto 16px;
  }
  .feature-h01 {
    font-size: 18px;
    margin: 40px auto 16px;
  }
}
/*=================*/
/* 01 NOVARE見学会 */
/*=================*/
.feature-01 .img {
  max-width: 720px;
  margin: 64px auto;
  text-align: center;
}
@media (max-width: 767px) {
  .feature-01 .img {
    margin: 40px auto;
  }
}
.feature-01 .img span {
  display: block;
  font-weight: bold;
  padding-top: 8px;
}

/*====================*/
/* 02 提案営業研修風景 */
/*====================*/
.feature-02 .img {
  max-width: 880px;
  margin: 64px auto;
  text-align: center;
}
.feature-02 .img span {
  display: block;
  font-weight: bold;
  padding-bottom: 8px;
}

/*=====================*/
/* 03 24時間監視センター */
/*=====================*/
.feature-03 .img {
  max-width: 926px;
  margin: 64px auto 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .feature-03 .img {
    max-width: 400px;
  }
}

.feature-03 .com-wrap {
  justify-content: space-around;
  gap: 0 2%;
}

.feature-03 .wrap dd:not(:last-child) {
  margin-bottom: 24px;
}
.feature-03 .wrap dd span {
  display: block;
  font-weight: bold;
  font-size: 15px;
  padding-top: 8px;
}
@media (max-width: 767px) {
  .feature-03 .wrap dd span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .feature-03 .com-wrap {
    flex-wrap: wrap;
  }
}

/*============================*/
/* 04 BILDESによる施設一元管理 */
/*============================*/
.feature-04 .ttl {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 64px auto 40px;
}
@media (max-width: 767px) {
  .feature-04 .ttl {
    font-size: 20px;
    margin: 64px auto 40px;
  }
}
.feature-04 .ttl span {
  font-size: 20px;
}
@media (max-width: 767px) {
  .feature-04 .ttl span {
    font-size: 14px;
  }
}
.feature-04 .box01 {
  max-width: 800px;
  background-color: #ffea96;
  margin: 0 auto;
  padding: 24px 40px;
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .feature-04 .box01 {
    padding: 12px 16px;
    margin-bottom: 40px;
  }
}
.feature-04 .com-wrap {
  font-size: 18px;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .feature-04 .com-wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 0;
    font-size: 16px;
  }
}
.feature-04 .com-wrap figure {
  text-align: center;
}
.feature-04 .arrow {
  text-align: center;
  margin: 0 auto 40px;
}
@media (max-width: 767px) {
  .feature-04 .arrow {
    width: 60%;
    margin: 40px auto 24px;
  }
}
.feature-04 .box02 {
  max-width: 800px;
  border: solid 1px #333;
  margin: 0 auto;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .feature-04 .box02 {
    padding: 12px 16px;
  }
}
.feature-04 .img img {
  margin: 0 auto;
}

/*=========================*/
/* 06 災害対策ソリューション */
/*=========================*/
.feature-06 .com-wrap {
  justify-content: space-evenly;
  gap: 16px 2%;
  margin: 64px auto 0;
}
@media (max-width: 767px) {
  .feature-06 .com-wrap {
    flex-wrap: wrap;
    margin: 40px auto 0;
  }
}
.feature-06 .com-wrap .list-img {
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .feature-06 .com-wrap .list-img {
    flex-direction: row;
  }
}
.feature-06 .com-wrap .list-img li {
  width: 100%;
  max-width: 240px;
}
@media (max-width: 767px) {
  .feature-06 .com-wrap .list-img li {
    width: 49%;
  }
}
.feature-06 .wrap .txt {
  width: 100%;
  margin-bottom: 8px;
}
.feature-06 .wrap figure figcaption {
  display: block;
  font-weight: bold;
  padding-top: 8px;
}

/*=======================================*/
/* 07 脱炭素・環境対応など社会課題の解決支援 */
/*=======================================*/
.feature-07 .list-col3,
.feature-07 .list-col2 {
  gap: 16px 2%;
}
.feature-07 .list-col3 li,
.feature-07 .list-col2 li {
  text-align: center;
}
@media (max-width: 767px) {
  .feature-07 .list-col3 li,
.feature-07 .list-col2 li {
    width: 100%;
  }
}
.feature-07 .list-col3 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .feature-07 .list-col3 {
    margin-bottom: 24px;
  }
}
.feature-07 .feature-h01 {
  text-align: left;
}
.feature-07 .img {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .feature-07 .img {
    margin-bottom: 24px;
  }
}
/*# sourceMappingURL=feature.css.map */