/* 
red: --color_deep01
blue: --color_deep02
green: --color_deep03
cream: --color_deep04
orange: --color_pale02
*/
.post_content{
	/*==============================================================================
		共通レイアウト
	==============================================================================*/
	.pc_sview{
		display: none;
		@media screen and (max-width: 980px) {
			display: block;
		}		
	}
	.dp_ib{ display: inline-block;}
	.of_ih{ overflow: inherit !important;}
	.no_shrink{ flex-shrink: 0;}
	.grid-center{
		display: grid;
		place-items: center;
	}
	.no_wrap {
		&>.swell-block-columns__inner {
			flex-wrap: nowrap;
		}
	}
	.ai_c{
		> .swell-block-columns__inner {
			align-items: center;
		}
	}
	.w_fit{
		width: fit-content;
		&._pri{ width: fit-content!important;}
	}
	.max_650 {
		width: 100%;
		max-width: 650px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.max_820 {
		width: 100%;
		max-width: 820px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.max_1200 {
		width: 100%;
		max-width: 1200px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.max_1600 {
		width: 100%;
		max-width: 1600px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.ptb3{
		padding-top: 3em!important;
		padding-bottom: 3em!important;
	}
	.pb10{padding-bottom: 10px;}
	.br100{
		border-radius: 100%;
	}
	
	@media print, screen and (min-width: 960px) {
		.pd60-40_pc {
			padding: 60px 40px!important;
		}
		.pd40_pc {
			padding: 40px!important;
			&._notop{ padding-top: 0 !important}
		}
		.pd80_pc {
			padding: 80px!important;
		}
	}
  @media print, screen and (max-width: 599px) {
		.fcr_sp{
			&>.swell-block-columns__inner {
				flex-direction: column-reverse;
			}
		}
		.pd10x_sp{
			padding-left: 10px !important;
			padding-right: 10px !important;
		}
	}
	.mbno_sp{
		@media print, screen and (max-width: 599px) {
			margin-bottom: 0 !important;
		}
	}
	.ptno_spta{
		@media print, screen and (max-width: 959px) {
			padding-top: 0 !important;
		}
	}
	/* 3つ並びでボタン位置を揃える ）*/
	.align-button-bottom{ /*リッチカラム*/
		>.swell-block-columns__inner{
			align-items: stretch !important;
			.swell-block-column{
				display: flex;
				flex-direction: column;
			}
			.swell-block-button{
				margin-top: auto !important;
			}
		}
	}
	
	/*==============================================================================
		共通装飾
	==============================================================================*/
	/* ボーダーボックス
	//------------------------------------------------------------ */
	.c-red_box { border: 3px solid var(--color_deep01);}
	.c-blue_box { border: 3px solid var(--color_deep02);}
	.c-green_box { border: 3px solid var(--color_deep03);}
	.c-pale_box { border: 3px solid var(--color_pale02);}
	.c-maincolor_box { border: 3px solid var(--color_main);}
	
	/* ふきだし
	//------------------------------------------------------------ */
	.fukidashi{
		.c-balloon__text{
			padding: 1em 2em !important;
			background-color: #fff !important;
			border-color: var(--color_pale02) !important;
			border-width: 2px;
		}
		.c-balloon__before{
			border-right-color: #fff !important;		
		}
		.c-balloon__after{
			left: -11px;
		}
		@media print, screen and (max-width: 959px) {
			.c-balloon__text{ padding: 1em !important;}	
		}
	}
	
	/* 文字
	//------------------------------------------------------------ */
	.c_theme3 {color: var(--color_deep01);}
	.lh_1{ line-height: 1;}
	.lh_2{ line-height: 2;}
	.ls_no{ letter-spacing: 0;}
	.tc_gray{ color: #858585;}
	.fz80{ font-size: 80px;}
	@media print, screen and (max-width: 959px) {
		.fz32_sp{
			font-size: 32px !important;
		}
		.fz28_sp {
			font-size: 28px !important;
		}
	}
	/* 角丸で囲む */
	.c-text__kadomaru{
		display: inline-block;
		border: 1px solid;
		border-radius: 50px;
		width: 80px;
		margin-right: 8px;
		text-align: center;
		&._orange{
			border-color: var(--color_main);
			color: var(--color_main);
		}
		&._red{
			border-color: var(--color_deep01);
		}
		&._w100{width: 100px;}
	}
	/* 丸で囲む */
	.c-text__circle{
		display: inline-block;
		width: 90px;
		height: 90px;
		padding-left: 0.08em;
		border-radius: 100%;
		background-color: var(--color_deep01);
		font-size: 80px;
		line-height: 80px;
		@media print,screen and (max-width: 959px ) {
			width: 42px;
			height: 42px;
			padding-left: 0.15em;
			font-size: 32px;
			line-height: 38px;
		}
	}
	
	/* 背景
	//------------------------------------------------------------ */
	.bg-archimg{
		position: relative;
		&::before{ /* 上画像 */
			content: '';
			display: block;
			width: 100vw;
			height: auto;
			aspect-ratio: 1920 / 334;
			background: url(../../uploads/2025/10/top-strength-bg01_noresize.png) no-repeat center top / 100%;
		}
		.swell-block-fullWide__inner{ outline: 1px solid var(--color_pale02);}
		.bg-archimg__title{
			margin-top: -5vw !important;	
			@media print, screen and (max-width: 959px) { margin-top: -8vw !important;}
			@media print, screen and (max-width: 599px) { margin-top: -10vw !important;}
		}
		&._palecolor::before{
			background-image: url(../../uploads/2025/10/bg-arch02_noresize.png);
		}
	}
	.bg-gradation{
		background: linear-gradient(0deg,rgba(194, 232, 255, 1) 0%, rgba(255, 222, 158, 1) 100%);
	}
	.bg_pale04 {
		background: var(--color_pale04);
	}
	.bg-wrapper{
		position: relative;
		z-index: 1;
		&::before, &::after{
			content: '';
			position: absolute;
			bottom: 2em;
			z-index: -1;
			height: auto;
		}
		&::before{
			left: 0;
			width: 262px;
			aspect-ratio: 262/436;
			background: url(../../uploads/2025/10/top-strength03-bg01.png) no-repeat center top/100%;
		}
		&::after{
			right: 0;
			width: 210px;
			aspect-ratio: 210/598;
			background: url(../../uploads/2025/10/top-strength03-bg02.png) no-repeat center top/100%;
		}
		@media print, screen and (max-width: 959px) {
			&::before, &::after{
				width: auto;
				height: 80%;
			}
			&::before{ left: -12%;}
			&::after{ right: -9%;}
		}
		&._center{
			&::before, &::after{
				top: 50%;
				bottom: auto;
				transform: translateY(-50%)
			}
			@media print, screen and (max-width: 959px) {
				&::before, &::after{
					width: 50%;
					height: auto;
					transform: none;
				}
				&::before{
					top: 3em;
					left: -10%;
				}
				&::after{
					top: auto;
					bottom: 0;
					right: -10%;
				}
			}
		}
		&._pconly{
			@media print, screen and (max-width: 959px) {
				&::before, &::after{ content: none;}	
			}
		}
	}
	/* その他
	//------------------------------------------------------------ */
	.bs_shadow02{
		box-shadow: 0 2px 2px rgba(0,0,0,.25);
	}
	.c-slideWrapper{
		position: relative;
		left: 50%;
		width: 100vw;
		transform: translateX(-50%);
		overflow: hidden;
		.wp-block-group__inner-container{
			display: flex;
			column-gap: 1.5em;
			width: max-content;
			animation: scroll-left 30s infinite linear .5s both;
		}
		.c-slide{
			margin: 0;
			flex-shrink: 0;
			.swell-block-columns__inner{ 
				flex-wrap: nowrap;
				> div{flex-shrink: 0;}
			}
		}
	}
  @media print, screen and (max-width: 959px) {
		.c-slide{ animation-duration: 60s!important;}
	}
	.tablecolor.wp-block-table tbody{
		tr:first-child{ border-top: none;}
		th{
			border-left: none;
			border-color: #fff;
		}
		td{
			border-color: #b4d7f7;
			background-color: #fff;
		}
	}
	.swell-block-faq{
		.swell-block-faq__item:not(:last-child){
			padding-bottom: 1em;
			border-bottom: 3px dashed var(--color_pale02);
		}
		.faq_q::before{
			box-shadow: none;
			border: 1px solid var(--color_text);
			background-color: #fff;
		}
		.faq_a::before{ border: 1px solid var(--color_text);}
	}

	/*==============================================================================
	　見出し
	==============================================================================*/
	h3.c-index_dashed{z-index: 1;}
	/* 縁取り */
	.c-title__stroke{
		position: relative;
		left: 50%;
		width: max-content;
		transform: translateX(-50%);
		color: #fff;
		font-size: 5.5vw !important;
		font-family: "Reddit Sans", sans-serif;
		font-weight: 800;
		text-align: center;
		letter-spacing: .18em;
		line-height: 1;
		text-shadow: 
				0 0 1px var(--color_main),
				0 0 1px var(--color_main),
				0 0 1px var(--color_main),
				0 0 1px var(--color_main);
	}
	@media print, screen and (max-width: 959px) {
		.c-title__stroke{
			font-size: 40px !important;
		}
	}
	/* 左右に斜め線 */
	.c-index_fuki_b._white::before,
	.c-index_fuki_b._white::after{
		filter: brightness(0) invert(1);
	}
	.c-index_fuki_b._orange::before,
	.c-index_fuki_b._orange::after{
		background-image: url(../../uploads/2025/10/icon-bar.png);
	}
	.c-index_fuki_b._orange::after{
		transform: translateY(-50%) rotateY(180deg);
	}
	@media print, screen and (max-width: 959px) {
		.c-index_fuki_b._bottom{
			&::before, &::after{
				top: auto;
				bottom: 0;
				transform: none;
			}
			&::after{
				transform: rotateY(180deg);
			}
		}
	}
	.c-index_fuki_b._large{
		&::before, &::after{
			top: auto;
			bottom: 0;
			width: 37px;
			height: 60px;
			background-image: url(../../uploads/2025/10/icon-barL.png);
		}
		&::before{
			left: -42px;
			transform: translate(0);
		}
		&::after{
			right: -42px;
			transform: translate(0) rotateY(180deg);
		}
		@media print,screen and (max-width: 599px ) {
			&::before, &::after{
				width: 28px;
				background-size: 100%;
				background-position: bottom center;
			}
			&::before{ left: -32px;}
			&::after{ right: -32px;}
		}
	}
	.bb_dashed._white{ border-color: #fff !important;}
	/* 影付き吹き出し */
	.c-title__fukidashi{
		position: relative;
		width: fit-content;
		margin: 0 auto;
		&._fullw{ width: 100%;}
		.c-title__fukidashi--inner{
			position: relative;
			border: 1px solid var(--color_text);
			border-radius: 20px;
			background-color: #fff;
			box-shadow: 0 10px 0 #B4D7F7;
			@media print, screen and (max-width: 599px) {
				padding: 10px 2px !important;
			}
		}
		&::after, 
		.c-title__fukidashi--inner::after{
			content: '';
			position: absolute;
			bottom: -12px;
			left: 0;
			right: 0;
			width: 24px;
			height: 24px;
			margin: 0 auto;
			background-color: #fff;
			border-right: 1px solid var(--color_text);
			border-bottom: 1px solid var(--color_text);
			transform: rotate(45deg);
		}
		.c-title__fukidashi--inner::after{
			transform: translateY(10px) rotate(45deg);
			border: none;
			background-color: #B4D7F7;
		}
	}
	/* 数字の画像 */
	.titlenumber{
		@media print, screen and (max-width: 959px) {
			width: 80px;
			margin: auto;
		}
	}
	/* 塗りの吹き出し ＋　ボーダー付きボックス*/
	.c-title__fill{
		position: relative;
		padding: 20px !important;
		border-radius: 20px 20px 0 0;
		&::after{
			content: '';
			display: block;
			position: absolute;
			bottom: -17px;
			left: 0;
			right: 0;
			width: 40px;
			height: 18px;
			margin: 0 auto;
			-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
			clip-path: polygon(0 0, 100% 0, 50% 100%);
			background-color: inherit;
		}
		h2{margin-top: .5rem !important;}
		p{
			display: grid;
			place-items: center;
			width: max-content;
			margin: auto;
			padding: 0 2em!important;
			border-radius: 100px;
		}
	}
	.c-title__fill--borderbox{
		border-top: none !important;
		border-radius: 0 0 20px 20px;
	}
	@media print, screen and (max-width: 959px) {
		.c-title__fill{
			padding: 1em .5em !important;
			&::after{
				content: '';
				position: absolute;
				bottom: -18px;
				left: 0;
				right: 0;
				margin: 0 auto;
			}
			p{
				width: max-content;
				height: auto;
				margin-left: auto;
				margin-right: auto;
				padding: .5em 1em!important;
				line-height: 1.2;
			}
		}
		.c-title__fill--borderbox{
			padding-top: 40px !important;
		}
	}
	
	/*==============================================================================
		ブログパーツ
	==============================================================================*/
	/* アクセス
	//------------------------------------------------------------ */
	.access .w_fit._pri{
		@media print, screen and (max-width: 599px) {
			width: 100% !important;
		}
	}
	
	/*==============================================================================
		トップページ
	==============================================================================*/
	/* 利用者に合わせて選べます
	//------------------------------------------------------------ */
	.c-title__stroke--following{
		margin-top: -1em!important;
	}
	.c-title__stroke span:nth-child(2){
		margin-left: .5em;
	}
	@media print, screen and (max-width: 959px) {
		.c-title__stroke span{
			display: block;
			margin: auto !important;
		}
		.c-title__stroke--following{
			margin-top: 0 !important;
			line-height: 1.4 !important;	
		}
	}

	.top-service__title--image01,
	.top-service__title--image02{
		position: relative;
		height: 150px;
		figure{
			position: absolute;
		}
	}
	.top-service__title--image01 figure{
		bottom: 0;
		right: 0;
	}
	.top-service__title--image02 figure{ 
		left: 0;
		bottom: 10px;
	}

	#work-support-a, #work-support-b, #grouphome{
		.c-title__fill p{
			width: 460px;
			height: 51px;
			padding: 0;
			@media print, screen and (max-width: 959px) {
				width: max-content;
				height: auto;
			}
		}
		+ div.c-title__fill--borderbox{
			padding-bottom: 0 !important;
		}
	}
	/* サービス1つ目（就労支援A型）
	//------------------------------------------------------------ */
	.top-service01__benefits > .swell-block-columns__inner{
		figure, figure img{ height: 100%;}
		@media screen and (max-width: 1199px) and (min-width: 960px) {
			justify-content: center;
			>.swell-block-column{
				width: calc(33% - var(--swl-clmn-mrgn--x)) !important;
				&.latter{
					.fz16{font-size: 20px;}
					.fz14{font-size: 16px;}
				}
			}
		}
		@media print, screen and (max-width: 959px) {
			justify-content: center;
		}
	}
	.top-service__works{
		.swell-block-columns__inner{
			@media print, screen and (max-width: 599px) {
				flex-wrap: nowrap!important;
				overflow-x: scroll;
				height: auto;
				padding: 1rem 0;
				> div{ flex-shrink: 0;}
			}
		}
	}
	@media print, screen and (max-width: 959px) {
		.top-service01__imageS img{
			aspect-ratio: 496 / 510;
			object-fit: cover;
			object-position: top center;
		}
	}
	/* サービス2つ目（B型）
	//------------------------------------------------------------ */
	/* サービス3つ目（グループホーム）
	//------------------------------------------------------------ */
	#service03{
		.top-service__title--image01 figure{ 
			bottom: 10px;
		}
	}
	.top-service03__features{
		@media print, screen and (min-width: 960px) {
			margin-left: -7% !important;
		}
	}
	
	/* 3つの強み
	//------------------------------------------------------------ */
	>:last-child.top-strength{
		/* margin-bottom: calc(100vw * 600 / 1920) !important; */
		&::after{ /*下画像 */
			content: '';
			display: block;
			width: 100vw;
			height: auto;
			aspect-ratio: 1920 / 600;
			background: url(../../uploads/2025/10/top-strength-bg02_noresize.png) no-repeat center top / 100%;
		}
	}
	
}

/* CSSアニメーション */
@keyframes scroll-left {
	from { transform: translateX(0);}
	to { transform: translateX(-50%);}
}

/*==============================================================================
	下層ページ共通
==============================================================================*/
/* MV下にパンクズを移動
//------------------------------------------------------------ */
.p-breadcrumb.moved {
	padding-top: 8px;
	margin-bottom: 0;
	.p-breadcrumb__list {
		font-size: 10px;
		padding-left: 0;
		@media print, screen and (min-width: 960px) {
			margin-left: -16px;
		}
	}
}
/* ページタイトル削除 -> MVを目立たせる
//------------------------------------------------------------ */
body:has(.lowerpage-mv){
	#content{
		padding-top: 0 !important;
	}
	#top_title_area{
		display: none;
	}
}
.post_content{
	/* 見学・説明会にお越しください
	//------------------------------------------------------------ */
	.c-welcome__title{
		display: flex;
		position: relative;
		height: 100px;
		> .wp-block-group__inner-container{ width: 100%;}
		h3{
			display: flex;
			align-items: center;
			gap: 0 .25em;
			height: 100%;
			padding: 0 .5em !important;
		}
		&::before, &::after{
			content: '';
			display: block;
			width: auto;
			height: 100%;
			background-repeat: no-repeat;
			background-size: 100%;
		}
		&::before{
			aspect-ratio: 21/100;
			background-image: url(../..//uploads/2025/11/bg-welcome01.png);
		}
		&::after{
			aspect-ratio: 20/100;
			background-image: url(../..//uploads/2025/11/bg-welcome02.png);
		}
		span:first-child{
			display: flex;
			align-items: center;
			flex-shrink: 0;
			position: relative;
			&::after{
				content: '';
				display: inline-block;
				width: 1px;
				height: 30px;
				margin-left: .25em;
				background-color: #fff;
			}
		}
		span:last-child{ width: 100%;}
		@media print, screen and (max-width: 959px) {
			height: 65px;
			span:first-child{
				&::after{
					margin-left: .5em;
				}
			}
		}
	}
	@media print, screen and (min-width: 960px) and (max-width: 1279px) {
		.c-welcome .swell-block-column{
			width: 380px !important;
		}
	}

	/* 自分にぴったりの支援を選びたい方へ
	//------------------------------------------------------------ */
	.wp-block-table.c-compare__table table{
		thead{
			th{
				padding: .75em;
				border: none;
				font-size: 17px;
				@media print, screen and (min-width: 960px) {
					font-size: 20px;
				}
			}
			th:nth-child(1){ /* 空欄 */
				border-left: 1px solid var(--color_pale02);
				background-color: var(--color_pale02);
			}
			th:nth-child(2){ /* a型 */
				background-color: var(--color_deep01);
			}
			th:nth-child(3){ /* b型 */
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				background-color: var(--color_deep02);
			}
			th:nth-child(4){ /* 移行 */
				border-right: 1px solid var(--color_deep03);
				background-color: var(--color_deep03);
			}
		}
		thead tr th:first-child,
		tbody tr th{
			width: 180px !important;
			@media print, screen and (max-width: 599px) {
				width: 130px !important;
			}
		}
		tbody{
			tr:last-child th,
			tr:last-child td{
				border-bottom: none;
			}
		}
	}
	.support-a-compare{
		.wp-block-table.c-compare__table table thead{
			th:nth-child(1){ /* 空欄 */
				/* border-left: 1px solid var(--color_pale04);
				background-color: var(--color_pale04); */
				border-left: 1px solid #fff;
				background-color: #fff;
			}
		}
	}
}
	/*==============================================================================
		下層ページ - 終了継続支援B型
	==============================================================================*/
.post_content{
	.flow-requirement .tablecolor th,
	#support-recruitment .tablecolor th{
		width: 180px !important;
		@media print, screen and (max-width: 599px) {
			width: 90px !important;
		}
	}
	.work-recruitment__message{
		display: grid;
		place-items: center;
		width: 100%;
		height: auto;
		aspect-ratio: 1200/776;
		background: url(../../uploads/2025/10/workb-recruit.png) no-repeat center top/100%;
		@media print, screen and (max-width: 959px) {
			p.c-index_fuki_b{
				font-size: 16px;
			}
			&._supportb p.c-index_fuki_b{
				&::before, &::after{
					width: 24px;
					height: 40px;
				}
				&::before{ left: -20px;}
				&::after{ right: -20px;}
			}
			p.fz40{ font-size: 18px;}
		}
		@media print, screen and (max-width: 599px) {
			aspect-ratio: auto;
			background: url(../../uploads/2025/11/workb-recruit_spTop.png) no-repeat center top/100%,
			url(../../uploads/2025/11/workb-recruit_spBtm.png) no-repeat center bottom/100%;
			padding: 35vw 10px 31vw;			
		}
	}
	.work-flow{
		width: 100%;
		max-width: 730px;
		margin: auto;
		.swell-block-step__number{
			width: 16px;
			height: 16px;
		}
		.swell-block-step__item{
			padding-left: 30px !important;
			&:before{
				left: 7px;
				border-color: #B4D7F7;
			}
			&:last-child::before{content: '';}
		}
		@media print, screen and (max-width: 599px) {
			.swell-block-step__body{ margin-left: -30px!important;}
		}
	}
	div:first-child.work-compare__point{
		margin-top: 5rem !important;
		padding: 0 1em;
		.swell-block-columns__inner{
			div:first-child{ margin-top: -3rem !important;}
			div:last-child{ margin-top: 1rem !important;}
		}
		@media print, screen and (max-width: 959px) {
			margin-top: 0!important;
			padding-top: 2em;
		}
	}
}
/*==============================================================================
	下層ページ - グループホーム
==============================================================================*/
.post_content{
	#grouphome-try{
		.c-text__circle{
			display: grid;
			place-items: center;
			width: 104px;
			height: 104px;
			padding: 0;
			color: #fff;
		}
		span.f_reddit{ vertical-align: sub;}
		@media print, screen and (max-width: 1279px) {
			.grouphome-try__perday{
				.c-text__circle{
					width: 80px;
					height: 80px;
					.fz24{ font-size: 20px;}
				}
			}
			.grouphome-try__price{
				.f_reddit { font-size: 64px;}
			}
		}
		@media print, screen and (max-width: 959px) {
			.grouphome-try__perday,
			.grouphome-try__price{ width: fit-content !important;}
			.bg-archimg__title{ margin-top: -5vw !important;}
		}
		@media print, screen and (max-width: 599px) {
			.grouphome-try__perday{
				.c-text__circle{
					width: 58px;
					height: 58px;
					.fz24{ font-size: 16px;}
				}
			}
			.grouphome-try__price{
				.fz40, fz32{ font-size: 18px;}
				.f_reddit { font-size: 42px;}
			}
		}
	}
	@media print, screen and (min-width: 960px) {
		.grouphome-try__lists{
			.swell-block-columns__inner > div{
				&:nth-child(5){
					margin-left: 80px;
				}
				&:nth-child(4) p, &:nth-child(5) p{
					position: relative;
					left: 50%;
					transform: translateX(-50%);
					white-space: nowrap;
				}
			}
		}
	}
	.grouphome-property__information th{
		width: 170px !important;
		@media print, screen and (max-width: 599px) {
			width: 100px !important;
		}
	}
	.grouphome-eligible{
		aspect-ratio: 1/1;
		height: auto;
		overflow: hidden;
		h3{
			position: relative;
			padding-top: 10px;
			&::after{
				content: '';
				display: block;
				position: absolute;
				bottom: -17px;
				left: 0;
				right: 0;
				width: 40px;
				height: 18px;
				margin: 0 auto;
				-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
				clip-path: polygon(0 0, 100% 0, 50% 100%);
				background-color: inherit;
			}
		}
		@media print, screen and (max-width: 1279px) {
			max-width: 300px;
			ul{ font-size: 16px;}
		}
	}
	@media print, screen and (min-width: 600px) {
		.grouphome-withus figure{
			width: 120%;
			transform: translateX(-20%);
		}
	}
	.grouphome-interview{
		top: -3em ;
	}
	.sec_message._grouphome{
		h2::after{ content: none !important;}
		@media print, screen and (max-width: 959px) {
			h2{margin-bottom: 1em;}
			@media print, screen and (max-width: 599px) {
				h2{
					font-size: 28px;
					text-align: center!important;
				}
				.c-index_fuki_b._orange{
					&::before, &::after{
						top: auto;
						bottom: 0;
						transform: none;
					}
					&::after{ transform: rotateY(180deg);}
				}
			}
		}
	}
	/* 物件の画像スライダー
	//------------------------------------------------------------ */
	.property-sliderContainer{
		display: block!important;
		.slick-list{
			width: calc(100% - 100px);
			margin: 0 auto 40px;
			figure{ 
				height: auto;
				aspect-ratio: 4/3;
				margin: 0 10px;
				overflow: hidden;
				border-radius: 10px;
				img{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
		.slick-arrow{
			width: 40px;
			height: 40px;
			background: url(../../uploads/2025/11/icon-arrow.png) no-repeat center top/100%;
			&::before{ content: none;}
			&.slick-prev{
				left: 0;
			}
			&.slick-next{
				right: 0;
				transform: translate(0, -50%) rotateY(180deg);
			}
		}
		.slick-dots{
			bottom: -30px;
			padding-left: 0;
			li button::before{
				font-size: 10px;
				color: #eee;
				opacity: 1;
			}
			li.slick-active button::before{ color: var(--color_deep03)};
		}
		@media print, screen and (max-width: 599px) {
			.slick-list{ width: calc(100% - 60px);}
			.slick-arrow{ width: 20px; height: 30px;}
		}
		.lum-img{ max-width: 100vw;}
	}
}
/*==============================================================================
	下層ページ - 障がい者雇用をご検討の企業様へ
==============================================================================*/
.post_content{
	.tablecolor.companyinfo th{
		@media print, screen and (min-width: 960px) {
			width: 280px !important;
		}
	}
}
/*==============================================================================
	下層ページ - 採用情報
==============================================================================*/
.post_content{
	.recruit-highlight{
		p{
			height: auto;
			aspect-ratio: 1/1;
			padding: 0;
		}
		@media print, screen and (max-width: 1200px) {
			max-width: 140px;
			p{font-size: 20px;}
		}
	}
	.recruit-information.tablecolor th{
		@media print, screen and (min-width: 960px) {
			width: 250px !important;
		}
	}
	.recruit-interview__fukidashi{
		position: relative;
		&::before{
			content: '';
			position: absolute;
			top: 3em;
			left: -2em;
			width: 2em;
			height: 3em;
			background-color: var(--color_pale04);
			-webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
			clip-path: polygon(0 50%, 100% 0, 100% 100%);
		}
		&._reverse::before{
			left: auto;
			right: -2em;
			transform: rotateY(180deg);
		}
		@media print, screen and (max-width: 599px) {
			
			&::before, &._reverse::before{
				top: -2em;
				left: 0;
				right: 0;
				margin: auto;
				transform: rotate(90deg);
			}
		}
	}
	#working-flow .work-flow{ max-width: 830px;}
}

/*==============================================================================
	下層ページ - 就労支援のご利用をお考えの方へ
==============================================================================*/
.post_content{
	.flow-step{
		display: flex;
		align-items: center;
		gap: 0 .5em;
	}

	@media print, screen and (max-width: 959px) {
		.flow-step__lists .swell-block-columns .swell-block-columns__inner{
			row-gap: .5em;
			div:nth-child(1){ order: 2;}
			div:nth-child(2){
				display: contents;
				> *{ margin: 0 0 0 var(--swl-clmn-mrgn--x) !important;}
				h3{ order: 1;}
				p{ order: 3;}
				.fukidashi{ order: 4;}
			}
		}
	}
	.flow-step__number{
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		margin-top: -5px;
		color: #ff9c23;
		line-height: 1;
		&::before{
			content: 'STEP';
			font-family: "Reddit Sans", sans-serif;
			font-weight: 500;
			font-size: 14px;
		}
	}
}
/*==============================================================================
	下層ページ - スタッフ紹介
==============================================================================*/
.post_content{
	.c-slide.staff{
		animation-duration: 80s !important;
		.swell-block-column p{ 
			display: grid;
			place-items: center;
			height: 2.8em;
		}
	}
	.staff-lists{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 2em;
		padding: 0 !important;
		@media print, screen and (max-width: 959px) {
			grid-template-columns: repeat(1, 1fr);
			gap: 1em;
		}
		.staff-list{
			display: flex;
			justify-content: space-between;
			align-items: start;
			gap: 1rem;
			width: 100%;
			height: auto;
			padding: 20px;
			border: 2px solid var(--color_main);
			border-radius: 20px;
			background-color: #fff;
		}
		.staff-list__image{
			width: 45%;
			height: auto;
			aspect-ratio: 1/1;
			overflow: hidden;
			border-radius: 10px;
			img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}
		.staff-list__text{
			width: 50%;
			h3{
				margin-bottom: .25em;
				padding: 0 .25em .5em;
				span{
					display: block;
					margin: 3px 0 0 -5px;
					line-height: 1;
				}
			}
			.staff-position{
				margin-bottom: .5em;
				padding: 0 .25em;
			}
		}
		@media print, screen and (max-width: 599px) {
			.staff-list{ flex-direction: column-reverse;}
			.staff-list__image, .staff-list__text{ width: 100%;}
		}
	}
}