@charset "UTF-8";
/* ======================== */
/* firstview */
/* ======================== */
#firstview {
  background-color: var(--color-2nd-green);
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  margin-bottom: 10px; }
  #firstview .read1 {
    font-weight: 600;
    color: var(--color-1st-green);
    font-size: 4.6rem; }
  #firstview .read2 {
    font-weight: 600;
    font-size: 2.8rem; }
  #firstview .read3 {
    width: 50%;
    text-align: left;
    margin: 0 auto;
    /* スマホサイズ */ }
    @media (max-width: 479px) {
      #firstview .read3 {
        width: 100%; } }

/* ======================== */
/* video */
/* ======================== */
.video {
  /* スマホサイズ */
  margin-bottom: 75px; }
  @media (max-width: 479px) {
    .video .container {
      padding-right: calc(var(--bs-gutter-x) * 1);
      padding-left: calc(var(--bs-gutter-x) * 1); } }
  .video h2 {
    color: var(--color-main-text);
    font-size: 4.6rem;
    text-align: center;
    margin-bottom: 20px; }
  .video .video-contents {
    margin-top: 50px;
    border: 2px solid var(--color-1st-green);
    border-radius: 15px;
    padding: 20px;
    /* スマホサイズ */ }
    @media (max-width: 479px) {
      .video .video-contents .row {
        margin-right: 0;
        margin-left: 0; }
      .video .video-contents .col-sm-6 {
        padding-right: 0;
        padding-left: 0; } }
    .video .video-contents h3 {
      font-size: 2.2rem;
      color: var(--color-1st-green);
      border-bottom: 1px solid var(--color-1st-green);
      padding-bottom: 10px;
      margin-bottom: 15px; }
    .video .video-contents table {
      border-top: 2px solid var(--color-1st-green);
      border-right: 2px solid var(--color-1st-green);
      margin-bottom: 20px; }
      .video .video-contents table th {
        width: 30%;
        font-size: 1.8rem;
        border-left: 2px solid var(--color-1st-green);
        border-bottom: 2px solid var(--color-1st-green);
        background-color: var(--color-2nd-green);
        padding: 10px; }
      .video .video-contents table td {
        font-size: 1.8rem;
        border-left: 2px solid var(--color-1st-green);
        border-bottom: 2px solid var(--color-1st-green);
        padding: 10px; }
    .video .video-contents video {
      width: 100%; }
    .video .video-contents .video-title {
      font-weight: 600; }
    .video .video-contents .attention {
      background-color: var(--color-gray);
      padding: 10px;
      font-size: 1.6rem; }