@charset "utf-8";
.news_wrap {
		max-width: 1180px;
		margin: 0 auto;
}
.news_inner {
		background: #fff;
}
.news_inner_flex {
		display: flex;
		padding: 80px 80px 120px;
}
.news_sidebar {
		width: 160px;
		margin-right: 140px;
}
.news_sidebar li {
		list-style: none;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
}
.news_tab {
		margin-bottom: 30px;
}
.news_tab li {
		font-size: 16px;
		margin: 0 0 20px;
		width: 90px;
}
.news_tab li span {
		display: inline-block;
		position: relative;
		padding-bottom: 2px;
}
.news_tab li span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #222;
		transform-origin: left center;
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
}
.news_tab li.current span::after {
		transform: scaleX(1);
}
@media (hover: hover) {
		.news_tab li:not(.current):hover a {
				color: #C2153E;
		}
		.news_tab li:not(.current):hover span::after {
				transform: scaleX(1);
				background: #C2153E;
		}
}
.archive_tab li {
		font-size: 14px;
		width: 88px;
}
.news_sidebar li a {
		color: #333;
		text-decoration: none;
}
.archive_tab li {
		margin-bottom: 13px;
}
.archive_tab li a {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #808080;
		height: 28px;
		transition: background 0.3s;
}
.archive_tab li a[aria-current="page"] {
		background: #3C3C3C;
		color: #fff;
}
@media (hover: hover) {
		.archive_tab li a:hover {
				background: #3C3C3C;
				color: #fff;
		}
}
.readmore_center {
		display: flex;
		justify-content: center;
		margin-top: 50px;
		transform: translateX(-40px)
}
.news_cont {
		flex: 1;
}
.news_cont img {max-width: 95%; margin: 0 auto 10px; display: block; height: auto;} /* height:auto=本番で2026-07-15に入れられた修正（width/height属性で画像が歪むのを防ぐ）。Localに無かったので回収 */
@media(max-width: 1200px) {
		.news_sidebar {
				width: 160px;
				margin-right: 0;
		}
}
@media(max-width: 1024px) {
		.news_inner_flex {
				padding: 50px 50px 100px;
		}
}
@media(max-width: 840px) {
		.news_inner_flex {
				display: block;
		}
		.news_sidebar {
				width: auto;
				margin: 0 0 30px;
		}
		.news_tab {
				display: flex;
				align-items: center;
		}
		.news_tab li {
				margin-right: 20px;
				margin-bottom: 0;
		}
		.archive_tab {
				display: flex;
				align-items: center;
		}
		.archive_tab li {
				margin-right: 10px;
		}
		.readmore_center {
				transform: translateX(0px);
		}
}
@media(max-width: 767px) {
		.news_inner_flex {
				padding: 20px 20px 60px;
		}
		.news_tab {
				margin-bottom: 20px;
		}
		.news_tab li {
				font-size: 15px;
				margin: 0 15px 0 0;
				width: 70px;
		}
		.verPortrait .archive_tab {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
		}
		.verPortrait .archive_tab li {
				font-size: 15px;
				margin: 0 0 5px;
				width: calc(calc(100% - 15px) * 0.25);
		}
		.verPortrait .archive_tab li a {
				height: 26px
		}
}
/* ================= */
.article_hdr {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #E1E1E1;
}
.article_hdr .news_line_data {
		margin-bottom: 10px;
}
.article_hdr h3 {
		font-size: 18px;
		line-height: 1.6;
		font-weight: 500;
}
.article_body p {
		line-height: 1.8;
		margin: 0 0 1.5em;
}
.article_body a {
		color: #222;
		text-decoration: underline;
		word-break: break-all;
}
@media (hover: hover) {
		.article_body a:hover {
				color: #c2153e;
				text-decoration: none;
		}
}
.wp-block-image {
		margin: 2.5em 0;
}
.wp-block-image img {
		width: 100%;
		height: auto;
}
.article_nav {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 4em;
}
.article_nav .link_btn {
		margin: 0 20px;
}
@media(max-width: 767px) {
		.article_hdr {
				padding-bottom: 20px;
				margin-bottom: 20px;
		}
}
.scroller-status {
		font-size: 12px;
		font-family: 'Poppins', sans-serif;
		font-weight: 400;
		display: none;
		transition: all 0.2s;
		color: #333;
		padding: 30px 0;
		text-align: center;
}
@media(min-width: 1500px) {
		.linkbtn {
				margin-left: 30vw;
		}
}
.infinite-scroll-request {
		animation: lightText 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
@keyframes lightText {
		0% {
				opacity: 1;
		}
		30% {
				opacity: 0.5;
				filter: brightness(150%);
		}
		40% {
				opacity: 1;
				filter: brightness(150%);
		}
		60% {
				opacity: 0.5;
				filter: brightness(150%);
		}
		80% {
				opacity: 1;
				filter: brightness(150%);
		}
		100% {
				opacity: 1;
				filter: brightness(100%);
		}
}
.infinite-scroll-last {
		animation: fadeOutText 1.5s linear forwards;
}
@keyframes fadeOutText {
		0% {
				opacity: 1;
		}
		90% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}
/* ============================================================
   NEWS一覧をTOPと同じカードに統一（2026-08-02）
   ※index.cssのnews2_*と同デザイン。/news/はrevealなし＝常時表示。
   サイドバーがある分、PCは2列（TOPは3列）。
   ============================================================ */
.news2_grid{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		gap:40px 28px;
		margin-top:8px;
}
.news2_card{
		display:block; background:#fff; border-radius:3px; overflow:hidden;
		text-decoration:none; color:#1a1a1a;
}
.news2_card_thumb{
		position:relative; aspect-ratio:16 / 10; overflow:hidden; background:#f2f2f2;
}
.news2_card_thumb img{
		width:100%; height:100%; max-width:none; margin:0; /* .news_cont img(95%/auto)の打ち消し＝左右の隙間解消 */
		object-fit:cover; display:block;
		transition:transform .8s cubic-bezier(.16,1,.3,1);
}
.news2_card:hover .news2_card_thumb img{ transform:scale(1.09); }
.news2_chip{
		position:absolute; top:12px; left:12px; z-index:2; display:inline-block;
		padding:5px 12px; font-size:12px; font-weight:700; letter-spacing:.04em; line-height:1;
		color:#fff; background:#555; border-radius:2px;
}
.news2_chip_award{ background:#b8863b; }
.news2_chip_press{ background:#c2153e; }
.news2_chip_media{ background:#3766a8; }
.news2_chip_wantedly{ background:#1aa0bf; }
.news2_card_body{ padding:16px 2px 6px; }
.news2_card_date{
		display:block; font-size:12px; letter-spacing:.08em; color:#999; margin-bottom:8px;
		transition:color .8s cubic-bezier(.16,1,.3,1);
}
.news2_card_ttl{
		font-size:16px; font-weight:700; line-height:1.6; margin:0; color:#1a1a1a;
		display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
		transition:color .8s cubic-bezier(.16,1,.3,1);
}
.news2_card:hover .news2_card_date{ color:#000; }
.news2_card:hover .news2_card_ttl{ color:#c2153e; }
@media(max-width:900px){ .news2_grid{ grid-template-columns:repeat(2, 1fr); gap:30px 20px; } }
@media(max-width:600px){ .news2_grid{ grid-template-columns:1fr; gap:26px; } }