#future,
#society,
#governance {
  margin-top: -150px;
  padding-top: 150px;
}
.subpage.sustainability .mission_block {
  max-width: 1150px;
  margin: auto;
}
.subpage.sustainability .mission_block .mission_content {
  margin-top: min(2.2727272727vw, 50px);
}
.subpage.sustainability .mission_block .headline {
  font-size: min(2.0909090909vw, 46px);
  text-align: center;
}
.subpage.sustainability .mission_block .headline h4 {
  color: #3a9d28;
}
.subpage.sustainability .mission_block .headline p {
  font-size: min(0.7272727273vw, 16px);
  font-weight: 600;
  line-height: 2.25;
  margin-top: clamp(20px, 2.2727272727vw, 50px);
}
.subpage.sustainability .mission_block .detail {
  margin-top: min(2.7272727273vw, 60px);
  padding-bottom: 100px;
}
.subpage.sustainability .mission_block .detail .main_image {
  max-width: 928px;
  margin: auto;
}
.subpage.sustainability .philosophy_block .mission_content {
  margin-top: min(2.2727272727vw, 50px);
}
.subpage.sustainability .philosophy_block .headline {
  font-size: min(2.0909090909vw, 46px);
  text-align: center;
}
.subpage.sustainability .philosophy_block .headline h4 {
  color: #3a9d28;
}
.subpage.sustainability .philosophy_block .headline p {
  font-size: min(0.7272727273vw, 16px);
  font-weight: 600;
  line-height: 2.25;
  margin-top: clamp(20px, 2.2727272727vw, 50px);
}
.subpage.sustainability .philosophy_block .detail {
  margin-top: min(2.7272727273vw, 60px);

}
.subpage.sustainability .philosophy_block .detail .main_image {
  max-width: 928px;
  margin: auto;
}
.subpage.sustainability .philosophy_block .detail .detail_content {
  display: flex;
  gap: min(2vw, 32px);
  margin-top: clamp(32px, 2.2727272727vw, 50px);
}
.subpage.sustainability .philosophy_block .detail .detail_content li {
  width: auto;
  flex: 1;
  border-radius: 17px;
  background-color: #f8f8ef;
  padding: min(2.4545454545vw, 32px);
}
.subpage.sustainability .philosophy_block .detail .detail_content .title {
  font-size:22px;
  font-weight: 600;
}
.subpage.sustainability .philosophy_block .detail .detail_content .num {
  margin-right: clamp(12px, 1.8181818182vw, 40px);
}
.subpage.sustainability .philosophy_block .detail .detail_content .lead {
  font-size: min(1.7272727273vw, 16px);
  line-height: 1.8;
  margin-top: clamp(20px, 1.6363636364vw, 36px);
}
.subpage.sustainability .philosophy_block,
.subpage.sustainability .vision_block {
  max-width: 960px;
  margin: clamp(60px, 7.2727272727vw, 160px) auto 0;
}
.subpage.sustainability .philosophy_block {
  padding-bottom: 100px;
}
.subpage.sustainability .philosophy_block .main_image,
.subpage.sustainability .vision_block .main_image {
  width: 100%;
  margin-top: clamp(20px, 2.2727272727vw, 50px);
}
.subpage.sustainability .philosophy_block .main_image img,
.subpage.sustainability .vision_block .main_image img {
  border-radius: 20px;
}
.subpage.sustainability .philosophy_block .detail_content,
.subpage.sustainability .vision_block .detail_content {
  margin-top: clamp(32px, 2.5909090909vw, 60px);
}
.subpage.sustainability .philosophy_block .detail_content h4,
.subpage.sustainability .vision_block .detail_content h4 {
  text-align: center;
  font-size: 26px;
}
.subpage.sustainability .philosophy_block .detail_content p.tex,
.subpage.sustainability .vision_block .detail_content p {
  width: 80.2083333333%;
  font-size: min(1.7272727273vw, 16px);
  line-height: 2.25;
  margin: clamp(20px, 2.5909090909vw, 60px) auto 0;
}

/* --- レイアウト --- */
.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;  
  margin-top:60px;
  margin-bottom:50px;
}

/* --- 各アイテム（円） --- */
.item {
  position: relative;
  width: 280px;
  height: 280px;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 30px 40px;  /* 上: 番号のスペース／下: 矢印のスペース */
}

/* --- 番号 --- */
.number {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px;
  font-weight: 700;
  background-color: white;
    padding: 0 20px;
}

.wrapper a {
  text-decoration: none;
}
.item:nth-child(1) .number { color: #d6455f; }  /* 赤 */
.item:nth-child(2) .number { color: #d89d00; }  /* オレンジ */
.item:nth-child(3) .number { color: #00724d; }  /* グリーン */


/* --- 見出し／本文 --- */
.item h3 {
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  margin: 0 0 16px;
      color: #000;
  text-decoration:none;
}

.item p {
  font-size: 15px;
  line-height: 1.8;
      color: #000;
  margin: 0 0 32px;
  text-decoration:none;
}

/* --- 下向き矢印 --- */
.arrow {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #666;
}
@media screen and (max-width: 1079px) {
  .subpage.sustainability .mission_block .mission_content {
    margin-top: min(8.5714285714vw, 60px);
  }
  .subpage.sustainability .mission_block .headline {
    font-size: min(5.7142857143vw, 40px);
    text-align: center;
  }
  .subpage.sustainability .mission_block .headline p {
    font-size: min(2.2857142857vw, 16px);
  }
  .subpage.sustainability .mission_block .detail {
    margin-top: min(10.2857142857vw, 72px);
  }
  .subpage.sustainability .mission_block .detail .detail_content {
    flex-direction: column;
    gap: min(3.4285714286vw, 24px);
  }
  .subpage.sustainability .mission_block .detail .detail_content li {
    width: 100%;
    flex: auto;
    padding: min(8.8571428571vw, 52px) min(6.8571428571vw, 48px);
  }
  .subpage.sustainability .mission_block .detail .detail_content .title {
    font-size: clamp(22px, 4.5714285714vw, 32px);
  }
  .subpage.sustainability .mission_block .detail .detail_content .lead {
    font-size: clamp(15px, 2.2857142857vw, 16px);
  }
  .subpage.sustainability .philosophy_block,
  .subpage.sustainability .vision_block {
    position: relative;
  }
  .subpage.sustainability .philosophy_block .main_image,
  .subpage.sustainability .vision_block .main_image {
    width: 100%;
    position: relative;
  
  }
  .subpage.sustainability .philosophy_block .detail_content h4,
  .subpage.sustainability .vision_block .detail_content h4 {
    font-size: clamp(22px, 4.5714285714vw, 32px);
  }
  .subpage.sustainability .philosophy_block .detail_content p,
  .subpage.sustainability .vision_block .detail_content p {
    width: 100%;
    font-size: clamp(15px, 2.2857142857vw, 16px);
  }
  .subpage.sustainability .philosophy_block .detail_content p.tex,
.subpage.sustainability .vision_block .detail_content p {
  width: 100%;
  font-size: min(2.8vw, 16px);
  line-height: 2.25;
  margin: clamp(20px, 2.5909090909vw, 60px) auto 0;
}
.subpage.sustainability .philosophy_block .detail .detail_content {
  display:block;
}
.subpage.sustainability .philosophy_block .detail .detail_content li {
  margin-bottom: 15px;
  padding: 30px;
}
.subpage.sustainability .philosophy_block .detail .detail_content .lead {
  font-size: 14px;
}
.subpage .subpage_contents_wrap {
  margin-bottom: 0px;
}
}

.cont {
  width: 150px;
  margin-top: 25px;
  margin: 23px auto;
}