.gaiheki__title{
	margin-bottom: var(--g-sec--lg);
	text-align: center;
}



/*===============================================================================
屋根でこんな症状はありませんか？
================================================================================*/
.gaiheki-trouble{
	position: relative;
	margin-bottom: var(--g-sec--lg);
	padding: var(--g-sec--md) 0;
}
/* 背景画像 */
.gaiheki-trouble::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	content: "";
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	background-image: var(--bgi);
}
/* 白背景 */
.gaiheki-trouble__inner{
	padding: var(--g-sec--md) clamp(1.125rem, -1.643rem + 7.38vw, 5rem);
	background: var(--c-light);
	border-radius: var(--bd-r--xl);
	overflow: hidden;
}
/* コンテンツ幅 */
.gaiheki-trouble__container{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.gaiheki-trouble__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}
.gaiheki-trouble__title span{
	background: linear-gradient(transparent 70%, #FDF4DE 70%);
}
.gaiheki-trouble__cards{
	--count: 2;
	--gap: clamp(0.75rem, -1.393rem + 5.71vw, 3.75rem);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1.25rem, 0.357rem + 2.38vw, 2.5rem) var(--gap);
	margin-bottom: var(--g-sec--sm);
}
@media (min-width: 600px){
	.gaiheki-trouble__cards{
		--count: 3;
	}
}
.gaiheki-trouble__card{
	max-width: 17.5rem;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.gaiheki-trouble__image{
	margin-bottom: 1.25rem;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.gaiheki-trouble__text{
	text-align: center;
	font-weight: var(--fw-lg);
	font-size: clamp(1rem, 0.821rem + 0.48vw, 1.25rem);
}



/*===============================================================================
屋根塗装について
================================================================================*/
.gaiheki-what{
	margin-bottom: var(--g-sec--lg);
}
.gaiheki-what__inner{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.gaiheki-what__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}
.gaiheki-what__section:not(:last-of-type){
	margin-bottom: var(--g-sec--xs);
	padding-bottom: var(--g-sec--xs);
	border-bottom: 1px solid var(--c-gray);
}
.gaiheki-what__section{
	--icon-width: .75rem;
}
.gaiheki-what__secondaryTitle{
	display: flex;
	gap: var(--icon-width);
	align-items: center;
	margin-bottom: 1rem;
}
.gaiheki-what__secondaryTitle::before{
	content: "";
	display: block;
	width: var(--icon-width);;
	aspect-ratio: 1;
	background: var(--c-act01);
	border-radius: 50%;
	overflow: hidden;
}
@media (min-width: 600px){
	.gaiheki-what__textArea{
		padding-left: calc( var(--icon-width) * 2 );
	}
}



/*===============================================================================
屋根塗料の種類について
================================================================================*/
.gaiheki-type{
	position: relative;
	padding: var(--g-sec--md) 0;
}
/* 背景画像 */
.gaiheki-type::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	content: "";
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	background-image: var(--bgi);
}

.gaiheki-type__title{
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}

/*===============================
* ボタン
* =================================*/
.gaiheki-type-tab .baseTab-head{
	margin-bottom: var(--g-sec--sm);
}

/*===============================
* table
* =================================*/
.gaiheki-type__content{
	margin-bottom: var(--g-sec--lg);
}
.gaiheki-type__content.--pc{display: none;}
@media (min-width: 600px){
	.gaiheki-type__content.--pc{display: block;}
	.gaiheki-type__content.--sp{display: none;}
}
.gaiheki-type__table{
	--bd-width: 1px;
	--bd-color: var(--c-gray);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
/* td：全 */
.gaiheki-type__table td{
	padding: clamp(1.25rem, 1.071rem + 0.48vw, 1.5rem) clamp(0.75rem, 0.214rem + 1.43vw, 1.5rem);
}
/* td：head */
.gaiheki-type__table tr:first-of-type td{
	text-align: center;
	background: var(--c-main);
	color: var(--c-light);
	font-family: var(--ff-gz);
}
/* td：head以外 */
.gaiheki-type__table tr:not(:first-of-type) td{
	background: var(--c-light);
}

/* table border */
.gaiheki-type__table td:not(:last-of-type){
	border-right: var(--bd-width) solid var(--bd-color);
}
.gaiheki-type__table tr:not(:last-of-type) td{
	border-bottom: var(--bd-width) solid var(--bd-color);
}

/*===============================
* CTA
* =================================*/
.gaiheki-type-cta{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.gaiheki-type-cta__mv{
	position: relative;
	margin-bottom: var(--g-sec--xs);
	padding: var(--g-sec--xs) var(--g-sec--xs) 0 var(--g-sec--xs);
	background: var(--c-light);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
@media (min-width: 768px){
	.gaiheki-type-cta__mv{
		padding: var(--g-sec--xs);
	}
}
.gaiheki-type-cta__question{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1.75rem;
	text-align: center;
	font-weight: var(--fw-lg);
	font-size: clamp(1.25rem, 0.714rem + 1.43vw, 2rem);
}
@media (min-width: 768px){
	.gaiheki-type-cta__question{
		margin-bottom: 0;
	}
}

.gaiheki-type-cta__illust{
	width: 12.5%;
	min-width: 6rem;
	margin-inline: auto;
}
@media (min-width: 768px){
	.gaiheki-type-cta__illust{
		position: absolute;
		bottom: 0;
		left: 6%;
	}
}
.gaiheki-type-cta__textArea{
	margin-bottom: var(--g-sec--xs);
}
.gaiheki-type-cta__btn{
	text-align: center;
}