﻿main {background: transparent;}
main>div>img,nav + div img {max-width: 100%;width: 100%;}
section,.shadow~.shadow {margin-top: 20px;position: relative;}
section div {overflow: visible;}
.center-main {max-width: 100%;}
.split {text-align: center;border-bottom: 1px solid #ccc;}
.split span {font-size: 24px;font-weight: bold;line-height: 32px;}
.split span:first-child {display: block;font-size: 16px;color: #888;font-weight: normal;line-height: 24px;}
.split span:last-child {position: relative;top: -3px;border-bottom: 3px solid #016fce;padding: 0px 10px 5px 10px;color: #0174cf;}
.split~div b {color: #0174cf;}
.newest {position: absolute;top: -14px;left: 20px;width: auto;height: auto;}
.newest~.shadow {padding: 10px;}
h1 {white-space: nowrap;text-align: center;}
h1 a {color: #0174cf;font-size: 24px;line-height: 40px;}
h1~a {color: #888;font-size: 16px;white-space: nowrap;display: block;text-align: center;}
.shadow li {margin-top: 0px;padding-bottom: 10px;}
.shadow .d-flex>div * {display: block;}
.shadow .d-flex>div:first-child {margin-right: 20px;overflow: hidden;border-radius: 8px;}
.shadow .d-flex>div:first-child span:first-child {background: #888;color: white;padding: 0px 8px;line-height: 18px;height: 18px;white-space: nowrap;}
.shadow .d-flex>div:first-child span:last-child {color: #666;border: 1px solid #888;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;font-size: 16px;text-align: center;}
.shadow .d-flex>div:last-child a:first-child {font-size: 14px;font-weight: bold;line-height: 22px;white-space: nowrap;}
.shadow .d-flex>div:last-child a:last-child {white-space: nowrap;color: #888;}
.shadow~div:not(.shadow) {}
.shadow img {max-width: 100%;}
.form-group {display: flex;align-items: center;}
div.bold {font-size: 16px;font-weight: bold;}
.form-group>span,
label span {font-size: 16px;}
.form-group>span:nth-child(2) {flex: 1;}
.hide1>ul>li:first-child {display: none;}
s {display: block;text-decoration: none;color: #999;font-weight: bold;font-size: 14px;}
s~b {font-size: 16px;font-weight: bold;color: #0174cf;}
p {font-size: 16px;line-height: 28px;text-indent: 28px;}
form td {font-size: 14px;}
label {margin: 0px;padding: 10px 0px;}
p strong {font-size: 16px;}
.btn-primary {background: #0069d9;color: white;border-color: #0062cc;}
main h1 {font-size: 24px;font-weight: bold;line-height: 40px;}
.frm>p {display: flex;justify-content: space-between;align-items: center;text-indent: 0px;padding: 10px 0px;}
.frm>p em {font-style: normal;display: block;width: 90px;padding-right: 20px;}
.frm>p em~* {flex: 1;border-radius: 5px;resize: none;border: 1px solid #ccc;font-size: 16px;line-height: 28px;text-indent: 10px;}
.container>div.title {display: flex;border: 1px solid #888;border-bottom: 0px none;border-right: 0px none;width: 100%;}
.container>div.title~div {position: relative;display: flex;border-left: 1px solid #888;margin: 0px;padding: 0px;}
.container>div.title>*,
.container>div.title~div>* {font-size: 16px;line-height: 28px;border-right: 1px solid #888;border-bottom: 1px solid #888;padding: 5px 8px;}
.container>div.title>*:first-child,
.container>div.title~div>*:first-child {width: 80px;}
.container>div.title>*:nth-child(2),
.container>div.title~div>*:nth-child(2) {width: 180px;}
.container>div.title>*:nth-child(3),
.container>div.title~div>*:nth-child(3) {width: 180px;}
.container>div.title>*:nth-child(4),
.container>div.title~div>*:nth-child(4) {width: 120px;}
.container>div.title>*:nth-child(5),
.container>div.title~div>*:nth-child(5) {flex: 1;}
.container>div.title>*:nth-child(6),
.container>div.title~div>*:nth-child(6) {width: 90px;}
#com span>span,
#com span>a>span {display: flex;width: 100%;height: 90px;justify-content: center;align-items: center;}
#com img {max-width: 190px;max-height: 90px;display: block;margin: 0 auto;}
#com b {display: block;font-size: 16px;margin: 0 auto;text-align: center;}
#com div:not(.split)>span {flex: 1;text-align: center;display: block;}
#view li>a {display: flex;width: 250px;height: 200px;justify-content: center;align-items: center;font-size: 14px;}
#view li>a:last-child {height: 40px;padding-top: 16px;}
#media img {display: block;margin: 0 auto;}
#media a {display: block;text-align: center;flex: 1;}
.main_site_nav {border-bottom: 1px solid #ccc;}
#contact .d-flex {padding: 10px 0px;}
#contact img {width: 120px;height: 120px;}
#contact b {font-size: 16px;padding-bottom: 20px;display: block;}
form table {width: 100%;border: 1px solid #ccc;text-align: center;}
form th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: .5rem;white-space: nowrap;}
form td {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: .5rem;text-align: left;}
.mobile nav>span>a:hover {padding: 0px;}
.mobile nav>span>a:hover~span {width: auto;overflow: hidden;}
.mobile .btn-group {width:100%;max-width:100%;flex:unset;}
.mobile header .col-8 {width:100%;}
.mobile .position-absolute {display:none;}
.mobile h3 {font-size:1.4rem;word-break:break-word;}
.mobile #news a {overflow:hidden;text-overflow:ellipsis;}
.mobile .ml-3.flex-grow-1 {margin-left:0px!important;}
.mobile nav a {white-space:nowrap;}