@charset "utf-8";

/* ======================================
   Philosophy page
====================================== */

.philosophy-page-hero {
  margin-bottom: 64px;
}

/* --------------------------------------
   lead
-------------------------------------- */
.philosophy-lead {
  margin-bottom: 56px;
  padding: 0 5rem;
}

.philosophy-lead__text {
  color: var(--color-text);
  font-size: 1.4rem;
  line-height: 1.9;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.philosophy-lead__text_2 {
  color: var(--color-red);
  font-size: 1.8rem;
  line-height: 1.9;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 3rem 0;
}

.philosophy-lead-main img {
  width: 100%;
  height: auto;
}

/* --------------------------------------
   concept images
-------------------------------------- */
.philosophy-concept {
  margin-bottom: 72px;
}

.philosophy-concept__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.philosophy-concept__item img {
  display: block;
  width: 100%;
}

/* --------------------------------------
   section heading spacing
-------------------------------------- */
.philosophy-section-heading {
  margin-bottom: 32px;
}

/* --------------------------------------
   circles
-------------------------------------- */
.philosophy-circle-section {
  margin: 5rem;
}

.philosophy_main_1 {
  text-align: center;
}

.philosophy_main_1 img {
  width: 350px;
  height: auto;
}

.philosophy_main_2 {
  text-align: center;
}

.philosophy_main_2 img {
  width: 100%;
}

/* --------------------------------------
   action
-------------------------------------- */
.philosophy-action__list {
  border-top: 1px solid var(--color-line);
}

.philosophy-action__item {
  padding: 24px 0 26px;
  border-bottom: 1px solid var(--color-line);
}

.philosophy-action__title {
  margin-bottom: 8px;
  color: var(--color-red);
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
}

.philosophy-action__text {
  font-size: 1.7rem;
  line-height: 2;
  font-weight: 700;
}

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

.philosophy-lead {
  padding: 0;
}

.philosophy-circle-section {
  margin: 5rem 0;
}


}