@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;
}


/* story_menu
***************************************************************/
.story_menu{
  > div{
    width: 47.8%;
  }
}
.story_menu_ttl{
  font-size: 26px;
  line-height: 1.92;
  margin-top: 0.5em;
}

.story_menu_link{
  font-size: 14px;
  font-weight: 700;
  color: var(--color-green-dark);
  display: flex;
  align-items: center;
  margin-top: 40px;

  &::after{
    content: '';
    width: 33px;
    height: 33px;
    background: url(../img/story/story_arrow.svg) center / 100% no-repeat;
    margin-left: 15px;
  }
}

.story_wrap{
  margin-top: 55px;
}
.story_wrap + .story_wrap{
  margin-top: 45px;
}

.story_box{
  margin-top: 65px;

  .box_ttl{
    margin-top: 65px;
  }
  .com_txt{
    margin-top: 2em;
  }
}


/*--------------------PC--------------------*/
@media all and (min-width:1025px){
  .story_menu_link:hover{
    opacity: 0.7;
  }
}

@media all and (max-width:1024px){


  .story_menu{
    > div{
      width: 100%;
    }
    > div + div{
      margin-top: 40px;
    }
  }
  .story_menu_ttl{
    font-size: clamp(18px, 4vw, 26px);
    line-height: 1.5;
    margin-top: 0.3em;
      br {
        display: none;
      }
  }
}


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

  .message_box{

    .message_box_ttl{
      font-size: 18px;
      line-height: 1.5;
    }

    .box_img{
      width: 100%;
    }
  }
  .story_menu_link {
    margin-top: 12px;
  }
  .story_box {
    margin-top: 0;
      .box_ttl {
        margin-top: 20px;
      }
      .com_txt {
        margin-top: 1em;
      }
  }
}


/* 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){
}