<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*
// ==========
// タイトル
// ==========
*/
.u-single_page main &gt; *.articles {
	padding: 0;
	word-break: break-word;
}

.articles {
	margin-top: 40px;
}

@media screen and (min-width: 769px) {

	.articles {
		margin-top: 100px;
	}
}

.articles-head {
	padding-bottom: 30px;
	background: -webkit-linear-gradient(top, transparent 0% 36px, rgba(246, 173, 60, .15) 36px 100%);
	background:         linear-gradient(to bottom, transparent 0% 36px, rgba(246, 173, 60, .15) 36px 100%);
}

.articles-head__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	padding: 0 20px;

	gap: 16px;
}

@media screen and (min-width: 769px) {

	.articles-head__inner {
		margin-right: 98px;
		padding: 0;

		gap: 30px;
	}
}

.articles-head__icon-box {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 68px;
	        flex: 0 0 68px;
}

.articles-head__icon-wrapper {
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 100%;

	aspect-ratio: 1/1;
}

.articles-head__icon-wrapper::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
	margin-top: 4px;
	margin-left: 6px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #f6ad3c;
	content: "";
}

.articles-head__icon {
	height: 100%;
	border-radius: 50%;

	-o-object-fit: cover;
	   object-fit: cover;
}

.articles-head__text-box {
	padding: 16px 16px;
	border: 2px solid #f6ad3c;
	border-radius: 30px;
	background: #fff;
}

@media screen and (min-width: 769px) {

	.articles-head__text-box {
		padding: 26px 32px;
	}
}

.articles-head__title {
	font-size: 14px;
	font-weight: bold;
}

@media screen and (min-width: 769px) {

	.articles-head__title {
		font-size: 16px;
	}
}

.articles-head__content {
	margin-top: 20px;
	color: #4b4b4b;
	font-size: 14px;
	line-height: 1.2857142857;
}

@media screen and (min-width: 769px) {

	.articles-head__content {
		font-size: 16px;
	}
}

.articles__body {
	padding-top: 10px;
	padding-bottom: 40px;
	background: rgba(246, 173, 60, .15);
}

@media screen and (min-width: 769px) {

	.articles__body {
		padding: 60px 0 100px;
		background: -webkit-linear-gradient(bottom, rgba(246, 173, 60, .15) 0 80px, transparent 80px 100%);
		background:         linear-gradient(0deg, rgba(246, 173, 60, .15) 0 80px, transparent 80px 100%);
	}
}

.articles-body__inner {
	padding: 0 20px;
}

@media screen and (min-width: 769px) {

	.articles-body__inner {
		padding: 0;
	}
}

.articles__list {
	padding: 0 20px;
}

@media screen and (min-width: 769px) {

	.articles__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);

		gap: 40px;
	}
}

@media screen and (min-width: 1024px) {

	.articles__list {
		grid-template-columns: repeat(3, 1fr);
	}
}

.articles__item {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
}

.articles__item + .articles__item {
	margin-top: 30px;
}

@media screen and (min-width: 769px) {

	.articles__item + .articles__item {
		margin-top: 0;
	}
}

/*
// ==========
// カード
// ==========
*/
.articles-item {
	padding-bottom: 16px;
}

.articles-item {
	position: relative;
	border: 1px solid #f6ad3c;
	border-radius: 5px;
	background-color: #fff;
}

.articles-item::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: #f6ad3c;
	content: "";
}

.articles-item__head {
	padding: 8px;

	/* aspect-ratio: 4/3; */
}

.articles-item__head-link {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.articles-item__img {
	width: 100%;
	border-radius: 5px;

	aspect-ratio: 4/3;
	-o-object-fit: cover;
	   object-fit: cover;
}

.articles-item__body {
	padding: 20px;
}

@media screen and (min-width: 769px) {

	.articles-item__body {
		display: -webkit-box;
		display: -webkit-flex;
		display:         flex;
		-webkit-box-flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		        flex-direction: column;
		-webkit-flex-grow: 1;
		        flex-grow: 1;
	}
}

.articles-item__info-box {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

@media screen and (min-width: 769px) {

	.articles-item__info-box {
		display: block;
	}
}

@media screen and (min-width: 1440px) {

	.articles-item__info-box {
		display: -webkit-box;
		display: -webkit-flex;
		display:         flex;
	}
}

.articles-item__time {
	display: inline-block;
	-webkit-align-self: flex-start;
	        align-self: flex-start;
	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
	color: #707070;
	font-size: 14px;
	line-height: 1;
}

.articles-item__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	margin-top: auto;
	padding-top: 12px;
	/* ブラウザがサポートしていない場合のフェールセーフ */
	max-height: 80px;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4285714286;

	-webkit-line-clamp: 3;
}

.articles-item-cat .cat__list__item__link {
	white-space: nowrap;
	font-size: 10px;
}

.articles-item-cat__list {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;

	gap: 6px;
}

/*
// ==========
// ナビゲーション
// ==========
*/
.articles .page-numbers.prev,
.articles .page-numbers.next {
	display: inline-block;
}

.articles .page-numbers {
	display: none;
}

.articles .page-navi {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	margin-top: 40px;
	padding: 0 40px;

	gap: 40px;
}

.articles .page-numbers {
	padding: 4px 8px;
	border: 3px solid #f6ad3c;
	border-radius: 2rem;
	background-color: #fff;
	color: #f6ad3c;
}
</pre></body></html>