@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
==============================*/

/* common ----------*/
#main {}
#main .title { text-align: center; margin-bottom: 8rem; }
#main .title span { background: linear-gradient(160deg, #118EF5 20.89%, #2881a4 100.55%); }
#main .title .c { top: -5rem; left: calc(50% - 15rem); }
#mainWrap { padding: 15rem 0 7rem; }
@media screen and (max-width:896px) { /* m */
	#mainWrap { padding: 6rem 0 4rem; }
	.pagination { padding-top: 6rem; }
}


#contact #main .w { padding: 4rem 8rem 8rem; background-color: rgba(2545, 255, 255, 0.9); }
#contact #main table { width: 100%; }
#contact #main table th { padding-right: 2rem; padding-top: 0.8rem; font-size: 1.6rem; font-weight: var(--medium); text-align: left; white-space: nowrap; }
#contact #main table th.required::after { content: "必須"; margin-left: 1.5rem; display: inline-block; padding: 0.5rem; color: #FFF; background-color: #F85959; font-size: 1.2rem; line-height: 1; }
#contact #main table td + th { padding-left: 2rem; }
#contact #main table td { padding-bottom: 5.8rem; }
#contact #main input[type=text], #contact #main input[type=email], #contact #main textarea { width: 100%; padding: 1rem; border: solid 1px #B2B5C7; }
#contact #main input.hw { max-width: 18rem; }
#contact #main .agree { font-weight: var(--medium); text-align: center; }
#contact #main .agree label { display: flex; align-items: center; justify-content: center; gap: 1rem; }
#contact #main .agree input { transform: scale(2,2); }
#contact #main .bt.-submit { display: flex; justify-content: center; margin-top: 7rem; }
#contact #main .bt.-submit input { width: 100%; max-width: 38rem; background-color: #000; font-size: 2rem; border-radius: 10rem; font-weight: var(--medium);  }
#contact #main .bt.-submit input[name=submit_bt] { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15" fill="none"><path d="M10.1285 7.42083C10.2736 7.52639 10.4253 7.57917 10.5837 7.57917C10.742 7.57917 10.8937 7.52639 11.0389 7.42083L16.1253 3.87812V1.95833L10.5837 5.79792L5.04199 1.95833V3.87812L10.1285 7.42083ZM1.87533 14.625C1.43991 14.625 1.06717 14.47 0.757096 14.1599C0.447027 13.8498 0.291992 13.4771 0.291992 13.0417V3.9375C0.291992 3.71319 0.36786 3.52517 0.519596 3.37344C0.671332 3.2217 0.859353 3.14583 1.08366 3.14583C1.30796 3.14583 1.49599 3.2217 1.64772 3.37344C1.79946 3.52517 1.87533 3.71319 1.87533 3.9375V13.0417H14.1462C14.3705 13.0417 14.5585 13.1175 14.7102 13.2693C14.862 13.421 14.9378 13.609 14.9378 13.8333C14.9378 14.0576 14.862 14.2457 14.7102 14.3974C14.5585 14.5491 14.3705 14.625 14.1462 14.625H1.87533ZM5.04199 11.4583C4.60658 11.4583 4.23383 11.3033 3.92376 10.9932C3.61369 10.6832 3.45866 10.3104 3.45866 9.875V1.95833C3.45866 1.52292 3.61369 1.15017 3.92376 0.840104C4.23383 0.530035 4.60658 0.375 5.04199 0.375H16.1253C16.5607 0.375 16.9335 0.530035 17.2436 0.840104C17.5536 1.15017 17.7087 1.52292 17.7087 1.95833V9.875C17.7087 10.3104 17.5536 10.6832 17.2436 10.9932C16.9335 11.3033 16.5607 11.4583 16.1253 11.4583H5.04199Z" fill="white"/></svg>'); background-repeat: no-repeat; background-position: right 2rem center; }
@media screen and (max-width:896px) { /* m */
	#contact #main table { display: block; }
	#contact #main table tbody { display: contents; }
	#contact #main table tr { display: contents; }
	#contact #main table th { display: block; padding-bottom: 1rem; width: 100%; }
	#contact #main table td { display: block; width: 100%; }
	#contact #main table td + th { padding-left: 0; }
}
@media screen and (max-width:480px) { /* s */
	#contact #main .w { padding: 4rem; }
	#contact #main table td { padding-bottom: 3rem; }
}