/*--------------------------------------------------------------
コロナ対策
--------------------------------------------------------------*/
#container #containerInnner .kosugi-font {
  font-family: 'Kosugi Maru',
    sans-serif;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col1 {
  width: 96%;
  margin: 2%;
}

.col2 {
  width: 46%;
  margin: 2%;
}

.max-img {
  text-align: center;
}

.max-img img {
  max-width: 100%;
  height: auto;
}

/* .corona-padding {
  padding: 60px 0 0 0;
} */

.corona-bg {
  margin: 0 auto;
  padding: 30px 0 30px 0;
  text-align: center;
  background: #BAD0EB;
}

.corona-box {
  margin: 0 auto;
  width: 980px;
}

.corona-h2 {
  font-weight: bold;
  font-size: 42px;
  /* margin: 0 0 2em 0; */
  line-height: 1.3;
  font-family: 'Kosugi Maru',
    sans-serif;
  color: #FFF;
  background-color: #2D6CA2;
  padding: 2em 0;
}

.bg-orange {
  background-color: #EC7C30;
}

.corona-h3 {
  margin: 0 0 1em 0;
  font-weight: bold;
  font-size: 30px;
  font-family: 'Kosugi Maru',
    sans-serif;
  color: #0b243a;
  display: inline-block;
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  letter-spacing: 0.1em;
}

/* .video-box {
  width: 96%;
  margin: 0 auto;
}

.video-box video {
  width: 100%;
  height: auto;
} */

.video-box {
  /* width: 96%; */
  margin: 0 auto;
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

.video-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-box .video-txt {
  margin: 0.5em 0;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Kosugi Maru',
    sans-serif;
}

.outer {
  position: relative;
}

.inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

.txt-box .inner {
  text-align: left;
  line-height: 2;
  font-weight: bold;
  font-family: 'Kosugi Maru',
    sans-serif;
  font-size: 18px;
}

.txt-box-single div {
  line-height: 2;
  font-weight: bold;
  font-family: 'Kosugi Maru',
    sans-serif;
  font-size: 18px;
}

.corona-span {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-size: 26px;
  font-family: 'Kosugi Maru',
  sans-serif;
  color: #0084ff;
  display: inline-block;
  /* background: linear-gradient(transparent 70%, #a7d6ff 70%); */
  letter-spacing: 0.1em;
}

.txt-box p {
  line-height: 1.8;
}

.gray-bg {
  background-color: #f0f4fa;
  padding: 5em 0;
}

.none-bg {
  /* background-color: #efefef; */
  padding: 5em 0;
}


@media (max-width: 980px) {
  .corona-box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .corona-h2 {
    padding: 2em 5px;
    font-size: 32px;
    margin: 0 1%;
  }

  .video-box {
    width: 100%;
  }

  .col2 {
    width: 96%;
  }

  .outer {
    position: relative;
  }

  .inner {
    position: relative;
  }
}