@charset "UTF-8";

:root {
  --color-green-dark: #006d3c;
  --color-green-mid: #008a4a;
  --color-green-light: #d8efd8;
  --color-green-pale: #e8f5e8;
  --color-text: #1a1a1a;
  --color-text-sub: #333;
  --color-white: #fff;
  --inner-max: 1440px;
  --inner-pad: 20px;
  --header-h-pc: 100px;
  --header-h-sp: 76px;
  --radius-pill: 999px;
  --radius-box: 12px;
}


/* message_box
***************************************************************/
.message_mv{
  margin-top: 55px;
}

.message_box{
  margin-top: clamp(45px, 5.8vw, 90px);

  .com_txt{
    margin-top: 1em;
  }

}


/*--------------------PC--------------------*/
@media all and (min-width:1025px){
  .message_box{
    display: flex;
    justify-content: space-between;
  }
  
}

@media all and (max-width:1024px){
  .message_box{
    .box_img{
      width: 80%;
      max-width: 468px;
      margin: 25px auto 0;
    }
  }

}


/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
  .message_mv{
    margin-top: 25px;
  }

  .message_box{
    .box_img{
      width: 100%;
    }
  }

}


/* philosophy_wrap
***************************************************************/
.philosophy_wrap{
  margin-top: 35px;
}

.philosophy_box{
  margin-top: 70px;

  dt{
    font-size: 24px;
    font-weight: 700;
    color: var(--color-green-dark);
  }
  dd{
    margin-top: 1.5em;
  }

  dd + dt{
    margin-top: 2em;
  }
}

/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
  .philosophy_wrap{
    margin-top: 20px;
  }

  .philosophy_box{
    margin-top: 35px;

    dt{
      font-size: 18px;
    }
    dd{
      margin-top: 1em;
    }

    dd + dt{
      margin-top: 1.5em;
    }
  }

}




/* aaa
***************************************************************/


/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}