*{
	padding:0px;
	margin:0px;
	line-height:180%;
	font-size:1rem;
}
img{
	max-width:100%;
}

/*---------------------固定したついでにナビが透過、高さが変化する---------------------*/
/* ヘッダーメニュー部分*/

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: auto;
	transition: 1.0s;

}
.topheader {
	padding:0px;
	margin:0px;
	width: 100%;
	background-color:#002241;
	opacity: 0.9;
}
header .gmenu {
	color: #000;
	width: 100%;

	text-decoration: none;
	height:auto;
}
.icon_space{
	width:100%;
	float:left;
	/*border:1px solid #000;*/
	display: block;
	margin-top: 10px;
	margin-bottom:10px;
}

.icon{
	width:100%;
	max-width:175px;
	margin:0px;
	padding:0px;
	
	display: block;
	margin-left: auto;
	margin-right: auto;

}
.menu_space{
	/*border:1px solid #000;*/
	float:left;
	width:100%;
	/*display: block;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
}


.gmenu ul{
	width:960px;
	top: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.gmenu ul li{
	opacity: 1;
	width: 20%;
	float: left;
	text-align: center;
	border: 0px solid #777;
	padding:2px 0px;
	text-decoration: none;
	display: block;
	font-size:0.9rem;

}

.gmenu ul li:hover{
	background-color: #ccc;
	opacity: 0.8;
	color: #000;
}

.gmenu ul li a{
	opacity: 1.0;
	text-decoration: none;
	color: #fff;
	width:100%;
	font-size:95%;
}
.gmenu ul a:hover{
	color: #000;
}


  
/*通常のCSS部分*/

#content {
	padding: 0px 0px 0px;
	background: #ecf0f1;
	width:100%;
}

.block00{/*白バック*/
	width:100%;
	height: auto !important;
	background-color:#fff;
	margin: 0 auto;
	padding: 20px auto;
  	text-align:center;
}
.block01{/*紺バック*/
	width:100%;
	height: auto !important;
	background-color:#002241;
	color:#fff;
	margin: 0 auto;
	padding: 20px auto;
  	text-align:center;
}
.block02{/*濃い灰色バック*/
	width:100%;
	height: auto !important;
	background-color:#535353;
	color:#fff;
	margin: 0 auto;
	padding: 20px auto;
  	text-align:center;
}
.block03{/*薄い灰色バック*/
	width:100%;
	height: auto !important;
	background-color:#F3F3F3;
	margin: 0 auto;
	padding: 20px auto;
  	text-align:center;
}

.block_gara01{/*柄あり*/
	width:100%;
	height: auto !important;
	background-image: url('img/iStock-493176469.jpg');
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
	margin: 0 auto;
	padding: 20px auto;
  	text-align:center;
}
main {
	/*max-width: 960px;*/
	max-width: 960px;
	height: auto !important;
	margin: 0 auto;
	/*background: #fff;*/
	padding:10px 0px;
	/*box-shadow: 0 0 30px rgba(0,0,0,.1);*/
}

.bg01{
	background-color:#fff;
}



/*---------------------フッター設定---------------------*/
#footer {
    height: auto;
	background: #002241;
	width:100%;
	bottom:0px;
	text-align:center;
	color:#fff;
  }
.footer_space {
	/*max-width: 960px;*/
	max-width: 900px;
	height: auto !important;
	margin: 0 auto;
	padding:10px;
	text-align:left;
	line-height:300%;
}
.footer_retsu{
	margin-left:5%;
	width:45%;
	float:left;
}

.footer_retsu,.footer_retsu a{
	color:#fff;
	text-decoration:none;
	font-size:1rem;
	line-height:250%;
}

#pankuzu{
	border-bottom:1px solid #ddd;
	background-color:#fff;
	width:100%;
	font-size:100%;
	margin:100px auto 5px;

  }
  .pankuzu_line{
	width:94%;
	max-width:960px;
	text-align:left;
	margin:0 auto;
	font-size:90%;
}
  #pankuzu a{
	width:100%;
	font-size:90%;
	font-weight:800;
	color:#002241;
	margin:auto

  }

.pc { display:block; }
.sp { display:none; }

/* スマホやタブレット用だけに適用するCSS */
@media only screen and ( max-width:800px ){

	*{
		padding:0px;
		margin:0px;
		font-size:1rem;
		line-height:200%;
	}
	.pc { display:none; }
	.sp { display:block; }

	/*ハンバーガーメニュー部分*/
	.menu_space{
		margin-bottom:0px;
	}
	.menu_space li{
		clear:both;
	}
	.global-nav {
		position: fixed;
		right: -320px; /* これで隠れる */
		top: 0;
		width: 300px; /* スマホに収まるくらい */
		height: 100vh;
		padding-top: 40px;
		background-color: #fff;
		opacity: 1.0;
		transition: all .6s;
		z-index: 200;
		overflow-y: auto; /* メニューが多くなったらスクロールできるように */
	  }
	  .hamburger {
		position: absolute;
		right: 0;
		top: 0;
		width: 60px; /* クリックしやすいようにちゃんと幅を指定する */
		height: 60px; /* クリックしやすいようにちゃんと高さを指定する */
		cursor: pointer;
		z-index: 300;
	  }
	  .global-nav__list {
		margin: 0;
		padding: 0;
		list-style: none;
		opacity: 1.0;
	  }
	  .gmenu ul li{
		width: 300px;
		border-bottom:1px solid #ddd;
		text-align: center;
		padding:7px 0px;
		color: #002241;
	  }
	  .gmenu ul li a{
		color: #002241;
	}
	  .global-nav__item {

	  }
	  .global-nav__item a {
		display: block;
		border-bottom: 1px solid #eee;
		text-decoration: none;
		color: #111;
	  }
	  .global-nav__item a:hover {
		background-color: #eee;
	  }
	  .hamburger__line {
		position: absolute;
		left: 11px;
		width: 18px;
		height: 1px;
		background-color: #ddd;
		transition: all .6s;
	  }
	  .hamburger__line--1 {
		top: 14px;
		height:2px;
		background-color:#fff;
	  }
	  .hamburger__line--2 {
		top: 20px;
		height:2px;
		background-color:#fff;
	  }
	  .hamburger__line--3 {
		top: 26px;
		height:2px;
		background-color:#fff;
	  }
	  .black-bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		transition: all 0s;
		cursor: pointer;
	  }
	  /* 表示された時用のCSS */
	  .nav-open .global-nav {
		right: 0;
	  }
	  .nav-open .black-bg {
		opacity: .8;
		visibility: visible;
	  }
	  .nav-open .hamburger__line--1 {
		transform: rotate(45deg);
		top: 20px;
	  }
	  .nav-open .hamburger__line--2 {
		width: 0;
		left: 50%;
	  }
	  .nav-open .hamburger__line--3 {
		transform: rotate(-45deg);
		top: 20px;
	  }


	.chousei{
		margin-top:60px;
	  }
	
	main {

		margin:  0px ;
		padding: 30px 0 20px 0;

	}

	/*indexページ*/
	main img{
		width:100%;
		max-width:550px;
		text-align:center;
	}

	.footer_retsu,.footer_retsu a{
		color:#fff;
		text-decoration:none;
		font-size:1rem;
		line-height:250%;
	}

	#pankuzu{
		margin-top:65px;
	  }
	
}


/*一般系*/
th{
  border:1px solid #4D4E4E;
  word-break : break-all;
  padding:1%;
}
td{
  border:1px solid #4D4E4E;
  word-break : break-all;
  padding:1%;
  line-height:150%;
}
td.koumoku{
  background-color:#4D4E4E;
  width:18%;
  max-width:200px;
  min-width:100px;
  text-align:center;
  color:#fff;
  word-break : break-all;
}

h1{
  font-size:150%;
}

#index_top{
	background-image: url(img/index_top_text.png),url(img/01shiroari.png),url(img/index_top.jpg);
	background-repeat: no-repeat;
	background-size: 500px,30%,cover;
	height: 90%;
	background-position: 10% 50%,90% 90%,0% 0%;
}

/* タブレット用だけに適用するCSS */
@media only screen and ( max-width:800px ){
	#index_top{
		background-image: url(img/index_top_text.png),url(img/01shiroari.png),url(img/index_top.jpg);
		background-repeat: no-repeat;
		background-size: 70%,40%,cover;
		height: 90%;
		background-position: 10% 50%,100% 90%,0% 0%;
	}
}
/* スマホ用だけに適用するCSS */
@media only screen and ( max-width:500px ){
	#index_top{
		background-image: url(img/index_top_text.png),url(img/01shiroari.png),url(img/index_top.jpg);
		background-repeat: no-repeat;
		background-size: 90%,60%,cover;
		height: 90%;
		background-position: center center,100% 90%,0% 0%;
	}
}
/*Youtube動画用*/
.youtube_video{
	width:100%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
.youtube_video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}