@charset "utf-8";
/* CSS Document */
li{
	text-align:left;
}
li strong{
	font-size:120%;
}
ul{
		list-style:none;
}
html { font-size: 1vmin; }

body{
	background: white;
}
.menu{
	background: white;
	/*width: 80%;*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.top h1 {
  overflow: hidden;
  text-align: center;
	    background-color: white;
	padding: 5% 5% 5% 0%;
	text-shadow: 2px 3px 4px white;
}
.top h1 span {
  position: relative;
  display: inline-block;
  /*margin: 0 2.5em;*/
  /*padding: 0 1em;*/
  text-align: center;
}
.top h1 span::before,
.top h1 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 50%;
  height: 1px;
  background-color: #ccc;
}
.top h1 span::before {
  right: 100%;
}
.top h1 span::after {
  left: 100%;
}
body{
  background: white;
}
.site-header{
    background: #fff;
    display: flex;
    position: fixed;
    justify-content: space-between;
	z-index: 1;
	    margin: -2% 0%;
	    width: 100%;
}
.site-logo img{
    height: 20px;
    width: auto;
}
.gnav__menu{
    display: flex;
        margin-left: -6%;
    margin-top: 1%;
    width: 100%;
	list-style-type: none;
}
.gnav__menu__item{
    margin-left: 20px;
}
.gnav__menu__item a{
    color: #333;
    text-decoration: none;
	    font-size: 120%;
}
.hero{
    max-height: 500px;
    overflow: hidden;
}
.hero img{
    height: auto;
    width: 100%;
}
.waku{
	border: 1px solid rgba(0,0,0,.125);
        padding: 3% 1%;
}
.content{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 800px;
}
.content p{
    margin-bottom: 40px;
}
.site-footer{
    background: #333;
    padding: 80px 0;
}
.copyright{
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.bg-slider {
	width: 100%;
	height: 600px;
	top: 50%;
	background-position:center center;
	background-size: cover;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	/*color: #fff;
	font-size: 48px;*/
	line-height: 1.5;
	/*font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;*/
}
.omoi{
			background-color: #f8f8f9;
	  background: url(https://kenshu.tums.jp/wp/wp-content/uploads/2019/06/top03.png) 100% center no-repeat #eeeeee;
	    padding: 2%;
}
.omoiomoi{
	width:80%;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
	padding:2%;
}
.underline {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
	width: 50%;
}
.g-nav{
	/*width: 90%;*/
	z-index: 10;
	background-color: #34495e;
	    margin-top: -2%;
	margin-bottom: 6%;
}
.g-nav-menu ul{
	width: 100%;
	z-index: 1;
    background-color: #34495e;
}
.g-nav-menu{
	width: 100%;
	/*overflow: hidden;*/
}
.g-nav-menu li{
	width: 13%;
	float: left;
	color: #fff;
	list-style-type: none;
	padding: 8px 0;
	text-align: center;
	background-color: #34495e;
}
	#nav-drawer {
  /*position: relative;*/
		position: fixed;
    margin-left: 84%;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  /*width: 27px;*/
  height: 23px;
  vertical-align: middle;

}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: black;
  display: block;
  content: '';
  cursor: pointer;
	    margin-left: -2%;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#rect img{
		width: 30%;
	    max-width: 63px;
	}
	#nav-content h2 p{
		width: 50%;
	}
.footer {
    background-color: #3fb2e3;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    padding: 5px 10px;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
figure {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.newMark{
	 background-color: #3fb2e3;
	color:white;
 text-decoration: none;
    border-radius:5px;
	    padding: 0% 0.5%;
	float: left;
    margin-right: 1%;
	    font-size: smaller;
}
.sample1 {
	width:			280px;
	height:			188px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;	/* 相対位置指定 */
}
.sample1 .caption {
	font-size:		130%;
	text-align: 		center;
	padding-top:		80px;
	color:			#fff;
}
.sample1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.sample1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.example {/*親div*/
  position: relative;/*相対配置*/
  }

.example h3 {
  position: absolute;
	border-radius: 5%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	 background: skyblue;/*背景色*/
color:white;
	padding:2%;
  }
.w33{
	width: 31%;
	padding: 1%;
}
.box21{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
}
.box21 h3 {
    margin: 0; 
    padding: 0;
}

.hidden_box {
 margin: 10px 0;
 padding: 0;
 text-align: center;
}

.hidden_box label {
/* border: 1px solid #ddd;
 border-radius: 5px;
 cursor: pointer;
 font-weight: bold;
 margin: 0 auto;
 padding: 10px;
 min-width: 50%;*/
}

.hidden_box label:hover {
 background: #f5f5f5;
}

.hidden_box label:after {
 content: "";	/* 閉じている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input {
 display: none;
}

.hidden_box .hidden_show {
 height: 0;
 overflow: hidden;
 opacity: 0;
 padding: 0;
 text-align: left;
 transition: 0.5s;
}

.hidden_box input:checked + label:after {
 content: "を非表示";	/* 開いている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input:checked ~ .hidden_show {
 height: auto;
 opacity: 1;
 padding: 10px 0;
	/*background-color: #f3f3f5;*/
}
.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #1171ba;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #113782;
  box-sizing: border-box;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid white;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #113782;
  z-index: 1;
}

.balloon2 h3 {
  margin: 0;
  padding: 0;
}
.kensyu li strong{
color:#002fc2;
border-bottom: dotted 2px #eeeeee;}
.subtitle{
    padding: 0.5em 1em;
    /*margin: 2em 0;*/
    background: #c6e4ff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.subtitle h3 {
    margin: 0; 
    padding: 0;
}
.floor{
		  background: url(https://kenshu.tums.jp/image/top16.png) 100% center no-repeat #eeeeee;
	padding:5%;
}
@media screen and (max-width: 700px){
.timeboadinfluenza th {
    border: 2px solid white;
    font-size: 5.2vw;
    width: 99%;
    vertical-align: middle;
    padding: 1%;
	text-align: center;}
		.catch{
    background-color:rgba(255,253,252,0.9);
	}
html { font-size: 4vmin; }
	.w33{
		width: 90%;
	}}