@charset "utf-8";
main#index {
	padding-top: 0;
	overflow: hidden;
}
.video_wrapper img {
	opacity: 0;
}
.video_wrapper {
	background-image: url(/assets/images/contact/conctat_fv.jpg);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-sizing: border-box;margin: 0 -1em;
    width: 100vw;
	/*width: 100%;*/
}
.sec_title {
	margin: -0.5em 0 2em;
	text-align: center;
	font-size: 3.3em;
	font-weight: bold;
	width: 100%;
	position: relative;
	z-index: 999;
}
.sp_fv {
	display: none;
}
#Form {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 3.5em 2.5em 1em;
	font-size: 20px;
    line-height: 1.5;
}
#Form > div {
	margin-bottom: 1em;
}
#Form input,#Form textarea {
	width: 100%;
	display: block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 2px solid #c6d2df;
	background: #f4f8fa;
	font-size: 1em;
	line-height: 2.2;
	padding: 0 0.5em;
	box-sizing: border-box;
}
#Form p {
	/*font-size: 1em;
	line-height: 1.8;
	font-weight: 100;*/
}
.required .form_h {
	padding: 0.3em 0;
	position: relative;

}
.mode-send .form_h {
    border-bottom: 1px solid #5f77d9;
    margin: 0 auto 5px;
}
.required .form_h:after {
	content: "*";
	color: #f00;
}
.input {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*display: block;*/
    gap: 1em;
    width: 100%;
}
.mode-send .input{display: none;}
.send {display: none;}
.mode-send .send{
    /*display: block;*/
    display: flex;
    width: 100%;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}
.mode-send p.send {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.button-area {
	text-align: center;
}
.button-area a {
	padding: 0.5em 0;
    /*padding: 0.5em 1em;*/
	display: inline-block;
	border: 2px solid;
	cursor: pointer;
	border-radius: 7px;
    /*border-radius: 0.5em;*/
    margin: 0;
	/*margin: 0.3em;*/
	color: #fff;
    width: 10em;
}
#Form .button-area {
	margin: 2.5em auto;
    /* font-size: 1em; */
    /* margin-bottom: 2.5em; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.button-area .check {
    background-color: #08f;
	/*background: rgb(1,94,234);
	background: -moz-linear-gradient(180deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%);
	background: linear-gradient(180deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#015eea",endColorstr="#00c0fa",GradientType=1);
	border-color: #11267f;*/
}
.button-area .clear {
    background-color: #7d7d7d;
 /*background: rgb(234,47,1);
	background: -moz-linear-gradient(180deg, rgba(234,47,1,1) 0%, rgba(250,83,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(234,47,1,1) 0%, rgba(250,83,0,1) 100%);
	background: linear-gradient(180deg, rgba(234,47,1,1) 0%, rgba(250,83,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea2f01",endColorstr="#fa5300",GradientType=1); 
	border-color: #5e0a02;*/
}
.button-area .back {
/* background: rgb(131,131,3);
background: -moz-linear-gradient(180deg, rgba(131,131,3,1) 0%, rgba(209,198,18,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(131,131,3,1) 0%, rgba(209,198,18,1) 100%);
background: linear-gradient(180deg, rgba(131,131,3,1) 0%, rgba(209,198,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#838303",endColorstr="#d1c612",GradientType=1); 
	border-color: #4a4a09;*/
    background-color: #c145c4;
}
#Form textarea {
	height: 9em;
	line-height: 1.4;
}
.sec1 {
	/*padding-bottom: 7em;*/
}
#Form .error input,#Form .error textarea {
	border-color: #951212;
	background-color: #ffebeb;
}

.complete_div {
	max-width: 1000px;
    /*width: 1000px;*/
	background: #fff;
	margin: 0 auto;
	padding: 2em;
    /*padding: 80px;*/
	box-sizing: border-box;
}
.complete_div .comp_mes {
    font-size: clamp(1.125rem, 0.903rem + 0.46vw, 1.25rem);
    /*18-20*/
	/*font-size: 1.4em;*/
	line-height: 2.1;
}

.sec_title {
    margin: -0.5em 0 1.5em;
    text-align: center;
    font-size: clamp(2.813rem, 2.257rem + 1.16vw, 3.125rem);
    /* font-size: 3.3em; */
    font-weight: bold;
    width: 100%;
    position: relative;
    z-index: 999;
}
.sec_title span.image {
    margin-bottom: 0;
    line-height: 1.1em;
}




@media screen and (max-width:768px){
	
	.video_wrapper {
		display: none;
	}
	.sp_fv {
		display: block;
	}
	.sp_fv img {
		width: 100%;
		height: auto;
	}
	.sec_title .image img {
		width: 50%;
		height: auto;
	}
	
	
	#Form {
		width: 92%;
		box-sizing: border-box;
		padding: 2em 1em 0.5em;
        font-size: clamp(1rem, 0.321rem + 2.72vw, 1.625rem);
        /*16-26*/
		/*font-size: 1.7em;*/
        line-height: 1.2;
	}
	.button-area {
		margin: 2em 0;
        font-size: clamp(1rem, 0.321rem + 2.72vw, 1.625rem);
        /*16-26*/
	}
.sec_title {
    font-size: clamp(1.75rem, 0.246rem + 5.35vw, 2.813rem);
    margin: -0.5em 0 1em;
}
/*.sec_title {
	font-size: 2.4em;
}*/
    .button-area a {
        width: 90%;
        margin: 0 auto;
        padding: 0.8em 0;
    }
.complete_div .comp_mes {
    font-size: clamp(0.938rem, 0.598rem + 1.36vw, 1.25rem);
    /*15-20*/
	line-height: 1.8;
}

}