@charset "UTF-8";
/*タイトル ========================================================================*/
#main .ttl_main.history h1{
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/ttl_history.jpg) no-repeat center center / cover;
	}
#main section{
	width:100%;
	height:auto;
	padding-bottom:40px;
	margin-bottom:35px;
	border-bottom:solid 1px #000;
	}
#main section:last-child{
	border-bottom:none;
	}
#main section div{
	margin-bottom:30px;
	}
#main section div:last-child{
	margin-bottom:0;
	}			
#main h2{
	font-size:24px;
	margin:0 auto 20px;
	}
#main h3{
	font-size:16px;
	margin:0;
	}
#main figure{
	width:30%;
	margin:0 2% 0 0;
	float:left;
	}			
#main figure img{
	width:100%;
	}
#main figure.figure img{
	width:49%;
	margin:0 0.5%;
	}	
#main figure figcaption{
	font-size:13px;
	line-height:20px;
	}
#main figure img.border{
	outline:solid 1px #ccc;
	}	
#main .txt{
	width:68%;
	float:right;
	text-align:justify;
	text-justify: inter-ideograph;
	}

@media screen and (min-width:700px) and ( max-width:1050px){
#main section{
	width:100%;
	height:auto;
	padding-bottom:35px;
	margin-bottom:35px;
	border-bottom:solid 1px #000;
	}
#main section:last-child{
	border-bottom:none;
	}
#main section div{
	margin-bottom:20px;
	}
#main section div:last-child{
	margin-bottom:0;
	}			
#main h2{
	font-size:24px;
	margin:0 auto 20px;
	}
#main h3{
	font-size:16px;
	margin:0;
	}
#main figure{
	width:30%;
	margin:0 2% 0 0;
	float:left;
	}			
#main figure img{
	width:100%;
	}
#main figure.figure img{
	width:49%;
	margin:0 0.5%;
	}	
#main figure figcaption{
	font-size:13px;
	line-height:20px;
	}
#main figure img.border{
	outline:solid 1px #ccc;
	}	
#main .txt{
	width:68%;
	float:right;
	text-align:justify;
	text-justify: inter-ideograph;
	}
}

@media screen and (max-width:700px){
#main section{
	width:100%;
	height:auto;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:solid 1px #000;
	}
#main section:last-child{
	border-bottom:none;
	}
#main section div{
	margin-bottom:40px;
	}
#main section div:last-child{
	margin-bottom:0;
	}
#main h2{
	font-size:22px;
	margin:0 auto 15px;
	}
#main h3{
	font-size:16px;
	margin:0;
	}
#main figure{
	width:100%;
	margin:0 auto 15px;
	float:none;
	}			
#main figure img{
	width:100%;
	}
#main figure.figure img{
	width:49%;
	margin:0 0.5%;
	}	
#main figure figcaption{
	font-size:13px;
	line-height:20px;
	}
#main figure img.border{
	outline:solid 1px #ccc;
	}	
#main .txt{
	width:100%;
	float:none;
	text-align:justify;
	text-justify: inter-ideograph;
	}
}