@charset "utf-8";
/*===========================================================================
all
==========================================================================*/
/*:::::::::::【背景】::::::::::*/
.back {
  padding: 150px 0;
}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
  .back {
    padding: 100px 0;
  }
}
@media (max-width:900px) {
  .back {
    padding: 100px 0;
  }
}
@media (max-width:600px) {}
@media (max-width:450px) {}
@media (max-width: 400px) {}
/*:::::::::::【横幅】::::::::::*/
.width {
  max-width: 70%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
@media (max-width:1500px) {}
@media (max-width:1400px) {
  .width {
    max-width: 80%;
  }
}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
}
@media (max-width:900px) {
  .width {
    max-width: 90%;
  }
}
@media (max-width:600px) {}
@media (max-width:450px) {}
@media (max-width: 400px) {}
/*:::::::::::【コンテンツ】::::::::::*/
.contents {
  position: relative;
  /*
  margin: 100px auto 0 auto;
*/
}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
  .contents {
    /*
    margin: 50px auto 0 auto;
*/
  }
}
@media (max-width:900px) {
  .contents {
    /*
    margin: 50px auto 0 auto;
*/
  }
}
@media (max-width:600px) {}
@media (max-width:450px) {}
@media (max-width: 400px) {}
/*========================================================================
【冒頭】
========================================================================*/
/*:::::::::::【イメージ】::::::::::*/
.p-img .p-img1 {
  background-image: url("../image/service/b-img01.png");
  background-position: center;
  background-size: cover;
}
.p-img .p-img2 {
  background-image: url("../image/service/b-img02.png");
  background-position: center;
  background-size: cover;
}
/*========================================================================
【サービス紹介】
========================================================================*/
/*:::::::::::【背景・横幅】::::::::::*/
/*:::::::::::【コンテンツ】::::::::::*/
.s-cont li.s-flex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 150px;
}
.s-cont li.s-flex:first-child {
  margin-top: 150px;
}
.s-flex img {
  width: 40%;
}
.s-flex dl {
  width: 40%;
}
.s-flex dt {
  font-size: clamp(1.25rem, 1.065rem + 0.78vw, 2rem);
}
@media (max-width:1500px) {}
@media (max-width:1400px) {}
@media (max-width:1280px) {}
@media (min-height:1366px) { /*ipad pro*/
}
@media (max-width:900px) {}
@media (max-width:600px) {
  .s-cont li.s-flex {
    flex-direction: column;
    margin-bottom: 120px;
  }
  .s-cont li.s-flex:first-child {
    margin-top: 50px;
  }
  .s-flex img {
    width: 100%;
  }
  .s-flex dl {
    width: 100%;
    margin-top: 20px;
  }
  .s-flex dt {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width:450px) {
  .s-cont li.s-flex {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 100px;
  }
}
@media (max-width: 400px) {}