input, select,textarea {
  -webkit-appearance: none;
  appearance: none;
}
input:focus,
select:focus,
textarea:focus {
	outline: none;
}
input::webkit-contacts-auto-fill-button {
	display: none!important;
	z-index: -99999;
}
select {
	cursor: pointer;
}
#contact_titlesp {
    width: auto;
    height: 50px;
    margin: 50px auto;
}

.pc {
	display: none;
}

#contact_drawing {
	width: auto;
	height: 40px;
	margin: 20px auto 40px;
}
#contact_info {
	text-align: center;
	margin: 0 auto 0;
}
#contact_info.completed {
	margin: 30px auto 60px;
}

#contact_info ul {
	margin: 1em 0;
}


.form_label {
	max-width: 300px;
	margin: auto;
	display: block;
	margin-bottom: 10px;
	color: #977D40;
}
.input_title {
	position: relative;
	margin-bottom: 5px;
}
.input_title p {
	text-align: right;
	padding-top: 10px;
	margin-right: 70px;
}
.input_drawing {
	position: absolute;
	right: 0;
	top: -5px;
	width: 160px;
}
.border_input {
	z-index: 10;
	background-color: #fff;
	border-image: linear-gradient(to right, #2C9882, #fff) 1;
	border-image-width: 1px;
	height: 35px;
	width: 100%;
	padding: 0 10px;
	color: #977D40;
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
}
.border_input::placeholder {
	color: #aaa;
	font-weight: normal;
}

.border_input.error {
	color: #FF815F;
}
.border_input.alert::placeholder {
	color: #FF815F;
}

.border_input#mail_address.alert,
.border_input#mailconfi.alert {
	color: #FF815F;
}

.border_textarea {
	height: calc(10em + 20px);
	padding: 10px;
}
textarea {
	resize: none;
}

#domaintext {
	font-size: 10px;
	text-align: left;
	margin: 0 auto 20px;
	max-width: 300px;
	line-height: 1.3;
}
#buttunbox {
	margin: 40px auto;
}
.submit_button {
    display: block;
    width: 80%;
    margin: 20px auto;
    max-width: 200px;
    position: relative;
	cursor: pointer;
}
.kakko {
	font-size: 10px;
	display: inline-block;
	margin: 0 -0.3em;
}


#mailalert1,#mailalert2 {
	display: none;
}
.mail_check_alert {
	color: #FF815F;
	font-size: 12px;
	text-align: justify;
	margin: 0 auto 20px;
	max-width: 300px;
	line-height: 1.3;
}


#errorcontact {
    display: block;
    width: 80%;
    margin: 30px auto 0;
    max-width: 200px;
    position: relative;
    cursor: pointer;
}

#emailForm {
	margin-bottom: 60px;
}
@media screen and (min-width:390px){
	#contact_drawing {
		height: 45px;
	}
}
@media screen and (min-width:768px) {
	
	#contact_titlepc {
        width: auto;
        margin: 20px auto 50px;
        height: 35px;
	}

	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	#contact_info {
		text-align: center;
		margin-top: 20px;
	}
	#contact_info.completed {
		margin: 100px auto 60px;
	}
	#contact_info ul {
		display: flex;
		justify-content: center;
	}
	#contact_info li {
		margin: 0 0.5em;
	}
	#contact_drawing {
		height: 90px;
		margin: 20px auto 60px;
	}
	
	.form_label {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 620px;
		max-width: inherit;
		margin-bottom: 15px;
	}
	.input_title {
		margin-right: -30px;
		z-index: 20;
		position: relative;
		margin-bottom: 0;
		max-width: inherit;
		width: 250px;
	}
	.border_input {
		flex: initial;
		width: 400px;
	}
	.input_title p {
		height: 35px;
		padding-top: 0;
		line-height: 35px;
	}
	.input_drawing {
		width: 180px;
	}
	#domaintext {
		display: flex;
		justify-content: center;
		max-width: inherit;
		text-align: left;
	}
	#domaintext span {
		display: block;
		width: 220px;
	}
	#domaintext p {
		width: 400px;
	}
	#buttunbox {
		display: flex;
		justify-content: flex-start;
		width: 620px;
		margin: 30px auto 60px;
	}
	.submit_button {
		margin: 0;
	}
	.submit_button_margin {
		margin-left: 15px;
	}
	.buttunboxindex {
		margin-left: 215px;
	}
	
	.mail_check_alert {
		display: flex;
		justify-content: center;
		max-width: inherit;
		text-align: left;
	}
	.mail_check_alert span {
		display: block;
		width: 220px;
	}
	.mail_check_alert p {
		width: 400px;
	}
	#emailForm {
		margin-bottom: 110px;
	}

}