/*********************/
.head_txt {
  font: 6.6rem/1.5em "Urbanist", "sans-serif";
  letter-spacing: 0.319em;
  text-align: center;
  color: #006934;
  padding: 0 80px;
  margin: 0 auto 20px; }

@media (max-width: 1280px) {
  .head_txt {
    font: 5vw/1.5em "Urbanist", "sans-serif"; } }
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .head_txt {
    padding: 0 0px;
    font: 5.5vw/1.5em "Urbanist", "sans-serif"; } }
/*max-width:768px*/
/*max-width:480px*/
/*********************/
.philosophy_green {
  background-color: #006934;
  color: #fff;
  padding: 100px 0;
  margin: 0 auto 166px; }
  .philosophy_green .flex {
    max-width: 1366px;
    width: calc(100% - 140px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }
  .philosophy_green .txt {
    width: calc(100% - 500px);
    padding: 0 0 0 70px; }
  .philosophy_green h3 {
    font: 5rem/1em "Urbanist", "sans-serif";
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 50px; }
    .philosophy_green h3 small {
      letter-spacing: 0.02em;
      padding: 5px 0 0;
      display: block;
      font: 2rem/1em "Noto Sans", sans-serif;
      font-weight: 700; }
  .philosophy_green p {
    letter-spacing: 0.02em;
    font: 2.8rem/2em "Noto Sans", sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph; }

@media (max-width: 1280px) {
  .philosophy_green .flex {
    width: 100%;
    padding: 0 80px 0 40px; }
  .philosophy_green img {
    width: 450px; }
  .philosophy_green .txt {
    width: calc(100% - 450px);
    padding: 0 0 0 60px; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .philosophy_green .flex {
    width: 100%;
    padding: 0 40px; }
  .philosophy_green img {
    width: 450px;
    display: block;
    margin: 0 auto 40px; }
  .philosophy_green .txt {
    width: 100%;
    max-width: 685px;
    margin: 0 auto;
    padding: 0; }
    .philosophy_green .txt h3 {
      text-align: center; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .philosophy_green {
    margin: 0 auto 100px; }
    .philosophy_green .flex {
      padding: 0 30px; }
    .philosophy_green img {
      width: 350px; }
    .philosophy_green .txt {
      width: 100%;
      max-width: 480px; }
    .philosophy_green p {
      letter-spacing: 0.02em;
      font: 2.4rem/2em "Noto Sans", sans-serif;
      font-weight: 700; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .philosophy_green {
    padding: 60px 0;
    margin: 0 auto 100px; }
    .philosophy_green .flex {
      padding: 0 20px; }
    .philosophy_green p {
      letter-spacing: 0.02em;
      font: 2.2rem/2em "Noto Sans", sans-serif;
      font-weight: 700; } }
/*max-width:480px*/
/*********************/
.philosophy_box {
  max-width: 1200px;
  width: calc(100% - 140px);
  margin: 0 auto 200px; }
  .philosophy_box:last-of-type {
    margin-bottom: 0; }
  .philosophy_box h3 {
    color: #006934;
    font: 5rem/1em "Urbanist", "sans-serif";
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 50px; }
    .philosophy_box h3 small {
      letter-spacing: 0.02em;
      padding: 5px 0 0;
      display: block;
      font: 2rem/1em "Noto Sans", sans-serif;
      font-weight: 700; }
  .philosophy_box h4 {
    width: fit-content;
    margin: 0 0 45px;
    font: 8rem/1em "Noto Serif", serif;
    font-weight: 400;
    letter-spacing: 0.06em; }
    .philosophy_box h4 br {
      display: none; }
    .philosophy_box h4 strong {
      font-weight: 400;
      background: linear-gradient(transparent 70%, #FDFF00 0%) center bottom 10px;
      display: inline; }
    .philosophy_box h4 span {
      margin: 15px 0 0;
      letter-spacing: 0.1em;
      font: 2.4rem/1em "Noto Sans", sans-serif;
      font-weight: 500;
      display: block;
      text-align: center; }
  .philosophy_box p {
    font: 2.4rem/2.4em "Noto Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-align: justify;
    text-justify: inter-ideograph; }
    .philosophy_box p span {
      display: block; }
    .philosophy_box p br {
      display: none; }
  .philosophy_box ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  .philosophy_box li {
    border: 2px solid #6ABD93;
    width: calc((100% - 40px)/3);
    max-width: 350px;
    padding: 70px 30px 30px;
    border-radius: 20px; }
    .philosophy_box li h4 {
      margin: 0 auto 45px;
      font: 3.8rem/1em "Noto Serif", serif;
      font-weight: 400; }
    .philosophy_box li p {
      font: 2rem/2.4em "Noto Sans", sans-serif;
      font-weight: 500;
      letter-spacing: 0.02em; }
      .philosophy_box li p br {
        display: block; }

@media (max-width: 1280px) {
  .philosophy_box h4 {
    font: 6vw/1em "Noto Serif", serif;
    font-weight: 400; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .philosophy_box {
    max-width: 768px;
    width: calc(100% - 80px); }
    .philosophy_box h4 {
      font: 6.2vw/1em "Noto Serif", serif;
      font-weight: 400; }
    .philosophy_box ul {
      width: 100%;
      display: block; }
    .philosophy_box li {
      width: 100%;
      max-width: 100%;
      margin: 0 auto 30px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .philosophy_box {
    max-width: 768px;
    width: calc(100% - 60px); }
    .philosophy_box h4 {
      text-align: center;
      font: 8.5vw/1.5em "Noto Serif", serif;
      font-weight: 400;
      margin: 0 auto 30px; }
      .philosophy_box h4 br {
        display: block; }
      .philosophy_box h4 span {
        margin: 5px auto 0;
        font: 2rem/1em "Noto Sans", sans-serif;
        font-weight: 500; }
    .philosophy_box ul {
      width: 100%;
      display: block; }
    .philosophy_box li {
      width: 100%;
      max-width: 100%;
      margin: 0 auto 30px; }
    .philosophy_box p {
      font: 2.2rem/2.4em "Noto Sans", sans-serif;
      font-weight: 500;
      letter-spacing: 0.02em; }
      .philosophy_box p span {
        display: inline; }
      .philosophy_box p br {
        display: block; }
    .philosophy_box li {
      padding: 40px 25px 20px;
      border-radius: 20px; }
      .philosophy_box li h4 {
        margin: 0 auto 25px;
        font: 3.2rem/1em "Noto Serif", serif;
        font-weight: 400; }
      .philosophy_box li p {
        font: 2rem/2.4em "Noto Sans", sans-serif;
        font-weight: 500;
        letter-spacing: 0.02em; }
        .philosophy_box li p br {
          display: block; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .philosophy_box {
    margin: 0 auto 100px;
    max-width: 768px;
    width: calc(100% - 40px); }
    .philosophy_box h4 {
      text-align: center;
      font: 9vw/1.5em "Noto Serif", serif;
      font-weight: 400;
      margin: 0 auto 30px; }
      .philosophy_box h4 br {
        display: block; }
      .philosophy_box h4 span {
        margin: 5px auto 0;
        font: 1.8rem/1em "Noto Sans", sans-serif;
        font-weight: 500; }
    .philosophy_box p {
      font: 1.8rem/2.2em "Noto Sans", sans-serif;
      font-weight: 500;
      letter-spacing: 0.02em; }
    .philosophy_box li h4 {
      margin: 0 auto 25px;
      font: 3rem/1em "Noto Serif", serif;
      font-weight: 400; }
    .philosophy_box li p {
      font: 1.8rem/2.2em "Noto Sans", sans-serif;
      font-weight: 500;
      letter-spacing: 0.02em; } }
/*max-width:480px*/