/*===============================================================================
共通
================================================================================*/
.insurance-information__inner{
	max-width: 960px;
	margin-inline: auto;
}

/*===============================
* ボーダー要素
* =================================*/
.insurance-information__box{
	padding: var(--g-sec--xs) 1rem;
	background: var(--c-light);
	border: 1px solid #82D6A8;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.insurance-information__boxInner{
	max-width: 832px;
	margin-inline: auto;
}


/*===============================================================================
頼れる保険のプロがご提案します
================================================================================*/
.insurance-message{
	margin-bottom: var(--g-sec--md);
}
.insurance-message__head{
	margin-bottom: var(--g-sec--xs);
}
.insurance-message__title{
	text-align: center;
}
.insurance-message__text{
	display: flex;
	flex-direction: column;
}
.insurance-message__text.--has-mb{
	margin-bottom: 1.5rem;
}
@media (min-width: 600px){
	.insurance-message__text{
		display: block;
	}
	.insurance-message__text.--has-mb{
		margin-bottom: 0;
	}
}



/*===============================================================================
タブ
================================================================================*/
/*===============================
* タブ：ヘッド
* =================================*/
.insurance-annai-tab .baseTab-head{
	margin-bottom: 1.75rem;
}
.insurance-annai-tab .baseTab-head__list{
	display: flex;
	gap: var(--g-sec--xs);
	max-width: 520px;
	margin-inline: auto;
}
.insurance-annai-tab .baseTab-head__item{
	flex: 1;
}
.insurance-annai-tab .baseTab-head__link {
	position: relative;
	display: block;
	padding: 1rem .5rem;
	background: var(--c-gradient);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	text-align: center;
	font-size: 1.25rem;
	font-weight: var(--fw-lg);
	color: var(--c-light);
}

/*===============================
* タブ：ヘッド：アクティブ
* =================================*/
.insurance-annai-tab .baseTab-head__link.is-active{
	background: var(--c-light);
	color: var(--c-dark);
}
/* グラデーション線 */
.insurance-annai-tab .baseTab-head__link.is-active::before{
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid transparent;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	background: var(--c-gradient) border-box border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	-webkit-mask-composite: destination-out;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}



/*===============================================================================
取扱保険のご案内
================================================================================*/
.insurance-annai__head{
	margin-bottom: var(--g-sec--xs);
	text-align: center;
}

/*===============================
* タブ内
* =================================*/
.IA-section{
	margin-bottom: var(--g-sec--md);
}
.IA-section__title{
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.5rem;
}
@media (min-width: 768px){
	.IA-section__title{
		font-size: 1.25rem;
	}
}
.IA-section__nayami{
	margin-bottom: 1.5rem;
	text-align: center;
}
.IA-section__textArea{
	margin-bottom: var(--g-sec--xs);
}
.IA-section__textGroup{
	margin-bottom: 1.5rem;
}
@media (min-width: 768px){
	.IA-section__textGroup{
		margin-bottom: 0;
	}
}
.IA-section__cards{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 1.5rem 1rem;
}
@media (min-width: 768px){
	.IA-section__cards{
		grid-template-columns: repeat(2, 1fr);
	}
}

.IA-section-card{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: .5rem;
}
.IA-section-card__title{
	padding: .5rem;
	text-align: center;
	border: 1px solid;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	font-size: 1.25rem;
	font-weight: var(--fw-lg);
}
.IA-section-card:nth-of-type(1) .IA-section-card__title{
	border-color: #9AD0EF;
}
.IA-section-card:nth-of-type(2) .IA-section-card__title{
	border-color: #F0B49D;
}
.IA-section-card:nth-of-type(3) .IA-section-card__title{
	border-color: #9592DF;
}
.IA-section-card:nth-of-type(4) .IA-section-card__title{
	border-color: #D3DE89;
}
.IA-section-card:nth-of-type(5) .IA-section-card__title{
	border-color: #9DC7A8;
}
.IA-section-card:nth-of-type(6) .IA-section-card__title{
	border-color: #EFB4DA;
}

.IA-section-card__picture img{
	width: 100%;
	height: 100%;
}
.IA-section-card__lead{
	text-align: center;
	font-weight: var(--fw-lg);
}




/*===============================================================================
その他サービス
================================================================================*/
.insurance-sonota__head{
	margin-bottom: 1rem;
	text-align: center;
}
.insurance-sonota__lead{
	margin-bottom: 1.5rem;
}
.insurance-sonota-cards{
	--count: 1;
	--gap: .5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem var(--gap);
}
@media (min-width: 600px){
	.insurance-sonota-cards{
		--count: 2;
	}
}
@media (min-width: 960px){
	.insurance-sonota-cards{
		--count: 4;
	}
}

.insurance-sonota-card{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: .5rem .25rem;
	background: var(--c-light);
	box-shadow: var(--shdw);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.insurance-sonota-card__image{
	margin-bottom: .5rem;
}
.insurance-sonota-card__text{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}