article { background:#F2F4F5; }
div.section {background: #fff; padding: 3vw;}
section{margin: 0 auto;}
article h4 .pubTime{background:url(../images/icon-time.png) left no-repeat; padding-left: 1vw;}
.navigation {margin:1vw auto; line-height:5; background: url(../images/nv.webp) left no-repeat; background-size: 1.5%; padding-left: 1.5vw;}
.navigation a{font-size:3vw;}
.navigation span {font-size: 0.8vw; margin: 0 0.5vw;}
.div_line{border-bottom:1px dotted #ccc;margin:3vw 0 2vw 0;}
.div_read {line-height:2;font-size:1.5vw; width: 100%; overflow: hidden; margin-bottom: 0.5vw;}
.div_read span{background:url(../images/icon-read-more.png) left no-repeat;padding-left:1vw;float:left; font-size: 1.2vw;}
.div_read h2{float:left;width: 90%; padding-left: 1vw; line-height: 2; font-size: 1.2vw; font-weight: normal;}

@media screen and (max-width: 1000px) {
	article { width:100vw; box-sizing: border-box; padding:0 5vw 4vw 5vw; background-size:40vw; }
	article h1 { font-size:5vw; text-align:center; line-height:1.4; }
	article h4 { font-size:3.2vw; line-height:2; display:flex; justify-content:center; margin:1vw 0; }
	article h4 span { margin:0 1.5vw; }
	article .content { font-size:3vw; line-height:1.4; }
	article .content p { margin:1em 0; }
	article .content > * { width: 100% !important; height: auto !important; }
	article video,
	article img { width: 100% !important; height: auto !important; object-fit: fill; font-size: 3vw; }
	.navigation{background-size: 2.5%;padding-left: 2.5vw;font-size: 3vw;}
	.navigation a{font-size:3vw;}
	.div_read span{background:url(../images/icon-read-more.png) left no-repeat;padding-left:2vw;float:left; font-size: 2vw;}
	.div_read h2{float:left;width: 85%; padding-left: 2vw; line-height: 2; font-size: 2vw; font-weight: normal;}
	
	
}
@media screen and (min-width: 1001px) and (max-width: 1199px) {
	article div.section { width: 100%; padding:0; }
	article .content { padding:0 2%; }
	header .banner { display: none !important; }
	article { width: 100%; padding:0vw 0 5vw; }
	article div.section { margin:0 auto; display: flex; flex-direction: column; position: relative; }
	article div.section h1 { font-size: 3vw; line-height: 1.5; padding:15px 0; font-weight: normal; text-align:center;}
	article div.section h4 { display: flex; justify-content: center; margin-bottom: 20px; }
	article div.section h4 span { margin:0 1em; font-size: 14px; color: #919191; font-weight: normal; }
	article .content { display: flex; flex-direction: column; }
	article p { font-size: 16px; line-height: 38px; margin: 10px 0;}
	article img { display: block; margin:0 auto; max-width: 90%; }
	.navigation{font-size:2vw}
	.navigation a{font-size:2vw;}
	.div_read span{background:url(../images/icon-read-more.png) left no-repeat;padding-left:1vw;float:left; font-size: 1.5vw;}
	.div_read h2{float:left;width: 90%; padding-left: 1vw; line-height: 2; font-size: 1.5vw; font-weight: normal;}
}
@media screen and (min-width: 1200px) {
	article div.section { width: 82%; }
	header .banner { display: none !important; }
	article { width: 100%; padding:0vw 0 5vw; }
	article div.section { margin:0 auto; display: flex; flex-direction: column; position: relative; }
	article h1 { font-size: 2vw; line-height: 1.5; padding:15px 0; font-weight: normal; text-align:center;}
	article h4 { display: flex; justify-content: center; margin-bottom: 20px; }
	article h4 span { margin:0 1em; font-size: 14px; color: #919191; font-weight: normal; }
	article .content { display: flex; flex-direction: column; }
	article p { font-size: 16px; line-height: 38px; margin: 10px 0;}
	article img { display: block; margin:0 auto; max-width: 90%; }
	.navigation{width: 82%;margin: 0 auto;font-size: 0.8vw;}
	.navigation a{font-size:0.8vw}
	
}