img {
  max-width: 100%;
  height: auto;
}

.font__weight_medium {
  font-weight: 500;
}

@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media (max-width: 767px) {
  .sp {
    display: block;
  }
}

.ttl__ptn1 {
  margin: 0 auto 4.2rem;
  line-height: 1.588;
  letter-spacing: 0.2em;
  font-feature-settings: 'palt';
  font-size: 3.4rem;
  font-weight: 500;
  color: #112265;
}

@media (max-width: 767px) {
  .ttl__ptn1 {
    font-size: 2rem;
  }
}

.ttl__ptn2 {
  font-feature-settings: 'palt';
  font-size: 3.2rem;
  font-weight: 500;
  color: #112265;
}

@media (max-width: 767px) {
  .ttl__ptn2 {
    font-size: 2rem;
  }
}

.ttl__ptn3 {
  font-feature-settings: 'palt';
  font-size: 3rem;
  font-weight: 500;
  color: #112265;
}

@media (max-width: 767px) {
  .ttl__ptn3 {
    font-size: 2rem;
  }
}

.ttl__ptn4 {
  display: inline-block;
  padding: 1rem 1.8rem;
  border-radius: 100px;
  box-sizing: border-box;
  background: #2f33af;
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  font-weight: 500;
  color: #FFF;
}

.ttl__ptn5 {
  line-height: 1.58333;
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  font-weight: 500;
  color: #112265;
}

.copy__ptn1 {
  margin: 0 auto 7.7rem;
  line-height: 2.0588;
  color: #112265;
}

@media (max-width: 767px) {
  .copy__ptn1 {
    text-align: left;
  }
}

.background__color_blue2 {
  background: #fbfcff;
}

.background__after_wave {
  position: relative;
}

.background__after_wave::after {
  content: "";
  background: url(../img/bg00.svg) no-repeat;
  background-size: cover;
  width: 100px;
  height: 160px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.text__color_blue3 {
  color: #2f33af;
}

.general {
  padding: 8.9rem 0 12rem;
}

@media (max-width: 767px) {
  .general {
    padding: 8rem 0 7rem;
  }
}

.general-about {
  padding: 0 0 8.6rem;
}

.general-about__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .general-about__block {
    flex-direction: column;
    padding-top: 6rem;
  }
}

.general-about__block::before {
  content: "";
  width: 33.4rem;
  height: 33.1rem;
  background: url(../img-sub/general/general_deco_01.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: -5.5rem;
  right: -14.4rem;
  z-index: -1;
}

@media (max-width: 767px) {
  .general-about__block::before {
    display: none;
  }
}

.general-about__block_img {
  width: 46.583%;
}

@media (max-width: 767px) {
  .general-about__block_img {
    width: 100%;
  }
}

.general-about__block_cont {
  width: 51%;
}

@media (max-width: 767px) {
  .general-about__block_cont {
    width: 100%;
    margin-top: 4rem;
  }
}

.general-about__block_ttl {
  margin: 0 0 2.4rem;
  line-height: 1.588;
  letter-spacing: 0.2em;
}

@media (max-width: 767px) {
  .general-about__block_ttl {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.general-about__block_desc {
  line-height: 2.0588;
  letter-spacing: 0.1em;
}

.general-condition {
  padding: 8.5rem 0 10rem;
}

.general-condition__ttl {
  margin: 0 auto 4rem;
  position: relative;
  line-height: 1.23;
  letter-spacing: 0.2em;
  text-align: center;
}

.general-condition__ttl::after {
  content: "";
  width: 24.5rem;
  height: 20.5rem;
  background: url(../img-sub/general/general_img_02.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: -19.8rem;
  right: -1.2rem;
}

@media (max-width: 767px) {
  .general-condition__ttl::after {
    width: calc(24.5rem / 1.6);
    height: calc(20.5rem / 1.6);
    top: calc(-19.8rem / 1.4);
    right: 1.2rem;
  }
}

.general-condition__lead {
  margin: 0 auto 6.6rem;
  line-height: 2.0588;
  letter-spacing: 0.1em;
  text-align: center;
}

@media (max-width: 767px) {
  .general-condition__lead {
    margin-bottom: 8rem;
    text-align: left;
  }
}

.general-condition__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 7.6rem;
}

@media (max-width: 767px) {
  .general-condition__head {
    flex-direction: column-reverse;
  }
}

.general-condition__head_img, .general-condition__head_cont {
  width: 50%;
}

@media (max-width: 767px) {
  .general-condition__head_img, .general-condition__head_cont {
    width: 100%;
  }
}

.general-condition__head_cont {
  padding-left: 5rem;
}

@media (max-width: 767px) {
  .general-condition__head_cont {
    padding: 4rem 0 0;
  }
}

.general-condition__head_sub {
  margin: 0 0 2rem;
}

.general-condition__head_ttl {
  margin: 0 0 3.4rem;
}

.general-condition__head_desc {
  line-height: 2.0588;
  letter-spacing: 0.1em;
}

.general-condition__block {
  padding: 9rem 9rem 8.4rem;
  border-radius: 1.5rem;
  box-sizing: border-box;
  background: #FFF;
}

@media (max-width: 991px) {
  .general-condition__block {
    padding: 9rem 4.5rem 8.4rem;
  }
}

@media (max-width: 767px) {
  .general-condition__block {
    padding: 6rem 2rem;
  }
}

.general-condition__block + .general-condition__block {
  margin-top: 6rem;
}

.general-condition__block_ttl {
  margin: 0 auto 4rem;
  letter-spacing: 0.2em;
  text-align: center;
}

.general-condition__block_lead {
  margin: 0 auto 6rem;
  line-height: 2.0588;
  letter-spacing: 0.1em;
  text-align: center;
}

@media (max-width: 767px) {
  .general-condition__block_lead {
    text-align: left;
  }
}

.general-condition__block_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .general-condition__block_flex {
    flex-direction: column;
  }
}

.general-condition__block_flex-img {
  width: 45.098%;
}

@media (max-width: 767px) {
  .general-condition__block_flex-img {
    width: 100%;
  }
}

.general-condition__block_flex-cont {
  width: 50%;
}

@media (max-width: 767px) {
  .general-condition__block_flex-cont {
    width: 100%;
    padding-top: 4rem;
  }
}

.general-condition__block_flex-ttl {
  margin: 0 0 3.5rem;
  letter-spacing: 0.1em;
}

.general-condition__block_flex-desc {
  line-height: 2.0855;
  letter-spacing: 0.1em;
}

.general-condition__block_singleimg {
  margin: 4.2rem auto 0;
}

@media (max-width: 767px) {
  .general-condition__block_singleimg {
    margin-bottom: 4rem;
  }
}

.general-condition__block_singleimg-ttl {
  margin: 7.3rem auto 0;
  text-align: center;
}

.general-condition__block_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3rem;
  margin: 6.2rem auto 0;
}

@media (max-width: 767px) {
  .general-condition__block_grid {
    grid-template-columns: 100%;
    row-gap: 6rem;
  }
}

.general-condition__block_grid-cont {
  padding: 2rem 0 0;
}

.general-condition__block_grid-ttl {
  margin: 0 auto 2rem;
  letter-spacing: 0.05em;
  text-align: center;
}

.general-condition__block_grid-caption {
  line-height: 1.666;
  letter-spacing: 0.1em;
  color: #112265;
}

.general-condition__block_grid-sign {
  margin: 0 auto;
  padding: 1.5rem 0;
  border-radius: 1rem;
  box-sizing: border-box;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  font-size: 2.1rem;
  font-weight: 500;
  color: #FFF;
}

@media (max-width: 767px) {
  .general-condition__block_grid-sign {
    font-size: calc(2.1rem * 0.823);
  }
}

.general-condition__grid_sign-01 {
  background: #3b5cad;
}

.general-condition__grid_sign-02 {
  background: #253d89;
}

.general-condition__grid_sign-03 {
  background: #112265;
}

.general-cleaning {
  display: flex;
  justify-content: space-between;
  margin: 7.5rem auto 0;
}

@media (max-width: 767px) {
  .general-cleaning {
    flex-direction: column;
  }
}

.general-cleaning__img {
  width: 46.37%;
}

@media (max-width: 767px) {
  .general-cleaning__img {
    width: 100%;
  }
}

.general-cleaning__cont {
  width: 50%;
  padding-left: 3rem;
}

@media (max-width: 767px) {
  .general-cleaning__cont {
    width: 100%;
    padding-left: 0;
  }
}

.general-cleaning__box {
  margin: 0;
}

@media (max-width: 767px) {
  .general-cleaning__box {
    margin-top: 3rem;
  }
}

.general-cleaning__box + .general-cleaning__box {
  margin-top: 3rem;
}

.general-cleaning__box_ttl {
  margin: 0 0 2rem;
  padding-left: 5rem;
  position: relative;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #243a90;
}

.general-cleaning__box_ttl::before {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: #2f33af;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: quicksand;
  font-weight: 700;
  color: #FFF;
}

.general-cleaning__box_cont {
  line-height: 1.6666;
  letter-spacing: 0.1em;
  color: #112265;
}

.general-cleaning__box_01::before {
  content: "01";
}

.general-cleaning__box_02::before {
  content: "02";
}

.general-cleaning__box_03::before {
  content: "03";
}

@media (max-width: 767px) {
  .scroll-wrap {
    padding: 0 0 1rem;
    overflow: hidden;
    overflow-x: auto;
  }
  .scroll-wrap img {
    width: calc(168rem / 3);
    max-width: initial;
  }
  .scroll-wrap__caption {
    text-align: right;
  }
}