/* ===========================================================
 * 管理画面エディタ用：JSが動かないために非表示になる要素を強制表示
 *
 * LP本体のCSSは
 *   .c-heading .is-eng span / .is-ja span に
 *   opacity:0; translate:0 50%; を当てて初期非表示にし、
 *   JSが .c-heading に .is-active を付与した時点で
 *   opacity:1; translate:0 0; に切り替わる。
 *
 * 管理画面ではJSが動かず .is-active が付かないため、
 * 強制的に表示状態に上書きする。
 * =========================================================== */
.editor-styles-wrapper .c-heading .is-eng span,
.editor-styles-wrapper .c-heading .is-ja span,
.block-editor-block-list__layout .c-heading .is-eng span,
.block-editor-block-list__layout .c-heading .is-ja span,
#tinymce .c-heading .is-eng span,
#tinymce .c-heading .is-ja span,
body.wp-admin .c-heading .is-eng span,
body.wp-admin .c-heading .is-ja span {
	opacity: 1 !important;
	visibility: visible !important;
	translate: 0 0 !important;
	transform: none !important;
}

/* 汎用：js-fade-in / js-parallax も同様に強制表示 */
.editor-styles-wrapper .js-fade-in,
.editor-styles-wrapper .js-parallax,
.block-editor-block-list__layout .js-fade-in,
.block-editor-block-list__layout .js-parallax,
#tinymce .js-fade-in,
#tinymce .js-parallax,
body.wp-admin .js-fade-in,
body.wp-admin .js-parallax {
	opacity: 1 !important;
	visibility: visible !important;
	translate: 0 0 !important;
	transform: none !important;
}

/* 30周年LP本体：横スクロール防止 */
body.page-template-lp-30th {
	overflow-x: hidden !important;
}

.c-graph {
	padding-left: 18px;
	padding-right: 18px;
}

.c-graph__middle {
	overflow: hidden;
}
.c-graph__item:last-child .c-graph__bar-progress::after {
	width: 100vw !important;
}

.p-index-projects__column-report__image {
	aspect-ratio: 310 / 230;
	object-fit: cover;
	object-position: center;
}

.p-index-projects__column-report__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}