@charset "UTF-8";

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

/kojin/jutaku/pair.html

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

/* pairMvBlock */
.pairMvBlock01 {
	background: #ffe0d2;
}
.pairMvBlock01 > .columnInner {
	min-height: 0;
	padding: 43px 0 26px;
}

/* pairMvLink */
.pairMvLink01:hover img {
	opacity: 0.8;
}

/* pairTtlblock */
.pairTtlblock01 > * {
	display: block;
}
.pairTtlblock01 .pairTtl {
	display: inline-block;
	position: relative;
	margin-top: 5px;
	padding-left: 100px;
}
.pairTtlblock01 .pairTtl .balloonImg {
	position: absolute;
	top: -5px;
	left: -15px;
	width: 110px;
}

/* pairColumn01 */
.pairColumn01 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.pairColumn01 > * {
	width: 31%;
	margin-left: 3.5%;
}
.pairColumn01 > *:nth-child(3n+1) {
	margin-left: 0;
}
.pairColumn01 > *:nth-child(n+4) {
	margin-top: 10px;
}

/* jutakuRelationBtn01 */
.jutakuRelationBtn01 *[class^="btnT"][class*=" icon"] {
	padding-left: 50px;
}
.jutakuRelationBtn01 *[class^="btnT"][class*=" icon"] > span {
	padding-right: 40px;
}

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

modal

-------------------------------------------*/
/* danshinIco */
.v3-boxModal [class*="danshinIco"] {
	border-radius: 30px;
	background: #d3d3d3;
	padding: 5px 15px;
	font-weight: bold;
	min-width: 130px;
	margin-bottom: 10px;
}
.v3-boxModal .danshinIcoSeikatsu {
	background: #f7920e;
}
.v3-boxModal .danshinIcoSandaisippei {
	background: #0081f2;
}

/* conversionArea */
.v3-boxModal *[class*="conversionAreaA"].v3_fullColumnA01:not(:first-child) {
	margin-top: 116px;
}
.v3-boxModal *[class*="conversionAreaA"] .columnInner {
	position: relative;
}
.v3-boxModal *[class*="conversionAreaA"] .columnInner::before {
	content: "";
	display: block;
	position: absolute;
	top: -64px;
	left: 0;
	width: 100%;
	height: 64px;
	background: url(/kojin/jutaku/images/bg_conversion_01.png) center bottom no-repeat;
}
.v3-boxModal .jutakuCvDanshin01 {
	margin-top: 30px;
}
.v3-boxModal .jutakuCvDanshin01 .jutakuCvDanshinInner {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	width: auto;
}
.v3-boxModal .jutakuCvDanshin01 .v2-hasTextLabel .titleInner .jutakuCvDanshinTextLabel {
	display: inline-block;
	float: none;
	margin-bottom: 10px;
}


@media screen and (max-width: 767px) {
	/*-------------------------------------------

	/kojin/jutaku/pair.html

	-------------------------------------------*/
	/* pairMvBlock */
	.pairMvBlock01 > .columnInner {
		padding: 20px 10px 5px;
	}

	/* pairMvImg */
	.pairMvImg01 {
		margin: 0 -10px;
	}

	/* pairMvLink */
	.pairMvLink01:hover img {
		opacity: 1;
	}

	/* pairCardBlock */
	a.pairCardBlock01 > .v3-blockInner {
		padding: 15px;
	}
	.pairCardBlock01 .pairCardImg {
		width: 60px;
	}

	/* pairTtlblock */
	.pairTtlblock01 .pairTtl {
		padding-left: 60px;
	}
	.pairTtlblock01 .pairTtl .balloonImg {
		top: 5px;
		left: 0;
		width: 55px;
	}

	/* pairColumn01 */
	.pairColumn01 > * {
		width: 48%;
		margin-left: 4%;
	}
	.pairColumn01 > *:nth-child(3n+1) {
		margin-left: 4%;
	}
	.pairColumn01 > *:nth-child(2n+1) {
		margin-left: 0;
	}
	.pairColumn01 > *:nth-child(n+3) {
		margin-top: 10px;
	}

	/* jutakuRelationBtn01 */
	.jutakuRelationBtn01 *[class^="btnT"][class*=" icon"] {
		padding-left: 10px;
	}
	.jutakuRelationBtn01 *[class^="btnT"][class*=" icon"] > span {
		padding-right: 25px;
	}

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

	modal

	-------------------------------------------*/
	/* danshinIco */
	.v3-boxModal [class*="danshinIco"] {
		display: table;
		margin-right: auto;
		margin-left: auto;
	}
	.v3-boxModal .danshinIcoSeikatsu {
		background: #f7920e;
	}
	.v3-boxModal .danshinIcoSandaisippei {
		background: #0081f2;
	}

	/* conversionArea */
	.v3-boxModal *[class*="conversionAreaA"].v3_fullColumnA01:not(:first-child) {
		margin-top: 68px;
	}
	.v3-boxModal *[class*="conversionAreaA"] .columnInner {
		padding-top: 23px;
	}
	.v3-boxModal *[class*="conversionAreaA"] .columnInner::before {
		top: -32px;
		left: 0;
		height: 32px;
		background-size: cover;
	}
	.v3-boxModal *[class*="conversionAreaA"] .glyphLamp01 > span::before,
	.v3-boxModal *[class*="colorCardA"] .glyphLamp01 > span::before {
		margin-top: 0;
	}
	.v3-boxModal *[class*="conversionAreaA"] .convText01 {
		box-sizing: border-box;
		padding-top: 14px;
	}
}