.fv {
	width: 100%;
	position: relative;
}

.fv .fv_img {
	width: 100%;
	height: auto;
}

.fv .fv_cta {
	width: 30vw;
	display: block;
	position: absolute;
	top: 32.916vw;
	left: 11.45833vw;
}
.fv .fv_cta.ver {
	width: 33.4375vw;
	top: 33.958vw;
	left: 11.45833vw;
}

.fv .fv_cta img {
	width: 100%;
	height: auto;
}

.color_back {
	width: 100%;
	padding: 110px 0 155px;
	background-color: #F7F7EB;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.img78 {
	width: 78%;
	max-width: 1500px;
	height: auto;
}

.img42 {
	width: 42%;
	max-width: 800px;
	height: auto;
}

.img50 {
	width: 50%;
	max-width: 967px;
	height: auto;
	margin-top: 70px;
	margin-bottom: 50px;
}

.white_back {
	width: 65%;
	max-width: 1236px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	padding: 0 30px 100px;
	margin-top: 80px;
	text-align: center;
}

.white_back.exception {
	width: 75%;
	max-width: 1436px;
	padding: 0 30px 60px;
	margin-top: 80px;
	text-align: center;
}

.white_back .text {
	width: 92%;
	height: auto;
	margin-top: -30px;
}

.white_back .cta_box {
	width: 100%;
	display: flex;
	gap: 15px;
	margin-top: 55px;
}
.white_back .cta_box.exception {
	width: 90%;
	display: flex;
	gap: 15px;
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
}

.img63 {
	width: 63.5%;
	max-width: 1220px;
	height: auto;
	margin-top: 120px;
}

.white_back .cta_box a img {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.16));
}

.point_box {
	width: 100%;
	padding: 120px 0 250px;
	text-align: center;
}

.point_box .img36 {
	width: 36%;
	max-width: 705px;
	height: auto;
}

.img70 {
	width: 70%;
	max-width: 1376px;
	height: auto;
	margin-top: 60px;
}

.img40 {
	width: 40%;
	max-width: 780px;
	height: auto;
}

.point_box .img75 {
	width: 75%;
	max-width: 1376px;
	height: auto;
	margin-top: 60px;
}

.point_box .img84 {
	width: 84%;
	max-width: 1600px;
	height: auto;
	margin-top: 60px;
}

.mt100 {
	margin-top: 100px !important;
}

.point_box .img65 {
	width: 65%;
	max-width: 1240px;
	height: auto;
	margin-top: 70px;
}

.green_back {
	width: 100%;
	background-image: url(../img/img1-15-min.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.green_back .img80 {
	width: 80%;
	max-width: 1500px;
	height: auto;
	margin-top: -100px;
}

.flow {
	width: 100%;
	padding: 80px 0 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flow .img45 {
	width: 45%;
	max-width: 850px;
	height: auto;
	margin-top: 80px;
}

.flow .img29 {
	width: 29%;
	max-width: 560px;
	height: auto;
	margin-top: 110px;
}

.flow .img88 {
	width: 88%;
	max-width: 1700px;
	height: auto;
	margin-top: 130px;
}

.green_gra_back {
	width: 100%;
	background: linear-gradient(45deg,rgba(42, 111, 0, 1) 0%, rgba(60, 158, 0, 1) 100%);
	padding: 60px 0;
}

.green_gra_back .green_cta_box {
	width: 70%;
	margin: 0 auto;
	position: relative;
}

.green_gra_back .green_cta_box .img100 {
	width: 100%;
	height: auto;
}

.green_gra_back .green_cta_box .line_button {
	width: 25.5%;
	display: block;
	position: absolute;
	bottom: 14%;
	right: 30%;
}

.green_gra_back .green_cta_box .line_button img {
	width: 100%;
	height: auto;
}

.green_gra_back .green_cta_box .mail_button {
	width: 25.5%;
	display: block;
	position: absolute;
	bottom: 14%;
	right: 3%;
}

.green_gra_back .green_cta_box .mail_button img {
	width: 100%;
	height: auto;
}

.record {
	width: 100%;
	padding: 0 0 100px;
	text-align: center;
}

.record .icon {
	width: 73%;
	max-width: 1400px;
	height: auto;
	position: relative;
    z-index: 5;
    margin-top: -4%;
}

.record .record_img {
	width: 60%;
	max-width: 1150px;
	height: auto;
	margin-top: -3%;
}

.contact {
	width: 100%;
	background-color: #F7F7EB;
	padding: 90px 0px 120px;
	text-align: center;
}
.contact.exception {
	width: 100%;
	background-color: #fff;
	padding: 90px 0px 120px;
	text-align: center;
}

.contact .title {
	width: 43%;
	max-width: 823px;
}

.contact .form_box {
	width: 71%;
	background-color: #fff;
	max-width: 1350px;
	min-width: 800px;
	padding: 80px 60px;
	margin: 50px auto 0;
	border-radius: 15px;
}

.form_box form .item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 3%;
}
.form_box form .item:not(:last-child) {
	margin-bottom: 40px;
}

.form_box form .item.notcenter {
	align-items: flex-start;
}

.form_box form .item .label {
	width: 30%;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.7;
}

.form_box form .item .label span {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	border-radius: 6px;
	padding: 2px 10px;
	margin-left: auto;
}
.form_box form .item .label span.hissu {
	background-color: #F27100;
}
.form_box form .item .label span.nini {
	background-color: #B7B7B7;
}

.form_box form .item .wpcf7-form-control-wrap {
	width: 67%;
	line-height: 1.7;
}

.form_box form .item .input {
	width: 100% !important;
	background-color: #F5F5F5 !important;
	padding: 20px 25px !important;
	border: none !important;
	font-size: 16px !important;
}

.form_box form .item textarea {
	width: 100% !important;
	background-color: #F5F5F5 !important;
	padding: 20px 25px !important;
	border: none !important;
	font-size: 16px !important;
}

.form_box form .form_button_box {
	width: 400px;
	margin-top: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.form_box form .form_button_box::after {
	content: "";
	width: 35px;
	height: 35px;
    background-image: url('../img/button-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
    position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.form_box form .form_button_box .submit_button {
	width: 100%;
	border: none;
	outline: none;
	background: linear-gradient(45deg,rgba(43, 114, 0, 1) 0%, rgba(50, 134, 0, 1) 50%, rgba(58, 154, 0, 1) 100%);
	color: #fff !important;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	border-radius: 50px;
	cursor: pointer;
	opacity: 1 !important;
	box-shadow: none !important;
}

.wpcf7-spinner {
	display: none !important;
}

.wpcf7-list-item-label a {
	color: #000;
	text-decoration: underline 1px #000;
}






@media only screen and (max-width: 768px) {
	
	body {
		background-color: #F7F7F5;
	}
	
	.fv_sp {
		width: 100%;
		position: relative;
	}
	
	.fv_sp .fv_img {
		width: 100%;
		height: auto;
	}
	
	.fv_sp .fv_cta {
		width: 82%;
		display: block;
		position: absolute;
		bottom: 6%;
		left: 50%;
		transform: translatex(-50%);
		filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));
	}
	
	.fv_sp .fv_cta img {
		width: 100%;
		height: auto;
	}
	
	.yellow {
		width: 100%;
		background-color: #F7F7EB;
		padding: 55px 0 50px;
	}
	
	.yellow .sp_white {
		width: 82%;
		margin: 70px auto 0;
		background-color: #fff;
		border-radius: 20px;
		padding: 0 0 35px;
	}
	
	.yellow .sp_white .cta90 {
		width: 90%;
		margin: 0 auto;
		display: block;
		filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));
	}
	
	.yellow .cta42 {
		width: 42%;
		margin: 0 auto;
		display: block;
	}
	
	.sp_point {
		width: 100%;
		padding: 60px 0;
	}
	.sp_point.one {
		width: 100%;
		padding: 60px 0 0;
	}
	
	.sp_step {
		width: 100%;
		padding: 50px 0 70px;
	}
	
	.sp_step .slider {
		width: 85%;
		margin: 40px auto;
	}
	
	.sp_step .slider img {
		width: 100%;
		height: auto;
	}
	
	.sp_cta_box {
		width: 100%;
		position: relative;
	}
	
	.sp_cta_box .cta72 {
		width: 72%;
		position: absolute;
		display: block;
		bottom: 6%;
		left: 50%;
		transform: translatex(-50%);
	}
	.sp_cta_box .cta72.button1 {
		bottom: 38%;
	}
	.sp_cta_box .cta72.button2 {
		bottom: 25%;
	}
	.sp_cta_box .cta72.button3 {
		bottom: 12%;
	}
	
	.sp_record {
		width: 100%;
		padding: 50px 0;
	}
	
	.sp_contact {
		width: 100%;
		background-color: #fff;
		padding: 40px 0 60px;
	}
	
	.sp_contact .form_box {
		width: 90%;
		margin: 50px auto 0;
	}
	
	.form_box form .item {
		align-items: flex-start;
		flex-direction: column;
		gap: 15px 0;
	}
	.form_box form .item:not(:last-child) {
		margin-bottom: 25px;
	}

	.form_box form .item .label {
		width: 100%;
        gap: 0 8px;
        font-size: 14px;
        line-height: 1;
	}

	.form_box form .item .label span {
		font-size: 12px;
		font-weight: 400;
		border-radius: 5px;
		padding: 5px 10px;
		margin-left: 0;
	}

	.form_box form .item .wpcf7-form-control-wrap {
		width: 100%;
	}

	.form_box form .item .input {
		padding: 20px 15px;
        font-size: 14px;
		border-radius: 6px;
	}

	.form_box form .item textarea {
		padding: 20px 15px;
		font-size: 14px;
	}

	.form_box form .form_button_box {
		width: 100%;
		margin-top: 40px;
	}
	.form_box form .form_button_box::after {
	content: "";
	width: 35px;
	height: 35px;
    background-image: url('../img/button-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
    position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

	.form_box form .form_button_box .submit_button {
		font-size: 18px;
		padding: 20px 0;
	}
	
	.wpcf7-list-item-label {
		font-size: 14px;
	}
	
	
	
	
	
	.sp100 {
		width: 100%;
		height: auto;
	}
	
	.sp86 {
		width: 86%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	.sp82 {
		width: 82%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	.sp55 {
		width: 55%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	.sp10 {
		width: 10%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	.mt-m25 {
		margin-top: -25px;
	}
	
	.mt-65 {
		margin-top: 65px !important;
	}
	
	.mt-50 {
		margin-top: 50px !important;
	}
	
	.mt-40 {
		margin-top: 40px !important;
	}
	
	.mt-30 {
		margin-top: 30px !important;
	}
	
	.mt-20 {
		margin-top: 20px !important;
	}
	
	.mt-10 {
		margin-top: 10px !important;
	}
	
}