@charset "UTF-8";

/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が1000px以上①
===============================================*/

@media (min-width: 770px) {

.mainX01{
  width : 39%;
  float : left;
    margin-left : 1%;
  
    text-align : center;
  
    font-weight : bold;
    color : navy;
  }

.mainX02{
  width : 57%;
  float : right;
  clear : right;
padding-right : 1%;padding-bottom : 20px;padding-left : 1%;
}

.mainX{
	
	margin-bottom: 30px;	
	background-color: white;	
	padding-right: 1%;	
	padding-left: 1%;	
	padding-top: 10px;	
padding : 20px;
}

.bspac-20x{
  background-color : white;border-width : 0px;
  width : 1px;
  height : 1px;
  margin-bottom : 19px;
}

.mainX p{
	
	width : 96%;	
	padding-right: 2%;	
	padding-left: 2%;	
}

.mainY01{
  width : 39%;
  float : left;
  margin-left : 1%;
}

.mainY02{
  width : 57%;
  float : right;
  clear : right;
  padding-right : 1%;padding-bottom : 20px;padding-left : 1%;
}

.mainY{
  padding-top : 1%;
  padding-bottom : 1%;
  margin-bottom : 30px;
  background-color : white;
  padding-right : 1%;padding-left : 1%;
}

.mainY p{
	
  width : 96%;	
  padding-right: 2%;	
  padding-left: 2%;	
}

.mainZ01{
  width : 49%;
  float : left;
  margin-left : 1%;
}

.mainZ02{
  width : 48%;
  float : right;
  clear : right;padding-bottom : 20px;padding-left : 1%;
}

.mainZ{
  padding-top : 1%;
  padding-bottom : 20px;
  margin-bottom : 30px;
  background-color : white;
  padding-right : 1%;padding-left : 1%;
}

.mainZ p{
	
  width : 96%;	
}

.rokesan{
  font-weight : bold;
  margin-left : 20px;
  margin-bottom : 10px;
}

.mainZR01{
	
	width: 40%;	
	float: left;	
	margin-left: 1%;	
	text-align: center;	
}

.mainZR02{
  width : 57%;
  float : right;
  clear : right;padding-bottom : 20px;padding-left : 1%;
}

.mainZR{
	
  padding-top : 30px;
  padding-bottom : 20px;
  margin-bottom : 30px;	
	background-color: black;
	
}

.mainZR p{
	
	width: 96%;	
	color: white;	
	margin-bottom: 20px;	
}

h5{
	
	font-size: 22px;	
	color: white;	
	padding-bottom: 2px;	
	border-bottom-width: 2px;	
	border-bottom-color: white;	
	border-bottom-style: solid;	
	margin-right: 10px;	
	margin-bottom: 20px;	
}

h5 img{
  margin-right : 10px;
  padding-bottom : 5px;
    width : 45px;
    height : 35px;  
  }

.mainRA{
	margin-bottom: 30px;
	padding : 10px 1% 0px;
	background-color : black;
}

.mainRA p{
	
	width: 96%;	
	margin-left: 2%;	
	margin-right: 2%;	
	color: white;
	padding-bottom: 30px;
}

}

/* ################################################################################ */

/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){
.mainX01{
    background : 0px 0px;
  
  
    text-align : center;
  }

.mainX02{
    margin-left : 1%;
    margin-right : 1%;  
    padding-top : 20px;
    padding-bottom : 20px;
  }

.mainX{
	
	padding: 20px 1%;	
	margin-bottom: 30px;	
	margin-left: 1%;	
	margin-right: 1%;	
	background-color: white;	
}

.mainX p{
	
	width : 98%;	
	padding-right: 1%;	
	padding-left: 1%;	
}

.mainY01{
  background : 0px 0px;
  color : white;
}

.mainY02{
  margin-left : 1%;
  margin-right : 1%;  
  padding-top : 20px;
  padding-bottom : 20px;
}

.mainY{
	
	padding: 20px 1% 1%;	
	margin-bottom: 30px;	
	margin-left: 1%;	
	margin-right: 1%;	
	background-color: white;	
}

.mainZ01{
  background : 0px 0px;
  color : white;
}

.mainZ02{
  margin-left : 1%;
  margin-right : 1%;  
  padding-top : 20px;
  padding-bottom : 20px;
}

.mainZ{
	
	padding-top: 25px;	
	margin-bottom: 30px;	
	margin-left: 1%;	
	margin-right: 1%;	
	background-color: white;	
	padding-right: 1%;	
	padding-left: 1%;	
}

.rokesan{
	
	font-weight: bold;	
	margin-left: 1%;	
	margin-bottom: 10px;	
	margin-top: 10px;	
}

.mainZR01{
  background : 0px 0px;
  color : white;
	text-align: center;
}

.mainZR02{
  margin-left : 1%;
  margin-right : 1%;  
  padding-top : 20px;
  padding-bottom : 20px;
}

.mainZR{
	
	padding-top: 25px;	
	margin-bottom: 30px;	
	margin-left: 1%;	
	margin-right: 1%;	
	background-color: black;	
	padding-right: 1%;	
	padding-left: 1%;	
}

.mainZR02 p{
	
	color: white;	
}

h5{
  font-size : 17px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #ffffff;
  font-weight : bold;
  padding-left : 5px;
    margin-bottom : 20px;
	color: white;
  }

h5 img{
  margin-right : 5px;
  padding-bottom : 5px;
    width : 33px;
    height : 20px;
  }

.mainRA{
	
	margin-left: 1%;	
	margin-right: 1%;	
	padding-left: 1%;	
	padding-right: 1%;  
    background-color : black;  
    padding-top : 30px;  
    margin-bottom : 30px;
  }

.mainRA p{
	
	width: 98%;	
	margin-left: 1%;	
	margin-right: 1%;	
	color: white;
	padding-bottom: 30px;
}

}
/* ########################################################### */






.mainX01 img{
  max-width: 750px; min-width: 100px; 
  width : 98%;  
  height : inherit;
  margin-left : 1%;
  margin-right : 1%;
}
#tableX th b{
  padding-left : 5px;
  border-left-width : 2px;
  border-left-style : solid;
  border-left-color : navy;
  text-align : left;
}

.mainX02 span{
  border-bottom-width : 2px;
  border-bottom-style : solid;
  width : 98%;
  display : inline-block;
  margin-bottom : 12px;
  color : white;
background : none 0% 0% / auto auto repeat scroll padding-box border-box #000040;
  padding-left : 2%;
  font-size : 13px;
  padding-top : 3px;
  font-weight : bold;
  border-bottom-color : navy;
}


.mainY01 img{
  max-width: 750px; min-width: 100px; 
  width : 98%;  
  height : inherit;
  margin-left : 1%;
  margin-right : 1%;
}

#tableY th b{
  padding-left : 5px;
  border-left-width : 2px;
  border-left-style : solid;
  border-left-color : red;
}

.mainY02 span{
  border-bottom-width : 2px;
  border-bottom-style : solid;
  width : 98%;
  display : inline-block;
  margin-bottom : 8px;
  color : white;
  background : linear-gradient(90deg, green, #ffffff);
  padding-left : 2%;
  font-size : 13px;
  padding-top : 3px;
  font-weight : bold;
  border-bottom-color : green;
}




.mainhalf{
  margin-bottom : 30px;
  width : 100%;
}



/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {

.halfA{
  width : 45%;
  background-color : white;
  padding-top : 5px;
  padding-bottom : 20px;padding-right : 2%;padding-left : 2%;
  margin-right : 1%;
  float : left;
}

.halfA img{
  max-width: 750px; min-width: 250px;  
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
  
    margin-top : -10px;
  }

.halfB{
  width : 45%;
  float : right;
  background-color : white;
  padding-top : 5px;
  padding-bottom : 20px;padding-right : 2%;padding-left : 2%;
  margin-left : 1%;
}

.halfB img{
  max-width: 750px; min-width: 250px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
    margin-top : -10px;
  }

.halfC{
  width : 45%;
  background-color : white;
  padding-top : 5px;
  padding-bottom : 20px;padding-right : 2%;padding-left : 2%;
  margin-right : 1%;
  float : left;
}

.halfC img{
	
	max-width: 350px;	
	min-width: 200px;	
	width: 100%;	
	height: auto;	
	margin-bottom: 10px;	

    margin-top : -10px;
  }

.halfD{
  width : 45%;
  float : right;
  background-color : white;
  padding-top : 5px;
  padding-bottom : 20px;padding-right : 2%;padding-left : 2%;
  margin-left : 1%;
}

.halfD img{
  max-width: 350px; min-width: 200px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
    margin-top : -10px;
  }

.mainZ01 img{
  max-width: 750px; min-width: 100px; 
  width : 98%;  
  height : inherit;
  margin-left : 1%;
  margin-right : 1%;
    margin-bottom : 20px;
  }

.mainZR01 img{
  max-width: 280px; min-width: 100px; 
  width : 98%;  
  height : inherit;
  margin-left : 1%;
  margin-right : 1%;
    margin-bottom : 20px;
  }

}
/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){

.halfA{
  width : 46%;
  background-color : white;
  padding-top : 15px;
  padding-bottom : 15px;padding-right : 1%;padding-left : 1%;
  margin-left : 1%;
  margin-right : 1%;
  float : left;
}

.halfA img{
  max-width: 250px; min-width: 80px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
  
    margin-top : -10px;
  }

.halfB{
  width : 46%;
  float : right;
  background-color : white;
  padding-top : 15px;
  padding-bottom : 15px;padding-right : 1%;padding-left : 1%;
  margin-left : 1%;
  margin-right : 1%;
}

.halfB img{
  max-width: 250px; min-width: 80px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
    margin-top : -10px;
  }


.halfC{
  background-color : white;
  padding-top : 20px;
  padding-bottom : 15px;padding-right : 2%;padding-left : 2%;
  margin-left : 1%;
  margin-right : 1%;
    margin-bottom : 30px;
  }

.halfC img{
  max-width: 750px; min-width: 250px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
}

.halfD{
  background-color : white;
  padding-top : 20px;
  padding-bottom : 15px;padding-right : 2%;padding-left : 2%;
  margin-left : 1%;
  margin-right : 1%;
}

.halfD img{
  max-width: 750px; min-width: 250px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
}

.mainZ01 img{
  max-width: 750px; min-width: 100px; 
  width : 98%;  
  height : inherit;
  margin-left : 1%;
  margin-right : 1%;
}

.mainZR01 img{
  max-width: 300px; min-width: 100px; 
  width : 98%;  
  height : inherit;
  margin-left : 1%;
  margin-right : 1%;
}

}

.halfin strong{
  text-align : left;
}

.halfin p{
  text-align : left;
  margin-top : 10px;
  margin-bottom : 5px;
}

.rokeline{
  margin-top : 10px;
  margin-bottom : 10px;
}