@charset "UTF-8";

/*--------------------
 * 町野築炉工業所について
 * --------------------*/
/* ページタイトル */
@media (min-width: 600px) {
	#top_title_area .c-pageTitle > span::before{
		background-image: url(/wp-content/uploads/2026/04/company-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/company-title_sp.png);
	}	
}


/* メッセージ */
.name{
    align-items: center;
    gap: 1rem;
}
.name > p{
    font-size: clamp(16px, 3vw, 24px);
    font-weight: bold;
    color: var(--color_main);
    letter-spacing: 3%;
    line-height: 1;
}
.name > .wp-block-image{
    max-width: 170px;
    transform: translateY(0.15rem);
}

/* 数字で見る */
.number-column .swell-block-column {
    background: var(--color_main);
    --swl-clmn-pddng: 1rem;
}
.number-column h3.wp-block-heading,
.number-column p{
    color: #fff;
}
.number-column h3.wp-block-heading{
    font-size: clamp(14px, 2vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.number-column p{
    font-size: clamp(18px, 2vw, 32px);
    font-weight: bold;
    line-height: 1.2;
}
.number-column p em{
    letter-spacing: 5%;
    margin-right: 0.5rem;
}
.number-column p strong{
    font-size: clamp(32px, 5vw, 72px);
}

@media (max-width: 600px) {
	.number-column{
	    --swl-clmn-mrgn--x: 1rem !important;
    	--swl-clmn-mrgn--y: 1rem !important;	
	}
	.number-column .swell-block-column{
	    --swl-clmn-pddng: 1rem 0.5rem;	
	}
	.number-column h3.wp-block-heading{
		margin-bottom: 0.5rem;
	}
	.number-column h3.wp-block-heading > img{
		width: 20px !important;
	}
}

/* 沿革 */
.history-step .swell-block-step__item{
    display: flex;
    padding: 0 0 10px 24px;
}

.history-step .swell-block-step__number{
    align-items: flex-start;
}
.history-step .swell-block-step__number .__shape{
    width: 12px;
    height: 12px;
    margin-top: 0.5em !important;
}
.history-step .swell-block-step__item:before{
    border-left: 2px solid var(--color_main);
    height: 100%;
    left: 5px;
    top: 1rem;
}

.history-step [data-hide] + .swell-block-step__title{
    margin-top: 0;
    margin-right: 1rem;
    min-width: 10em;
    color: var(--color_main);
    font-size: 1rem;
    font-weight: 500;
}
.history-step .swell-block-step__body{
    margin-top: 0;
    font-weight: bold;
}

@media not all and (min-width: 960px) {
	.history-img{
		display: none;
	}
}
@media (max-width: 600px) {
	.history-step .swell-block-step__item{
		flex-wrap: wrap;
	}
	.history-step .swell-block-step__title,
	.history-step .swell-block-step__body{
		width: 80%;
		flex-grow: 1;
	}	
}