@charset "utf-8";
/* CSS Document */

/*===================================
	.block01
=====================================*/

.block01{
	padding: 48px 0 100px;
	position: relative;
}

.block01::before{
	content: '';
	background: url("../images/life/bg_parts01.webp")no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 617px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
}

.block01::after{
	content: '';
	background: url("../images/life/bg_parts02.webp")no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 904px;
	position: absolute;
	bottom: -43px;
	left: 0;
	z-index: -3;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .block01::before,
html:is(.pageYellow, .pageBlack, .pageBlue) .block01::after{
	content: none;
}
/**/

.block01 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

html.pageLarge .block01 .block_inner{
	max-width: 1181px;/*1050*1.125*/
}

.block01 .block_inner .select_area{
	width: 100%;
	padding: 36px 0;
	box-sizing: border-box;
	position: relative;
}

.block01 .block_inner .select_area::before{
	content: '';
	background: rgba(255,255,255,0.75);
	border: 1px solid #949494;
	border-radius: 20px;
	box-sizing: border-box;
	width: 103.7%;/*1037*/
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow) .block01 .block_inner .select_area::before{
	background: none;
	border: 1px solid #000;
}
html:is(.pageBlack, .pageBlue) .block01 .block_inner .select_area::before{
	background: none;
	border: 1px solid #fff;
}
/**/


.block01 .block_inner .select_area .flex_select{
	width: 100%;
	display: flex;
	justify-content: center;
}

.block01 .block_inner .select_area .flex_select .cat_wrap{
	width: 32.925%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px 0;
	padding-bottom: 11px;
	position: relative;
}

.block01 .block_inner .select_area .flex_select .cat_wrap::before{
	content: '';
	background: url("../images/life/select_shadow.webp")no-repeat;
	background-size: cover;
	width: 79.2710%;/*261*/
	height: auto;
	aspect-ratio: 261 / 90;
	position: absolute;
	bottom: -18px;
	right: 3.0372%;/*10*/
	z-index: -1;
}

.block01 .block_inner .select_area .flex_select .cat_wrap + .cat_wrap{
	border-left: 1px solid #aeaeae;
}

.block01 .block_inner .select_area .flex_select .cat_wrap p.cat_txt{
	font-size: 1.125em;/*18*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
}

.block01 .block_inner .select_area .flex_select .cat_wrap select{
	width: 75.6264%;/*249*/
	height: 55px;
	border: 1px solid #cadadd;
	border-radius: 2.75rem;
	background: url("../images/life/select_ico.webp")no-repeat #fff right 7.2289% center;/*18*/
	background-size: 9.6385% auto;/*24*/
	padding: 0 13.6674% 0 5.4669%;/*45 18*/
	box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-size: 0.9375em;/*15*/
	font-weight: 500;
	line-height: 1;
	color: #333333;
	cursor: pointer;
}

/* 色変更 */
html:is(.pageYellow) .block01 .block_inner .select_area .flex_select .cat_wrap select{
	background: url("../images/life/select_ico.webp")no-repeat #F4E621 right 7.2289% center;/*18*/
	background-size: 9.6385% auto;/*24*/
}

html:is(.pageBlack) .block01 .block_inner .select_area .flex_select .cat_wrap select{
	background: url("../images/life/select_ico.webp")no-repeat #000 right 7.2289% center;/*18*/
	background-size: 9.6385% auto;/*24*/
}

html:is(.pageBlue) .block01 .block_inner .select_area .flex_select .cat_wrap select{
	background: url("../images/life/select_ico.webp")no-repeat #0071b4 right 7.2289% center;/*18*/
	background-size: 9.6385% auto;/*24*/
}

/**/


.block01 .block_inner .select_area .flex_btn{
	width: 100%;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	gap: 0 1.9%;
}

.block01 .block_inner .select_area .flex_btn .btn01{
	width: 19.3%;
}

.block01 .block_inner .select_area .flex_btn .btn01 a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 41px;
	background: #026a9e;
	border-radius: 20px;
	padding: 0 14.5077% 0 8.8082%;/*28 17*/
	box-sizing: border-box;
}

.block01 .block_inner .select_area .flex_btn .btn01.off a{
	background: #f28e1e;
}

/* 色変更 */
html:is(.pageYellow) .block01 .block_inner .select_area .flex_btn .btn01 a{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .block01 .block_inner .select_area .flex_btn .btn01 a{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .block01 .block_inner .select_area .flex_btn .btn01 a{
	background: #0071b4;
	border: 1px solid #fff;
}
/**/

.block01 .block_inner .select_area .flex_btn .btn01 a span{
	display: flex;
	align-items: center;
	color: #fff;
}

.block01 .block_inner .select_area .flex_btn .btn01 a span.lv1{
	font-size: 1.25em;/*20*/
	position: relative;
	top: 3px;
}

.block01 .block_inner .select_area .flex_btn .btn01 a span.lv2{
}

/**/

.block01 .block_inner .staff_wrap{
	width: 100%;
	margin-top: 111px;
}

.block01 .block_inner .staff_wrap ul.staff_list{
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 98px 0;
}

.block01 .block_inner .staff_wrap ul.staff_list::after{
	content: '';
	width: 27.4%;
}

.block01 .block_inner .staff_wrap ul.staff_list li{
	width: 27.4%;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap{
	width: 100%;/*274*/
	position: relative;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a{
	display: block;
	width: 100%;
	height: 100%;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a:hover{
	opacity: 1;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a .thumb_wrap{
	width: 100%;
	padding-top: 14px;
	position: relative;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a .thumb_wrap::before{
	content: '';
	background: linear-gradient(90deg, rgba(242, 142, 30, 0.75) 0%, rgba(2, 106, 158, 0.75) 100%);
	border-radius: 10px;
	width: 100%;
	height: calc(100% - 14px);
	position: absolute;
	top: 0;
	right: 4.7445%;/*13*/
	z-index: -1;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a .thumb_wrap::after{
	content: '';
	background: linear-gradient(90deg, rgba(242, 142, 30, 0.75) 0%, rgba(2, 106, 158, 0.75) 100%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	border-radius: 10px;
	padding: 2px;
	width: 100%;
	height: calc(100% - 14px);
	position: absolute;
	top: 2.25rem;
	left: 4.0145%;/*11*/
	z-index: 1;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a .thumb_wrap .thumb{
	width: 100%;
	height: auto;
	aspect-ratio: 274 / 346;
	border-radius: 10px;
	overflow: hidden;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a .thumb_wrap .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;/* ゆっくり変化させる */
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a:hover .thumb_wrap .thumb img{
	transform: scale(1.1);/* 拡大 */
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area{
	width: 100%;
	height: auto;
	aspect-ratio: 302 / 68.5;
	padding: 12px 0 13px 6.2043%;/*17*/
	box-sizing: border-box;
	position: absolute;
	bottom: 112px;
	left: 0;
	z-index: 1;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area::before {
	content: '';
	width: 110.2189%;/*302*/
	height: 100%;
	clip-path: polygon(
		0 0,
		100% 0,
		90% 100%,
		0 100%
	);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon01::before {
	background: rgba(34,72,150,0.9);
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon02::before {
	background: rgba(0,164,152,0.9);
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon03::before {
	background: rgba(2,106,158,0.9);
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon04::before {
	background: rgba(77,77,77,0.9);
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon05::before {
	background: rgba(0,160,216,0.9);
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon06::before {
	background: rgba(33,57,79,0.9);
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area.bumon08::before {
	background: rgba(15,122,71,0.9);
}

/* 色変更 */
html:is(.pageYellow) .block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area::before{
	background: #F4E621;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

html:is(.pageBlack) .block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area::before{
	background: #000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

html:is(.pageBlue) .block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area::before{
	background: #0071b4;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/**/

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area .job_flex{
	display: flex;
	gap: 0 1em;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area .job_flex p{
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .job_area p.order_txt{
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
	margin-top: 6px;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area{
	width: 100%;
	height: auto;
	aspect-ratio: 308 / 100;
	padding: 14px 16.4233% 13px 2px;/*45*/
	margin-bottom: -13px;
	box-sizing: border-box;
	position: relative;
	top: -13px;
	z-index: 2;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area::before{
	content: '';
	background: rgba(255,255,255,0.9);
	width: 112.4087%;/*308*/
	height: 100%;
	position: absolute;
	top: 0;
	left: -5.1094%;/*-14*/
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow) .block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area::before{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area::before{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area::before{
	background: #0071b4;
	border: 1px solid #fff;
}
/**/

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area::after{
	content: '';
	background: url("../images/common/link_ico_ora.webp")no-repeat;
	background-size: cover;
	width: 8.3941%;/*23*/
	height: auto;
	aspect-ratio: 24 / 7;
	position: absolute;
	top: 20px;
	right: -3px;
	transition: all 0.5s;
	z-index: 1;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap a:hover .txt_area::after{
	right: -13px;
}

.block01 .block_inner .staff_wrap ul.staff_list li .link_wrap .txt_area p{
/*	font-size: 1.25em;20*/
	font-size: 1.125em;/*18*/
	line-height: 1.25;
	letter-spacing: 0.05em;
	text-align: justify;
	color: #333333;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/**/

.block01 .block_inner .staff_wrap ul.staff_list li .rec_type{
	width: 100%;/*274*/
	margin-top: 6px;
}

.block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px 0;
}

.block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list::after{
	content: '';
	width: 31.7518%;/*87*/
}

.block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list li{
	width: 31.7518%;/*87*/
}

.block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 23px;
	border-radius: 5px;
	background: #e4eef2;
	font-size: 0.90625em;/*14.5*/
	line-height: 1;
	color: #026a9e;
}

/* 色変更 */
html:is(.pageYellow) .block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list li a{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list li a{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .block01 .block_inner .staff_wrap ul.staff_list li .rec_type ul.type_list li a{
	background: #0071b4;
	border: 1px solid #fff;
}

/**/

.block01 .block_inner .staff_wrap p.no-post{
	font-size: 1.875em;/*30*/
	line-height: 1.15;
	letter-spacing: 0.1em;
	color: #333;
	text-align: center;
}


/*===================================
	共通パーツ
=====================================*/

.midashi_area{
	text-align: center;
}

.midashi_area p.en_midashi{
	font-size: 2.5em;/*40*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
}

.midashi_area p.en_midashi:first-letter{
	color: #f28e1e;
}

/* 色変更 */
html:is(.pageYellow) .midashi_area p.en_midashi:first-letter{
	color: #000;
}

html:is(.pageBlack, .pageBlue) .midashi_area p.en_midashi:first-letter{
	color: #fff;
}
/**/

.midashi_area h2.inter_midashi{
	font-size: 1.75em;/*28*/
	line-height: 1;
	letter-spacing: 0.2em;
	color: #026a9e;
	padding-top: 15px;
}

/*===================================
	.fixed_btn
=====================================*/

.fixed_btn{
	width: 3.7162%;/*55*/
	max-width: 55px;
	position: fixed;
	top: 358px;
	right: 0;
	z-index: 10;
}

.fixed_btn a{
	display: flex;
	align-items: center;
	writing-mode: vertical-rl;
	width: 100%;
	height: 290px;
	background: url("../images/life/link_ico_wh.webp")no-repeat #f28e1e center bottom 30px;
	background-size: 43.6363% auto;/*24*/
	border-radius: 2.75rem;
	padding-top: 69px;
	box-sizing: border-box;
	font-size: 1.25em;/*20*/
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
	position: relative;
}

html.pageLarge .fixed_btn a{
	height: 326px;/*290*1.125*/
}


.fixed_btn.on_time a{
	background: url("../images/life/link_ico_wh.webp")no-repeat #026a9e center bottom 30px;
	background-size: 43.6363% auto;/*24*/
}

/* 色変更 */
html:is(.pageYellow) .fixed_btn a{
	background: url("../images/life/link_ico_wh.webp")no-repeat #F4E621 center bottom 30px;
	background-size: 43.6363% auto;/*24*/
	border: 1px solid #000;
}

html:is(.pageBlack) .fixed_btn a{
	background: url("../images/life/link_ico_wh.webp")no-repeat #000 center bottom 30px;
	background-size: 43.6363% auto;/*24*/
	border: 1px solid #fff;
}

html:is(.pageBlue) .fixed_btn a{
	background: url("../images/life/link_ico_wh.webp")no-repeat #0071b4 center bottom 30px;
	background-size: 43.6363% auto;/*24*/
	border: 1px solid #fff;
}
/**/

.fixed_btn a::before{
	content: '';
	background: url("../images/life/off_ico.webp")no-repeat;
	background-size: cover;
	width: 83.6363%;/*46*/
	height: auto;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 7px;
	left: 50%;
	transform: translateX(-50%);
}

.fixed_btn.on_time a::before{
	background: url("../images/life/on_ico.webp")no-repeat;
	background-size: cover;
}

.fixed_btn a::after{
	content: '';
	background: url("../images/life/parts01.webp")no-repeat;
	background-size: 100% 100%;
	width: 163.6363%;/*90*/
	height: 102.7586%;/*298*/
	position: absolute;
	top: 22px;
	right: -10px;
	z-index: -1;
}

/*===================================
	.single_block01
=====================================*/

.single_block01{
	padding: 63px 0 130px;
	position: relative;
}

.single_block01::before{
	content: '';
	background: url("../images/life/bg01.webp")no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: calc(100% + 32px);
	position: absolute;
	top: -32px;
	left: 0;
	z-index: -1;
}

.single_block01.off_time::before{
	background: url("../images/life/bg01_off.webp")no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: calc(100% + 32px);
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block01::before{
	content: none;
}
/**/


.single_block01 .block_inner{
	width: 100%;
	max-width: 1150px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

html.pageLarge .single_block01 .block_inner{
	max-width: 1294px;/*1150*1.125*/
}


.single_block01 .block_inner .main_photo_wrap{
	width: 100%;
	position: relative;
}

.single_block01 .block_inner .main_photo_wrap .main_photo{
	width: 100%;
	height: auto;
	aspect-ratio: 1100 / 600;
	border-radius: 10px;
	overflow: hidden;
}

.single_block01 .block_inner .main_photo_wrap .main_photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/**/

.single_block01 .block_inner .main_photo_wrap .cat_label{
	width: 49.3636%;/*543*/
	height: auto;
	aspect-ratio: 543 / 86;
	padding: 18px 0 0 1.8181%;/*20*/
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.single_block01 .block_inner .main_photo_wrap .cat_label::before{
	content: '';
	background: rgba(2,106,158,0.9);
	width: 112.3388%;/*610*/
	height: calc(100% + 13px);
	clip-path: polygon(
		0 0,
		100% 0,
		90% 100%,
		0 100%
	);
	position: absolute;
	top: 0px;
	left: -1.0%;/*-11*/
	z-index: -1;
}

.single_block01.off_time .block_inner .main_photo_wrap .cat_label::before{
	background: rgba(232,122,12,0.9);
}

/* 色変更 */
html:is(.pageYellow) .single_block01 .block_inner .main_photo_wrap .cat_label::before{
	background: #F4E621;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

html:is(.pageBlack) .single_block01 .block_inner .main_photo_wrap .cat_label::before{
	background: #000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

html:is(.pageBlue) .single_block01 .block_inner .main_photo_wrap .cat_label::before{
	background: #0071b4;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/**/


.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex{
	display: flex;
	align-items: center;
	gap: 0 1.375em;/*22*/
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex p{
	font-size: 1.375em;/*22*/
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex02{
	display: flex;
	align-items: center;
	gap: 0 0.75em;/*12*/
	margin-top: 17px;
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex02 p.order_txt{
	font-size: 1.125em;/*18*/
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex02 .rec_type{
	width: 76.0994%;/*398*/
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex02 .rec_type ul.type_list{
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 7px 1.5075%;/*6*/
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex02 .rec_type ul.type_list li{
	width: 22.6130%;/*90*/
}

.single_block01 .block_inner .main_photo_wrap .cat_label .job_flex02 .rec_type ul.type_list li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 24px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	font-size: 0.9375em;/*15*/
	line-height: 1;
	color: #fff;
}

/**/

.single_block01 .block_inner .main_photo_wrap .onoff_btn{
	width: 14.7272%;/*162*/
	position: absolute;
	top: 22px;
	right: 2.2727%;/*25*/
}

.single_block01 .block_inner .main_photo_wrap .onoff_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 1em;
	width: 100%;
	height: 41px;
	border: 1px solid #026a9e;
	border-radius: 20px;
	background: #fff;
/*	padding-left: 1em;*/
	box-sizing: border-box;
	pointer-events: none;
}

.single_block01.off_time .block_inner .main_photo_wrap .onoff_btn a{
	border: 1px solid #ec5a24;
}

/* 色変更 */
html:is(.pageYellow) .single_block01 .block_inner .main_photo_wrap .onoff_btn a{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .single_block01 .block_inner .main_photo_wrap .onoff_btn a{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .single_block01 .block_inner .main_photo_wrap .onoff_btn a{
	background: #0071b4;
	border: 1px solid #fff;
}
/**/


.single_block01 .block_inner .main_photo_wrap .onoff_btn a span.lv1{
	font-size: 1.25em;/*20*/
	line-height: 1;
	color: #026a9e;
	position: relative;
	top: 3px;
}

.single_block01 .block_inner .main_photo_wrap .onoff_btn a span.lv2{
	font-size: 0.9375em;/*15*/
	line-height: 1;
	color: #026a9e;
}

.single_block01.off_time .block_inner .main_photo_wrap .onoff_btn a span{
	color: #ec5a24;
}

/**/

.single_block01 .block_inner h2.catch_midashi{
	font-size: 2.1875em;/*35*/
	line-height: 1.4;
	letter-spacing: 0.2em;
	color: #026a9e;
	margin-top: 60px;
}

/*===================================
	.single_block02
=====================================*/

.single_block02{
	padding: 57px 0 128px;
	position: relative;
}

.single_block02::before{
	content: '';
	background: url("../images/life/bg02.webp")no-repeat;
	background-size: 100% 100%;
	width: 101.4189%;/*1501*/
	height: 904px;
	position: absolute;
	top: -537px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
}

.single_block02::after{
	content: '';
	background: url("../images/life/parts02.webp")no-repeat;
	background-size: 100% 100%;
	width: 101.4189%;/*1501*/
	height: 904px;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: -1;
}


/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block02::before,
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block02::after{
	content: none;
}
/**/

.single_block02 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

html.pageLarge .single_block02 .block_inner{
	max-width: 1181px;/*1050*1.125*/
}

.single_block02 .block_inner .interview_wrap{
	width: 100%;
	margin-top: 64px;
}

.single_block02 .block_inner .interview_wrap + .interview_wrap{
	margin-top: 115px;
}

.single_block02 .block_inner .interview_wrap .que_area{
	padding-bottom: 18px;
	border-bottom: 1px solid #096596;
	display: flex;
	gap: 0 1.125em;/*18*/
}

.single_block02.off_time .block_inner .interview_wrap .que_area{
	border-bottom: 1px solid #e88a25;
}

.single_block02 .block_inner .interview_wrap .que_area p.num_txt{
	font-size: 2.25em;/*36*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #096596;
}

.single_block02 .block_inner .interview_wrap .que_area p.num_txt span{
	color: #f28e1e;
}

.single_block02 .block_inner .interview_wrap .que_area h3.que_midashi{
	font-size: 1.4375em;/*23*/
	line-height: 1.25;
	letter-spacing: 0.05em;
	color: #026a9e;
}

.single_block02 .block_inner .interview_wrap .flex_area{
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.single_block02 .block_inner .interview_wrap .flex_area .photo_area{
	width: 48.0%;
	height: auto;
	aspect-ratio: 480 / 384;
	overflow: hidden;
}

.single_block02 .block_inner .interview_wrap .flex_area .photo_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single_block02 .block_inner .interview_wrap .flex_area .ans_area{
	width: 47.1%;
}

.single_block02 .block_inner .interview_wrap .flex_area .ans_area.full{
	width: 100%;
}

.single_block02 .block_inner .interview_wrap .flex_area .ans_area p{
	line-height: 1.875;
	letter-spacing: 0.05em;
	color: #333333;
	text-align: justify;
}

/*===================================
	.single_block03
=====================================*/

.single_block03{
	padding: 74px 0 106px;
	background: #f0f5f7;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block03{
	background: none;
}
/**/

.single_block03 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

html.pageLarge .single_block03 .block_inner{
	max-width: 1181px;/*1050*1.125*/
}

.single_block03 .block_inner::before{
	content: '';
	background: url("../images/life/parts03.webp")no-repeat;
	background-size: 100% 100%;
	width: 120.7619%;/*1268*/
	height: 588px;
	position: absolute;
	bottom: -86px;
	right: -25.4285%;/*-267*/
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block03 .block_inner::before{
	content: none;
}
/**/

.single_block03 .block_inner .cp_wrap{
	width: 100%;
	background: rgba(255,255,255,0.75);
	padding: 60px 0 40px;
	border-radius: 20px;
	margin-top: 35px;
}

/* 色変更 */
html:is(.pageYellow) .single_block03 .block_inner .cp_wrap{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .single_block03 .block_inner .cp_wrap{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .single_block03 .block_inner .cp_wrap{
	background: #0071b4;
	border: 1px solid #fff;
}
/**/

.single_block03 .block_inner .cp_wrap .cp_area01{
	width: 90.0%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 0 1.125em;/*18*/
	padding-bottom: 42px;
	border-bottom: 1px solid #026a9e;
	position: relative;
}

.single_block03 .block_inner .cp_wrap .cp_area01 + .cp_area01{
	margin-top: 85px;
}

.single_block03 .block_inner .cp_wrap .cp_area01::before{
	content: '';
	background: url("../images/life/sche_ico.webp")no-repeat;
	background-size: cover;
	width: 4.8888%;/*44*/
	height: auto;
	aspect-ratio: 44 / 25;
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translate(-50%, 100%);
}

.single_block03 .block_inner .cp_wrap .cp_area01:last-child::before{
	content: none;
}

.single_block03 .block_inner .cp_wrap .cp_area01 p{
	font-size: 1.125em;/*18*/
	line-height: 1.6666;
	letter-spacing: 0.05em;
	color: #333333;
}

/*===================================
	.single_block04
=====================================*/

.single_block04{
	padding: 66px 0 152px;
	position: relative;
}

.single_block04::before{
	content: '';
	background: url("../images/life/parts02.webp")no-repeat;
	background-size: 100% 100%;
	width: 101.4189%;/*1501*/
	height: calc(100% - 13px);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block04::before{
	content: none;
}
/**/

.single_block04 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

html.pageLarge .single_block04 .block_inner{
	max-width: 1181px;/*1050*1.125*/
}

.single_block04 .block_inner::before{
	content: '';
	background: url("../images/life/parts03.webp")no-repeat;
	background-size: 100% 100%;
	width: 120.7619%;/*1268*/
	height: 588px;
	position: absolute;
	bottom: -96px;
	right: -25.4285%;/*-267*/
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block04 .block_inner::before{
	content: none;
}
/**/

.single_block04 .block_inner .sche_wrap{
	width: 100%;
	background: rgba(255,255,255,0.75);
	padding: 39px 0 48px;
	border-radius: 20px;
	margin-top: 53px;
}

/* 色変更 */
html:is(.pageYellow) .single_block04 .block_inner .sche_wrap{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .single_block04 .block_inner .sche_wrap{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .single_block04 .block_inner .sche_wrap{
	background: #0071b4;
	border: 1px solid #fff;
}
/**/

.single_block04 .block_inner .sche_wrap .sche_area01{
	width: 86.5%;
	margin: 0 auto;
	display: flex;
}

.single_block04 .block_inner .sche_wrap .sche_area01 p{
	padding: 13px 0 19px;
}

.single_block04 .block_inner .sche_wrap .sche_area01 + .sche_area01 p{
	padding-top: 24px;
}

.single_block04 .block_inner .sche_wrap .sche_area01 p.koumoku{
	width: 24.7398%;/*214*/
	border-right: 1px solid #026a9e;
	box-sizing: border-box;
	font-size: 1.5em;/*24*/
	line-height: 1;
	color: #026a9e;
}

.single_block04 .block_inner .sche_wrap .sche_area01 p.naiyou{
	width: calc(100% - 24.7398%);
	padding-left: 2em;/*32*/
	padding-right: 2em;
	box-sizing: border-box;
	line-height: 1.4375;
	letter-spacing: 0.05em;
	color: #333333;
}

/*===================================
	.single_block05
=====================================*/

.single_block05{
	padding: 98px 0 164px;
	background: #f0f5f7;
}

.single_block05.off_time{
	background: #f9f6cd;
}

/* 色変更 */
html:is(.pageYellow) .single_block05{
	background: #F4E621;
}

html:is(.pageBlack) .single_block05{
	background: #000;
}

html:is(.pageBlue) .single_block05{
	background: #0071b4;
}
/**/

.single_block05 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

html.pageLarge .single_block05 .block_inner{
	max-width: 1181px;/*1050*1.125*/
}

.single_block05 .block_inner::before{
	content: '';
	background: url("../images/life/parts04.webp")no-repeat;
	background-size: 100% 100%;
	width: 120.7619%;/*1268*/
	height: 269px;
	position: absolute;
	bottom: -71px;
	right: -25.4285%;/*-267*/
	z-index: -1;
}

.single_block05.off_time .block_inner::before{
	background: url("../images/life/parts04_off.webp")no-repeat;
	background-size: 100% 100%;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .single_block05 .block_inner::before{
	content: none;
}
/**/

.single_block05 .block_inner .message_wrap{
	width: 100%;
	background: rgba(255,255,255,0.75);
	padding: 34px 0 42px;
	border-radius: 20px;
	margin-top: 51px;
}

/* 色変更 */
html:is(.pageYellow) .single_block05 .block_inner .message_wrap{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .single_block05 .block_inner .message_wrap{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .single_block05 .block_inner .message_wrap{
	background: #0071b4;
	border: 1px solid #fff;
}
/**/

.single_block05 .block_inner .message_wrap .messa_inner{
	width: 90.7%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.single_block05 .block_inner .message_wrap .messa_inner .img_area{
	width: 9.9228%;/*90*/
}

.single_block05 .block_inner .message_wrap .messa_inner .img_area img{
	width: 100%;
	height: auto;
}

.single_block05 .block_inner .message_wrap .messa_inner .message_area{
	width: 86.4388%;/*784*/
}

.single_block05 .block_inner .message_wrap .messa_inner .message_area p{
	line-height: 1.875;
	letter-spacing: 0.05em;
	color: #333333;
}

/*===================================
	.single_block06
=====================================*/

.single_block06{
	padding: 75px 0 95px;
}

.single_block06 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

html.pageLarge .single_block06 .block_inner{
	max-width: 1181px;/*1050*1.125*/
}

.single_block06 .block_inner .link_bnr{
	width: 45.2%;
	margin: 0 auto;
	position: relative;
}

.single_block06 .block_inner .link_bnr::before{
	content: '';
	background: url("../images/life/parts05.webp")no-repeat;
	background-size: cover;
	width: 98.8938%;/*452*/
	height: auto;
	aspect-ratio: 452 / 143;
	position: absolute;
	bottom: -23px;
	right: -3.9823%;/*-18*/
	z-index: -1;
}

.single_block06 .block_inner .link_bnr a{
	display: block;
	width: 100%;
	height: 100%;
}

.single_block06 .block_inner .link_bnr a .flex_area{
	display: flex;
	width: 100%;
	height: 175px;
/*	height: 130px;*/
	border-radius: 10px;
	background: url("../images/life/link_ico_wh.webp")no-repeat #f28e1e right 3.5398% bottom 24px;/*16*/
	background-size: 5.0884% auto;/*23*/
	overflow: hidden;
/*	box-shadow: 15px 15px 10px rgba(85, 205, 248, 0.57);*/
}

.single_block06.off_time .block_inner .link_bnr a .flex_area{
	background: url("../images/life/link_ico_wh.webp")no-repeat #026a9e right 3.5398% bottom 24px;/*16*/
	background-size: 5.0884% auto;/*23*/
}

/* 色変更 */
html:is(.pageYellow) .single_block06 .block_inner .link_bnr a .flex_area{
	background: url("../images/life/link_ico_wh.webp")no-repeat #F4E621 right 3.5398% bottom 24px;/*16*/
	background-size: 5.0884% auto;/*23*/
	border: 1px solid #000;
}

html:is(.pageBlack) .single_block06 .block_inner .link_bnr a .flex_area{
	background: url("../images/life/link_ico_wh.webp")no-repeat #000 right 3.5398% bottom 24px;/*16*/
	background-size: 5.0884% auto;/*23*/
	border: 1px solid #fff;
}

html:is(.pageBlue) .single_block06 .block_inner .link_bnr a .flex_area{
	background: url("../images/life/link_ico_wh.webp")no-repeat #0071b4 right 3.5398% bottom 24px;/*16*/
	background-size: 5.0884% auto;/*23*/
	border: 1px solid #fff;
}
/**/

.single_block06 .block_inner .link_bnr a .flex_area .img_area{
	width: 50.8849%;/*230*/
	height: 100%;
}

.single_block06 .block_inner .link_bnr a .flex_area .img_area img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.single_block06 .block_inner .link_bnr a .flex_area .txt_area{
	width: calc(100% - 50.8849%);
	padding-top: 55px;
/*	padding-top: 20px;*/
}

.single_block06 .block_inner .link_bnr a .flex_area .txt_area p{
	padding-left: 11.7117%;/*26*/
	box-sizing: border-box;
}

.single_block06 .block_inner .link_bnr a .flex_area .txt_area p.en_tit{
	font-size: 1.25em;/*20*/
	line-height: 1;
	color: #fff;
}

.single_block06 .block_inner .link_bnr a .flex_area .txt_area p.link_txt{
	padding-top: 19px;
	font-size: 1.25em;/*20*/
	line-height: 1;
	color: #fff;
}

/*===================================
	.pager_block
=====================================*/

.pager_block{
	padding-bottom: 100px;
}

.single_block06 + .pager_block{
	padding-bottom: 120px;
}