/********** SP **********/
@media screen and (max-width: 841px) {
  #introduce {
    margin: 0 auto 50px;
    width: calc(100% - 30px);
  }
  #introduce .inner {
    width: 100%;
  }
  #introduce .cont-head {
    margin-bottom: 35px;
  }
  #introduce .cont-head::after {
    display: none;
  }
  #introduce .cont-head h1 {
    padding: 0 0 0 13px;
  }
  #introduce .cont-head h1::before {
    width: 20px;
    margin: 11px 0 0 -15px;
  }
  #introduce .history-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #introduce .history {
    width: 100%;
    line-height: 1.8;
  }
  #introduce .logo {
    width: 100%;
    margin-bottom: 40px;
  }
  #introduce .logo.Flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #introduce .logo img {
    max-width: 100%;
  }

  #list {
    padding-bottom: 50px;
  }
  #list .inner h1 {
    text-align: center;
    padding: 0 0 20px 0;
  }
  #list .inner {
    width: calc(100% - 60px);
  }
  #list li:nth-child(n + 3) {
    width: 100%;
  }
  #list .btn-wrapper {
    text-align: center;
  }
}
/********** PC **********/
@media screen and (min-width: 841px) {
  #introduce .cont-head {
    padding: 0;
    margin-bottom: 50px;
    width: 53%;
  }
  #introduce .cont-head h1 {
    width: 100%;
  }
  #introduce .cont-head span {
    font-size: 18px;
    margin-top: 20px;
  }
  #introduce .history {
    width: 53%;
    line-height: 1.8;
  }
  #introduce .logo {
    width: 37.5%;
    height: 270px;
    transform: translate(0, -120px);
  }
  #introduce .logo.Flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #introduce .logo .image-wrapper {
    line-height: 0;
  }
  #introduce .logo img {
    max-width: 100%;
  }

  #list {
    padding-bottom: 150px;
  }
  #list .inner h1 {
    text-align: left;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #3c260a;
    margin: 0 0 20px 0;
  }
  #list .col-3.Flex li {
    width: 28.1%;
    margin: 0 7.85% 7.85% 0;
  }
  #list .col-3.Flex li:nth-child(3n) {
    margin-right: 0;
  }
}