@charset "utf-8";
@media screen and (min-width: 820px) {
  .pc{
    display: block;
  }
  .sp{
    display: none;
  }
  .mainvisual{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 50px;
  }
  .carousel{
    height: 50vh;
    width: 70vw;
  }
  h1{
    font-size: 220%;
    letter-spacing: 1px;
    margin: 20px auto 50px;
  }
  .philosophy{
    width: 95%;
    max-width: 1100px;
  }
  .philosophy .text{
    font-size: 108%;
    padding: 0 20px;
  }
  .philosophy .list{
    margin: 0 30px 60px;
  }
  .philosophy .list li{
    font-size: 108%;
    margin-bottom: 15px;
  }
  .company-wrapper .inner{
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    padding: 50px 0;
    margin: 0 auto;
  }
  .company-wrapper .about-box{
    width: 45%;
    background: var(--page_color_thin);
    padding: 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}