@charset "UTF-8";
/* ========== ========== ==========
変数定義
========== ========== ========== */
/* ========== ========== ==========
共通部
========== ========== ========== */
/* 共通部ここまで
---------- ---------- */
/* ========== ========== ==========
個別部
========== ========== ========== */
.service {
  margin-bottom: clamp(64.67px, 7.58vw, 97px);
}
.service .sectionTitle2 {
  margin-bottom: clamp(42.67px, 5vw, 64px);
}
.service .sectionTitle3 {
  margin-bottom: clamp(50.67px, 5.94vw, 76px);
}
.service_business {
  display: flex;
  align-items: center;
  gap: 25px;
  width: calc((100% - 4.609375vw) / 2 - 0.2px);
  background-color: #F4F6FF;
  padding: clamp(46px, 5.39vw, 69px) 2.109375vw clamp(53.33px, 6.25vw, 80px) 2.109375vw;
}
.service_businesses {
  display: flex;
  gap: 20px 4.609375vw;
}
@media screen and (max-width: 768px) {
  .service_business {
    flex-direction: column;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 768px) {
  .service_business_image {
    margin-top: auto;
    width: 70%;
  }
}
.service_business_text1 {
  font-size: clamp(26.67px, 3.13vw, 40px);
  color: var(--color-main);
  display: inline-block;
  flex-shrink: 0;
  text-align: center;
}
.service_business_text1 span {
  display: block;
}

.feature {
  margin-bottom: 14.0625vw;
}
.feature_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5.78125vw;
}
.feature_li {
  width: calc((100% - 11.5625vw) / 3 - 0.2px);
}
@media screen and (max-width: 768px) {
  .feature_li {
    width: calc((100% - 5.78125vw) / 2 - 0.2px);
  }
}
.feature_li_image {
  height: clamp(150px, 17.265625vw, 250px);
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 20px;
}
.feature_li_title {
  text-align: center;
  font-size: clamp(18px, 2.34375vw, 30px);
  line-height: 1.3333333333;
  margin-bottom: clamp(34.67px, 4.06vw, 52px);
}
.feature_li_text {
  font-size: clamp(16px, 1.5625vw, 20px);
}

.ses {
  margin-bottom: clamp(72.67px, 8.52vw, 109px);
}
.ses_text1 {
  font-size: clamp(16px, 1.5625vw, 20px);
  margin-bottom: clamp(13.33px, 1.56vw, 20px);
}

.webBusiness {
  margin-bottom: clamp(66.67px, 7.81vw, 100px);
}
.webBusiness_ul {
  display: flex;
  gap: 43px;
}
.webBusiness_li {
  width: calc((100% - 43px) / 2 - 0.2px);
}
.webBusiness_li_title {
  font-size: clamp(18px, 2.34375vw, 30px);
  margin-bottom: clamp(34.67px, 4.06vw, 52px);
}
.webBusiness_li_text {
  font-size: clamp(16px, 1.5625vw, 20px);
}

.btns {
  margin-bottom: clamp(72px, 8.44vw, 108px);
}

/* 個別部ここまで
---------- ---------- */