@charset "shift_jis";
body {
	margin: 0px;padding: 0px;
	color: #333;	/*‘S‘Μ‚Μ•ΆŽšF*/
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;	/*ƒtƒHƒ“ƒgŽν—ή*/
	font-size: 14px;	/*•ΆŽšƒTƒCƒY*/
	line-height: 2;		/*sŠΤ*/
	-webkit-text-size-adjust: none;
	height:100%;
}
.cl {clear:both;}
.ce {text-align:center;}
.ri {text-align:right;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f22 {font-size:22px;}
.red {color: #f00;}
.bru {color:#00F;}
.bd {font-weight:bold;}

/*index‚̐ݒθ
------------------------------------------------------------------------------------------------------------------------------------------------------*/
#head {
	position:absolute;
	top:-10px;
	width:100%;
	overflow:hidden;
	z-index:1;
}
#head img {
	width:100%;
}
.hbox {
	position:relative;
	top:-35px;
	width:60%;
	margin:0 auto;
	overflow:hidden;
	z-index:5;
}
h1 {
	position:relative;
	top:-3px;
	left:15px;
	font-size:16px;
	color:#00F;
	z-index:5;
}
h1 img {
	width:8%;
}
.svg-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(629.80554 / 900 * 100%); //ƒAƒXƒyƒNƒg”δ‚ΜŒvŽZ calc(svg‚̍‚‚³ / svg‚Μ• x —v‘f‚Μ•)
}

.svg {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

#waku {
	position: relative;
	width:70%;
	margin:0 auto;
}
#waku img {
	width:20%;
}
#pp{
position: absolute; /*š©‚±‚Μ‚Ps‚Ν•K{BŒγ‚Μ‘•ό‚͍D‚έ‚Ε*/
color:#fff; /*š•ΆŽšF •*/
background-color: #900; /*š”wŒiF ”–—ΐF*/
font-size:100%; /*š•ΆŽšƒTƒCƒY*/
padding:5px; /*š”wŒi‚Ζ•ΆŽš‚ΜŒ„ŠΤ*/
border: solid 1px #075; /*š˜gό ”Z—ΐF*/
box-shadow:2px 2px 5px #333333;/*š‰eŽw’θ*/
z-index:10;
}
.ifr {
    position:relative;
    width:100%;
    height:0;
	overflow:hidden;
    padding-top:74%;
}
.ifr iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#content {
	width:70%;
	margin:0 auto;
	overflow:hidden;
}
#content span {
	font-size:18px;
	color:#00F;
	padding-left:20px;
	font-weight:bold;
}
#content p img {
	width:13%;
	float:left;
	margin:10px 10px;
}
.flex{	
  padding: 10px 0;
  widows:20%;
  justify-content: center;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex .et{
  flex-basis: 19.8%;
  min-width: 8%;
  background: #00F;
  font-size: 18px;
  text-align: center;
}
.flex .sv{
  min-width: 8%;
  flex-basis: 19.8%;
  background: #03C;
  font-size: 18px;
  text-align: center;
}
.flex .by{
  min-width: 8%;
  flex-basis: 19.8%;
  background: #090;
  font-size: 18px;
  text-align: center;
}
.flex .bu{
  min-width: 8%;
  flex-basis:19.8%;
  background: #F0F;
  font-size: 18px;
  text-align: center;
}

.flex a {
	text-decoration:none;
    color:#FFF;

}
.flex a:hover {
	color: #0FF;
}
.flex,
.flex p {
  border: 1px solid #ccc;
  box-sizing:border-box;
}
td{
font-size : 23px;
line-height : 28px;
color : white;
background-color : maroon;
padding-top : 6px;
padding-left : 6px;
padding-right : 6px;
padding-bottom : 6px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main {
	width:70%;
	margin:0px auto;
	overflow:hidden;
}
.hed {
	width:50%;
	float:left;
	padding-bottom:15px;
	overflow:hidden;
	
}
.box0 {
	width:50%;
	float:left;
	padding-bottom:15px;
	overflow:hidden;
	
}

.box1 {
	width:60%;
	text-align:center;
	float:left;
	overflow:hidden;
}
.box2 {
	width:40%;
	float:left;
	overflow:hidden;
}
.box2 img {
	width:98%;
	text-align:center;
}
.box3 {
	width:100%;
	padding:8px 10px;
	background-color:#FAF0C5;
	box-sizing: border-box;
	overflow:hidden;
	
}
.box4 {
	width:100%;
	padding:8px 8px;
	box-sizing:border-box;
	overflow:hidden;
}
.lin {
	width:100%;
	padding:4px 0;
	overflow:hidden;
}
.lins {
	width:100%;
	border:#FFF 3px solid;
	border-bottom:#FFF 3px solid;
	padding-top:2px;
	overflow:hidden;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.hbox {
	position:relative;
	top:-15px;
	width:60%;
	z-index:5;
}
#head img {
	width:120%;
}


}
/*‰ζ–Κ•800pxˆΘ‰Ί‚̐ݒθ
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
#head img {
	width:140%;
}
h1 img {
	width:10%;
}
.hbox {
	position:relative;
	top:-15px;
	width:70%;
	margin:0 auto;
	overflow:hidden;
	z-index:5;
}

}
/*‰ζ–Κ•600pxˆΘ‰Ί‚̐ݒθ
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

/*ƒwƒbƒ_[iƒƒS‚ͺ“ό‚Α‚½Εγ’i‚ΜƒuƒƒbƒNj
---------------------------------------------------------------------------*/
h1 {
	font-size:12px;
}
h1 img {
	width:12%;
}

#head img {
	width:130%;
}
#main {
	width:100%;
	margin:20px auto;
	overflow:hidden;
}
#frem {
	position: relative;
	width:100%;
	margin:0 auto;
}
.box0 {
	width:100%;
	float: none;
	padding-bottom:15px;
	overflow:hidden;
	
}
.flex{	
  padding: 10px 0;
  widows:100%;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  flex-wrap: wrap;
}
#waku img {
	width:50%;
}
.box1 {
	width:100%;
	text-align:center;
	float: nonet;
	overflow:hidden;
}
.box1 img {
	width:98%;
	text-align:center;
}
.box2 {
	width:100%;
	float: none;
	overflow:hidden;
}
box2 img {
	width:98%;
	text-align:center;
}
}
@media screen and (max-width:480px){
#head img {
	width:160%;
}
h1 {
	font-size:10px;
}
h1 img {
	width:20%;
}
.hbox {
	position:relative;
	top:-25px;
	width:70%;
	margin:0 auto;
	overflow:hidden;
	z-index:5;
}

}
@media screen and (max-width:360px){
#head img {
	width:180%;
}
h1 {
	font-size:16%x;
}
h1 img {
	width:20%;
}

}