html{
	width:100%;
	max-height:100%;
}

body{
	width:100%;
	padding:0px;
	margin:0px;
}

.Tail {
  float:left;
  width: 100%;
  height: 30px; 
  text-align: left;
  background-color: #002;
  bottom: 0;
}

.TailText {
  color: #ffffff;
  margin:2px 0px 0px 20px;
}

.AllPage{

}

.toggleA{
	padding:5px 2px;
	margin-top:10px;
}

.Body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

.Head{
	font-size:14px;
	padding:10px;
	background-color:#002;
	max-height:79px;
	height:59px;
}

.MainContent{
	float:left;
	width:96.5%;
	margin:1% 1.75%;
	background-color:#ccc;
	height:400px;
	position: relative;
	z-index:5;
}

.MainContent > .MainImage{
	max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 45%;
    left: 40%;
    transform: translate(-50%, -50%);
    z-index:1;
}


.MainContent .MainText{
	position: absolute;
	top:-1em;
	left:0%;
	margin-left:1em;
	font-weight: bold; /*太字に*/
  	font-size: 3em;/*サイズ2倍*/
  	letter-spacing: 1px;
    color: #fff;
    z-index:5;
}

.ContentBox1{
	height:300px;
	width:50%; 
	position: absolute;
    top: 27%;
    left: 3%;
    background-color:rgba(32,32,200,0.3);
    z-index:8;
}



.ContentBox3{
	height:300px;
	width:50%; 
	position: absolute;
    top: 23%;
    left: 40%;
    background-color:rgba(200,32,200,0.3);
    z-index:5;
}


.ContentBox1 h2{
	text-align:left;
	margin-left:8px;
}

.ContentBox1 p{
	font-size:20px;
	margin-left:12px;
}

.ContentBoxText{
	margin:0px 12px 0px 0px;
}


.SubContents{
	width:100%;
}

.SubContent{
	float:left;
	width:23%;
	margin:1% 0.75%;
	background-color:#ccc;
	height:200px;
	position: relative;
}

.SubContent > .SubImage{
	max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:1;
}

.SubText{

}

h2{
	font-size:20px;
	text-align:center;
	float:left;
	width:100%;
}

.SubContent .SubText{
	position: absolute;
	top:-12px;
	left:0%;
	Width:100%;
	font-weight: bold; /*太字に*/
  	font-size: 1em;/*サイズ2倍*/
  	letter-spacing: 1px;
    color: #fff;
    z-index:5;
    height : -webkit-calc(100% + 14px) ;
   	height : calc(100% + 14px) 
}

.SubText p{
	margin:0;
	font-size:14px;
	background-color:rgba(32,32,32,0.9);
}

.SubContent_1 {
	margin-left:1.75%;
}

.SubContent_4{
	margin-right:1.75%;
}


.SubText:hover{
	background-color:rgba(255,255,255,0.2);
	-webkit-backdrop-filter: white(12px); 
	backdrop-filter: white(12px);
}


.SubText:hover p{
	width:auto;
	margin-top:0px;
	color:#fff;
	font-size:20px;
	font-family: "cursive","sans-serif", "メイリオ";
}

.Ready{
	color:;
}