@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.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
==============================*/

/* form ----------*/
#form {}
#form h4 { color: #694A40; font-size: 1.7rem; }
#form a { color: #4291E5; font-weight: bold; }
#form .policy { margin-top: 2rem; padding: 1.5rem 2rem; border-radius: 2rem; background: var(--18, rgba(138, 193, 161, 0.20)); }
#form .policy a { color: #584343; font-size: 2rem; font-weight: 500; text-underline-offset: 3px; }
#form input[type=text],
#form input[type=tel],
#form input[type=email],
#form select,
#form textarea { width: 100%; height: auto; padding: 0.9em 1em; border: solid 1px #A59292; color: #694A40; font-size: 1.7rem; font-weight: 500; border-radius: 0.3rem; }
#form select { max-width: 30rem; }
#form .wpforms-container { margin-top: 0 !important; }
#form .wpforms-field { padding: 2rem 0; }
#form .wpforms-field-text,
#form .wpforms-field-phone,
#form .wpforms-field-email,
#form .wpforms-field-textarea,
#form .wpforms-field-select { position: relative; padding-left: 21rem !important; }
#form .wpforms-field .wpforms-field-label { position: absolute; left: 0; display: flex; padding-top: 1.3em; font-size: 1.7rem; font-weight: 500; align-items: center; gap: 1em; }
#form .required-label,
#form .wpforms-field .wpforms-field-label .wpforms-required-label { display: inline-block; padding: 0.3em 0.4em; border-radius: 0.5rem; color: #FFF; background-color: #D71518; font-size: 1.4rem; line-height: 1; vertical-align: baseline; }
#form .wpforms-field .wpforms-field-large {}
#form .wpforms-field .wpforms-field-medium {}
#form .wpforms-field-checkbox { display: flex; flex-direction: column; justify-content: center; padding: 6rem 0; justify-content: center; }
#form .wpforms-field-checkbox fieldset { display: contents; }
#form .wpforms-field-checkbox em { text-align: center; }
#form .wpforms-submit-container { text-align: center; }
#form .wpforms-submit-container .wpforms-submit { width: 100%; height: auto; max-width: 36rem; padding: 1.5em 1em; border: none; border-radius: 1rem; background-color: #D71518; color: #FFF; font-size: 1.6rem; font-weight: 500; transition: all 0.3s ease-out; }
#form .wpforms-submit-container .wpforms-submit:hover { background-color: #584343; box-shadow: 6px 6px 15px 0 rgba(105, 74, 64, 0.20); }
.choice-1.depth-1 { display: flex; align-items: center; justify-content: center; gap: 1rem; }
#wpforms-366-field_10 { min-height: 21rem; }
@media screen and (max-width:896px) { /* m */
	#form .wpforms-field-text,
	#form .wpforms-field-phone,
	#form .wpforms-field-email,
	#form .wpforms-field-textarea,
	#form .wpforms-field-select { padding-left: 0 !important; }
	#form .wpforms-field .wpforms-field-label { position: relative; padding-top: 0; }
}

/* phone ----------*/
#phone {}
#phone .info_list { display: grid; max-width: 78.4rem; margin: auto; margin-top: 5rem; grid-template-columns: 1fr 1fr; gap: 19%; }
#phone .info_list .h3 { font-size: 2.2rem; }
#phone .info_list p { color: #000; line-height: 1.6; }
#phone a { color: #4291E5; }
#phone .info_list ul { margin-top: 3rem; display: grid; grid-template-columns: max-content 1fr;column-gap: 6rem; row-gap: 1.6em; }
#phone .info_list ul li { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; }
#phone .info_list ul li span { display: block; line-height: 1; }
#phone .info_list ul li .t { color: #000; font-size: 1.8rem; font-weight: 500; }
#phone .info_list ul li .num {}
#phone .info_list ul li .num a { color: #990003; font-size: 2.2rem; font-weight: bold; text-decoration: none; }
@media screen and (max-width:896px) { /* m */
	#phone .info_list { grid-template-columns: 1fr; gap: 6rem; }
}

