@charset "utf-8";
h1 {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: lighter;
  border-bottom: dotted 2px #fff;
  width: 100%;
}
h2 {
  position: relative;
     color: white;
     padding: 5px 0;
     border-radius:5px;
     background: linear-gradient(#666 0%, #666 50%, #333 50%, #000 100%);
     box-shadow:inset 1px 1px 0 rgba(0,0,0,1);
	font-size: 24px;
    font-weight: lighter;
	width: 100%;
	text-align: center;
	margin: 0 auto 10px auto;
}
.text_cen {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
.text01 {
  margin: 10px 0 0 0;
  padding: 5px;
  text-align: justify;
  font-size: 16px;
  line-height: 1.8em;
  letter-spacing: 2px;
}
.text02 {
  margin: 0;
  padding: 5px 3%;
  text-align: justify;
  font-size: 16px;
  line-height: 1.8em;
	color: #fff;
}
.content1 {
  width: 1000px;
  margin: 50px auto;
  padding: 0;
  text-align: center;
}
.flex {
  display: flex;
}
/*　トピックス
------------------------------------------------------------*/
#overview {
  padding: 60px 0;
  margin: 0;
}
iframe {
  width: 80%;
  margin: 50px 0;
}
/*　テーブル
------------------------------------------------------------*/
.hyo2 {
  width:100%;
	margin: 50px 0 0 0;
  border-bottom: solid 1px #999;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
	border-spacing: 0;
}
 
.hyo2 th{
  padding: 20px 10px;
  border-top: solid 1px #999;
  width: 20%;
  overflow: hidden;
  color: #000;
  font-style: normal;
  font-weight: lighter;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
	text-align: center;
	vertical-align: middle;
}
 
.hyo2 td{
padding: 20px 10px;
text-align: left;
vertical-align: top;
color: #000;
background-color: #ffffff;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
	border-top: solid 1px #999;
}
/*　リスト
------------------------------------------------------------*/
.nomber {
	margin: 0;
	padding: 0 1em;
	list-style-type: decimal;
}
/* -------------------------------------------------------------------
*  pc
* ------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {	
  .content1 {
    width: 96%;
  }
}
/* -------------------------------------------------------------------
*  ipad
* ------------------------------------------------------------------*/
@media screen and (max-width: 780px) {
/*　テーブル
------------------------------------------------------------*/
.hyo2 th{
  width:96%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
		background-color: #000;
		color: #fff;
	padding: 10px;
}
.hyo2 td{
  display:block;
  width: 96%;
	margin: 0 auto;
  border-top: none !important;
	margin-bottom: 30px;
	padding: 10px;
}
	 }
/* -------------------------------------------------------------------
*  iphone
* ------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
h1 {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 16px;
}
}