@charset "UTF-8";

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

@media (min-width: 770px) {

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

.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;	
}

.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%;	
}}

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

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

.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;	
}

.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: 20px;	
	margin-bottom: 30px;	
	margin-left: 1%;	
	margin-right: 1%;	
	background-color: white;	
	padding-right: 1%;
	padding-left: 1%;	
}}
/* ########################################################### */






.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 : #974b00;
}

.mainX02 span{
  width : 98%;
  display : inline-block;
  margin-bottom : 12px;
  color : white;
background : #663300;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  padding-left : 2%;
  font-size : 13px;
  padding-top : 6px;
  font-weight : bold;
  padding-bottom : 6px;
}


.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;
}

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


.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;
  }}
/*===============================================
●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;
}}

.halfin strong{
  text-align : left;
}

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