@charset "utf-8";

/***************************************************************

	/nenkin/ideco/moushikomi/index.html

***************************************************************/
/* moushikomiCardList */
.moushikomiCardList {
	display: flex;
	justify-content: space-evenly;
}
.moushikomiCardList > li {
	display: flex;
	width: 35%;
}
.moushikomiCardList > li > a {
	flex-grow: 1;
	color: #000;
}
.moushikomiCardList > li > a.v3-cardblockA01:hover,
.moushikomiCardList > li > a.v3-cardblockA01.active {
	border: 1px solid #008756;
	background-color: #f0f9f1;
}
.moushikomiCardList > li > a.v3-cardblockA01:hover::before,
.moushikomiCardList > li > a.v3-cardblockA01.active::before {
	background: none;
}
.moushikomiCardList > li .moushikomiCardBlock01 > .v3-blockInner {
	padding: 35px 20px;
}
.moushikomiCardList > li .moushikomiCardBlock01 > .v3-blockInner::before {
	display: none;
}
.moushikomiCardBlockImage {
	height: 89px;
	margin-bottom: 15px;
}
.moushikomiCardBlockText > span {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* moushikomiGlyphNum01 */
.moushikomiGlyphNum01 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #ff0000;
	color: #ffffff;
	line-height: 1;
}
/* moushikomiIcon */
.mousikomiIconModal01 > span {
	position: relative;
	display: inline-block;
}
.mousikomiIconModal01 > span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 23px;
	height: 22px;
	margin-top: -11px;
	margin-left: 10px;
	background: url(/nenkin/ideco/moushikomi/images/index_ico_10.png) 0 0 no-repeat;
	background-size: 23px 22px;
	text-decoration: none;
	vertical-align: middle;
}

.moushikomiGlyph01 > span,
.moushikomiGlyph02 > span {
	position: relative;
	display: inline-block;
}
.moushikomiGlyph01 > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -39px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url(/nenkin/ideco/moushikomi/images/index_ico_08.png) 0 0 no-repeat;
	background-size: 34px;
}
.moushikomiGlyph02 > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -51px;
	margin-top: -17px;
	width: 41px;
	height: 24px;
	background: url(/nenkin/ideco/moushikomi/images/index_ico_09.png) 0 0 no-repeat;
	background-size: 41px 24px;
}

/* step head */
.moushikomiHead01 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.moushikomiHeadImage {
	margin-right: 20px;
}
#step1 > .moushikomiHeadImage {width:98px; height:48px;}
#step2-1 > .moushikomiHeadImage {width:137px; height:48px;}
#step2-2 > .moushikomiHeadImage {width:146px; height:48px;}
#step2-3 > .moushikomiHeadImage {width:146px; height:50px;}
#step3-1 > .moushikomiHeadImage {width:137px; height:48px;}
#step3-2 > .moushikomiHeadImage {width:146px; height:48px;}
#step4-1 > .moushikomiHeadImage {width:138px; height:48px;}
#step4-2 > .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-3] > .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-3] > .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-4]> .moushikomiHeadImage {width:147px; height:45px;}
*[id*=step4-5] > .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-6] > .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-7]> .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-8] > .moushikomiHeadImage {width:147px; height:48px;}
*[id*=step4-9] > .moushikomiHeadImage {width:147px; height:48px;}
#step5 > .moushikomiHeadImage {width:111px; height:48px;}

/* moushikomiFixedBtnList01 */
.fixedBottomBtn .moushikomiFixedBtnList01 > *:nth-child(odd) {
	margin-left: 20px;
}
.fixedBottomBtn .moushikomiFixedBtnList01 > *:first-child {
	margin-left: 0;
}


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

	/nenkin/ideco/moushikomi/index.html

	***************************************************************/
	.moushikomiCardList {
		justify-content: space-between;
	}
	.moushikomiCardList > li {
		width: 48%;
	}
	.moushikomiCardList > li .moushikomiCardBlock01 > .v3-blockInner {
		padding: 15px 20px;
	}
	.moushikomiCardBlockImage {
		height: 44px;
		margin-bottom: 8px;
	}
	.moushikomiCardBlockImage > img {
		height: 44px;
	}

	/* step head */
	.moushikomiHead01 {
		justify-content: start;
		align-items: center;
		text-align: left;
	}
	#step1 > .moushikomiHeadImage {width:65px; height:32px;}
	#step2-1 > .moushikomiHeadImage {width:91px; height:32px;}
	#step2-2 > .moushikomiHeadImage {width:97px; height:32px;}
	#step2-3 > .moushikomiHeadImage {width:97px; height:33px;}
	#step3-1 > .moushikomiHeadImage {width:91px; height:32px;}
	#step3-2 > .moushikomiHeadImage {width:97px; height:32px;}
	#step4-1 > .moushikomiHeadImage {width:92px; height:32px;}
	#step4-2 > .moushikomiHeadImage {width:98px; height:32px;}
	*[id*=step4-3] > .moushikomiHeadImage {width:98px; height:32px;}
	*[id*=step4-4] > .moushikomiHeadImage {width:98px; height:30px;}
	*[id*=step4-5] > .moushikomiHeadImage {width:98px; height:32px;}
	*[id*=step4-6] > .moushikomiHeadImage {width:98px; height:32px;}
	*[id*=step4-7] > .moushikomiHeadImage {width:98px; height:32px;}
	*[id*=step4-8] > .moushikomiHeadImage {width:98px; height:32px;}
	*[id*=step4-9] > .moushikomiHeadImage {width:98px; height:32px;}
	#step5 > .moushikomiHeadImage {width:74px; height:32px;}

	/* moushikomiFixedBtnList01 */
	.fixedBottomBtn .moushikomiFixedBtnList01 > * {
		margin-left: 15px;
	}
	.fixedBottomBtn .moushikomiFixedBtnList01 > *:nth-child(odd) {
		margin-left: 15px;
	}
	.fixedBottomBtn .moushikomiFixedBtnList01 > *:first-child {
		margin-left: 0;
	}
	.fixedBottomBtn .moushikomiFixedBtnList01 .btnT01 {
		padding: 9px 10px 10px;
	}
	.fixedBottomBtn .moushikomiFixedBtnList01 .iconNewWindow > span {
		padding-left: 0;
	}
}