@charset "UTF-8";

/* ------------------------------
	workstyle page
------------------------------ */
body{
	padding-top: 0;
}

.header_wrap{
	background: transparent;
}


/* 私たちが大切にしたい考え方 */
.workstyle_values{
	padding: 100px 0;
}

.work_common_content{
	padding: 100px 0 0;
}

.work_common_content1{
	padding-top: 0px;
}

.workstyle_sec_ttl{
	margin: 0 0 40px;
	color: #464c60;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 150%;
}

.workstyle_sec_ttl.has_bar{
	position: relative;
	padding-left: 20px;
}

.workstyle_sec_ttl.has_bar::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 6px;
	background: linear-gradient(180deg, #0971DA 0%, #3CB0E7 99%);
	border-radius: 3px;
}

.workstyle_sec_txt{
	margin: 0 0 60px;
	font-size: 1.6rem;
	color: #464c60;
  line-height: 180%;
}

/* 経営理念→ビジョン→人材マネジメントポリシー の流れ */
.values_flow_wrap{
  padding: 0 60px;
  margin: 0 0 60px;
  border-radius: 8px;
}

.values_flow{
	position: relative;
	margin: 0;
}

.values_flow_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 40px;
	padding: 38px 62px;
	background: #F3F9FB;
	border-radius: 20px;
}

.values_flow_block:last-child{
	padding-top: 20px;
	padding-bottom: 20px;
	justify-content: center;
}

.values_flow_arw{
	margin: 10px 0;
	text-align: center;
}

.values_flow_arw .arw_down{
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #0972dc;
}

.values_flow_label{
	flex: 0 0 216px;
	margin: 0;
	font-size: 1.8rem;
	font-weight: bold;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  color: #0972DC;
}

.values_flow_sub{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.values_flow_sub .arw.blue{
	display: inline-block;
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	background: url(../images/common/ico_arw01.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
}

.values_flow_txt{
	flex: 1;
	min-width: 0;
	margin: 0;
	font-size: 1.6rem;
	color: #464c60;
  margin-left: 78px;
  line-height: 150%;
}

/* 人材マネジメントポリシー（最後のブロック）：テキストは左揃え */
.values_flow_txt.values_flow_txt_center_block{
	text-align: left;
}

.workstyle_sub_ttl{
	margin: 0 0 12px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 150%;
	color: #0972DC;
}

.workstyle_sec_txt.workstyle_policy_detail_txt{
	margin: 0;
  font-size: 1.6rem;
  line-height: 180%;
}

.workstyle_values .workstyle_policy_detail_txt + .workstyle_sub_ttl{
	margin-top: 48px;
}


/* 人材マネジメントポリシー（workstyle_values内） */
.workstyle_values .workstyle_sub_ttl + .workstyle_policy_intro_txt{
	margin-bottom: 48px;
}

.workstyle_policy_intro_txt{
	margin-bottom: 48px;
}

.workstyle_policy_diagram{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 24px;
  margin-top: 60px;
  background: #F3F9FB;
  padding: 38px 75px;
  border-radius: 20px;
}

.workstyle_policy_diagram_left{
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 160px;
}

.workstyle_policy_diagram_left .workstyle_policy_blue_box{
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
	width: 180px;
	height: 160px;
	background: #0972dc;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
}

.workstyle_policy_diagram_right{
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.workstyle_policy_blue_box{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 24px;
	background: #0972dc;
	border-radius: 8px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.workstyle_policy_diagram_item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.workstyle_policy_light_blue_box{
	flex: 0 0 auto;
  line-height: 2;
	min-width: 80px;
  height: 70px;
  width: 120px;
	padding: 16px 20px;
	color: #0972dc;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
  border: 1px solid #0972DC;
  border-radius: 10px;
}

.workstyle_policy_arw_r{
	display: inline-block;
	flex-shrink: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #0972dc;
}

.workstyle_policy_item_desc{
	flex: 1;
	min-width: 0;
	line-height: 1.5;
	font-size: 1.6rem;
	color: #464c60;
}


/* 人事制度のコンセプトと主な仕組み */
.workstyle_concept{
	padding: 0 0 100px;
}

.workstyle_concept .workstyle_sec_ttl{
	margin-bottom: 40px;
}

.workstyle_concept .concept_intro_txt{
	line-height: 180%;
	letter-spacing: 0%;
	font-size: 1.6rem;
	color: #464c60;
}

.workstyle_concept_chart {
	margin-top: 60px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.workstyle_concept_chart .box {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 30px;
	background-color: #F3F9FB;
	border-radius: 20px;
}

.workstyle_concept_chart .box h3 {
	color: #0972dc;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

.workstyle_concept_chart .box ul {
	padding-left: 1.2em;
	list-style-type: disc;
	min-height: 2lh;
}

.workstyle_concept_chart .box ul li {
	list-style: disc;
	color: #464c60;
	font-size: 1.4rem;
	line-height: 1.5;
}
.workstyle_concept_chart .box ul li::marker {
	font-size: 0.8em;
}

.workstyle_concept_chart .btn {
	justify-content: flex-end;
}

.workstyle_concept_chart .btn a {
	/* width: 100%; */
	justify-content: flex-start;
	padding: 14px 60px 14px 24px;
	font-size: 1.6rem;
	background-color: #FFF;
}

.workstyle_concept_chart .btn .arw {
	right: 20px;
}

.workstyle_concept_chart .will {
	width: 30%;
}

.workstyle_concept_chart .parent {
	width: 32%;
	display: flex;
	flex-direction: column;
	gap: 90px;
}

.workstyle_concept_chart .result {
	width: 25.92%;
}

.workstyle_concept_chart .result .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.workstyle_concept_chart .arrow {
	position: absolute;
	z-index: 2;
}

.workstyle_concept_chart .start_arrow {
	width: 5.5%;
	aspect-ratio: 60 / 75;
	background: url(../../workstyle/will/images/chart-arrow01-pc.png) no-repeat center center / contain;
}

.workstyle_concept_chart .start_arrow--01 {
	top: 3%;
	left: 23.61%;
}

.workstyle_concept_chart .start_arrow--02 {
	bottom: 3%;
	left: 23.61%;
	transform: scale(1, -1);
}

.workstyle_concept_chart .end_arrow {
	width: 6.94%;
	aspect-ratio: 75 / 60;
	background: url(../../workstyle/will/images/chart-arrow02-pc.png) no-repeat center center / contain;
}

.workstyle_concept_chart .end_arrow--01 {
	top: 5%;
	right: 16.66%;
}

.workstyle_concept_chart .end_arrow--02 {
	bottom: 5%;
	right: 16.66%;
	transform: scale(1, -1);
}

/* will / flexible / simple-fair サブページ：セクション見出し（h3）共通 */
.work_common_content .workstyle_sec_ttl{
	margin: 48px 0 30px;
	padding-bottom: 12px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #464C60;
	border-bottom: 1px solid #D9E2E5;
}

.work_common_content .workstyle_sec_ttl:first-of-type{
	margin-top: 0;
}

/* will / flexible / simple-fair サブページ：メインタイトル（h2・青い縦線）共通 */
.work_common_content .workstyle_main_ttl,
.will_section .workstyle_main_ttl{
	margin: 0 0 40px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 150%;
	color: #464C60;
}

.work_common_content .workstyle_main_ttl.has_bar,
.will_section .workstyle_main_ttl.has_bar{
	position: relative;
	padding-left: 26px;
}

.work_common_content .workstyle_main_ttl.has_bar::before,
.will_section .workstyle_main_ttl.has_bar::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 6px;
	background: linear-gradient(180deg, #0971DA 0%, #3CB0E7 99%);
	border-radius: 3px;
}

/* ------------------------------
	Will / Simple-fair / flexible サブページ共通（will_*）
------------------------------ */

/* サブ見出し：青い■ */
.work_common_sub_ttl{
	position: relative;
	margin: 0 0 12px;
	font-size: 2rem;
	font-weight: bold;
	color: #0972DC;
	line-height: 150%;
}

/* 本文 */
.work_common_block{
	margin-bottom: 30px;
}

.work_common_block:last-of-type{
	margin-bottom: 0;
}

.work_common_block1{
	margin-top: 40px;
	margin-bottom: 0;
}

/* 3つのワークスタイル：カードエリア */
.work_style_cards_wrap{
	margin: 60px 0;
	padding: 30px 70px;
	background: #F3F9FB;
	border-radius: 12px;
}

.work_style_cards{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.work_style_card{
	flex: 1;
	min-width: 240px;
	max-width: 360px;
	padding: 32px 28px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	border: 1px solid #E8EEF1;
}

.work_style_ttl_box {
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 150%;
	text-align: center;
	color: #464C60;
	margin-bottom: 25px;
}

.work_style_card_ttl{
	margin: 0 0 16px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #0972dc;
}

.work_style_card_txt{
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.7;
	color: #464C60;
	text-align: center;
}

/* 左ブロック・右ブロック（2カラム） */
.work_two_col{
	display: flex;
	align-items: flex-start;
	gap: 40px;
	margin-top: 24px;
	margin-bottom: -24px;
}

.work_two_col_left{
	flex: 1;
	min-width: 0;
}

.work_two_col_right{
	flex: 0 0 40%;
	min-width: 0;
}

.work_two_col_fig{
	margin: 0;
}

.work_two_col_fig img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

.work_two_col_caption{
	font-size: 1.4rem;
	line-height: 150%;
	color: #464C60;
	margin-top: 10px;
}

.work_common_txt{
	margin: 0 0 16px;
	font-size: 1.6rem;
  line-height: 180%;
  color: #464C60;
}

.work_common_txt a {
	color: #0972dc;
	text-decoration: underline;
}

.work_common_txt:last-child{
	margin-bottom: 0;
}

/* Will-Can-Mustシート：薄いグレー背景・左右レイアウト */
.will_sheet_section{
	display: flex;
	gap: 40px;
	align-items: center;
	margin: 60px 0 48px;
	padding: 48px 60px;
	background: #F3F9FB;
	border-radius: 8px;
}

/* Will-Can-Mustシート見出し */
.will_sheet_ttl{
	font-size: 2rem;
  font-weight: 700;
	color: #0972dc;
  line-height: 150%;
  margin-bottom: 12px;
}

.work_common_txt-main {
  font-size: 1.6rem;
  line-height: 180%;
  color: #464C60;
  margin-bottom: 12px;
}

/* WCMで目指すこと */
.will_lead{
	margin: 0 0 20px;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #464C60;
}

.will_aim_list{
	margin: 0 0 60px;
	padding: 0;
	list-style: none;
}

.will_aim_list li{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #464C60;
	font-weight: 500;
}

.will_aim_list .will_aim_icon{
	height: 20px;
	width: 20px;
	flex-shrink: 0;
	vertical-align: middle;
}

.will_venn img{
	width: 100%;
	height: auto;
	display: block;
}

/* キャリアエントリー */
.will_entry_list_box{
	margin-top: 60px;
	margin-bottom: 50px;
}

.is_highlight{
	color: #0972DC;
}

.will_visual_block_entry {
    width: 100%;
	max-width: 905px;
    margin: 60px auto 50px;
}

.will_visual_block_entry .will_visual_fig{
	margin: 0 0 12px;
}

.will_visual_block_entry .will_visual_caption{
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.7;
	color: #464C60;
}

/* .will_visual_block{
	margin: 24px 0 48px;
} */

.will_visual_block_carlichalle {
  max-width: 905px;
  margin: 60px auto 0;
  width: 100%;
}

.will_visual_fig{
	margin: 0 0 12px;
}

.will_visual_fig img{
	width: 100%;
	height: auto;
	display: block;
}

.will_visual_caption{
	margin: 0 0 8px;
	font-size: 1.6rem;
	line-height: 1.7;
	color: #464C60;
}

.will_visual_note{
}

.will_visual_btn{
	margin: 0;
}

.will_visual_btn .btn_txt{
	vertical-align: middle;
}

.will_visual_btn .arw{
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}

.will_video_block{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-top: 60px;
}

.will_video_thumb{
	position: relative;
	flex: 1;
	min-width: 0;
	border-radius: 8px;
	overflow: hidden;
	max-width: 700px;
	width: 100%;
}

.will_video_thumb img{
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.will_video_overlay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 24px;
	background: linear-gradient(to top, rgba(9, 113, 218, 0.9) 0%, rgba(60, 176, 231, 0.6) 100%);
	color: #fff;
}

.will_video_overlay_ttl{
	margin: 0 0 4px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}

.will_video_overlay_sub{
	margin: 0;
	font-size: 1.4rem;
	opacity: 0.95;
}

.will_video_btn{
	flex-shrink: 0;
	margin: 0;
}

.will_video_btn a {
	max-width: 262px;
	width: 100%;
	padding: 26px 50px 26px 40px;
}

.will_section_nav{
	margin-top: 120px;
}

.will_section_nav .wrap{
	padding-top: 8px;
	margin-bottom: 100px;
}

.will_nav_ttl{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin: 0 0 50px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #333;
}

.will_nav_ttl_txt{
	padding-bottom: 1px;
	border-bottom: 1px solid #464C60;
}

.will_nav_ttl .arw.blue{
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 3px solid transparent;
	background-image: url(../images/common/ico_arw01.png), linear-gradient(#fff, #fff), linear-gradient(90deg, #0971DA 0%, #00C2FA 50%, #29D3A5 100%);
	background-position: center center, 0 0, 0 0;
	background-size: 10px auto, auto, auto;
	background-repeat: no-repeat, repeat, repeat;
	background-origin: padding-box, padding-box, border-box;
	background-clip: padding-box, padding-box, border-box;
}

.will_nav_list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.will_nav_list li {
	width: 33.3333%;
	max-width: 340px;
}

.will_nav_card{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	min-width: 200px;
	padding: 36.5px 40px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0972DC;
	background-color: #fff;
	border: 1px solid #D9E2E5;
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.will_nav_card::before {
	content:'';
	position: absolute;
	inset: 0;
	border-radius: 20px;
	background: linear-gradient(90deg, #0971DA 0%, #3CB0E7 99%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.will_nav_card:hover{
	opacity: 1;
	color: #fff;
	border-color: transparent;
}

.will_nav_card:hover::before {
	opacity: 1;
}

.will_nav_card:hover .arw {
	background: url(../images/common/ico_arw02.png) no-repeat center center;
	background-size: contain;
}

.will_nav_card > * {
	position: relative;
	z-index: 2;
}

.will_nav_card .arw{
	display: block;
	width: 10px;
	height: 16px;
	background: url(../images/common/ico_arw01.png) no-repeat center center;
	background-size: contain;
	transition: background 0.3s ease;
}

.will_nav_card.is_current {
	color: #FFF;
	border-color: transparent;
	background-color: #464C60;
	pointer-events: none;
}

.will_nav_card.is_current .arw {
	background-image: url(../images/common/ico_arw02.png);
}

@media screen and (max-width: 1100px) {
	.will_entry_list_box_inner{
		width: 100%;
		margin-bottom: 30px;
	}
	.will_visual_block.will_visual_block_entry{
		width: 100%;
	}
}

@media screen and (max-width: 900px) {
	.workstyle_policy_diagram {
		padding: 35px;
	}
	.will_entry_list_box_inner{
		width: 100%;
		margin-bottom: 30px;
	}
	.will_visual_block.will_visual_block_entry{
		width: 100%;
	}

	.workstyle_concept_chart {
		margin-top: 30px;
		max-width: 450px;
		margin-inline: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}

	.workstyle_concept_chart .box {
		gap: 8px;
		padding: 20px 15px;
		border-radius: 15px;
	}

	.workstyle_concept_chart .box h3 {
		font-size: 1.4rem;
	}

	.workstyle_concept_chart .box ul {
		min-height: unset;
		flex-grow: 1;
	}

	.workstyle_concept_chart .box ul li {
		font-size: 1.2rem;
	}

	.workstyle_concept_chart .btn {
		justify-content: center;
	}

	.workstyle_concept_chart .btn a {
		padding: 14px 40px 14px 20px;
		font-size: 1.4rem;
	}

	.workstyle_concept_chart .will {
		width: 55.86%;
	}

	.workstyle_concept_chart .parent {
		width: 100%;
		flex-direction: row;
		gap: 8px;
	}

	.workstyle_concept_chart .parent .simple_fair,
	.workstyle_concept_chart .parent .flexible {
		flex: 1;
	}

	.workstyle_concept_chart .result {
		width: 55.86%;
	}

	.workstyle_concept_chart .start_arrow {
		width: 14.8%;
		max-width: 55px;
		aspect-ratio: 53 / 80;
		background: url(../../workstyle/will/images/chart-arrow01-sp.png) no-repeat center center / contain;
	}

	.workstyle_concept_chart .start_arrow--01 {
		top: 10.46%;
		left: 5.86%;
	}

	.workstyle_concept_chart .start_arrow--02 {
		bottom: unset;
		left: unset;
		top: 10.46%;
		right: 5.86%;
		transform: scale(-1, 1);
	}

	.workstyle_concept_chart .end_arrow {
		width: 14.8%;
		aspect-ratio: 53 / 80;
		background: url(../../workstyle/will/images/chart-arrow02-sp.png) no-repeat center center / contain;
	}

	.workstyle_concept_chart .end_arrow--01 {
		top: unset;
		right: unset;
		bottom: 17.83%;
		left: 5.86%;
	}

	.workstyle_concept_chart .end_arrow--02 {
		bottom: 17.83%;
		right: 5.86%;
		transform: scale(-1, 1);
	}

}

@media screen and (max-width: 768px) {
	/* .work_common_block{
		margin-bottom: 20px;
	} */
	.work_style_cards_wrap{
		margin: 24px 0 32px;
		padding: 24px 0;
	}
	.work_style_ttl_box{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.work_style_cards{
		flex-direction: column;
		gap: 16px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.work_style_card{
		min-width: 0;
		max-width: none;
		padding: 24px 12px;
	}
	.work_style_card_ttl{
		font-size: 1.6rem;
		margin-bottom: 12px;
	}
	.work_style_card_txt{
		font-size: 1.2rem;
	}
	.work_two_col{
		flex-direction: column;
		gap: 0;
		margin-top: 20px;
	}
	.work_two_col_right{
		flex: none;
		width: 100%;
	}
	.work_two_col_caption{
		font-size: 1.2rem;
		margin-top: 8px;
	}
	.workstyle_values{
		padding: 50px 0 40px;
	}
	.workstyle_sec_ttl{
		font-size: 2.4rem;
    margin-bottom: 30px;
	}
	.workstyle_sec_ttl.has_bar{
		padding-left: 12px;
	}
	.workstyle_sec_ttl.has_bar::before{
		width: 3px;
		border-radius: 2px;
	}
	.workstyle_sec_txt{
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	.values_flow_wrap{
		padding: 30px 0;
    margin: 0;
	}
	.values_flow::before{
		display: none;
	}
	.values_flow_block{
		gap: 12px;
		padding: 20px;
    display: block;
	}
	.values_flow_block:last-child{
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.values_flow_label{
		min-width: 0;
		font-size: 1.4rem;
    margin-bottom: 8px;
	}
	.values_flow_txt{
		font-size: 1.3rem;
    margin-left: 0;
    text-align: center;
	}
	.values_flow_txt.values_flow_txt_center_block{
		text-align: left;
	}
	.values_flow_arw .arw_down{
		border-left-width: 15px;
		border-right-width: 15px;
		border-top-width: 15px;
	}
	.workstyle_sub_ttl{
		font-size: 1.8em;
		padding-left: 14px;
	}
	.workstyle_sub_ttl::before{
		width: 10px;
		height: 10px;
	}
	.workstyle_policy_intro_txt{
		margin-bottom: 36px;
	}
	.workstyle_values .workstyle_policy_detail_txt{
		margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 180%;
	}
	/* 人材マネジメントポリシー図：スマホ＝左に縦書き青バー2本、右にキーワード＋矢印＋説明の4行 */
	.workstyle_policy_diagram{
		flex-direction: row;
		align-items: stretch;
		gap: 12px;
		margin-top: 30px;
		padding: 20px;
	}
	.workstyle_policy_diagram_left{
		flex-direction: column;
		flex: 0 0 50px;
		min-width: 50px;
	}
	.workstyle_policy_diagram_left .workstyle_policy_blue_box{
		flex: 1;
		min-height: 0;
		width: 48px;
		max-width: 48px;
		padding: 12px 8px;
		font-size: 1.4rem;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		letter-spacing: 0.1em;
		line-height: 1.6;
	}
	.workstyle_policy_diagram_right{
		flex: 1;
		min-width: 0;
	}
	.workstyle_policy_diagram_item{
		flex-wrap: nowrap;
		gap: 10px;
		align-items: center;
	}
	.workstyle_policy_light_blue_box{
		flex: 0 0 auto;
		min-width: 40px;
		width: 40px;
		height: auto;
		padding: 22px 13px;
		font-size: 1.4rem;
		line-height: 1.3;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.workstyle_policy_arw_r{
		flex-shrink: 0;
		border-top-width: 15px;
		border-bottom-width: 15px;
		border-left-width: 15px;
	}
	.workstyle_policy_item_desc{
		font-size: 1.4rem;
		line-height: 1.5;
		padding-left: 0;
		flex: 1;
		min-width: 0;
	}
	.workstyle_concept{
		padding: 30px 0 60px;
	}
	.workstyle_concept .concept_intro_txt{
		margin-bottom: 30px;
	}
	.work_concept_fig{
		margin-bottom: 40px;
	}
	.work_common_content{
		padding: 50px 0 0;
	}
	.work_common_content .workstyle_sec_ttl{
		font-size: 2rem;
		margin: 30px 0 20px;
	}
	.work_common_content .workstyle_main_ttl,
	.will_section .workstyle_main_ttl{
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
	.work_common_content .workstyle_main_ttl.has_bar,
	.will_section .workstyle_main_ttl.has_bar{
		padding-left: 16px;
	}
	/* .work_common_content .workstyle_main_ttl.has_bar::before,
	.will_section .workstyle_main_ttl.has_bar::before{
		width: 4px;
	} */
	/* will_* SP */
	.work_common_sub_ttl{
		font-size: 1.8rem;
	}
	.work_common_sub_ttl::before{
		width: 10px;
		height: 10px;
	}
	.work_common_txt{
		font-size: 1.4rem;
	}
	.will_sheet_section{
		flex-direction: column;
		gap: 24px;
		margin: 30px 0 40px;
		padding: 30px 20px;
	}
	.will_sheet_ttl{
		font-size: 1.8rem;
	}
	.will_sheet_txt{
		width: 100%;
	}
	.will_lead{
		font-size: 1.4rem;
	}
	.will_aim_list{
		margin-bottom: 30px;
	}
	.will_aim_list li{
		font-size: 1.4rem;
		align-items: start;
		margin-bottom: 8px;
	}
	.will_aim_list .will_aim_icon{
		margin-top: 5px;
	}
	.will_venn{
		max-width: 100%;
	}
	.will_entry_list_box{
		margin-top: 30px;
		margin-bottom: 35px;
	}
	.will_visual_block{
		margin: 20px 0 0;
	}
	.will_visual_block_entry {
		margin: 0 auto 35px;
	}
	.will_visual_caption{
		font-size: 1.4rem;
	}
	.will_video_block{
		flex-direction: column;
		align-items: stretch;
		gap: 35px;
		margin-top: 30px;
	}
	.will_video_overlay{
		padding: 16px;
	}
	.will_video_overlay_ttl{
		font-size: 1.6rem;
	}
	.will_video_overlay_sub{
		font-size: 1.2rem;
	}
	.will_video_btn .btn_txt{
		display: block;
		text-align: center;
	}
	.will_video_btn a{
		max-width: 100%;
	}
	.will_section_nav{
		margin-top: 60px;
	}
	.will_section_nav .wrap{
		margin-bottom: 50px;
	}
	.will_nav_ttl{
		font-size: 1.8rem;
		margin-bottom: 30px;
	}
	.will_nav_ttl_txt{
		font-size: 2rem;
	}
	.will_nav_ttl .arw.blue{
		width: 30px;
		height: 30px;
		background-size: 8px auto, auto, auto;
	}
	.will_nav_list{
		flex-direction: column;
		gap: 12px;
	}
	.will_nav_list li{
		max-width: 100%;
		width: 100%;
	}
	.will_nav_card{
		position: relative;
		display: block;
		padding: 22px 20px;
		font-size: 1.6rem;
		border-radius: 10px;
		text-align: center;
	}
	.will_nav_card::before {
		border-radius: 10px;
	}
	.will_nav_card .arw {
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 7px;
		height: 11px;
	}
}