@charset "utf-8";


/* news
-------------------------------*/

.mainContents {
	margin-top: var(--margin-lg);
}
.newsTitle {
	text-align: center;
	margin-bottom: var(--margin-lg);
	font-family: 'Montserrat-Italic-VariableFont_wght', sans-serif;
	font-weight: 400;
	font-size: 6.0rem;
}
.news-title-img {
	width: 20%;
}
.news-list {
	font-size: 0;
	padding-top: var(--margin-sm);
}
.news-list li {
	width: 31%;
	margin-right: 3.333%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: var(--margin-xl);
	margin-top: 50px;
	position: relative;
}
.news-list li:nth-child(3n) {
	margin-right: 0;
}
.news-list li dt {
	margin-bottom: 20px;
}
.news-tag {
	width: fit-content;
	padding: 14px 15px;
	border: 2px solid #000;
	border-radius: 10px;
	position: absolute;
	top: -30px;
	left: 5%;
	background-color: #fff;
	z-index: 1;
	box-shadow: 3px 3px;
	font-family: "BrownStd-Regular", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: normal;
}
.news-list li dd .news-title {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.0rem;
	text-align: left;
	font-weight: bold;
}
@media only screen and (min-width: 1401px) {
	.news-list li dd .news-title {
		margin-bottom: 5px;
	}
}
.news-list dt a img {
	border: 2px solid #000;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 9 / 8;
}

.news-date {
	text-align: left;
	line-height: 2;
	font-family: 'Montserrat-VariableFont_wght', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
}
.news-body {
	overflow: hidden;
	text-align: left;
	line-height: 2.0rem;
	font-weight: 400;
	font-size: 1.4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	word-break: break-all;
}
.news-body p {
	line-height: 2.0rem;
	font-size: 1.4rem;
}

@media only screen and (max-width: 1400px){

	.news-list li dd .news-title {
		font-size: 1.3rem;
		line-height: 2.0rem;
	}
	.news-body {
		font-size: 1.3rem;
		line-height: 2.0rem;
	}
	.news-body p {
		font-size: 1.3rem;
		line-height: 2.0rem;
	}

}

@media only screen and (max-width: 750px){

	.mainContents {
		margin-top: var(--sp-margin-md);
	}
	.newsTitle {
		font-size: 2.4rem;
		margin-bottom: var(--sp-margin-md);
	}
	.news-title-img {
		width: 50%;
	}
	.news-list {
		font-size: 0;
		margin-bottom: 0px;
		padding-top: 0;
	}
	.news-list li {
		margin-bottom: var(--margin-xl);
		margin-top: 0;
	}
	.news-list li,
	.news-list li:nth-child(4n) {
		width: 46%;
		margin-right: max(7.5%, var(--sp-margin-sm));
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		margin-bottom: var(--sp-margin-md);
	}
	.news-list li:nth-child(2n) {
		margin-right: 0;
	}
	.news-list li:nth-child(3) {
		margin-right: 6%;
	}
	.news-list li:nth-child(9) {
		margin-right: 6%;
	}
	.news-list li dt {
		margin-bottom: 10px;
		margin-top: var(--sp-margin-xs);
	}
	.news-tag {
		left: 5%;
		padding: 9px 12px;
		top: 0;
		font-weight: 400;
		font-size: 1.1rem;
	}
	.news-text {
		padding: 0 5px;
	}
	.news-date {
		font-size: 1.3rem;
	}
}

/* news-detail
-------------------------------*/

.detail-wrap {
	margin: 0 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
.detail-wrap .detail-head {
	margin-bottom: var(--margin-md);
	text-align: center;
}
.detail-wrap .detail-head .ttl {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.detail-wrap .detail-head .detail-info {
	display: flex;
	font-size: 14px;
}
.detail-wrap .detail-head .detail-info .news-detail-tag {
	padding: 10px 15px;
	border: 2px solid #000;
	border-radius: 10px;
	box-shadow: 3px 3px;
	font-family: "BrownStd-Regular", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: normal;
}
.detail-wrap .detail-head .detail-info .day {
	padding-left: 20px;
	align-content: center;
	font-family: 'Montserrat-VariableFont_wght', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}
.detail-wrap .newsTitle {
	text-align: left;
	font-size: 3.6rem;
	font-weight: 400;
	padding: 0 40px;
	line-height: 6.0rem;
	font-family: 'noto-sans-cjk-jp', sans-serif;
}
.news-main-img {
	display: block;
	margin: var(--margin-xl) auto ;
	box-shadow: 20px 20px #333;
	border: 2px solid #000;
}

.detail-content {
	margin: 0 auto;
	width: 80%;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 3.6rem;
}

.detail-content p {
	line-height: 1.8;
	overflow: hidden;
}
.detail-content a {
	color: #e95a7f;
	text-decoration: underline;
}
.detail-content img {
	margin: var(--margin-sm) auto;
}
.detail-content img.left-img {
	float: left;
	max-width: 48%;
}
.detail-content img.right-img {
	float: right;
	max-width: 48%;
}
.detail-content h1 {
	margin-bottom: 10px;
}
.detail-content h2, h3 {
	margin-bottom: 10px;
	font-weight: bold;
}


.detail-pager a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #333;
	border-radius: 999px;
	background-color: transparent;
	cursor: pointer;
	width: 22.2rem;
	height: 8.2rem;
	margin: 0 auto;
	font-family: 'Montserrat-Italic-VariableFont_wght', sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
}

.recent-news {
	padding-top: var(--margin-xxl);
}
.recent-news .ttl {
	text-align: center;
	font-family: 'Montserrat-Italic-VariableFont_wght', sans-serif;
	font-weight: 400;
	font-size: 3.0rem;
}
.recent-news-box {
	margin: var(--margin-xl) auto;
}
.recent-news-box .news-list:has( > :nth-child(4)) {
	overflow-x: scroll;
	overflow-y: hidden;
}
.recent-news-box .news-list {
	font-size: 0;
	display: flex;
	padding-top: 0;
}
.recent-news-box .news-list li {
	flex-shrink: 0;
	margin-bottom: 0;
}
.recent-news-box .news-list li:last-child {
	margin-right: 0 !important;
}
.recent-news-box .news-list li:nth-child(3n) {
	margin-right: 3.333%;
}

@media only screen and (max-width: 750px){

	.detail-wrap {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 auto;
	}
	.detail-wrap .newsTitle {
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 2.8rem;
		padding: 0;
		margin-bottom: 0;
	}
	.detail-wrap .detail-head {
		margin-bottom: var(--sp-margin-sm);
	}
	.detail-wrap .detail-head .ttl {
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
	
	.detail-content {
		width: 100%;
		font-weight: 400;
		font-size: 1.3rem;
		line-height: 2.4rem;
	}

	.detail-content img {
		margin: var(--sp-margin-md) auto;
	}
	
	.detail-pager {
		font-size: 15px;
		font-size: 1.5rem;
		margin-top: var(--sp-margin-md);
	}
	.detail-pager-img {
		height: 60px;
	}
	
	.recent-news {
		padding-top: var(--sp-margin-xxl);
	}
	.recent-news .ttl {
		font-size: 2.4rem;
		margin-bottom: var(--sp-margin-md);
	}
	.recent-news-box {
		margin: 0 auto;
	}
	.recent-news-box .news-list:has( > :nth-child(3)) {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.recent-news-box .news-list li:nth-child(2n) {
		margin-right: max(7.5%, var(--sp-margin-sm));
	}
	.recent-news-box .news-list li:nth-child(3n) {
		margin-right: max(7.5%, var(--sp-margin-sm));
	}
	.detail-wrap .detail-head .detail-info .news-detail-tag {
		font-weight: 400;
		font-size: 1.1rem;
	}
	.detail-wrap .detail-head .detail-info .day {
		font-size: 1.3rem;
	}
	.news-main-img {
		margin: var(--sp-margin-sm) auto var(--sp-margin-md);
		box-shadow: 10px 10px #333;
	}
}

/* news pager
-------------------------------*/

.pager {
	display: flex;
	justify-content: flex-end;
}
.pager-arrow img {
	width: 45px;
	height: auto;
	vertical-align: middle;
}
.flip-horizontal {
	transform: scaleX(-1);
}
.pager-label.active {
	font-weight: bold;
}
@media only screen and (max-width: 750px){
	.pager {
		justify-content: center;
	}
	.news-pager-header {
		display: none;
	}
	.pager-arrow img {
		width: 60px;
	}
	.mainContents #checked-wrap {
		margin-right: 0;
		margin-left: 0;
	}
}