@charset "UTF-8";

/* kasaiMvBlock */
.kasaiMvBlock01 {
	background-color: #fff1dc;
	background-image: url(/kojin/jutaku/kasai/images/kasai_mv_bg_01.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.kasaiMvBlock01 > .columnInner {
	padding: 15px 0;
}
.kasaiMvBlock01 .kasaiMvColumn01 {
	display: flex;
}
.kasaiMvBlock01 .kasaiMvContent01 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	margin: 20px 0 0 48px;
}
.kasaiMvBlock01 .kasaiMvCvBlock01 {
	position: relative;
	padding: 20px 25px;
	max-width: 480px;
	background-color: #fff;
	box-sizing: border-box;
}

/* kasaiTextNum */
*[class*="kasaiTextNum"] {
	line-height: 1;
}
.kasaiTextNum01 {
	font-size: 5.2rem;
}
.kasaiTextNum02 {
	font-size: 3.8rem;
}

/* kasaiCommentColumnTtl */
.kasaiCommentColumnTtl01 {
	margin-bottom: 40px;
}
.kasaiCommentColumnTtl02 {
	margin-bottom: 25px;
}

/* kasaiColorBlock */
*[class*="kasaiColorBlock"] {
	position: relative;
	padding: 40px 30px;
	box-sizing: border-box;
}
*[class*="kasaiColorBlock"].kasaiRaundCorner {
	border-radius: 4px;
}
.kasaiColorBlock01 {
	background-color: #f7f7f7;
}
.kasaiColorBlock02 {
	background-color: #fff;
}

/* kasaiColorBlockBeforeArrow */
.kasaiColorBlockBeforeArrow01 {
	position: relative;
}
.kasaiColorBlockBeforeArrow01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -21px;
	border-style: solid;
	border-width: 21px 20px 0 20px;
	border-color: #fff0f1 transparent transparent transparent;
}

/* kasaiTableBlock */
.kasaiTableBlock01 tbody > tr > th {
	background-color: #fff;
	vertical-align: middle;
}

/* kasaiImgColumn */
.kasaiImgColumn01 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.kasaiImgColumn01 .colImg > img {
	width: 120px;
}
.kasaiImgColumn01 .colText {
	margin-left: 20px;
}

/* kasaiBeforeArrow */
*[class*="kasaiBeforeArrow"] {
	background-image: url(/common/images/bg_arrow_bottom02.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.kasaiBeforeArrow01 {
	margin-top: 50px;
	padding-top: 60px;
}

/* kasaiListColumn */
.kasaiListColumn01 {
	display: flex;
	justify-content: center;
}
.kasaiListColumn01 > li + li {
	margin-top: 0 !important;
}
.kasaiListColumn01 > li:nth-child(n+2) {
	margin-left: 120px;
}

/* kasaiIcon */
*[class*="kasaiIcon"] > span {
	display: inline-block;
	position: relative;
}
*[class*="kasaiIcon"] > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translateY(-50%)
}
.kasaiIconBeginner01 > span {
	padding-left: 25px;
}
.kasaiIconBeginner01 > span::before {
	top: 50% !important;
	left: 0 !important;
	width: 16px;
	height: 21px;
	background-image: url(/kojin/jutaku/kasai/images/kasai_ico_01.png);
}

/* conversionArea */
*[class*="conversionAreaA"].v3_fullColumnA01:not(:first-child) {
	margin-top: 116px;
}
*[class*="conversionAreaA"] .columnInner {
	position: relative;
}
*[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;
}

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


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

/kojin/jutaku/ssi/cv_area_danshin.html

-------------------------------------------*/
.v3-boxModal .jutakuCvDanshin01 {
	margin-top: 30px;
}

.mainInner .jutakuCvDanshin01 .jutakuCvDanshinInner,
.v3-boxModal .jutakuCvDanshin01 .jutakuCvDanshinInner {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	width: auto;
}
.jutakuCvDanshin01 .v2-hasTextLabel .titleInner .jutakuCvDanshinTextLabel {
	display: inline-block;
	float: none;
	margin-bottom: 10px;
}


@media screen and (max-width: 767px) {
	/* kasaiMvBlock */
	.kasaiMvBlock01 {
		background-color: #ffddaa;
		background-image: url(/kojin/jutaku/kasai/images/kasai_mv_bg_01_sp.png);
		background-size: 770px 635px;
	}
	.kasaiMvBlock01 > .columnInner {
		padding: 5px 10px 15px;
	}
	.kasaiMvBlock01 .kasaiMvColumn01 {
		display: block;
		max-width: 355px;
		margin: 0 auto;
	}
	.kasaiMvBlock01 .kasaiMvImgBlock01 .kasaiMvImg {
		width: 345px;
	}
	.kasaiMvBlock01 .kasaiMvContent01 {
		display: block;
		margin: 15px 0 0;
	}
	.kasaiMvBlock01 .kasaiMvCvBlock01 {
		padding: 15px 12px;
		max-width: 100%;
	}

	/* kasaiTextNum */
	.kasaiTextNum01 {
		font-size: 3rem;
	}
	.kasaiTextNum02 {
		font-size: 2.8rem;
	}

	/* kasaiCommentColumnTtl */
	.kasaiCommentColumnTtl01 {
		margin-bottom: 30px;
	}
	.kasaiCommentColumnTtl02 {
		margin-bottom: 15px;
	}
	.kasaiCommentColumnTtl01 .v4-glyphComment {
		width: 58px;
		height: auto;
	}
	.kasaiCommentColumnTtl02 .v4-glyphComment {
		width: 69px;
		height: auto;
	}

	/* kasaiColorBlock */
	*[class*="kasaiColorBlock"] {
		padding: 25px 12px;
	}

	/* kasaiColorBlockBeforeArrow */
	.kasaiColorBlockBeforeArrow01::before {
		margin-left: -15px;
		border-width: 15px 18px 0 18px;
	}

	/* kasaiTableBlock */
	.kasaiTableBlock01 tbody > tr > th{
		vertical-align: middle;
	}
	.v4-tableSpScrollA01 .kasaiTableBlock01[class^="table"] {
		min-width: 550px;
	}

	/* kasaiImgColumn */
	.kasaiImgColumn01 .colImg > img {
		width: 103px;
		min-width: 103px;
	}
	.kasaiImgColumn01 .colText {
		margin-left: 15px;
	}

	/* kasaiBeforeArrow */
	.kasaiBeforeArrow01 {
		margin-top: 20px;
		padding-top: 30px;
		background-size: 37px 14px;
	}

	/* kasaiListColumn */
	.kasaiListColumn01 {
		display: block;
	}
	.kasaiListColumn01 > li + li {
		margin-top: 8px !important;
	}
	.kasaiListColumn01 > li:nth-child(n+2) {
		margin-left: 0;
	}

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

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