@charset "utf-8";
/* CSS Document */


.lineArea {
	padding: 30px 0 40px;
}


main > section > h1 + .inner > p {
	margin: 40px 0;
	font-size: var(--fs-13);
	font-weight: bold;
	line-height: 1.4em;
}
main > section > h2 + .inner > ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
main > section > h2 + .inner > ul > li:last-child {
	padding: 15px 0;
}
main > section > h2 + .inner > ul > li:first-child > h3 {
	font-size: 1.0em;
	display: flex;
	align-items: flex-end;
	margin: 0;
}
main > section > h2 + .inner > ul > li:first-child > h3 > span:first-child {
	font-size: var(--fs-21);
	line-height: 1.0em;
}
main > section > h2 + .inner > ul > li:first-child > h3 > span:last-child {
	font-size: var(--fs-13);
	line-height: 1.2em;
}
main > section > h2 + .inner > ul > li:first-child > p {
	margin-top: 40px;
	font-size: var(--fs-13);
	font-weight: bold;
	letter-spacing: 0.02em;
	white-space: nowrap;
	line-height: 1.4em;
}
main > section > h2 + .inner > ul > li:last-child > div {
	background: #E6E6E6;
	padding: 15px;
	display: flex;
	justify-content: flex-end;
}
main > section > h2 + .inner > ul > li:last-child > div > div {
	margin-right: 15px;
}
main > section > h2 + .inner > ul > li:last-child > div > div > p {
	font-size: var(--fs-11);
	font-weight: bold;
	margin-top: 10px;
	white-space: nowrap;
	letter-spacing: 0em;
}
main > section > h2 + .inner > ul > li:last-child > div > div > a {
	display: block;
	width: 238px;
	margin-top: 30px;
}
main > section > h2 + .inner > ul > li:last-child > div > div > a > img {
	width: 100%;
	height: auto;
}
main > section > h2 + .inner > ul > li:last-child > div > div > a:hover > img {
	opacity: .7;
}
main > section > h2 + .inner > ul > li:last-child > div > img {
	width: 160px;
	height: 160px;
}
.form-box .checkbox > div + p {
	margin: 10px 0 10px;
	font-size: var(--fs-11);
}
.form-box .checkbox > div > label {
	user-select: none;
	font-size: var(--fs-13);
}
.form-box .checkbox > div > label > a {
	text-decoration: underline !important;
	color: #4C6ECC !important;
}
.form-box .checkbox > div > label > a:hover {
	color: #2e61ee !important;
}
.submit-wrap {
	margin: 40px 0 60px;
	display: flex;
	justify-content: center;
}
.submit-wrap > a {
	width: 700px;
	cursor: not-allowed;
	position: relative;
}
.submit-wrap > a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 5px 0 5px rgba(0,0,0,.1) inset, 0 5px 5px rgba(0,0,0,.1) inset, -5px 0 5px rgba(0,0,0,.1) inset, 0 -5px 5px rgba(0,0,0,.1) inset;
}
.submit-wrap > a[data-status="true"] {
	cursor: pointer;
}
.submit-wrap > a > span {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--fs-17);
	font-weight: bold;
	line-height: 1.0em;
	transition: all .2s;
	position: relative;
	color: #C8C8C8;
	padding: 20px 0;
	border: 1px solid #C8C8C8;
	border-bottom: none;
}
.submit-wrap > a[data-status="true"] > span {
	color: #008C67;
	border: 1px solid #008C67;
	border-bottom: none;
}
.submit-wrap > a[data-status="true"]:hover > span {
	color: #fff;
}
.submit-wrap > a > span > i {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.submit-wrap > a > span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #008C67;
	transition: all .2s;
	transform-origin: left;
	transform: scale(0.0,1.0);
}
.submit-wrap > a[data-status="true"]:hover > span:before {
	transform: scale(1.0,1.0);
}
.submit-wrap > a[data-status="true"]:active > span:before {
	background: #00674F;
}
.submit-wrap > a > span:after {
	margin-left: 30px;
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	transform-origin: center;
	transform: translate(-50%,-50%) rotate(45deg);
	border-top: 6px double #C8C8C8;
	border-right: 6px double #C8C8C8;
	transition: all .2s;
	position: absolute;
	top: 50%;
	right: 30px;
}
.submit-wrap > a[data-status="true"] > span:after {
	border-top: 6px double #008C67;
	border-right: 6px double #008C67;
}
.submit-wrap > a[data-status="true"]:hover > span:after {
	border-top: 6px double #fff;
	border-right: 6px double #fff;
}
.submit-wrap > a > i {
	color: #fff;
	background: #C8C8C8;
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0;
	transition: all .2s;
	font-size: var(--fs-11);
}
.submit-wrap > a[data-status="true"] > i {
	background: #008C67;
}
.submit-wrap > a[data-status="true"]:hover > i {
	background: #00C39C;
}