@charset "UTF-8";

/* ----------------------------------
 コーポレート - 共通
---------------------------------- */
/* 管理画面のみ表示 - js管理ブロック表示用 - */
body:has(.smzpreview-preview-content):has(.inc_corporate_sideNav) .inc_corporate_sideNav_wrap {
	height: 90px;
	border-top: #CCC 1px dashed;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
body:has(.smzpreview-preview-content):has(.inc_corporate_sideNav) .inc_corporate_sideNav_wrap::before { content: '「コーポレート共通サイドメニュー」を編集';}
body:has(.smzpreview-preview-content):has(.inc_corporate_sideNav) .inc_corporate_sideNav_wrap::after  { content: '※公開時このエリアは表示されません'; font-size: 12px; color: #999;}

/* レイアウト */
.pane-header .container { padding-top: 0;}
main.contents * { line-height: 2.0; letter-spacing: 0;}
main.contents .mod-sideNav-nav * { line-height: 1.5;}
main.contents .mod-button-txt { line-height: 1.4;}
main.contents .mod-link02 { line-height: 1.5;}
main.contents .icon.icon-blank { line-height: 1.0; vertical-align: middle;}

@media screen and (max-width: 47.938em) {
  main.contents .mod-head01 .mod-head01-inner,
  main.contents .mod-head01 .mod-head01-inner span { font-size: 2.2rem}
}

@media screen and (max-width: 1000px) {
	main.contents .mod-topicPath { padding: 20px 10px;}
	main.contents .mod-topicPath_sp { margin-top: 40px;}
}

/* ----------------------------------
 代表メッセージ
---------------------------------- */
#representative_message .mod-head01-sub { font-size: 18px; font-size: 1.8rem; color: #888; display: block;}
#representative_message .message_mainVis { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding-top: 50px;}
#representative_message .message_mainVis-img { width: 62.5%;}
#representative_message .message_mainVis-desc { width: 56.25%; padding: 70px 50px; background-color: #003d6d; color: #fff; position: absolute; top: 0; right: 0;}
#representative_message .message_mainVis-desc-head { font-size: 42px; line-height: 68px;}
#representative_message .message_mainVis-desc-position { margin-top: 60px; font-size: 24px; line-height: 48px;}
#representative_message .message_mainVis-desc-name { font-size: 28px; line-height: 48px;}
#representative_message .mod-spacer-section {  margin-top: 100px;}
#representative_message .message_head { text-align: center; font-size: 34px; line-height: 56px; color: #003d6d;}
#representative_message .message_lead { margin-top: 80px; font-size: 18px; line-height: 32px;}
#representative_message .mod-auto { margin-right: auto; margin-left: auto; padding-right: 50px; padding-left: 50px; max-width: 1200px; width: 100%;}
#representative_message .mod-border { border: 1px solid #ddd;}
#representative_message .message_profile { margin: 0 auto 80px; padding: 40px 80px;}
#representative_message .message_profile_head { font-size: 20px; line-height: 28px; color: #013572;}
#representative_message .message_profile_lead { font-size: 16px; line-height: 28px;}

@media screen and (max-width:1024px) {
	#representative_message .mod-head01 { height: auto;}
	#representative_message .mod-head01-inner { padding: 30px 5% 40px; font-size: 3.6rem; line-height: 1.2; position: relative; top: auto; -ms-transform: none; transform: none;}
	#representative_message .mod-head01-inner.nosub { font-size: 2.6rem;}
	#representative_message .mod-head01-sub { margin-top: 10px;}
	#representative_message .message_mainVis { padding-top: 0;}
	#representative_message .message_mainVis-img { width: 100%;}
	#representative_message .message_mainVis-desc { width: 100%; position: static;}
	#representative_message .message_mainVis-desc { padding: 7.8125vw 4.6875vw;}
	#representative_message .mod-spacer-section { margin-top: 13.02083vw;}
}
@media screen and (max-width:767px) {
	#representative_message .message_mainVis-desc-head { font-size: 5.9375vw; line-height: 10vw;}
	#representative_message .message_mainVis-desc-position { margin-top: 9.375vw; font-size: 3.4375vw; line-height: 6.5625vw;}
	#representative_message .message_mainVis-desc-name { font-size: 4.0625vw; line-height: 6.5625vw;}
	#representative_message .mod-spacer { margin-top: 6.25vw;}
	#representative_message .mod-spacer-section { margin-top: 15.625vw}
	#representative_message .message_head { text-align: start; font-size: 5.9375vw; line-height: 10vw;}
	#representative_message .message_lead { margin-top: 14.0625vw; font-size: 3.4375vw; line-height: 6.5625vw;}
	#representative_message .message_profile { padding: 10.9375vw 6.25vw;}
	#representative_message .message_profile_head { font-size: 4.0625vw; line-height: 4.375vw;}
	#representative_message .message_profile_lead { font-size: 2.8125vw; line-height: 5vw;}
}