@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 contact_us
==============================*/


/* inner ----------*/
#main .inner { position: relative; z-index: 2; max-width: 128.6rem; margin: 0 auto; padding: 0 2rem; }


/* main ----------*/
#main {}
#main .ov_bg { z-index: 1; }

/* contactForm ----------*/
#contactForm {
	padding: 5rem 0 9rem;
	overflow: hidden;
	position: relative;
	background-image: url(../img/common/cloud_01.svg);
	background-repeat: no-repeat;
	background-position: left top 70%;
	background-size: 100% 20rem;
}
#contactForm::after { content: ""; position: absolute; z-index: 1; top: calc(70% + 6rem); left: 0; width: 100%; height: calc(100% - 70%); background-color: #FFF; }
#contactForm .w { position: relative; padding: 5rem 15rem 9rem; border-radius: 8rem; background-color: #FBF7D0; }
#contactForm p strong.l { font-size: 2.4rem; }
#contactForm p span.required { color: #F2786D; font-size: 1.8rem; font-weight: 500; }
#contactForm .form_wrap { position: relative; z-index: 2; font-size: 1.8rem; }
#contactForm .form_wrap table { width: 100%; }
#contactForm .form_wrap table th, #contactForm .form_wrap table td {}
#contactForm .form_wrap table th { padding-top: 5rem; padding-right: 2rem; font-size: 1.8rem; text-align: left; white-space: nowrap; }
#contactForm .form_wrap table th.required::after { content: "＊"; display: inline-block; margin-left: 1.6rem; color: #F2786D; font-weight: bold; }
#contactForm .form_wrap table td { padding-top: 4rem; line-height: 1; }
#contactForm .form_wrap input, #contactForm .form_wrap textarea { width: 100%; padding: 1.6rem 2rem; border: none; border-radius: 1rem; color: #5F5049; line-height: 1.6; }
#contactForm .form_wrap textarea { height: 25rem; }
#contactForm .form_wrap input.inp1 { max-width: 12rem; }
#contactForm .form_wrap input.inp2 { max-width: 16rem; }
#contactForm .form_wrap .fx { display: flex; align-items: center; gap: 1.3rem; }
#contactForm .form_wrap .fx.-col { flex-direction: column; align-items: start; }
#contactForm .form_wrap .erw { position: relative; }
#contactForm .form_wrap .erw .error { position: absolute; top: 0.3rem; left: 0.3rem; font-size: 1.3rem; white-space: nowrap; }
#contactForm .form_wrap .submit_wrap { margin-top: 10rem; text-align: center; }
#contactForm .form_wrap .submit_wrap input[type=submit] { max-width: 37.6rem; padding: 2.3rem; border-radius: 10rem; color: #FFF; background-color: #E586B5; font-size: 2.3rem; font-weight: bold; transition: all 0.3s ease-out; letter-spacing: 0.2em; }
#contactForm .form_wrap .submit_wrap input[type=submit]:hover { background-color: #7DC8E4; }
#contactForm .ov_bg { z-index: 1; }
#contactForm .ov_01 { width: 11.4%; top: 7%; left: -10%; }
#contactForm .ov_02 { width: 13%; top: 25%; right: -8%; }
#contactForm .ov_03 { width: 38.2%; bottom: -5%; left: -12%; }
#contactForm .ov_04 { width: 12.4%; bottom: 4%; right: -7%; }
@media screen and (max-width:1024px) { /* l */
	#contactForm .w { padding: 5rem 6rem 9rem; }
}
@media screen and (max-width:480px) { /* s */
	#contactForm { background-size: 100% 10rem; }
	#contactForm::after { top: calc(70% + 4rem); height: calc(100% - 70% + 10rem); }
	#contactForm .w { padding: 3rem 3rem 4rem; border-radius: 4rem; }
	#contactForm p strong.l { font-size: 2rem; }
	#contactForm p span.required { font-size: 1.6rem; }
	#contactForm .form_wrap table { display: block; }
	#contactForm .form_wrap table th, #contactForm .form_wrap table td { display: block; }
	#contactForm .form_wrap table th { padding-top: 3rem; }
	#contactForm .form_wrap table td { padding-top: 1rem; }
	#contactForm .form_wrap .fx { gap: 0.5rem; }
	#contactForm .form_wrap .submit_wrap { margin-top: 4rem; }
}