@charset "utf-8";

/*FEATUREスタイル*/
.feature_index_bg { background:url(../img/feature/bg_title1.png) no-repeat center 35px; padding-top:35px; height:263px; }
.feature_index_bg .inner_sec { padding-top:30px; }
.feature_index h2 { font-size:41px; line-height:1.25; position:relative; }
.feature_index h2:before, .feature_index h2:after { content:""; position:absolute; top:50%;  width:88px; height:2px; background:#0086bc; display:none; }
.feature_index h2:before { left:calc(50% - 5em); }
.feature_index h2:after { right:calc(50% - 5em); }
.feature_index_bg2 { background:#f6f5f5 url(../img/feature/bg_title2.png) no-repeat top center / auto; padding-top:30px; }

.feature_post_box { display:flex; justify-content:space-between; flex-wrap:wrap; }
.feature_post_col { transition:0.3s; display:block; width:100%; height:100%; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px; min-height:440px; margin-bottom:40px; margin-top:50px; }
.feature_post_col:hover { transition:0.3s; box-shadow:0px 10px 20px rgba(86, 86, 86, 0.4); transform:translateY(-7px); }
.feature_post_col.isShow { margin-top:0px; }

.feature_post_col:first-child { width:100%; }
.feature_post_col:nth-child(2),.feature_post_col:nth-child(3) { width:48%; }
.feature_post_col:nth-child(n+4) { width:31%; }

.feature_post_label { position:absolute; left:30px; bottom:30px; width:calc(100% - 60px); color:#454545; }
	.feature_post_col:first-child .feature_post_label { width:55%; }

.feature_post_date, .feature_post_title { background:rgba(255,255,255,0.9); border-radius:15px; }
.feature_post_date { font-size:16px; line-height:1.5; display:inline-block; margin-bottom:15px; padding:10px 25px; }
.feature_post_title { font-size:22px; line-height:1.5; padding:20px 25px; }


.pagination { margin-bottom:50px; }
.pagination a { z-index:1; }
.pagination a.pagination-next { background-color:transparent; }
.pagination a.pagination-prev { background-color:transparent; }


/* page */
.feature_page_bg { background:url(../img/feature/bg_title1.png) no-repeat center 40px; }
.feature_page_bg .pageTitle_box { position:relative; top:20px; }

.latest_list { border-top:1px solid #e5e5e5; margin-bottom:30px; counter-reset:number; }
.latest_list li { border-bottom:1px solid #e5e5e5; padding:12px 5px; position:relative; }
.latest_link { display:flex; justify-content:space-between; align-items:center; color:#0090bf; font-size:16px; line-height:1.5; }
.latest_thumb { width:38%; padding:30% 0 0; background-repeat:no-repeat; background-size:cover; background-position:top center; border-radius:10px; }
.latest_title { width:54%; font-size:14px; }


	@media print, screen and (min-width:768px) {
		.feature_post_title.small { font-size:20px; }
		.feature_post_title.large { font-size:28px; letter-spacing:-0.1em; }
		
	}
	
	@media print, screen and (max-width:1260px) {
		.feature_index_bg { background-size:110% auto; background-position:bottom center; }
		.feature_page_bg { background-size:110% auto; }
	}

	@media print, screen and (max-width:1024px) {
		.feature_index_bg { background-image:url(../img/feature/bg_title_line.png),url(../img/feature/bg_title_left.png), url(../img/feature/bg_title_right.png), url(../img/feature/bg_title_airplane.png), url(../img/feature/bg_title_bird.png); background-repeat:no-repeat; background-position:center 20px, 20px 100%, 95% 100%, 85% 35%, 70px 30%; background-size:97% auto, 30% auto, 20% auto, 10% auto, 8% auto; height:auto; }
		.feature_post_title.small { font-size:20px; }
		.feature_post_title.large { font-size:22px; }
		.feature_post_col:nth-child(n+4) { width:48%; }
		
		.feature_page_bg { background-image:url(../img/feature/bg_title_line.png),url(../img/feature/bg_title_left.png), url(../img/feature/bg_title_right.png), url(../img/feature/bg_title_airplane.png), url(../img/feature/bg_title_bird.png); background-repeat:no-repeat; background-position:center 20px, 20px 100%, 95% 100%, 85% 45%, 15% 30%; background-size:97% auto, 38% auto, 28% auto, 100px auto, 100px auto; height:auto; }
		
	}
	
	@media print, screen and (max-width:767px) {
		.bgGray_box { padding:20px 20px 10px; }
		.feature_index_bg { /*padding-top:20px;*/ }
		.feature_index_bg .inner_sec { padding-top:5px; }
		.feature_index h2 { font-size:30px; }
		.feature_index h2:before, .feature_index h2:after { width:60px; }
		.feature_post_col:nth-child(2),.feature_post_col:nth-child(3),
		.feature_post_col:nth-child(n+4) { width:100%; }
		.feature_post_col:first-child .feature_post_label { width:calc(100% - 40px); }
		.feature_post_label { width: calc(100% - 40px); left:20px; }
		.feature_post_date {padding:10px 20px; }
		.feature_post_title { padding:15px 20px; font-size:18px; }
		.feature_post_title.small { font-size:18px; }
		.feature_post_title.large { font-size:18px; }
		.feature_page_bg .pageTitle_box { padding:20px 30px 50px; }
		.archivePage_left { padding:0 0 5%; }
		
		.feature_page_bg { background-position:center 20px, 20px 100%, 95% 100%, 85% 45%, 40px 30%; background-size:97% auto, 38% auto, 28% auto, 15% auto, 15% auto; height:auto; }
	}
	
	@media print, screen and (max-width:450px) {
		.feature_index_bg { background-position:center 20px, 20px 100%, 95% 100%, 85% 45%, 40px 30%; background-size:97% auto, 38% auto, 28% auto, 15% auto, 15% auto; }
		
	}