#ess-tribrid {
  font-family: "Noto Sans Japanese", sans-serif, sans-serif;
  margin: 0;
  overflow-x: hidden;
}

#ess-tribrid ul {
  padding: 0;
}

#ess-tribrid section {
  max-width: calc(1028px + 56px);
  padding: 0 28px;
}

@media screen and (max-width: 768px) {
  #ess-tribrid section {
    padding: 0;
    width: 90%;
    margin: 0 auto;
  }
}

#ess-tribrid .kv {
  margin-bottom: 60px;
  width: 100%;
  /* height: 400px; */
  height: calc(100vw * (400 / 1280));
}

@media screen and (max-width: 768px) {
  #ess-tribrid .kv {
    margin-top: max(60px, 11%);
    margin-bottom: 40px;
    height: calc(100vw * (216 / 375));
  }
}

#ess-tribrid .kv img {
  width: 100%;
}

#ess-tribrid .about {
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  #ess-tribrid .about {
    margin-bottom: 60px;
  }
}

#ess-tribrid .about .about__txt  {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  #ess-tribrid .about .about__txt  {
    margin-bottom: 40px;
  }
}

#ess-tribrid .about .about__txt > * {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  color: #333;
}

#ess-tribrid .about .about__series {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  #ess-tribrid .about .about__series {
    margin: 0;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #ess-tribrid .about .about__series .about__list:not(:last-child) {
    margin-bottom: 30px;
  }
}

#ess-tribrid .about .about__series .about__list .about__list-img {
  margin: 0 0 20px;
  width: 245px;
  height: 151px;
  background-color: #666;
}

@media screen and (max-width: 768px) {
  #ess-tribrid .about .about__series .about__list .about__list-img {
    margin: 0 0 16px;
    width: 100%;
    height: calc(100vw * (209.05 / 375));
    background-color: #666;
  }
}

#ess-tribrid .about .about__series .about__list .about__list-img img {
  width: 100%;
  height: auto;
}

#ess-tribrid .about .about__series .about__list p {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  color: #333;
}

#system {
  margin-bottom: 45px;
}

@media screen and (max-width: 768px) {
  #system {
    margin-bottom: 50px;
  }
}

#system .system__otherlink {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  #system .system__otherlink {
    width: 100%;
  }
}