/* 会社概要ページ専用 CSS */
.timeline-block-icon
{
    color: transparent;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

/* 上部カバー画像のブロック全体を中央揃え＆幅制限 */
.wp-block-cover {
	max-width: 70%; /* お好みで：960px, 1200px など */
	margin-left: auto;
	margin-right: auto;
}

/* 画像自体のサイズ調整（念のため） */
.wp-block-cover__image-background {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* カバー画像上のH2・H3の文字サイズを調整 */
.wp-block-cover .wp-block-cover__inner-container h1 {
	font-size: 48px; /* 例：大きめの見出し */
	font-weight: bold;
	color: white; /* 背景とのコントラストに応じて調整 */
}

.wp-block-cover .wp-block-cover__inner-container h2 {
	font-size: 24px; /* 例：サブ見出し */
	font-weight: normal;
	color: white;
}

/* タイムライン全体を中央に配置 */
.cool-vertical-timeline-body {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	max-width: 80%; /* 必要に応じて幅調整（例: 960px, 1200pxなど） */
	position: relative;
}

/* タイムライン項目の上下マージンを広げる */
.cool-vertical-timeline-body .timeline-content {
	margin-bottom: 60px; /* 例：デフォルトより広めに調整（お好みで） */
}

.cool-vertical-timeline-body .timeline-content .story-details
{
    background: #E6F1DD;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

.cool-vertical-timeline-body .timeline-content .story-details H2
{
    font-size: 26px;
}

.cool-vertical-timeline-body .timeline-content .story-details H3
{
    font-size: 26px;
    font-weight: bold;
}

.cool-vertical-timeline-body .story-details .story-content p {
	font-size: 18px !important;
	line-height: 1.6;
	margin-bottom: 1em;
}

.history-note {
    font-size: 18px;
	margin-bottom: 60px;
	max-width: 650px;
	width: fit-content;
	margin-left: auto;
	margin-right: 0;
	text-align: left; /* テキスト自体は左揃えのまま（お好みで right に） */
}

@media screen and (max-width: 768px) {
    /* 上部カバー画像のブロック全体を中央揃え＆幅制限 */
    .wp-block-cover {
    	max-width: 100%; /* お好みで：960px, 1200px など */
    	margin-left: auto;
    	margin-right: auto;
    }
    
	.cool-vertical-timeline-body .timeline-block-icon {
		left: 50%;
		transform: translateX(-50%);
	}
    
    /* カバー画像上のH2・H3の文字サイズを調整 */
    .wp-block-cover .wp-block-cover__inner-container h1 {
    	font-size: 26px; /* 例：大きめの見出し */
    	font-weight: bold;
    	color: white; /* 背景とのコントラストに応じて調整 */
    }
    
    .wp-block-cover .wp-block-cover__inner-container h2 {
    	font-size: 20px; /* 例：サブ見出し */
    	font-weight: normal;
    	color: white;
    }
    
	.cool-vertical-timeline-body {
		max-width: 100%;
	}
	
    .cool-vertical-timeline-body .timeline-content .story-details H2
    {
        font-size: 20px;
    }
    
    .cool-vertical-timeline-body .timeline-content .story-details H3
    {
        font-size: 18px;
        font-weight: bold;
    }
	
	.cool-vertical-timeline-body .story-details .story-content p {
    	font-size: 14px !important;
    	margin-bottom: 1em;
    }
    
    .history-note {
        font-size: 14px;
		text-align: left;
		margin-left: 0;
		margin-right: 0;
    }
}