/*--
	cgi-bin配下
 *--
	◼︎ /data_request/index〜 資料のご請求
	◼︎ /ip_serv/index〜 保険料のお見積り 

---------------------------------------------*/

	/*タブ切り替え*/
	.tab-nav__button:not(.tab-nav__button--active){
		background: #ebf8dc;
		border: #ebf8dc;
		color: #02993b;
	}
	.tab-nav__button:not(.tab-nav__button--active):hover{
		background-color: #02993b;
		border: #02993b;
		color: #ffffff;
	}

	/* アンカーリンク配置変更 2fr 1fr 、大樹セレクトにアイコン追加*/
	.anchor-link.other-anchor{
		display: none;
	}
	.anchor-link:not(.other-anchor) .anchor-link__item.spOnly_block{
		display: block;
	}
	.anchor-link .anchor-link__item.spOnly_block .anchor-link__anchor .insurance-item__cards .products-categories{
		max-width: calc(280px + 96px);
		grid-template-columns: repeat(4, 1fr);
	}
	@media (min-width: 1024px) { /* pcsize */
	.anchor-link.other-anchor{
		display: block;
    	margin-bottom: 0;
	}
	.anchor-link.other-anchor .anchor-link__item .anchor-link__anchor .other-anchor_point_inner .insurance-item__cards .products-categories{
		max-width: calc(280px + 96px);
		grid-template-columns: repeat(4, 1fr);
	}
	.anchor-link.other-anchor .anchor-link__item .anchor-link__anchor .other-anchor_point_inner.flex{
		align-items: center;
    	gap: 30px;
	} 
	.anchor-link.other-anchor+.anchor-link.pcOnly_block{
		margin-top: 24px;
	}
	.anchor-link:not(.other-anchor) .anchor-link__item.spOnly_block{
		display: none;
	}
	}
	@media (max-width: 768px) { /* 768px */
		.anchor-link .anchor-link__item.spOnly_block .anchor-link__anchor .flex{
			flex-direction: column;
    		row-gap: 10px;
		}
		.anchor-link .anchor-link__item.spOnly_block .anchor-link__anchor .flex >br{
			display: none;
		}
	}
	/* 各保険選択ボタン右側_アイコン文字の縮小 */
	form .request-section .request-section__body .insurance-item__label .insurance-item__body .insurance-item__cards .products-categories__item-title{
		font-size: 9px;
	}
	
	/*
	◼︎ /data_request/input.cgi〜 資料のご請求
	◼︎ /ip_serv/input.cgi〜 保険料のお見積り */
	/* 3分で簡単入力！*/
	.accent_inner{
		position: relative;
    	background-color: #ebf8dc;
		width: 100%;
	}
	.accent_inner::before{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #ebf8dc;
		left: 50%;
		right: 50%;
		bottom: -20px;
		transform: translateX(-50%);
	}
	.accent_inner .accent_txt{
		color: #02993b;
		padding-block: 10px;
		margin-top: 0;
	}
	.accent_inner+.heading-1{
		margin-top: 40px;
	}