@charset "utf-8";

@media screen and (max-width: 768px) {
  .showSP{ display: block;}
  header{ position: absolute;}
  .fv{ height: 560px;}
  .fv h2 > span{ display: none;}
  .fv h2{
    font-weight: 500;
    font-size: 32px;
    line-height: 170%;
    letter-spacing: 0.2em;
  }
  .anime01 > h2 + p{
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.4em;
    margin-top: 21px;
  }
  header > div > nav > ul.flexbox{ display: none;}
  section h2{
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.4em;
  }

  section#service{
    width: 100%;
    max-width: 252px;
    padding: 80px 0 60px;
  }
  section#service h2{ margin-bottom: 60px;}
  section#service .flexbox h3{ font-size: 1rem;}
  section#service .flexbox h3 + ul > li{ font-size: 10px; line-height: 170%;}
  section#service .flexbox{ display: block;}
  section#service .flexbox > div:nth-child(odd){ width: 100%;}
  section#service .flexbox > div:nth-child(even){ width: 100%;}
  section#service .flexbox > div{ margin-top: 55px!important;}
  section#service .flexbox > div:first-child{ margin-top: 0!important;}
  section#service .s_original{ margin-top: 120px;}
  section#service .s_original > ul{ display: block;}
  section#service .s_original > ul > li{ margin: 0 auto; width: 134px;}
  section#service .s_original > ul > li:first-child{ margin: 0 auto 41px;}
  section#service .s_original > ul > li > img{ width: 100%;}
  section#service .s_original > h3{ font-size: 1rem;}
  section#member{ padding-bottom: 60px;}
  section#member > h2{ padding: 81px 0 79px;}
  section#member ul.flexbox{ display: block;}
  section#member ul.flexbox > li{ width: 100%; margin-top: 60px;}
  section#member ul.flexbox > li:first-child{ margin-top: 0;}
  section#member ul{ padding: 0 20px; margin-top: -10px;}
  section#member ul.flexbox > li > p.name{ font-size: 1rem; margin-top: 20px;}
  section#member ul.flexbox > li > p.name > span{ font-size: 10px;}
  section#member ul.flexbox > li > p.self-intro{ margin-top: 20px; font-size: 0.85rem; line-height: 1.4em;}
  section#company{ padding: 60px 0 80px;}
  section#company > dl{
    display: block;
    margin-top: 60px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
  section#company > dl > dt,
  section#company > dl > dd{
    width: 100%;
    font-size: 0.85rem;
    line-height: 2.1em;
  }
  section#company > dl > dd{ margin-bottom: 1.4em;}
  section#company > dl > dd:last-child{ margin-bottom: 0;}
  footer{ padding: 20px 0;}
  footer ul.flexbox{
    flex-flow: wrap;
    justify-content: space-between;
    margin: 40px auto 70px;
    width: 265px;
  }
  footer ul > li{ width: 50%; margin: 0 0 25px; text-align: center;}
  nav ul li a:after{ display: none;}
}

@media screen and (max-width: 375px) {

  
}