@charset "utf-8";
.pageContent{margin-top:0;}
.catContent,
.singleHd{margin:0 auto;}
.catContent *{line-height:1.6;}
.catContent a{word-break: break-all;}
.catTtl{
	display:block;
	text-align:center;
	line-height:1.0;
}
.catList{
	display:grid;
	margin:0 auto;
}
.catList,
.catList li{list-style:none;}
.catList a{
	color:var(--text-color);
	text-decoration:none;
}
.catList img{
	aspect-ratio: 308 / 231;
	object-fit:cover;
	object-position:center center;
}
.catList a{
	color:var(--text-color);
	text-decoration:none;
}
.singleHd time{font-weight:normal;}
.infoTag{
	display:inline-block;
	line-height:1.0;
	background-color:#df6f6f;
	color:var(--white-color);
	vertical-align:middle;
}
.catList time{
	display:inline-block;
	line-height:1.0;
	vertical-align:middle;
	font-weight:normal;
}
.infoTtl{line-height:1.625;}
.infoTxt{
	line-height:1.857;
	word-break:break-all;
}
.thbFg img{
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 auto;
	aspect-ratio: 308 / 231;
	object-fit:cover;
	object-position:center center;
}
.singleFt{
	border-top:1px solid var(--gray-color);
	border-bottom:1px solid var(--gray-color);
	color:#000;
}
.singleFtTtl{font-weight:600;}
.singleFtFg{
	display:inline-grid;
	grid-template-columns:auto auto;
	align-items:center;
}
.singleFtFg img{
	display:block;
	border-radius:50%;
	overflow:hidden;
}
.recomLink{display:block;}
.recomLink a{
	display:table;
	line-height:1.0;
}
.recomLink a{
	border:1px solid var(--main-color);
	background-color:var(--white-color);
	text-align:center;
	font-weight:bold;
	color:var(--main-color);
	text-decoration:none;
}
.singleLinks{
	display:flex;
	justify-content:center;
	align-items:center;
}
.singleLinks li{display:block;}
.singleLinks a{
	display:table;
	width:auto;
	margin:0 auto;
}
.singleLinks a[data-btn]{background-color:var(--main-color);}
.singleLinks .arrows a{
	text-decoration:none;
	color:var(--text-color);
}
.singleLinks .prev a:before{
	content:"\025c0";
	color:var(--main-color);
}
.singleLinks .next a:after{
	content:"\025b6";
	color:var(--main-color);
}
.imgParax > img{
	display:inline-block;
	width:49%;
}
.archivesLinks ul{
	margin:0;
	padding-left:0;
}
.archivesLinks li{list-style:none;}
.archivesLinks a{
	color:var(--text-color);
	text-decoration:none;
}
.archiveLink{border-top:1px solid var(--gray-color);}
.archiveLink a{color:var(--text-color);}
.recentList a{
	display:grid;
	grid-template:"recentFg recentTime" auto "recentFg recentTtl" 1fr / 39.411% 1fr;
}
.recentList img{
	grid-area:recentFg;
	aspect-ratio:67 / 47;
}
.recentList time{
	grid-area:recentTime;
	display:block;
	line-height:1.0;
	font-weight:normal;
}
.recentTtl{
	grid-area:recentTtl;
	line-height:1.7333;
	font-weight:600;
}
#pager{
	display:flex;
	justify-content:center;
	text-align:center;
	line-height:1.0;
}
#pager *{display:block;}
#pager li > *{
	width:100%;
	height:100%;
	display:grid;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	text-decoration:none;
}
#pager li.pages > a{
	border:1px solid var(--main-color);
	background-color:var(--main-color);
	color:var(--white-color);
}
#pager li.pages > span{
	border:1px solid var(--main-color);
	background-color:var(--white-color);
	color:var(--main-color);
}
#pager li:not(.pages) > *{color:var(--main-color);}
#pager li:not(.pages) > span{opacity:0.3;}
.mviFrame{
	position:relative;
	display:block;
	width:100%;
}
.mviFrame:before{
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-top:56.25%;
}
.mviFrame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:1023.98px){
	.catContent,
	.singleHd{
		width:84vw;
		margin-top:36px;
	}
	.catTtl{
		margin-bottom:48px;
		font-size:24px;
	}
	.catList{
		grid-template-columns:repeat(2,48%);
		grid-template-rows:repat(auto-fit,1fr);
		gap:24px 4%;
		margin-top:30px;
	}
	.catList img{
		margin-bottom:15px;
		border-radius:4px;
	}
	.infoTag{
		padding:8px 10px;
		font-size:13px;
		border-radius:4px;
	}
	.catList .swiper-slide{
		width:275px!important;
		margin:0 10px;
	}
	.catList time{
		margin-left:8px;
		font-size:16px;
	}
	.infoTtl{
		margin-top:10px;
		font-size:15px;
	}
	.infoTxt{
		margin-top:8px;
		font-size:14px;
	}
	.reasonSec{
		margin-top:120px;
		padding:0 8vw;
	}
	.thbFg{margin-top:24px;}
	.thbFg img{border-radius:4px;}
	.singleContent{margin-top:min(36px,3vw);}
	.singleContent a{word-break:break-all;}
	.singleFt{
		padding:24px 0;
		text-align:center;
	}
	.pageContent .singleFtTtl{
		width:100%;
		margin-bottom:20px;
		font-size:16px;
		text-align:center;
	}
	.singleFtFg{margin:0 auto;}
	.singleFtFg img{width:70px;}
	.singleFtFg figcaption{
		margin-left:30px;
		font-size:14px;
	}
	.recomLink{
		width:100%;
		margin-top:20px;
		font-size:16px;
	}
	.recomLink a{
		margin:0 auto;
		padding:12px 36px;
		border-radius:4px;
	}
	.recomLink{}
	.singleLinks{
		flex-wrap:wrap;
		margin-top:30px;
	}
	.singleLinks .prev{order:1;}
	.singleLinks .next{
		order:2;
		margin-left:16px;
	}
	.singleLinks .newsReturn{
		order:3;
		width:100%;
		margin-top:16px;
	}
	.singleLinks a[data-btn]{padding:10px 24px;}





	.archivesLinks{
		margin-top:36px;
		padding-top:24px;
		border-top:1px solid var(--gray-color);
	}
	.archiveLink{
		margin-top:24px;
		padding-top:24px;
		font-size:14px;
	}
	.archiveLink li+li{margin-top:8px;}
	.archiveList{padding-left:24px;}
	.recentPosts{}
	.archiveTtl{margin-bottom:24px;}
	.recentList a{column-gap:4%;}
	.recentList li+li{margin-top:24px;}
	.recentList img{border-radius:4px;}
	.recentList time{font-size:12px;}
	.recentTtl{
		margin-top:12px;
		font-size:14px;
	}
	#pager{margin-top:60px;}
	#pager li{
		width:24px;
		height:24px;
		margin:0 3px;
		font-size:14px;
	}
	.contactLinkBox{margin-top:48px;}
}
@media screen and (min-width:1024px){/*÷1200*/
	.l-contents{
		display:grid;
		grid-template:"singleBread singleBread" auto "singleTitle singleTitle" auto "singleContent singleSide" 1fr "singleLinks singleLinks" auto "singleContact singleContact" auto / 1fr 370px;
		column-gap:30px;
	}
	.breadcrumbsList{grid-area:singleBread;}
	.titleBox{
		grid-area:singleTitle;
		margin-bottom:min(90px,7.5vw);
	}
	.pageContent{
		grid-area:singleContent;
		width:100%;
	}
	.catTtl{
		margin-bottom:min(64px,5.333vw);
		font-size:min(28px,2.333vw);
	}
	.catList{
		grid-template-columns:repeat(2,47.13375%);
		grid-template-rows:repat(auto-fit,1fr);
		row-gap:min(36px,3vw);
		column-gap:3.7505%;
	}
	.infoBox{width:min(370px,30.833%);}
	.catList img{
		margin-bottom:min(12px,1vw);
		border-radius:min(16px,1.333vw);
	}
	.infoTag{
		padding:min(8px,0.667vw) min(10px,0.833vw);
		font-size:min(13px,1.083vw);
		border-radius:min(4px,0.333vw);
	}
	.catList time{
		margin-left:min(10px,0.833vw);
		font-size:min(16px,1.333vw);
	}
	.singleHd time{margin-left:min(12px,1vw);}
	.infoTtl{
		margin-top:min(10px,0.833vw);
		font-size:min(16px,1.333vw);
	}
	.infoTxt{
		margin-top:min(6px,0.5vw);
		font-size:min(14px,1.167vw);
	}
	.thbFg{margin-top:min(36px,3vw);}
	.thbFg img{border-radius:min(16px,1.333vw);}
	.singleContent{margin-top:min(30px,2.5vw);}
	.singleFt{
		display:flex;
		justify-content:center;
		align-items:center;
		padding:min(30px,2.5vw) 0;
	}
	.pageContent .singleFtTtl{font-size:min(18px,1.5vw);}
	.singleFtFg{margin:0 min(30px,2.5vw);}
	.singleFtFg img{width:min(100px,8.333vw);}
	.singleFtFg figcaption{
		margin-left:min(36px,3vw);
		font-size:min(16px,1.333vw);
	}
	.recomLink{font-size:min(18px,1.5vw);}
	.recomLink a{
		padding:min(16px,1.333vw) min(36px,3vw);
		border-radius:min(8px,0.667vw);
	}
	.singleLinks{
		grid-area:singleLinks;
		margin-top:min(160px,13.333vw);
		padding-top:min(36px,3vw);
	}
	.newsReturn{margin:0 min(126px,10.5vw);}
	.singleLinks a[data-btn]{padding:min(18px,1.5vw) min(66px,5.5vw);}
	.singleLinks .prev a:before{margin-right:min(16px,1.333vw);}
	.singleLinks .next a:after{margin-left:min(16px,1.333vw);}
	.archivesLinks{
		grid-area:singleSide;
		align-self:flex-start;
		padding:0 0 min(30px,2.5vw) min(30px,2.5vw);
		border-left:1px solid var(--gray-color);
	}
	.archiveLink{
		margin-top:min(30px,2.5vw);
		padding-top:min(30px,2.5vw);
		font-size:min(15px,1.25vw);
	}
	.archiveLink li+li{margin-top:min(12px,1vw);}
	.archiveList{padding-left:min(24px,2vw);}
	.archiveTtl{margin-bottom:min(30px,2.5vw);}
	.recentList li+li{margin-top:min(30px,2.5vw);}
	.recentList a{column-gap:8.2361%;}
	.recentList img{border-radius:min(8px,0.667vw);}
	.recentList time{font-size:min(13px,1.083vw);}
	.recentTtl{
		margin-top:min(12px,1vw);
		font-size:min(15px,1.25vw);
	}
	#pager{margin-top:min(80px,6.667vw);}
	#pager li{
		width:min(36px,3vw);
		height:min(36px,3vw);
		margin:0 5px;
	}
	.contactLinkBox{
		grid-area:singleContact;
		margin-top:min(86px,7.167vw);
	}
}
@media screen and (min-width:1024px) and (max-width:1239.98px){
	.singleFt{flex-wrap:wrap;}
	.recomLink{
		width:100%;
		margin-top:min(16px,1.333vw);
	}
	.recomLink a{margin:0 auto;}
}
@media screen and (min-width:1240px){
}