@charset "UTF-8";

#contact-area .subject {
	display: none;
}

/*--------------------------------------------------------------
#contact-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#contact-area {
		margin: 0 8%;
		padding: 50px 0 30px 0;
	}
	
	#contact-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.16vw;
		color: #6FA88E;
		text-align: center;
	}
	
	#contact-area p {
		margin: 0 0 80px 0;
		padding: 0;
		text-align: left;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#contact-area {
		margin: 0;
		padding: 4.16vw 0 0 0;
	}
	
	#contact-area h2 {
		margin: 0 0 2.5vw 0;
		padding: 0;
		font-size: 2.33vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		color: #6FA88E;
		text-align: center;
	}
	
	#contact-area p {
		margin: 0 0 5vw 0;
		padding: 0;
		text-align: center;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
.form_area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	
	.form_area{
		margin: 0;
		padding: 0;
		
	}
	
	.form_area dl{
		margin: 0 0 10px 0;
		padding: 0;
		width: auto;
	}
	
	.form_area dt,
	.prev_area dt{
		margin: 0;
		padding: 10px 0 0 0;
		width: auto;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.16vw;
		color: #6FA88E;
	}
	
	
	.form_area dd {
		width: auto;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.bt_wall {
		margin: 50px 0 0 0;
		padding: 40px 0;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		border-radius: 10px;
		text-align: center;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
	.form_area,
	.prev_area{
		margin: 0;
		padding: 0;
	}
	
	.form_area dl,
	.prev_area dl{
		margin: 0 auto 1.66vw auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 65vw;
	}
	
	.prev_area dl{
		border-bottom: 1px solid #DDDDDD;
	}
	
	.form_area dt,
	.prev_area dt{
		margin: 0;
		padding: 1.66vw 0;
		width: 30%;
		font-size: 1.66vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		color: #363636;
	}
	
	.form_area dt.lines {
		padding: 0.83vw 0;
	}
	
	.form_area dt.lines span {
		margin: 0;
		display: block;
	}
	
	.form_area dd {
		width: 70%;
		font-size: 1.41vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.prev_area dd {
		width: 70%;
		font-size: 1.66vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.bt_wall {
		margin: 5.83vw 3% 8.33vw 3%;
		padding: 4.16vw 0;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		border-radius: 1.66vw;
		text-align: center;
	}
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
	
	
	
	
}


/*--------------------------------------------------------------
form style
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	input[type=text],
	input[type=email]{
		height: 70px;
		margin-top: 10px;
		padding: 40px 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		background: #F3F4F2;
		border-radius: 5px;
		font-weight: 500;
	}
	
	
	.name {
		width: 100%;
	}
	
	.day {
		width: 60px;
		margin-left: 8px;
		margin-right: 8px;
	}
	
	.order {
		width: 100px;
		margin-right: 8px;
	}
	
	.form_area textarea {
		width: 100%;
		height: 150px;
		margin-top: 10px;
		padding: 1em 20px;
		font-size: 14px;
		font-weight: 500;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #F3F4F2;
		border-radius: 5px;
	}
	
	input[type="radio"] {
		width: 20px;
		height: 20px;
		border-radius: 100px;
		vertical-align: middle;
	}
	
	.checkbox_list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		padding: 20px 0;
	}
	
	.checkbox {
		width: 100%;
	}
	
	.checkbox_item {
		display: inline-block;
	}
	
	.checkbox_label {
		margin: 0;
	}
	
	textarea:focus,
	input:focus {
		background-color: #F5FAF0;
	}
	
	.form_btn,
	.back_btn {
		margin: 0 auto;
		position: relative;
		display: inline-block;
		
	}
	
	.form_btn .material-symbols-outlined,
	.back_btn .material-symbols-outlined{
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24;
		font-size: 15px;
		color: #FFF;
		position: absolute;
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		z-index: 3;
	}
	
	input.submit-btn,
	.form_btn,
	.back_btn a {
		display: inline-block;
		padding: 10px 0;
		width: 80%;
		position: relative;
		color: #FFF;
		text-align: center;
		background: #6FA88E;
		border: 2px solid #6FA88E;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 2px;
		border-radius: 10px;
		cursor: pointer;
		transition: 0.5s;
	}
	
	input.submit-btn:hover,
	.back_btn a:hover {
		color: #6FA88E;
		background-color: #FFF;
		border: 2px solid #6FA88E;
	}
	
	input[type=text].error,
	input[type=email].error,
	textarea.error,
	.form_area select.error {
	background-color: #FDF5F8;
	}
	
	label.error {
		display: block;
		margin-top: 0;
		color: #C00;
		font-size: 15px;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	input[type=text],
	input[type=email]{
		height: 70px;
		padding: 10px 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		background: #F3F4F2;
		border-radius: 5px;
		font-weight: 500;
	}
	
	.form_area textarea {
		width: 100%;
		height: 150px;
		padding: 1em 20px;
		font-size: 14px;
		font-weight: 500;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #F3F4F2;
		border-radius: 5px;
	}
	
	.form_btn,
	.back_btn {
		margin: 0 auto;
		padding: 0;
		position: relative;
		color: #FFF;
		width: 41.66vw;
	}
	
	
	.checkbox_list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		padding: 20px 10px;
	}
	
	.checkbox {
		width: auto;
	}
	
	.checkbox_item {
		display: inline-block;
	}
	
	.checkbox_label {
		margin: 0 0 0 10px;
	}
	
	.form_btn .material-symbols-outlined,
	.back_btn .material-symbols-outlined{
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24;
		font-size: 2.5vw;
		color: #FFF;
		position: absolute;
		top: 50%;
		right: 0.83vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		z-index: 3;
	}
	
	input.submit-btn,
	.back_btn a {
		display: inline-block;
		padding: 1.66vw 0;
		width: 41.66vw;
		position: relative;
		color: #FFF;
		text-align: center;
		background: #6FA88E;
		border: 2px solid #6FA88E;
		font-size: 1.83vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		border-radius: 0.83vw;
		cursor: pointer;
		transition: 0.5s;
	}
	
	input.submit-btn:hover,
	.back_btn a:hover {
		color: #6FA88E;
		background-color: #FFF;
		border: 2px solid #6FA88E;
	}
	
	input[type=text].error,
	input[type=email].error,
	textarea.error,
	.form_area select.error {
	background-color: #FDF5F8;
	}
	
	label.error {
		display: block;
		margin-top: 1em;
		color: #C00;
		font-size: 1.16vw;
	}
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	

}