@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.main_pict{width: 100%; height: 360px; background-image: url(main_pict.jpg); background-size: cover;}


.concept { width: 90%; text-align: center; font-size: 1.4em; line-height: 2em;margin: 0 auto; font-family: serif; padding: 60px 0;}

.hidari{width: 86%; margin: 0 auto 40px;}
.hidari img{width: 100%; box-shadow: 0 0 4px gray;}
.migi {width: 90%;font-size: 1.1em; line-height: 1.8em; margin: 0 auto 40px;}
.lead{font-size: 1.1em; line-height: 1.8em;}
.lead p{font-weight: bold; font-size: 1.2em; margin-bottom: 6px;}


.button{width: 90%; margin: 20px auto 0;text-align: center;}


.zisseki{height: 430px; overflow-y: scroll;}

.zisseki table{
  width: 100%;}

.zisseki table th{
  position: relative;
  text-align: left;
border-bottom: 1px solid #bbb;
font-size: 0.8em;
}


.zisseki table td{
  text-align: left;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #bbb;
}

.sita{	
	width: 100%;
	margin: auto;}
	
.sita img{width: 400px; 
			margin-top: 20px;
		}

.sita2{	
	width: 100%;
	margin: auto;}
	
.sita2 img{width:400px; 
		margin-top: 20px;
		
		}

}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {


.main_pict{width: 100%; height: 360px; background-image: url(main_pict.jpg); background-size: cover;}


.concept { width: 90%; text-align: center; font-size: 1.6em; line-height: 2em; font-family: serif; padding: 60px 0;}

.hidari{width: 86%; margin: 0 auto 40px;}
.hidari img{width: 100%; box-shadow: 0 0 4px gray;}
.migi {width: 90%;font-size: 1.1em; line-height: 1.8em; margin: 0 auto 40px;}
.lead{font-size: 1.1em; line-height: 1.8em;}
.lead p{font-weight: bold; font-size: 1.2em; margin-bottom: 6px;}


.button{width: 60%; margin: 20px auto 0;text-align: center;}


.zisseki{height: 430px; overflow-y: scroll;}

.zisseki table{
  width: 100%;}

.zisseki table th{
  position: relative;
  text-align: left;
border-bottom: 1px solid #bbb;
}


.zisseki table td{
  text-align: left;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #bbb;
}

.sita{	
	width: 100%;
	text-align: center;}
	
.sita img{width: 500px; 
		padding-top: 20px;
		}

.sita2{	
	width: 100%;
	display: flex;
	text-align: center;
	}
	
.sita2 img{width: 340px; 
		padding: 20px 0 0 10px;
		
		}


}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
   
.main_pict{width: 100%; height: 360px; background-image: url(main_pict.jpg); background-size: cover;}


.concept { width: 100%; text-align: center; font-size: 1.6em; line-height: 2em; font-family: serif; 
		margin: -40px 0 50px 0; }

.hidari{width: 40%; margin-right: 3%;margin-bottom: 40px;}
.hidari img{width: 100%; box-shadow: 0 0 4px gray;}
.migi {width: 56%;font-size: 1.1em; line-height: 1.8em; margin-right: 3%;margin-bottom: 40px;}
.lead{font-size: 1.1em; line-height: 1.8em;}
.lead p{font-weight: bold; font-size: 1.2em; margin-bottom: 6px;}


.button{width: 60%; margin: 20px auto 0;text-align: center;}

.zisseki{height: 430px; overflow-y: scroll;}

.zisseki table{
  width: 100%;}

.zisseki table th{
  position: relative;
  text-align: left;
border-bottom: 1px solid #bbb;
}


.zisseki table td{
  text-align: left;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #bbb;
}

.sita{	
	width: 70%;
	margin: auto;}
	
.sita img{width: 400px; 
		margin: 50px auto 0 auto;
		}

.sita2{	
	width: 70%;
	display: flex;
	}
	
.sita2 img{width: 290px; 
		margin: 15px auto 0 10px;
		
		}


}