@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); */


/*
 entry
==============================*/

body { background-color: #F9ECEC; }

/* common ----------*/
#contentsWrap .sec_inner { max-width: 117.8rem; margin: auto; padding: 0 4rem; }

/* mvp ----------*/
#mvp { width: 100%; aspect-ratio: 1 / 0.42; max-height: 62rem; }


/* entry ----------*/
#entry {}
#entry .sec_inner { margin-top: -10rem; padding-bottom: 14rem; }
#entry .w { position: relative; z-index: 3; background-color: #FBFAF0; padding: 10rem 4rem 7rem; border-radius: 2rem; }
#entry form {}
#entry form table { width: 100%; }
#entry form table th { text-align: left; font-size: 1.6rem; padding-top: 0.9em; padding-right: 0.7rem; line-height: 1.2; }
#entry form table th.required { display: flex; gap: 1rem; align-items: center; }
#entry form table th.required::after { margin-left: auto; white-space: nowrap; content: "必須"; font-size: 1.4rem; line-height: 1; color: #FFF; background-color: #F2786D; padding: 0.5rem 1rem; border-radius: 0.5rem; }
#entry form table td { font-size: 1.6rem; padding-bottom: 5rem; }
#entry form input, #entry form select, #entry form textarea { appearance: none; background-color: #FFF; font-size: 1.6rem; width: 100%; border: solid 1px #5AC7BF; padding: 2rem; border-radius: 0.5rem; line-height: 1.4; }
#entry form ::placeholder { color: #CDC4C0; }
#entry form .info { position: relative; width: 100%; max-width: 24rem; }
/* #entry form .info::before { position: absolute; display: block; right: 1rem; top: calc(50% - 1.5rem); content: "\f0dc"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #D9D9D9; } */
#entry form .info span { position: absolute; bottom: calc(100% + 1rem); }
#entry form .fx { display: flex; gap: 2.6rem; }
#entry form .fx input { pointer-events: none; }
#entry form .fx2 { display: flex; gap: 0.5rem; align-items: center; }
#entry form .fx2 input { max-width: 19rem; }
#entry form .agreement label { display: flex; align-items: center; gap: 1rem; justify-content: center; }
#entry form .agreement label input { width: 2.5rem; height: 2.5rem; padding: 0; background-color: #FFF; appearance: none; border: solid 1px #5AC7BF; }
#entry form .agreement label input:checked { background-color: #5AC7BF; }
#entry form .agreement label input:checked::before { display: inline-block; content: "\f00c"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: #FFF; font-weight: bold; text-align: center; text-align: center; width: 2.4rem; }
#entry form .btw { margin-top: 9rem; text-align: center; }
#entry form .btw input { display: inline-block; border: none; background-color: #F2786D; font-size: 2.4rem; color: #FFF; font-weight: bold; max-width: 46rem; border-radius: 10rem;  transition: all 0.3s ease-out; }
#entry form .btw input:hover { background-color: #4D70AE; }
.mw_wp_form_confirm .fx { flex-direction: column !important; gap: 1rem !important; }
.mw_wp_form_confirm table th { padding-right: 4rem !important; }
.mw_wp_form_confirm .agreement { display: none !important; }
@media screen and (max-width:1024px) { /* l */
	#entry .sec_inner { margin-top: -5rem; }
}
@media screen and (max-width:896px) { /* m */
	#entry .sec_inner { margin-top: 0; }
	#entry form table th { padding-right: 2rem !important; }
	#entry form .fx { flex-direction: column; gap: 1rem; }
	#entry form .info { display: flex; align-items: center; gap: 1rem; max-width: none; }
	#entry form .info span { position: relative; bottom: auto; width: 6em; white-space: nowrap; }
}
@media screen and (max-width:480px) { /* s */
	#entry .sec_inner { margin-top: 4rem; padding-bottom: 6rem; }
	#entry form table, #entry form table tbody, #entry form table tr, #entry form table th, #entry form table td { width: 100%; display: block; }
	#entry form table th { padding-right: 0 !important; margin-bottom: 2rem; font-size: 2rem; }
	#entry form table td { padding-bottom: 4rem; }
	#entry form input, #entry form select, #entry form option, #entry form textarea { padding: 1.5rem 2rem; }
	#entry form .btw { margin-top: 4rem; }
	#entry .w { padding: 2rem 2rem 3rem; }
}