@charset "UTF-8";

/*--------------------
 * 町野築炉で働くということ
 * --------------------*/
/* ページタイトル */
@media (min-width: 600px) {
	#top_title_area .c-pageTitle > span::before{
		background-image: url(/wp-content/uploads/2026/04/recruit-title_pc.png);
	}
}
@media not all and (min-width: 600px) {
	#top_title_area .c-pageTitle > span::before{
		background-image: url(/wp-content/uploads/2026/04/recruit-title_sp.png);
	}	
}


/*---------- メッセージ ----------*/
.message-cover{
	padding: 3em 0;
	--gallery-img_w: clamp(200px, 60vw, 300px);
}
.message-cover .wp-block-cover__inner-container{
	max-width: 100%;
	z-index: 2;
}

/* テキストスライダー */
.message-slider{
    width: 100%;
    max-height: 120px;
    overflow-y: clip;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
}
.message-slider .wp-block-gallery{
    flex-wrap: nowrap;
    transition-timing-function: linear;
    --wp--style--gallery-gap-default: 0;
    gap: 0px;
}

/* 画像配置 */
.message-cover .message-gallery{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	justify-content: space-between;
	gap: calc( 100% - var(--gallery-img_w) * 2 ) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.message-cover .message-gallery.has-nested-images figure{
	max-width: var(--gallery-img_w);
	align-items: center;
}
.message-cover .message-gallery.has-nested-images figure.img-portrait img{
	max-width: clamp(115px, 30vw, 180px) !important;	
}

.message-cover .message-gallery.has-nested-images figure:nth-of-type(2){
	margin-top: 2rem !important;
}
.message-cover .message-gallery.has-nested-images figure:nth-of-type(3){
	margin-top: -3rem !important;	
}
.message-cover .message-gallery.has-nested-images figure:nth-of-type(4){
	margin-top: auto !important;
	margin-bottom: 0 !important;
}

/* テキスト */
.message-container p{
	font-size: clamp(16px, 3vw, 24px);
	letter-spacing: 3%;
	line-height: 2.5;
}

@media not all and (min-width: 960px) {
	.message-cover{
	    padding: 2em 0;	
	}	
	.message-cover .message-gallery{
		height: 100%;
		padding: 0;
	}
	.message-cover .message-gallery.has-nested-images figure{
	    width: auto !important;
	}	
	.message-cover .message-gallery.has-nested-images figure:nth-of-type(2){
		align-items: flex-end;
	}
	.message-cover .message-gallery.has-nested-images figure:nth-of-type(3){
		align-items: flex-start;
		margin-top: 0 !important;
    	margin-bottom: -3em !important;
	}
	.message-cover .message-gallery.has-nested-images figure:nth-of-type(4){
    	margin-bottom: 2em !important;
	}
}
@media (max-width: 600px) {
	.message-container{
    	padding: calc(var(--gallery-img_w) * 0.65) 0 calc(var(--gallery-img_w) * 0.75) !important;
	}
}