@charset "UTF-8";

#main {
  background-color: #d3d3d3;
  color: #4c4b50;
}

.subject {
  color: #4c4b50;
}

.subject::before {
  border-top: 1px solid #4c4b50;
}

.txt {
  line-height: 2;
}

.feature a {
  text-decoration: underline;
}

section {
  margin-bottom: 100px;
}

.sect_ttl.nobdr {
  border-bottom: none;
  color: #4c4b50;
}

.feature .video {
  margin-bottom: 100px;
}

.grid_wrap {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 0 20px;
}

.grid_wrap2 {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 0 20px;
}

.grid_wrap.equal_width {
  grid-template-columns: 49% 1fr;
}

.grid_wrap.full_width {
  grid-template-columns: 1fr;
}

.grid_wrap .grid_txt {
  margin: 20px 0;
}


/*-----------------------------------------
SP
-----------------------------------------*/
@media screen and (max-width: 768px) {
  section {
    margin-bottom: 60px;
  }

  .feature .video {
    margin-bottom: 50px;
  }

  .sect_ttl.nobdr {
    padding-bottom: 0;
  }

  .grid_wrap {
    grid-template-columns: 1fr;
  }

  .grid_wrap.equal_width {
    grid-template-columns: 1fr;
  }

  .grid_wrap .grid_txt {
    margin-bottom: 20px !important;
  }
}