@charset "UTF-8";
/* CSS Document */

/*TB*/
@media screen and (max-width: 1371px){

}
@media screen and (max-width: 1150px){
	main{
		width: 70%;
	}
.midashi-obi{
	font-size: 2.5vmax;	
	}
h3{
	font-size: 2.5vmax;
	}
p{
	font-size: 1.8vmax;
	}
}

@media screen and (max-width: 1024px){
main{
	width: 100%;
	margin: 0 auto 120px auto;
	padding: 0 20px;
	}

.top-tb,.img06_tb{
   display: contents;
    }
.top-pc,.img06_pc{
    display: none;    
    } 
.top-sp,.img06_sp{
    display: none;
    }

.h1midashi{
font-size: 30px;	
	}
h2{
	font-size:  25px;
	letter-spacing: 1px;
	}
.midashi-obi{
	width: 100%;
	margin: 10px auto;
	letter-spacing: 1px;	
	}
h3{
	font-size: 2.8vmax;
	}

.about{
   font-size: 2vmax;	
	margin-bottom: 20px;
	}
.large{
   font-size: 2.5vmax;		
	}
table {	
	width: 90%;
	padding: 2px;
	}
.midashi-obi{
	font-size: 2.8vmax;
	margin: 15px 0;
	
	}
p{
   width: 90%;
   margin: 20px auto;
   text-align: justify;	
   font-size: 20px;
	letter-spacing: 0.5px;
	}
}



@media screen and (max-width: 900px){

.fotbtn li a{
	font-size: 20px;
	letter-spacing: 1px;
}
.large{
		font-size: 24px;
	}
.about{
		font-size: 20px;
	}
.haba02{
		width: 10%;
	}
}


/*sp*/
@media screen and (max-width:800px){
main{
		width: 100%;
	}
.haba02{
		vertical-align: middle;
	}
}

@media screen and (max-width: 700px){
.fotbtn li a{
	font-size: 15px;
	letter-spacing: 1px;
}
h4{
	font-size: 20px;	
	}
th,td{
	font-size: 20px;
	padding: 2px;
	}
.midashi-obi{
	font-size: 25px;	
	}
h3{
	font-size: 25px;	
	}
.haba02{
	vertical-align: middle;	
	}
}
@media screen and (max-width:645px){
main{
	width: 100%;
	padding: 0 20px;
	}
th,td{
	font-size: 17px;
	padding: 2px;
	}
.haba{
	width: 5%;	
	}
h4{
	font-size: 19px;	
	}
.haba02{
	width: 3%;
	}
	}
@media screen and (max-width:560px){
main{
	width: 100%;
	}
.h1midashi{
	font-size: 26px;
	}
h2{
	font-size: 22px;
	}
p{
	width: 100%;
	font-size: 20px;
	margin-top: 5px;
	}
.midashi-obi02{
	font-size: 24px;
	letter-spacing: -1px;
	}
.about{
	font-size: 19px;	
	}
}

@media screen and (max-width:460px){
	main{
		width: 100%;
	}
.fotbtn li a{
	font-size: 13px;
	letter-spacing: 1px;
	}
.h1midashi{
	font-size: 5vmax;
	}
h2{
	font-size: 3.5vmax;
	}
p{
	font-size: 18px;	
	}
.midashi-obi{
	font-size: 4vmax;	
	}
h4{
	padding: 0 18px;
		font-size: 18px;
	}
	
th,td{
	font-size: 15px;
	padding: 2px;
	}
.haba{
	width: 5%;	
	}
.midashi-obi{
	font-size: 20px;		
	}
	
.midashi-obi02{
	font-size: 20px;
	}
h3{
	font-size: 20px;
	}
.about{
	font-size: 18px;
	}
	.large{
		font-size: 20px;
	}
}
@media screen and (max-width:449px){
.infbtn{
	padding: 0 0;
	}
}

@media screen and (max-width:428px){
.top-tb,.img06_tb{
   display: none;
    }
.top-pc,.img06_pc{
    display: none;    
    } 
.top-sp,.img06_sp{
    display: contents;
    }
.h1midashi{
		font-size: 25px;
	}
h2{
	font-size: 18px;	
	}
p{
	width: 100%;	
	}
}

@media screen and (max-width:413px){
.midashi-obi02{
	font-size: 18px;
	}

}

@media screen and (max-width:403px){
.top-tb,.img06_tb{
   display: none;
    }
.top-pc,.img06_pc{
    display: none;    
    } 
.top-sp,.img06_sp{
    display: contents;
    }
.h1midashi{
		font-size: 20px;
	}
h2{
	font-size: 16px;
	letter-spacing: 0;
	}
p{
	width: 100%;
	font-size: 17px;
	}
table{
	width: 100%;	
	}
}