@charset "UTF-8";
/*==============================================================================
	下層ページ共通
==============================================================================*/
/* 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{
	/* 余白
	//------------------------------------------------------------ */
	.pad_ss_x{
		padding: 0 .5em !important;
	}
	.list-many li{
		margin: .5em 0;
	}
	.pd20-10{
		padding: 20px 10px !important;
	}
	.pd30_pcta{
		@media print, screen and (min-width: 600px) {
			padding: 30px !important;
		}
	}
	@media print, screen and (max-width: 599px) {
		.pad_s_sp{
			padding:  1em !important;
		}
	}
	.pc_sview{
		display: block;
		@media (min-width: 960px) and (max-width: 1200px) {
			display: none;
		}
	}
	
	/* 書式
	//------------------------------------------------------------ */
	.link-nocolor a{
		color: #1A1A1A;	
	}
	a.nodeco{
		text-decoration: none;
	}
	.nowrap_pcta{
	  @media print, screen and (min-width: 600px) {
			white-space: nowrap;
		}
	}
	.richclm._center{
		.swell-block-columns__inner{ justify-content: center;}
	}
	.flex_ta_jcc{
		@media print, screen and (max-width: 959px) {
			justify-content: center;
		}
	}
	.swell-block-button.btn-nomin{
		margin-left: auto;
		margin-right: auto;
		a{
			min-width: 0 !important;
			max-width: 500px;
		}
	}
	.text-nowrap{
		white-space: nowrap;
	}
	@media print, screen and (max-width: 599px) {
		.flex_sp_clm-re{
			.swell-block-columns__inner{
				flex-direction: column-reverse;
			}			
		}			
		.sp_imgcenter figure{
			float: none;
			margin: auto;
		}
		.flex-reverseY_sp .swell-block-columns__inner{
			flex-direction: column-reverse;
		}
		.mbno_sp{
			margin-bottom: 0 !important;
		}
	}
		
	/* 装飾
	//------------------------------------------------------------ */
	.bg_grad._deep{
		background-image: linear-gradient(0deg, #bce5fd, #ffffff 50% 50%, #bce5fd);
	}
	.bg_mizutamaNoresize{
		position: relative;
		z-index: 1;
		-webkit-clip-path: inset(0);
		clip-path: inset(0);
		&::before, &::after{
			position: absolute;
			left: 50%;
			z-index: -1;
			width: 100vw;
			height: auto;
			aspect-ratio: 1200/943;
			margin: 0 auto;
			transform: translateX(-50%);
			pointer-events: none;
		}
		&.top::before{
			content: '';
			top: 0;
			background: url(https://saitama-aircon.net/wp-content/uploads/2025/09/bg-waveTop.png) no-repeat center top / 100% 100%;
		}
		&.btm::after{
			content: '';
			bottom: 0;
			background: url(https://saitama-aircon.net/wp-content/uploads/2025/09/bg-waveBtm.png) no-repeat center top / 100% 100%;			
		}
	}
	.border_red {
		border: 1px solid #E50000!important;
	}
	.border_blue {
		border: 1px solid #0c6dd7!important;
	}
	.fukidashi{
		position: relative;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
		padding: 2em;
		background-color: #fff;
		&::after{
			content: '';
			position: absolute;
			bottom: -.9em;
			left: 0;
			right: 0;
			width: 2em;
			height: 1em;			
			margin: 0 auto;
			background-color: #fff;
			-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
			clip-path: polygon(0 0, 100% 0, 50% 100%);
		}
		&.blue, &.blue::after{
			background-color: #f3f8fd;
		}
		&._pd{ padding: 1rem 1.2rem;}
	}
	.fukidashi_wrap .text_wrap.right{
		&::before, &::after{
			right: auto;
			left: 100%;
		}
		&::before{
			margin-right: 0;
			margin-left: 2px;
			border-left-color: #1a1a1a;
			border-right-color: transparent;
		}
		&::after{
			border-left-color: #fff;
			border-right-color: transparent;
		}
	}
}


/*==============================================================================
	見出し
==============================================================================*/
.post_content{
	/* 左右に斜めのあしらい
	//------------------------------------------------------------ */
	.ttl_bar {
		position: relative;
		display: flex !important;
		justify-content: center;
		align-items: flex-end;
		gap: 0 .5em;
		width: fit-content;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 24px;
		font-weight: bold;
		&::before,
		&::after{
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			width: 2px;
			height: 100%;
			margin: auto;
			background-color: #1A1A1A;
		}
		&::before{
			left: 10px;
			transform: rotate(-20deg);
		}
		&::after{
			right: 10px;
			transform: rotate(20deg);
		}
		&.blue{
			color: #0c6dd7;
			&::before, &::after{ background-color: #0c6dd7;}
		}
		&.red{
			color: #E50000;
			&::before, &::after{ background-color: #E50000;}
		}
		@media print, screen and (max-width: 599px) {
			&._spno{
				padding: 0;
				line-height: 1.4;
				&::before, &::after{ display: none;}
			}
		}
	}
	/* フルワイド上下ライン
	//------------------------------------------------------------ */
	.ttl_fullx{
		position: relative;
		left: 50%;
		width: 100vw !important;
		padding: .5em 0;
		transform: translateX(-50%);
	}
	.swell-block-fullWide:has(.ttl_fullx){
		padding-top: 0 !important;
	}	
	/* 下に斜線のバー
	//------------------------------------------------------------ */
	.ttl_under{
		position: relative;
		padding-bottom: 20px;
		&::before,
		&::after{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 10px;
			background-image: repeating-linear-gradient(135deg, #c6ddff, #c6ddff 10px, transparent 10px, transparent 12px);
		}
		&::after{
			content: '';
		}
		&.xy{
			padding-top: 20px;
			&::before{
				content: '';
				top: 0;
			}
		}
		&.min::after, &.min::before{
			height: 5px;
		}
		&.blue::after, &.blue::before{
			background-image: repeating-linear-gradient(135deg, #0c6dd7, #0c6dd7 10px, transparent 10px, transparent 12px);
		}
		&.red::after, &.red::before{
			background-image: repeating-linear-gradient(135deg, #E50000, #E50000 10px, transparent 10px, transparent 12px);
		}
		&.pad_x{
			padding-left: 1em;
			padding-right: 1em;
			@media print, screen and (max-width: 599px) {
				padding-left: .2em;
				padding-right: .2em;
			}
		}
	}
	/* 左右にライン
	//------------------------------------------------------------ */
	.ttl_line{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 1.5em;
		@media print, screen and (max-width: 599px) {
			gap: 0 .5em;
		}
		&::before, 
		&::after{
			content: '';
			display: block;
			width: 100%;
			height: 5px;
			background-image: repeating-linear-gradient(135deg, #0c6dd7, #0c6dd7 10px, transparent 10px, transparent 12px);
		}
		strong{
			white-space: nowrap;
		}
		&.red::before, &.red::after{
			background-image: repeating-linear-gradient(135deg, #E50000, #E50000 10px, transparent 10px, transparent 12px);
		}
		&.no_stripe::before, &.no_stripe::after{
			background: none #0c6dd7;
		}
		&._spno::before, &._spno::after{
			@media print, screen and (max-width: 599px) {
				display: none;
			}
		}
	}
	/* 上に ✔️ CHECK　のあしらい
	//------------------------------------------------------------ */
	.img_check{
		position: relative;
		z-index: 10;
		+ * {
			margin-top: -.5em !important;
		}
	}
	/* 英語タイトルと横線
	//------------------------------------------------------------ */
	.ttl_engbar{
		display: block;
		position: relative;
		z-index: 1;
		width: fit-content;
		margin: auto;
		padding: 0 1em;
		background-color: #0c6dd7;
		color: #fff;
		font-family: "Roboto", sans-serif;
		font-size: 18px;
		font-weight: 700;
		position: relative;
		line-height: 2em;
		&::first-letter{ color: #ffde50}
		+ .ttl_engbar_box{
			border-top: 3px solid #0c6dd7;
			border-bottom: 3px solid #0c6dd7;
			margin-top: -1em;
			padding: 3em 1em;
		}		
		&._nobox{
			&::before{
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: -1;
				width: 100vw;
				height: 3px;
				background-color: #0c6dd7;
				transform: translate(-50%, -50%);
			}
		}
	}
	/* 左右の矢印（小さい版）
	//------------------------------------------------------------ */
	.c-index_arrow{
		@media print, screen and (min-width: 600px) {
			&._min::before, &._min::after{
				width: 100px;
				height: auto;
				aspect-ratio: 193 / 43;
			}
			&._min::before{ left: -115px;}
			&._min::after{ right: -115px;}
		}
	}
	@media print, screen and (max-width: 599px) {
		.c-index_arrow._spno::before, .c-index_arrow._spno::after{
			display: none;
		}
	}
	/* ポイント（当店について）
	//------------------------------------------------------------ */
	.ttl_point{
		display: flex;
		justify-content: center;
		align-items: end;
		span{
			font-weight: bold;
			line-height: 1;
		}
		span.point{
			display: inline-block;
			position: relative;
			z-index: 1;
			font-size: 18px;
			margin-bottom: 12px;
		}
		span.number{
			font-size: 60px;
			opacity: .2;
			margin-left: -0.4em;
		}
		@media print, screen and (max-width: 599px) {
			span.point{
				font-size: 16px;
				margin-bottom: 10px;
			}
			span.number{ font-size: 50px;}
		}
	}
}
/*==============================================================================
	ブログパーツ
==============================================================================*/
.post_content{
	.c-himitsu__title{
		.wp-block-columns{
			align-items: center !important;
			gap: 1em !important;
		}
		.wp-block-column:has(h2){
			flex-basis: auto !important;
		}
		.wp-block-column:has(h2), h2{
			width: fit-content;
		}
	}
	/* 左右キラキラ（SP時小さく）
	//------------------------------------------------------------ */
	@media print, screen and (max-width: 599px){
		.c-himitsu__title._spmin{
			.wp-block-columns{
				align-items: end !important;
				gap: .5em !important;
				>div:nth-child(1), >div:nth-child(3){
					flex-basis: 20px !important;
					img{ width: 20px;}
				}
			}
		}
	}
}



/*==============================================================================
	エアコンページ
==============================================================================*/
.post_content{
	/* 作業時間＆金額のキャプションボックス内
	//------------------------------------------------------------ */
	.sec_menu_item .bg_clock{
		&.lowerpage{
			width: 60px;
			height: 60px;
			padding: 0;
			line-height: 60px !important;
		}
	}
	.text-appeal{
		width: fit-content;
		padding: 0 .5em !important;		
		@media print, screen and (max-width: 959px) {
			margin-left: auto;
			margin-right: auto;
		}
	}
	#aircon_solution{
		.text-price{
			@media print, screen and (max-width: 959px) {
				width: 100% !important;
				max-width: 284px;
				margin-left: auto;
				margin-right: auto;	
			}
			.wp-container-core-group-is-layout-f56a869c{
				justify-content: end;
			}
		}
	}
	.text-price{
		.wp-container-core-group-is-layout-f56a869c{
			justify-content: center;
		}
	}

	/* エラーコードのテキストボックス
	//------------------------------------------------------------ */
	.errorcode-container{
		align-items: stretch !important;
	}
	.errorcode-box.column02{
		> p:nth-child(1){
			height: 35px;
			padding: 0;
			line-height: 30px;
		}
		> p:nth-child(2){
			display: grid;
			place-items: center;
			height: calc(100% - 45px);
			padding: 1em;
		}
	}
	/* セルフチェック表のチェック
	//------------------------------------------------------------ */
	ul.list_checkbox.blue li:before{
		background-image: url(https://saitama-aircon.net/wp-content/uploads/2025/09/icon-checkmark_blue.png);
	}
}
/*==============================================================================
	クリーニングページ
==============================================================================*/
.post_content{
	.border-box{
		border: 5px solid #eee;
		border-radius: 30px;
		background-image: repeating-linear-gradient(135deg, #fafafa, #fafafa 10px, transparent 10px, transparent 12px);
	}
	.flow-noline{
		.swell-block-step__item:before{
			display: none;
		}
		.swell-block-step__body{
			margin-top: .5em;
		}
	}
}
/*==============================================================================
	水漏れページ
==============================================================================*/
.post_content{
	/* 注意マークのボックス
	//------------------------------------------------------------ */
	@media print, screen and (min-width: 960px){
		.unscrupulous_wrap._br h2.is-style-section_ttl:after{
			left: 6em;
		}
	}
	
	.work-detail{
		.swell-block-columns__inner{
			justify-content: space-between;
			> div{ width: fit-content !important}
			@media print, screen and (max-width: 959px){
				justify-content: center;
			}
		}
	}
	.cleaning-sign .cap_box_content{
		padding: 15px !important;
	}
}
/*==============================================================================
	取り付け・取り外しページ
==============================================================================*/
.post_content{
	/* 作業詳細
	//------------------------------------------------------------ */
	.set-work{
		.work-text{
			margin: 0 auto 1em;
			@media print, screen and (min-width: 600px) and (max-width: 959px) {
				width: 480px;
			}
			@media print, screen and (max-width: 599px){
				width: 280px;
			}
		}
		@media print, screen and (max-width: 599px){
			.work-detail .swell-block-columns__inner{
				flex-direction: column;
			}
		}
	}
	/* ボックス内の女性
	//------------------------------------------------------------ */
	.border-box .max_200.border-box-woman{
		max-width: 200px;
		-webkit-clip-path: inset(0 0 20px);
		clip-path: inset(0 0 20px);
    margin-bottom: -20px !important;
	}
}

/*==============================================================================
	スタッフ紹介
==============================================================================*/
#content:has(.staff-fullwide){
	padding-top: 0 !important;
}

.staff-fullwide{
	position: relative;
	z-index: 1;
}
.staff-fullwide::before, 
.staff-fullwide::after{
	content: '';
	position: absolute;
	left: 0;
	z-index: -1;
	width: 100%;
	height: auto;
	aspect-ratio: 1920/588;
	background: url(https://saitama-aircon.net/wp-content/uploads/2025/09/bg_mizutama_02_noresize.jpg) no-repeat;
	pointer-events: none;
	background-size: cover;
	background-position: bottom center;
	@media print, screen and (max-width: 599px){
		aspect-ratio: auto;
		height: 30%;
	}
}
.staff-fullwide::before{
	top: 0;
	transform: rotateX(180deg);
}
.staff-fullwide::after{
	bottom: 0;
}
.staff-lists{
	display: grid;
	justify-content: start;
	align-items: stretch;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding-left: 0!important;
	@media print, screen and (max-width: 959px){
		grid-template-columns: repeat(2, 1fr);
		@media print, screen and (max-width: 599px){
			grid-template-columns: 1fr;
		}
	}
}
.staff-list{
	width: 100%;
	height: auto;
	background-color: #fff;
	list-style: none;
}
.staff-list__appeal{
	width: 100%;
	padding: 20px 5px 5px;
	background-color: #fff;
}
.staff-list__inner{
	padding: 0 20px 20px;
	background-color: #fff;
}
.staff-list__image{
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 600 / 350;
	overflow: hidden;
	margin-top: 5px;
	img{
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
.staff-list__name{
	margin-top: 10px;
	h3, p{ font-weight: 700;}
	h3{margin-bottom: 0;}
	p{text-align: center;}
}
.staff-list__text{
	margin-top: 10px;
}