@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: .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; } }