@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.skin {
  color: #FFF6E6;
}

.caution {
  color: #aa6d30;
  font-weight: bold;
}

.purple {
  color: #9EB1D2;
}

.pink {
  color: #F5949C !important;
}

.teal {
  color: #29B8CA;
}

.brown {
  color: #735147;
}

.lightbrown {
  color: #B0937E !important;
}

.lighterbrown {
  color: #A1846F !important;
}

.red {
  color: #EC5870;
}

.blue {
  color: #0074E8;
}

.yellow {
  color: #FFDA00;
}

.lightgreen {
  color: #A5E8E8;
}

.lightblue {
  color: #2ca8e2;
}

.lighterblue {
  color: #BBDEFB;
}

.lightestblue {
  color: #CFE3F5;
}

.bg-yellow {
  background-color: #FFDA00;
}

.bg-green {
  background-color: #009688;
}

.bg-lightblue {
  background-color: #2ca8e2;
}

.bg-lightestblue {
  background-color: #CFE3F5;
}

.bg-lightestyellow {
  background-color: #FFFFEE;
}

.bg-lighterorange {
  background-color: #F9D5A6;
}

.bg-lightgreen {
  background-color: #A5E8E8;
}

.bg-lightergreen {
  background-color: #ddecd4;
}

.bg-lightestgreen {
  background-color: #DAF6F6;
}

.bg-lightestpink {
  background-color: #FFF7F7;
}

.bg-light2 {
  background-color: #F0F3F7;
}

.bg-lightbrown {
  background-color: #B0937E;
}

.bg-lighterbrown {
  background-color: #A1846F;
}

.bg-brown {
  background-color: #735147;
}

.green {
  color: #009688;
}

.wine {
  color: #D584AF;
}

.orange {
  color: #F39800 !important;
}

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

.bg-green {
  background-color: #009688;
}

.bg-blue {
  background-color: #0074E8;
}

.bg-pink {
  background-color: #F5949C;
}

.bg-transgreen {
  background-color: rgba(0, 150, 136, 0.9);
}

.bg-transbrown {
  background-color: rgba(176, 147, 126, 0.9);
}

.bg-transwhite {
  background-color: rgba(255, 255, 255, 0.9);
}

.font7 {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-feature-settings: "palt";
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

html {
  overflow: auto;
}

body {
  overflow: hidden;
  min-width: 100%;
  color: #555;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  font-size: 1rem;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.btn, li, button, th, td {
  color: #555;
}

.bold {
  font-weight: bold;
}

body a:not(.btn):not(.dropdown-item):hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a.underline {
  text-decoration: underline !important;
}

body a:not(.btn):not(.blue):not(.nav-link) {
  color: inherit;
}

body a.blue {
  text-decoration: underline;
  color: #0074E8;
}

body .btn {
  white-space: normal;
  word-break: break-all;
}

.btn.mybtn {
  background: #009688;
  color: #fff;
  font-weight: bold;
  border: none;
}
.btn.mybtn:hover {
  opacity: 1 !important;
  border: none;
  color: #fff;
  box-shadow: 2px 2px 10px #aaa !important;
  background: #009688;
  background: -moz-linear-gradient(left, #009688 0%, #29C7C4 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009688), color-stop(100%, #29C7C4));
  background: -webkit-linear-gradient(left, #009688 0%, #29C7C4 100%);
  background: -o-linear-gradient(left, #009688 0%, #29C7C4 100%);
  background: -ms-linear-gradient(left, #009688 0%, #29C7C4 100%);
  background: linear-gradient(to right, #009688 0%, #29C7C4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=1 );
}

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

body button:focus,
body a {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.kv {
  background: url("../images/sarscov1.jpg") center center no-repeat;
  background-size: cover;
}

.section2 {
  background: url("../images/sarscov2.jpg") center center no-repeat;
  background-size: cover;
}

strong {
  background: linear-gradient(transparent 50%, #fcf8e3 0%);
}

main ul {
  padding-left: 1.5rem;
  margin-bottom: 0rem;
}
main ul li:not(:last-child) {
  padding-bottom: 1rem;
}

h3,
h2 {
  margin-bottom: 1rem;
}

.section2 h3 {
  line-height: 1.5;
  padding-bottom: 0;
  padding-bottom: 0.5rem;
  position: relative;
  margin-bottom: 1rem;
}
.section2 h3::before, .section2 h3::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  height: 2px;
}
.section2 h3::before {
  z-index: 2;
  width: 5.5rem;
  background-color: #A5E8E8;
}
.section2 h3::after {
  width: 100%;
  background-color: #eee;
}

@media (max-width: 767.98px) {
  html {
    font-size: 70% !important;
  }
}
@media (max-width: 575.98px) {
  h1 {
    text-shadow: 0px 1px 20px #ffffff, 1px 1px 20px #ffffff, 1px 0px 20px #ffffff, 1px -1px 20px #ffffff, 0px -1px 20px #ffffff, -1px -1px 20px #ffffff, -1px 0px 20px #ffffff, -1px 1px 20px #ffffff;
  }
  .lead {
    text-shadow: 0px 1px 3px #fff, 1px 1px 3px #fff, 1px 0px 3px #fff, 1px -1px 3px #fff, 0px -1px 3px #fff, -1px -1px 3px #fff, -1px 0px 3px #fff, -1px 1px 3px #fff;
  }
}