﻿.form-main .forInput__category {
	margin: 3rem 0 0;
	border: .6rem solid;
	border-radius: 2rem;
	background: #fff;
	box-shadow: .2rem .2rem .8rem rgba(0,0,0,.25);
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category {
		margin: 4rem 0 0;
		border: 2rem solid;
	}
}
.form-main .forInput__category.cat-seimei,
.form-main .forInput__category.cat-1 {
	border-color: #fbe7b0;
}
.form-main .forInput__category.cat-seimei .forInput__category__head,
.form-main .forInput__category.cat-1 .forInput__category__head {
	background: #fbe7b0;
}
.form-main .forInput__category.cat-iryo,
.form-main .forInput__category.cat-4 {
	border-color: #afede7;
}
.form-main .forInput__category.cat-iryo .forInput__category__head,
.form-main .forInput__category.cat-4 .forInput__category__head {
	background: #afede7;
}
.form-main .forInput__category.cat-kanwa,
.form-main .forInput__category.cat-8 {
	border-color: #ffd2ef;
}
.form-main .forInput__category.cat-kanwa .forInput__category__head,
.form-main .forInput__category.cat-8 .forInput__category__head {
	background: #ffd2ef;
}
.form-main .forInput__category.cat-gan3dai,
.form-main .forInput__category.cat-2 {
	border-color: #a8dcfd;
}
.form-main .forInput__category.cat-gan3dai .forInput__category__head,
.form-main .forInput__category.cat-2 .forInput__category__head {
	background: #a8dcfd;
}
.form-main .forInput__category.cat-shugyofuno,
.form-main .forInput__category.cat-6 {
	border-color: #d6efc6;
}
.form-main .forInput__category.cat-shugyofuno .forInput__category__head,
.form-main .forInput__category.cat-6 .forInput__category__head {
	background: #d6efc6;
}
/* 2025/03/19 Apollo Add Start */
.form-main .forInput__category.cat-hengaku,
.form-main .forInput__category.cat-9 {
	border-color: #5BBDFF;
}
.form-main .forInput__category.cat-hengaku .forInput__category__head,
.form-main .forInput__category.cat-9 .forInput__category__head {
	background: #5BBDFF;
}
/* 2025/03/19 Apollo Add End */
.form-main .forInput__category__list {
	display: flex;
	flex-direction: column;
	gap: 3rem 0;
	margin: 0;
	padding: 4rem 5.6rem;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2rem 6rem;
		padding: 3.2rem 2rem 2.6rem;
	}
	/* 2025/12/02 202512新商品(収保改定)対応 Add Start */
	.form-main .forInput__category__list.multi-line-products {
		justify-content: left;
	}
	/* 2025/12/02 202512新商品(収保改定)対応 Add End */
}
.form-main .forInput__category__item {
	position: relative;
	padding-left: 14rem;
	/* 2025/4/23 DEVRQ-1720_【Z-life】デジパンDLフォームのデザイン変更 Add Start */
	display: flex;
	flex-direction: column;
	/* 2025/4/23 DEVRQ-1720_【Z-life】デジパンDLフォームのデザイン変更 Add End */
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__item {
		padding-left: 9.6rem;
		width: 40rem;
	}
}
.form-main .forInput__category__item__note {
	margin: 1rem 0 0;
	color: #898989;
	text-align: center;
	font-size: 2.5rem;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__item__note {
		margin: 1.5rem 0 0;
		font-size: 1.8rem;
	}
}
.form-main .forInput__category__item .spaceForProductLink {
	margin: 1rem 0 0;
	text-align: center;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__item .spaceForProductLink {
		margin: .8rem 0 0;
	}
}
.form-main .forInput__category__item .spaceForProductLink .js-open-window {
	font-size: 3rem;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__item .spaceForProductLink .js-open-window {
		font-size: 1.8rem;
	}
}
.form-main .forInput__category__note {
	margin: 2rem 0 0;
	color: #ff3122;
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.68;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__note {
		margin: auto;
		width: 100%;
		font-size: 1.8rem;
	}
}
/* 2025/4/23 DEVRQ-1720_【Z-life】デジパンDLフォームのデザイン変更 Add Start */
.form-main .forInput__category__item .checkBoxAndLogoWrapper {
	display: flex;
	align-items: center;
}
@media screen and (min-width: 769px),print {
	.form-main .single-item-center {
    	margin: 0 9.5rem 0 0;
	}
}
/* 2025/4/23 DEVRQ-1720_【Z-life】デジパンDLフォームのデザイン変更 Add End */
.form-main .forInput__category .checkBoxTd {
	position: absolute;
	/*top: 2.5rem;*/ /* 2025/4/23 DEVRQ-1720_【Z-life】デジパンDLフォームのデザイン変更 Del */
	left: 0;
	display: block;
	width: 9.4rem;
	height: 9.4rem;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category .checkBoxTd {
		width: 6.4rem;
		height: 6.4rem;
	}
}
.form-main .forInput__category .checkBoxTd .productCheckBox {
	display: none;
}
.form-main .forInput__category .checkBoxTd .productCheckBox + label {
	position: relative;
	left: 0;
	display: block;
	width: 9.4rem;
	height: 9.4rem;
	border: 1px solid #2167ae;
	border-radius: 1rem;
	background: #fff;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category .checkBoxTd .productCheckBox + label {
		width: 6.4rem;
		height: 6.4rem;
	}
}
.form-main .forInput__category .checkBoxTd .productCheckBox + label:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	content: "選択\aする";
	text-align: center;
	white-space: pre;
	font-weight: 700;
	font-size: 3.4rem;
	line-height: 1;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category .checkBoxTd .productCheckBox + label:before {
		font-size: 2.2rem;
	}
}
.form-main .forInput__category .checkBoxTd .productCheckBox:checked + label {
	background: #fff url(../img/svg/icon_check.svg) no-repeat center center/6rem auto;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category .checkBoxTd .productCheckBox:checked + label {
		background-size: 4.4rem auto;
	}
}
.form-main .forInput__category .checkBoxTd .productCheckBox:checked + label:before {
	content: "";
}
@media screen and (min-width: 769px)and (hover: hover),print and (hover: hover) {
	.form-main .forInput__category .logoTd label:hover {
		opacity: .7;
	}
}
.form-main .forInput__category .logoTd .logo img {
	display: block;
}
.form-main .forInput__category__head {
	padding: 3rem 0;
	color: #000;
	text-align: center;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__head {
		padding: 2rem 0;
	}
}
.form-main .forInput__category__title {
	margin: 0;
	margin-bottom: 1rem;  /* 2025/4/23 DEVRQ-1720_【Z-life】デジパンDLフォームのデザイン変更 Add */
	font-weight: 700;
	font-size: 3.5rem;
	line-height: 1;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__title {
		font-size: 2.6rem;
	}
}
.form-main .forInput__category__lede {
	margin: 1rem 0 0;
	font-size: 2.6rem;
	line-height: 1.615;
	text-wrap: balance;
}
@media screen and (min-width: 769px),print {
	.form-main .forInput__category__lede {
		margin: 2rem 0 0;
		font-size: 2rem;
		text-wrap: balance;
	}
}
.mod-gan-chiryo2 .logo {
  background: url(../img/svg/logo_shushingan.svg) no-repeat 0;
}
.mod-gan-shippei2 .logo {
  background: url(../img/svg/logo_sandai.svg) no-repeat 0;
}
/* 2021/03/17 2021新商品(ガン)対応 Add Start */
/* 終身ガン治療保険プレミアムZ */
.mod-gan-chiryo3 .logo {
  background: url(../img/svg/logo_shushinganz.svg) no-repeat 0;
}
/* 3大疾病保険プレミアムZ */
.mod-gan-shippei3 .logo {
  background: url(../img/svg/logo_sandaiz.svg) no-repeat 0;
}
/* 2021/03/17 2021新商品(ガン)対応 Add End */
.mod-iryo-shushin2 .logo {
  background: url(../img/svg/logo_shushiniryodx.svg) no-repeat 0;
}
.mod-iryo-shushin2l .logo {
  background: url(../img/svg/logo_shushiniryodxlady.svg) no-repeat 0;
}
.mod-shibou-teiki2 .logo {
  background: url(../img/svg/logo_teikihoken.svg) no-repeat 0;
}
/* 2022/02/16 2022新商品（定期）対応 Add Start */
.mod-shibou-teiki3 .logo {
  background: url(../img/svg/logo_teikihokenz.svg) no-repeat 0;
}
/* 2022/02/16 2022新商品（定期）対応 Add End */
.mod-shibou-shunyu2 .logo {
  background: url(../img/svg/logo_shunyuhoshou.svg) no-repeat 0;
}
.mod-live-plus .logo {
  background: url(../img/svg/logo_kurasuplus.svg) no-repeat 0;
}
/* 2020/05/20 2020新商品(治療)対応 Add Start */
.mod-chiryo-shushin .logo {
  background: url(../img/svg/logo_shushinchiryodx.svg) no-repeat 0;
}
/* 2020/05/20 2020新商品(治療)対応 Add End */
/* 2021/08/18 2021新商品(くらすプラスZ)対応 Add Start */
.mod-kurasuplusz .logo {
  background: url(../img/svg/logo_kurasuplusz.svg) no-repeat 0;
}
/* 2021/08/18 2021新商品(くらすプラスZ)対応 Add End */

/* 2022/05/18 202206新商品(医療)対応 Add Start */
.mod-iryo-shushinz .logo {
  background: url(../img/svg/logo_shushiniryoz.svg) no-repeat 0;
}
.mod-iryo-shushinzl .logo {
  background: url(../img/svg/logo_shushiniryozlady.svg) no-repeat 0;
}
/* 2022/05/18 202206新商品(医療)対応 Add End */
/* 2022/06/22 ダイレクト増収2022（まるごとプラン）対応 Add Start */
.mod-marugoto .logo {
	background: url(../img/svg/logo_marugoto.svg) no-repeat 0;
  }
/* 2022/06/22 ダイレクト増収2022（まるごとプラン）対応 Add End */
/* 2022/11/16 202212新商品(医療)対応 Add Start */
.mod-iryo-shushinzw .logo {
	background: url(../img/svg/logo_shushiniryozw.svg) no-repeat 0;
}
  /* 2022/11/16 202212新商品(医療)対応 Add End */
/* 2024/04/01 202404新商品(低解約)対応 Add Start */
.mod-shushin-pt .logo {
	background: url(../img/svg/logo_shushinpt.svg) no-repeat 0;
}
/* 2024/04/01 202404新商品(低解約)対応 Add End */
/* 2025/03/19 Apollo Add Start */
.mod-hengaku .logo {
	background: url(../img/svg/logo_hengaku.svg) no-repeat 0;
}
/* 2025/03/19 Apollo Add End */
/* 2025/12/02 202512新商品(収保改定)対応 Add Start */
.mod-shibou-shunyu3 .logo {
	background: url(../img/svg/logo_shunyuhoshoupt.svg) no-repeat 0;
}
/* 2025/12/02 202512新商品(収保改定)対応 Add End */
.forInput .logoTd {
	width: 80%;
	padding: 0;
}
.forInput .logo {
	height:116px;
	background-size: contain;
}
