article { width: 100%; background:url(/static/new/2021/bg_web_left.png) left top no-repeat,url(/static/new/2021/bg_web_right.png) right top no-repeat #eeeeee; }
article .column { display: flex; }
article .column span { padding-right: 3em; border-bottom: 1px solid #27687a; padding-bottom: .5em; }
article .swiper-container { width: 100%; }
.swiper-slide figure { border-bottom:1px solid #e5e5e5;}
.swiper-slide figure time { text-align: right; color: #747474; margin-top: 1em; }
.swiper-slide figure:last-of-type { border-bottom: 0; }
article .swiper-button-prev,
article .swiper-button-next { background: url(/static/new/2021/img_more_prev.png) center no-repeat; background-size: cover; }
article .swiper-button-next { margin: 0 !important; transform: rotate(180deg); }
@media screen and (max-width: 1000px) {
	article { background-size: 40vw; padding:5vw 0 20vw; }
	article section { width: 90vw; padding:5vw;}
	article section { box-sizing: border-box; margin:0 auto; display: flex; flex-direction: column; position: relative;  background: #fff;}
	article .column span { font-size: 4vw; }
	article figure { padding:5vw 0 4vw; display: flex; flex-direction: column; }
	article figure h2 { margin: 2vw 0; }
	article figure h2 a { font-size: 3vw; line-height: 1.4; font-weight: normal; }
	article figure p { font-size: 2.4; line-height: 1.4; color: #747474; }
	article figure time { font-size: 2vw; }
	article figure.itemPic > a img { width: 100%; }
	article .swiper-button-prev,
	article .swiper-button-next { width: 7vw; height: 7vw; top:auto; bottom:-14vw; left: auto; right: 0; margin:0 10vw 0 0; }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
	article { padding:30px 0 150px; }
	article section { width: 100%; padding:50px 2%; }
	article section { box-sizing: border-box; margin:0 auto; display: flex; flex-direction: column; position: relative;  background: #fff;}
	article .column span { font-size: 26px; }
	article figure { padding:50px 0 40px; }
	article figure h2 { margin-bottom: 15px; }
	article figure h2 a { font-size: 22px; line-height: 40px; font-weight: normal; }
	article figure p { font-size: 16px; line-height: 30px; color: #747474; }
	article figure time { font-size: 16px; }
	article figure.itemPic { position: relative; min-height: 210px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
	article figure.itemPic > * { width: 67%; }
	article figure.itemPic > a { width: 27%; height: 210px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
	article figure.itemPic > a img { width: 100%; height: 100%; object-fit: cover; }
	article figure.itemTxt { display: flex; flex-direction: column; }
	article .swiper-button-prev,
	article .swiper-button-next { width: 42px; height: 41px; top:auto; bottom:-140px; left: auto; right: 0; margin:0 60px 0 0; }
}
@media screen and (min-width: 1201px) {
	article { padding:60px 0 280px; }
	article section { width: 1200px; padding: 50px; }
	article section { box-sizing: border-box; margin:0 auto; display: flex; flex-direction: column; position: relative;  background: #fff;}
	article .column span { font-size: 1.3vw; }
	article figure { padding:2.5vw 0 2vw; }
	article figure h2 { margin-bottom: 1vw; }
	article figure h2 a { font-size: 1.2vw; line-height: 1.4; font-weight: normal; }
	article figure p { font-size: .9vw; line-height: 1.75; color: #747474; }
	article figure time { font-size: .9vw; }
	article figure.itemPic { position: relative; min-height: 210px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
	article figure.itemPic > * { width: 67%; }
	article figure.itemPic > a { width: 27%; height: 210px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
	article figure.itemPic > a img { width: 100%; height: 100%; object-fit: cover; }
	article figure.itemTxt { display: flex; flex-direction: column; }
	article .swiper-button-prev,
	article .swiper-button-next { width: 42px; height: 41px; top:auto; bottom:-140px; left: auto; right: 0; margin:0 60px 0 0; }
}