@charset "UTF-8";
/**************************************/
/* -------------------------
 * 共通
 * ------------------------- */
/* 改行 */
.br-sp {
  display: none;
}
@media (max-width: 834px) {
  .br-sp {
    display: block;
  }
}

.no-br-sp {
  display: block;
}
@media (max-width: 834px) {
  .no-br-sp {
    display: none;
  }
}

/* フォントサイズ */
.f34 {
  font-size: 3.4rem;
}
@media (max-width: 1667px) {
  .f34 {
    font-size: 2.9rem;
  }
}
@media (max-width: 834px) {
  .f34 {
    font-size: 1.925rem;
  }
}

/* -------------------------
 * コンテンツ
 * ------------------------- */
.philosophy-main .pad {
  padding-top: 120px;
}
@media (max-width: 1667px) {
  .philosophy-main .pad {
    padding-top: 6vw;
  }
}
@media (max-width: 834px) {
  .philosophy-main .pad {
    padding-top: 50px;
  }
}

.philosophy-cont__item {
  display: grid;
  grid-template-columns: 28.5% 1fr;
  gap: 20px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
@media (max-width: 834px) {
  .philosophy-cont__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.philosophy-cont__item:nth-child(1) {
  padding-bottom: 80px;
}
@media (max-width: 834px) {
  .philosophy-cont__item:nth-child(1) {
    padding-bottom: 40px;
  }
}
.philosophy-cont__item:nth-child(2) {
  padding-block: 80px;
}
@media (max-width: 834px) {
  .philosophy-cont__item:nth-child(2) {
    padding-block: 40px;
  }
}
.philosophy-cont__item:nth-child(3) {
  padding-block: 100px 120px;
}
@media (max-width: 834px) {
  .philosophy-cont__item:nth-child(3) {
    padding-block: 40px;
  }
}

.philosophy-cont__ttl {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 1.1em;
}
.philosophy-cont__ttl::before {
  content: "";
  position: absolute;
  top: 31%;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/common/sec-icon.webp) no-repeat center/contain;
}

.philosophy-cont__catch + .philosophy-cont__txt {
  margin-top: 60px;
}
@media (max-width: 834px) {
  .philosophy-cont__catch + .philosophy-cont__txt {
    margin-top: 25px;
  }
}

.philosophy-cont__policy-list > li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 3%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .philosophy-cont__policy-list > li {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-template-areas: "num catch" "txt txt";
  }
}
.philosophy-cont__policy-list > li + li {
  margin-top: 50px;
}
@media (max-width: 834px) {
  .philosophy-cont__policy-list > li + li {
    margin-top: 20px;
  }
}

.philosophy-cont__policy-list-num {
  border-radius: 16px;
  background-color: #15950d;
  border-radius: 100vmax;
  text-align: center;
  width: 64px;
  aspect-ratio: 64/33;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .philosophy-cont__policy-list-num {
    grid-area: num;
    font-size: 1.3rem;
    width: 45px;
  }
}

.philosophy-cont__policy-list-txt {
  margin-top: 10px;
}
@media (max-width: 834px) {
  .philosophy-cont__policy-list-txt {
    grid-area: txt;
  }
}

@media (max-width: 834px) {
  .philosophy-cont__policy-list-catch {
    grid-area: catch;
    line-height: 1.2;
  }
}

@media (max-width: 834px) {
  .philosophy-cont__policy-list-body {
    display: contents;
  }
}/*# sourceMappingURL=philosophy.css.map */