/* page-concept-about.php */
main {
  background-color: #dfdfdf;
}

.contents_area {
  padding-left: 17.5rem;
  z-index: 9999;
}


.sp {
  display: none;
}


/* fv */
.fv {
  width: 100%;
  height: 25rem;
  margin-bottom: 6rem;
}

.fv_image {
  width: 100%;
  height: 100%;
}



/* concept */
.concept {
  margin-bottom: 20rem;
}

.concept_textarea {
  margin-bottom: 10rem;
}

.title {
  font-size: 3rem;
  font-family: 'Alegreya Sans SC', serif;
  font-weight: 500;
  color: #000000;
  text-align: center;
  margin-bottom: 10rem;
}

.catchphrase {
  display: block;
  font-size: 2.2rem;
  font-family: 'しっぽり明朝', serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5rem;
  font-size: clamp(12px, 2.2rem, 22px);
}

.text {
  line-height: 2;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: 'Noto Sans JP', serif;
  text-align: center;
  font-size: clamp(12px, 1.8rem, 18px);
}

.text:nth-of-type(1) {
  margin-bottom: 4.8rem;
}

.concept_img_area {
  position: relative;
}

.image_right {
  position: absolute;
  width: 26.5rem;
  height: 39.5rem;
  bottom: 10rem;
  right: 0;
  /* max-width: 265px;
  max-height: 395px; */
}

.image_left {
  width: 55.3rem;
  height: 32.2rem;
  /* max-width: 553px;
  max-height: 322px; */
}



/* about */
.about {
  margin-bottom: 20rem;
}

.about_textarea {
  margin-bottom: 12rem;
}

.about_table {
  width: 82.25rem;
  margin-left: auto;
  margin-right: auto;
}

.about_lists {
  display: flex;
  flex-wrap: wrap;
}

.about_left_list,
.about_right_list {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
  font-family: 'Noto Sans JP', serif;
  border-bottom: 1px solid #FFFFFF;
  padding-top: 2.55rem;
  padding-bottom: 2.55rem;
  font-size: clamp(12px, 1.8rem, 18px);
}

.about_left_list:last-of-type,
.about_right_list:last-of-type {
  border-bottom: none;
}

.about_left_list {
  width: 12rem;
}

.about_right_list {
  width: 70.2rem;
  padding-left: 3rem;
}

.footer_visual {
  height: 48rem;
  width: 100%;
}

@media screen and (max-width: 699.98px) {

  .contents_area {
    margin-top: 7rem;
    padding-left: 0;
  }

  .sp {
    display: block;
  }

  .fv {
    margin-bottom: 2.5rem;
  }

  .fv_image {
    width: 37.5rem;
    height: 15rem;
  }

  .concept {
    margin-bottom: 15rem;
  }

  .concept_textarea {
    margin-bottom: 33.5rem;
  }

  .title {
    margin-bottom: 3rem;
  }

  .catchphrase {
    font-size: 2rem;
    margin-bottom: 2.5rem;
    font-size: clamp(12px, 2rem, 20px);
  }

  .text {
    font-size: 1.5rem;
    font-size: clamp(12px, 1.5rem, 15px);
  }

  .image_right {
    width: 17.4rem;
    height: 26rem;
    top: -30rem;
  }

  .image_left {
    position: absolute;
    width: 29.8rem;
    height: 17.4rem;
    top: -2.5rem;
  }

  .about {
    padding-top: 17.4rem;
    margin-bottom: 15rem;
  }

  .about_textarea {
    margin-top: 15rem;
    margin-bottom: 8.9rem;
  }

  .about_table {
    width: 34.5rem;
  }

  .about_lists {
    display: block;
  }

  .about_left_list,
  .about_right_list {
    font-size: 1.6rem;
    border-bottom: none;
    font-size: clamp(12px, 1.6rem, 16px);
  }

  .about_left_list {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
  }

  .about_right_list {
    width: 34.5rem;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #FFFFFF;
  }

  .footer_visual {
    width: 37.5rem;
    height: 22rem;
  }

}