@charset "UTF-8";

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

/* /hojin/service/eb/index.html

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

/* mv */
.indexMvBlock01 .indexMvContent01 {
	position: relative;
	background: linear-gradient(276deg, rgba(9, 179, 117, 0.72) 3%, rgba(0, 88, 56, 0.72) 97%);
	padding-bottom: 120px;
}
.indexMvBlock01 .indexMvContent01::before {
	content: "";
	position: absolute;
	display: block;
	background: url(/hojin/service/eb/images/index_bg_01.png) no-repeat center top;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}
.indexMvBlock01 .indexMvContent01 .columnInner > * {
	color: #fff;
	font-weight: bold;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.indexMvBlock01 .indexMvContent02 {
	margin: -140px auto 0;
	width: 1200px;
}

/* form */
.jsFixed {
	position: fixed !important;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0 !important;
	z-index: 5;
}
.jsFixedWrap {
	height: 600px;
}
.jsItem01[aria-hidden="true"],
.jsNoneItemMessage01[aria-hidden="true"] {
	display: none;
}
.jsItem01[aria-hidden="false"],
.jsNoneItemMessage01[aria-hidden="false"] {
	display: block;
}
.indexFormAcc01.jsAccTitle {
	position: relative;
	z-index: 5;
	width: 1200px;
	padding: 20px 40px;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	box-sizing: border-box;
}
.indexFormAcc01 h3.h3Title01 {
	padding-bottom: 0;
	border: none;
}
.indexCheckBlock01 {
	border-top: 1px solid #e1e1e1;
	padding: 32px 0px 30px;
}
.indexCheckBlock01 .indexCheckList01 {
	display: flex;
	flex-wrap: wrap;
}
.indexCheckBlock01 .indexCheckList01 > label {
	width: 270px;
	margin: 20px 10px 0 0;
	padding: 5px 0;
	font-size: 0.89em;
	line-height: 1;
}
.indexCheckBlock01 .indexCheckList01.indexAdjust01 > label:nth-child(3n) {
	margin: 20px 30px 0 0;
}
.indexCheckBlock01 .indexCheckList01 > label > input[type="checkbox"] {
	width: 24px;
	height: 24px;
	border: 1px solid #707070;
	border-radius: 4px;
	margin-right: 8px;
	vertical-align: middle;
}
.indexFormBtn01 > button {
	width: 112px;
	padding-top: 8px;
	padding-bottom: 9px;
}

/* linkList */
.indexLinkList01.linkList05 {
	padding-top: 50px;
	text-align: center;
}
.indexLinkList01.linkList05 > li {
	margin: 0 30px 30px 0;
	color: #0ca26c;
	cursor: pointer;
}
.indexLinkList01.linkList05 > li:hover {
	color: #f7920e;
}

/* indexSection */
.indexSection01 + .indexSection01 {
	margin-top: 45px !important;
}
.indexSection01 .indexTitleWrap01 {
	position: relative;
	height: 244px;
	background: linear-gradient(90deg, #43856D 61%, rgba(67, 133, 109, 0) 94%);
	padding: 51px 0;
	border-radius: 20px 20px 0px 0px;
	box-sizing: border-box;
}
.indexSection01 .indexTitleWrap01 .indexBg01 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.indexSection01 .indexTitleWrap01 .indexBg01 > img {
	border-radius: 0 20px 20px 0;
}
.indexSection01 .indexTitleWrap01 .indexTitle01 {
	color: #fff;
	font-size: 1.778em;
	font-weight: bold;
	line-height: 1.44;
	padding: 0 28px;
}
.indexSection01 .indexTitleWrap01 .indexText01 {
	position: absolute;
	bottom: 0;
	font-size: 1.111em;
	line-height: 1.6;
	padding: 26px 28px 4px;
	width: 932px;
	background: #FFF;
	border-radius: 0px 30px 0px 0px;
	box-sizing: border-box;
}
.indexSection01 .indexContent01 {
	margin-top: 60px;
}
.indexLayoutColumnA2_1 {
	margin-top: -30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.indexContent01 .indexLayoutColumnA2_1 > * {
	margin-top: 30px;
	width: 48%;
}
.indexItem01.v3-ghostBoxA02 {
	padding: 20px;
	border-radius: 6px;
	box-sizing: border-box;
}
dl.indexItem01 > dt {
	font-size: 2rem;
	font-weight: bold;
}
dl.indexItem01 > dt + dd {
	margin-top: 10px;
	font-size: 2rem;
}
.indexSection02 {
	margin-top: 45px;
}
.indexSection02 .indexTitle02 {
	color: #3c3c3c;
	font-size: 1.56em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 40px;
	padding: 56px 0 7px;
	border-bottom: 1px solid #e1e1e1;
}
.indexSection02 .indexText02 {
	position: absolute;
	bottom: 0;
	font-size: 1.111em;
	line-height: 1.6;
	padding: 26px 28px 4px;
	width: 932px;
	background: #FFF;
	border-radius: 0px 30px 0px 0px;
	box-sizing: border-box;
}


@media screen and (max-width: 768px) {

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

/* /hojin/service/eb/index.html

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

	/* mv */
	.indexMvBlock01 .indexMvContent01 {
		padding-bottom: 70px;
	}
	.indexMvBlock01 .indexMvContent01::before {
		background: url(/hojin/service/eb/images/index_bg_01.png) no-repeat center center;
		background-size: cover;
	}
	.indexMvBlock01 .indexMvContent02 {
		width: auto;
		margin: -65px auto 0;
	}

	/* form */
	.jsFixed {
		width: 94% !important;
	}
	.jsFixedWrap {
		height: 580px;
	}
	.indexFormAcc01.jsAccTitle {
		width: 100%;
		padding: 20px 20px;
		border-radius: 14px;
	}
	.indexFormAcc01 h3.h3Title01 > span {
		line-height: 0.7;
	}
	.indexCheckBlock01 {
		padding: 12px 0px 10px;
	}
	.indexCheckBlock01 .indexCheckList01 > label,
	.indexCheckBlock01 .indexCheckList01.indexAdjust01 > label:nth-child(3n) {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
	}
	.indexCheckBlock01 .indexCheckList01 > label > input[type="checkbox"] {
		width: 16px;
		height: 16px;
		margin-right: 6px;
	}
	.indexFormBtn01 > button {
		padding: 8px 10px 9px;
	}

	/* linkList */
	.indexLinkList01.linkList05 {
		display: inline-block;
		text-align: left;
	}
	.indexLinkList01.linkList05 > li {
		margin: 0 0 15px 0;
	}
	.indexCardBlock01.v3-cardblockA01 > .v3-blockInner {
		padding: 20px 10px;
	}

	/* indexSection */
	.indexSection01 .indexTitleWrap01 {
		position: relative;
		height: auto;
		padding: 20px 51px 0 0;
		border-radius: 14px 14px 0px 0px;
	}
	.indexSection01 .indexTitleWrap01::before {
		position: absolute;
		content: "";
		display: block;
		background: #082E0D;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		border-radius: 14px;
		z-index: -1;
	}
	.indexSection01 .indexTitleWrap01 .indexBg01 {
		max-width: 234px;
	}
	.indexSection01 .indexTitleWrap01 .indexBg01::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(180deg, transparent 0 65%, #082e0d 100%);
	}
	.indexSection01 .indexTitleWrap01 .indexBg01 > img {
		border-radius: 0 14px 0 0;
	}
	.indexSection01 .indexTitleWrap01 .indexTitle01 {
		font-size: 1.38em;
		padding: 0 0 17px 11px;
	}
	.indexSection01 .indexTitleWrap01 .indexText01 {
		position: relative;
		top: 0;
		font-size: 1em;
		line-height: 1.5625;
		padding: 12px 14px 2px 8px;
		max-width: 322px;
		width: auto;
		border-radius: 0px 20px 0px 0px;
	}
	.indexSection01 .indexContent01 {
		margin-top: 30px;
	}
	.indexLayoutColumnA2_1 {
		margin-top: -20px;
	}
	.indexContent01 .indexLayoutColumnA2_1 > * {
		margin-top: 15px;
		width: 100%;
	}
	.indexSection02 {
		margin-top: 0;
	}
	dl.indexItem01 > dt {
		font-size: 1em;
		line-height: 1.6;
		font-weight: bold;
	}
	dl.indexItem01 > dt + dd {
		margin-top: 10px;
		font-size: 1em;
		line-height: 1.6525;
	}
}