@charset "UTF-8";
/* ----------------------------------------------------------
Main Visual：p-philosophy-mv
---------------------------------------------------------- */
.p-philosophy {
  /* ----------------------------------------------------------
	animated
	---------------------------------------------------------- */
  /* ----------------------------------------------------------
	Summary：p-philosophy-summary
	---------------------------------------------------------- */
  /* ----------------------------------------------------------
	Message：p-philosophy-message
	---------------------------------------------------------- */
}

.p-philosophy-mv {
  position: relative;
}

.p-philosophy-mv__ttl {
  line-height: 2;
  font-size: 2.9rem;
  letter-spacing: 0.2em;
  text-align: center;
  padding-top: 106px;
}

.p-philosophy .sticky-wrap {
  position: relative;
  height: 4000px;
  z-index: -1;
  top: -100px;
}

.js_isTablet .p-philosophy .sticky-wrap {
  height: 4800px;
}

.p-philosophy .sticky-img {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  background-image: url(../../img/philosophy/philosophy_img_pc.jpg);
  background-repeat: no-repeat;
  background-size: 1000px auto;
  background-position: center;
  z-index: -1;
}

.p-philosophy .animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
}

.p-philosophy .active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.p-philosophy .slowly-1 {
  transition: 2s;
  -webkit-animation-delay: 60s;
  animation-delay: 60s;
}

.p-philosophy-summary__inner {
  padding: 0 150px;
  margin: 0 auto;
}

.p-philosophy-summary__list {
  border: 1px solid #231815;
  padding: 42px 80px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 60px 0 60px 0;
  margin-bottom: 96px;
  text-align: center;
}

.p-philosophy-summary__number {
  line-height: 1;
  font-size: 3.5rem;
  padding-bottom: 20px;
  font-weight: bold;
}

.p-philosophy-summary__ttl {
  line-height: 1;
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  display: inline-block;
  border-bottom: 2px solid #231815;
  padding-bottom: 6px;
  margin-bottom: 48px;
}

.p-philosophy-summary__txt {
  text-align: left;
}

.p-philosophy-message__inner {
  line-height: 2;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #910426;
  margin-top: -190px;
  margin-bottom: 200px;
}

@media screen and (max-width: 559px) {
  .p-philosophy-mv__ttl {
    line-height: 1.57895;
    font-size: 1.9rem;
  }
  .p-philosophy .sticky-wrap {
    height: 3800px;
    top: 0px;
  }
  .p-philosophy .sticky-img {
    background-image: url(../../img/philosophy/philosophy_img_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    margin-top: -166px;
    z-index: -1;
  }
  .p-philosophy-summary__inner {
    padding: 0 20px;
  }
  .p-philosophy-summary__list {
    padding: 24px 29px;
  }
  .p-philosophy-summary__number {
    line-height: 1;
    font-size: 2.6rem;
  }
  .p-philosophy-summary__ttl {
    line-height: 1.38889;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    margin-bottom: 24px;
    display: block;
  }
  .p-philosophy-message__inner {
    line-height: 1.64706;
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    margin-top: -124px;
    margin-bottom: 80px;
  }
}