@charset "UTF-8";
/*----------------------------------------------------------
sec01
------------------------------------------------------------*/
.top-menu {
  margin-top: 120px;
}
@media screen and (max-width: 1080px) {
  .top-menu {
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .top-menu {
    margin-top: 60px;
  }
}
@media screen and (max-width: 576px) {
  .top-menu {
    margin-top: 40px;
  }
}

.sec01 {
  margin-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1080px) {
  .sec01 {
    margin-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .sec01 {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 576px) {
  .sec01 {
    margin-top: 50px;
    padding-bottom: 40px;
  }
}
.sec01 .t-txt {
  color: #222 !important;
  margin-bottom: 0 !important;
  margin-top: 40px;
}
@media screen and (max-width: 1080px) {
  .sec01 .t-txt {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .sec01 .t-txt {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .sec01 .t-txt {
    margin-top: 20px;
  }
}
.sec01 .items {
  display: flex;
  flex-direction: column;
  gap: 120px;
  margin-top: 60px;
}
@media screen and (max-width: 1080px) {
  .sec01 .items {
    gap: 80px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .sec01 .items {
    gap: 60px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 576px) {
  .sec01 .items {
    gap: 40px;
    margin-top: 30px;
  }
}
.sec01 .items .h4-ttl {
  background-color: #d0dbf2;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 5px 20px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .sec01 .items .h4-ttl {
    font-size: 18px;
    padding: 3px 15px;
  }
}
@media screen and (max-width: 768px) {
  .sec01 .items .h4-ttl {
    font-size: 16px;
    padding: 2px 10px;
  }
}
@media screen and (max-width: 576px) {
  .sec01 .items .h4-ttl {
    font-size: 14px;
    padding: 1px 5px;
  }
}
.sec01 .items .h4-ttl:nth-of-type(1) {
  margin-top: 40px;
}
.sec01 .items .h4-ttl:not(:nth-of-type(1)) {
  margin-top: 30px;
}
.sec01 .items .h4-ttl + .txts {
  margin-top: 20px !important;
}
.sec01 .items .pb-13 {
  padding-bottom: 13px !important;
}
.sec01 .items .btn-flex {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 13px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 576px) {
  .sec01 .items .btn-flex {
    flex-direction: column;
    gap: 5px;
  }
}
.sec01 .items .btn-flex .c-btn {
  padding-bottom: 7px !important;
  padding-top: 7px !important;
}
.sec01 .items .btn-flex .fax {
  color: #033792;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .sec01 .items .btn-flex .fax {
    font-size: 14px;
  }
}
@media screen and (max-width: 576px) {
  .sec01 .items .btn-flex .fax {
    font-size: 12px;
  }
}

/* ーーーーーーーーーーーー'sec01 管理画面側'ーーーーーーーーーーーーーー*/
/* ーーーーーーーーーーーー'sec01 サイト表示側'ーーーーーーーーーーーーーー*/
/*----------------------------------------------------------
sec02
------------------------------------------------------------*/
/* ーーーーーーーーーーーー'sec02 管理画面側'ーーーーーーーーーーーーーー*/
/* ーーーーーーーーーーーー'sec02 サイト表示側'ーーーーーーーーーーーーーー*/
/*----------------------------------------------------------
sec03
------------------------------------------------------------*/
/* ーーーーーーーーーーーー'sec03 管理画面側'ーーーーーーーーーーーーーー*/
/* ーーーーーーーーーーーー'sec03 サイト表示側'ーーーーーーーーーーーーーー*/
/*----------------------------------------------------------
sec04
------------------------------------------------------------*/
/* ーーーーーーーーーーーー'sec04 管理画面側'ーーーーーーーーーーーーーー*/
/* ーーーーーーーーーーーー'sec04 サイト表示側'ーーーーーーーーーーーーーー*/
/*----------------------------------------------------------
sec05
------------------------------------------------------------*/
/* ーーーーーーーーーーーー'sec05 管理画面側'ーーーーーーーーーーーーーー*/
/* ーーーーーーーーーーーー'sec05 サイト表示側'ーーーーーーーーーーーーーー*/
/*# sourceMappingURL=sourcemaps/flow.css.map */