@charset "UTF-8";

.select-nav ul li a{
	font-family: "OptimaNovaLTPro-Regular","Shuei KakuGo Gin M",serif;
}

.article-list__item-kv div strong{
	font-family: "OptimaNovaLTPro-Regular", "Shuei KakuGo Gin M", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif !important;
}

/* The branding-company card uses a text-based thumbnail. */
.article-list__item > a[href$="/article/branding-company/"] .article-list__item-kv strong{
	font-family: "Noto Serif JP", "MainichiNewspapersM Light", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif !important;
}

.article-list__item-text h2{
	font-family: "OptimaNovaLTPro-Regular", Optima, "Optima LT Std", "Helvetica Neue", Arial, sans-serif !important;
}

.article-list__item-text h3{
	font-family: "OptimaNovaLTPro-Regular", Optima, "Optima LT Std", "Shuei KakuGo Gin M", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif !important;
}

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

	.article-index #corp-main{
		margin: 80px 0 0;
	}	
	.select-nav ul{
		display: flex;
		justify-content: center;
	}
	.select-nav ul li a{
		letter-spacing: 0.08em;
	}
	.select-nav ul li + li{
		margin-left: 40px;
	}
	.select-nav ul li + li a{
		position: relative;
		transition: color 500ms ease;
	}
	.select-nav ul li + li a > span:last-child:empty{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 17px;
		height: 8px;
		transition: transform 500ms ease;
	}
	.select-nav ul a.is_active,
	.select-nav ul a:hover{
		color: #bcb3ac;
	}


}



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


	.article-index .article-list{
		margin-top: 40px;
	}

	.article-index #corp-main{
		margin: 50px 0 0;
	}	
	.select-nav ul{
		display: flex;
		justify-content: center;
	}
	.select-nav ul li a{
		letter-spacing: 0.04em;
	}
	.select-nav ul li + li{
		margin-left: 20px;
	}
	.select-nav ul li + li a{
		position: relative;
		transition: color 500ms ease;
	}
	.select-nav ul li + li a > span:last-child:empty{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 17px;
		height: 8px;
		transition: transform 500ms ease;
	}
	.select-nav ul a.is_active{
		color: #bcb3ac;
	}


}


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


}

@media screen and (max-width: 699px) {
	body.article-index-archive .article-list__item-text h3 {
		font-size: 16px;
	}

	body.article-detail .entry-header h1,
	body.article-detail .entry__col h2 {
		font-size: 23px;
	}

	body.article-detail .entry__field,
	body.article-detail .entry__field p,
	body.article-detail .entry__field li {
		font-size: 14px;
	}
}






/* Article detail: show all content immediately */
body.article-detail .motion-fd,
body.article-detail .motion-fd-s,
body.article-detail .motion-fd-l {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}
body.article-detail .motion-fd-title,
body.article-detail .motion-fd-title2 {
	color: #000 !important;
	background-image: none !important;
	animation: none !important;
}
body.article-detail .motion-fd-breadcrumb ul:after,
body.article-detail .motion-fd-head:after {
	display: none !important;
}

body.article-detail .breadcrumb ul li + li::before {
	width: 4px;
	height: 12px;
	margin: 0 7px;
	background-color: #000;
	-webkit-mask: url("../../common/img/breadcrumb-arrow.svg") center / 100% 100% no-repeat;
	mask: url("../../common/img/breadcrumb-arrow.svg") center / 100% 100% no-repeat;
	font-size: 0;
	vertical-align: -1px;
	content: "";
}

body.article-detail .breadcrumb ul li a {
	color: #000;
	transition: color 220ms ease;
}

body.article-detail .breadcrumb ul li a:hover,
body.article-detail .breadcrumb ul li a:focus-visible {
	color: #bcb3ac;
}

@media screen and (max-width: 767px) {
	body.article-detail .breadcrumb ul li + li::before {
		width: 3px;
		height: 9px;
		margin-inline: 6px;
	}
}


/* Article detail: keep the opening sequence animated */
body.article-detail .breadcrumb.motion-fd-breadcrumb ul:after {
	display: block !important;
}
body.article-detail .entry-header .motion-fd-title {
	color: transparent !important;
	background-image: linear-gradient(to right, #000 30%, rgba(255, 255, 255, 0) 60%) !important;
	animation: none !important;
}
body.article-detail .entry-header .motion-fd-title.on {
	animation: toRight 2500ms ease forwards !important;
}
body.article-detail .entry-nav.motion-fd,
body.article-detail .entry-nav .motion-fd {
	opacity: 0 !important;
	transition: none !important;
}
body.article-detail .entry-nav.motion-fd.on,
body.article-detail .entry-nav .motion-fd.on {
	opacity: 1 !important;
	transition: opacity 800ms ease !important;
}


/* Article detail opening speed */
body.article-detail .breadcrumb.motion-fd-breadcrumb.on ul:after {
	transition: transform 1800ms ease !important;
}


/* Article detail first image motion */
body.article-detail .article-first-image.motion-fd {
	opacity: 0 !important;
	transition: none !important;
}
body.article-detail .article-first-image.motion-fd.on {
	opacity: 1 !important;
	transition: opacity 1000ms ease !important;
}