@charset "UTF-8";
/* ===============================================
# ブラウザ幅でフォントサイズを変える関数
=============================================== */
/* ===============================================
# remのclamp
=============================================== */
/* ===============================================
# サービス内容
=============================================== */
#service .l-sv-head {
  background: url(../img/service_bg001.webp) no-repeat center center/cover;
  padding: max(5.2083333333vw, 80px) 0;
}
@media (max-width: 767px) {
  #service .l-sv-head {
    background-image: url(../img/sp_service_bg001.webp);
    padding: 50px 0 60px;
  }
}
#service .l-sv-head p,
#service .l-sv-head h2 {
  color: #fff;
}
#service .l-sv-head__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 3.125vw;
}
@media (max-width: 767px) {
  #service .l-sv-head__box {
    display: block;
  }
}
#service .l-sv-head__box > * {
  width: calc((100% - 3.125vw * 1) / 2 - 1px);
}
@media (max-width: 767px) {
  #service .l-sv-head__box > * {
    width: 100%;
  }
}
#service .l-sv-head__subTtl {
  display: block;
  font-size: 0.5416666667em;
  margin-bottom: 0.7692307692em;
}
#service .l-sv-head__textBox p:not(:first-of-type) {
  margin-top: 0.8888888889em;
}
#service .l-sv-archive {
  padding: max(6.25vw, 100px) 0 max(8.3333333333vw, 120px);
  background: #F2F4F8;
}
@media (max-width: 767px) {
  #service .l-sv-archive {
    padding: 50px 0 60px;
  }
}
@media (min-width: 768px) {
  #service .l-sv-archive .c-en-h2 {
    margin-bottom: 0.5em;
  }
}
#service .l-sv-archive__box:not(:first-of-type) {
  margin-top: 100px;
}
@media (max-width: 767px) {
  #service .l-sv-archive__box:not(:first-of-type) {
    margin-top: 50px;
  }
}
#service .l-sv-archive .archiveBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px 40px;
}
@media (max-width: 767px) {
  #service .l-sv-archive .archiveBox {
    gap: 20px;
  }
}
#service .l-sv-archive .archiveBox__item {
  width: calc((100% - 40px) / 2 - 1px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  #service .l-sv-archive .archiveBox__item {
    width: 100%;
  }
}
#service .l-sv-archive .archiveBox__item > a {
  background: #fff;
  padding: 30px 30px 40px;
  display: block;
  color: #1A2942;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: solid 2px #fff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  #service .l-sv-archive .archiveBox__item > a {
    padding: 20px 6% 26px;
  }
}
#service .l-sv-archive .archiveBox__item > a:hover {
  border-color: #178CD9;
}
#service .l-sv-archive .archiveBox__item .c-sec-h3 {
  margin-bottom: 0.5em;
}
#service .l-sv-archive .archiveBox__item .arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  background: #178CD9;
  width: 30px;
  height: 30px;
  bottom: 20px;
  right: 20px;
}
@media (max-width: 767px) {
  #service .l-sv-archive .archiveBox__item .arrow {
    width: 24px;
    height: 24px;
    bottom: 10px;
    right: 10px;
  }
}
#service .l-sv-archive .archiveBox__item .arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 47%;
  right: auto;
  margin: auto;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
#service .l-sv-archive2 {
  overflow-x: hidden;
  padding-bottom: max(6.25vw, 100px);
}
@media (max-width: 767px) {
  #service .l-sv-archive2 {
    padding-bottom: 60px;
  }
}
#service .l-sv-archive2__img {
  position: relative;
  z-index: 0;
}
#service .l-sv-archive2__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1920/620;
}
@media (max-width: 767px) {
  #service .l-sv-archive2__img img {
    aspect-ratio: 375/407;
  }
}
@media (max-width: 767px) {
  #service .l-sv-archive2__ttlWrap {
    padding: 0;
    width: 100%;
  }
}
#service .l-sv-archive2__ttl {
  background: #fff;
  position: relative;
  z-index: 1;
  margin-top: -2.3958333333em;
  margin-bottom: 1.25em;
  text-decoration: underline;
  padding-top: 1.0416666667em;
  font-size: clamp(3.6rem, 3.074670571vw, 4.8rem);
}
@media (max-width: 767px) {
  #service .l-sv-archive2__ttl {
    font-size: 5.3333333333vw;
    max-width: 77.3333333333%;
    padding: 0.75em 1em;
    margin-right: 0;
    margin-left: auto;
    margin-top: -3.5em;
  }
}
@media (min-width: 768px) {
  #service .l-sv-archive2__ttl::before {
    content: "";
    display: block;
    width: 3.125vw;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: calc(100% - 1px);
  }
}
@media (min-width: 768px) {
  #service .l-sv-archive2__ttl::after {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 1px);
    right: auto;
  }
}
#service .l-sv-archive2__subTtl {
  color: #178CD9;
  padding-left: 1.375em;
  margin-bottom: 0.9375em;
}
#service .l-sv-archive2__subTtl.no1 {
  background: url(../img/service_img006.svg) no-repeat left center/1.0625em;
}
#service .l-sv-archive2__subTtl.no2 {
  background: url(../img/service_img007.svg) no-repeat left center/1.0625em;
}
#service .l-sv-archive2__subTtl.no3 {
  background: url(../img/service_img008.svg) no-repeat left center/1.0625em;
}
#service .l-sv-archive2__box:not(:first-of-type) {
  margin-top: 60px;
}
@media (max-width: 767px) {
  #service .l-sv-archive2__box:not(:first-of-type) {
    margin-top: 40px;
  }
}
#service .l-sv-archive2 .archive2Box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px 40px;
}
@media (max-width: 767px) {
  #service .l-sv-archive2 .archive2Box {
    gap: 20px;
  }
}
#service .l-sv-archive2 .archive2Box__item {
  border: solid 1px rgba(26, 41, 66, 0.2);
  padding: 30px;
  width: calc((100% - 40px) / 2 - 1px);
}
@media (max-width: 767px) {
  #service .l-sv-archive2 .archive2Box__item {
    width: 100%;
    padding: 20px 6% 26px;
  }
}
#service .l-sv-archive2 .archive2Box__ttl {
  font-size: clamp(2.2rem, 1.756954612vw, 2.6rem);
  margin-bottom: 0.8461538462em;
}
@media (max-width: 767px) {
  #service .l-sv-archive2 .archive2Box__ttl {
    font-size: 1.8rem;
  }
}
#service .l-sv-archive2 .archive2Box__ttl .sub {
  font-size: 0.7692307692em;
  display: inline-block;
}/*# sourceMappingURL=page.css.map */