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

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

/*
 contact
==============================*/

/* index-header ----------*/
#index-header { position: relative; padding: 10rem 2rem 12rem; }
#index-header .inner { padding: 0 25%; }
#index-header h1 { margin-bottom: 5rem; color: #FFF; line-height: 1; }

#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 10rem; font-weight: 800; font-family: 'Saira Extra Condensed', sans-serif; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
#index-header p { color: #FFF; text-align: center; line-height: 2.2; }

@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-header { position: relative; padding: 2rem 2rem 14rem; }

	#index-header .inner { padding: 0 10%; }
	#index-header h1 { margin-bottom: 4rem; }
	#index-header h1 .e { font-size: 8rem; }
	#index-header h1 .j { margin-top: 1rem; font-size: 2.4rem; }
	#index-header p { text-align: left; line-height: 1.8; font-size: 1.6rem; }
}

/* index-form ----------*/
#index-form { padding-bottom: 20rem; }
#index-form.thankyou { padding-bottom: 0; }
#index-form .w { position: relative; padding: 8rem; border-radius: 4rem; background-color: #FFF; }
#index-form .w::before, #index-form .w::after { position: absolute; left: 0; content: ""; width: 100%; background-repeat: no-repeat; background-size: contain; }
#index-form .w::before { bottom: 100%; height: 25.8rem; background-image: url(../images/contact/bg_1.svg); background-position: left bottom; }
#index-form .w::after { bottom: 90%; height: 25.7rem; background-image: url(../images/contact/bg_2.svg); background-position: right center; }
#index-form .aform-header { margin-top: 0; padding-top: 0; }
#index-form a { color: #003B80; }
#index-form a[target=_blank]::after { content: url(../images/common/icon_other_window.svg); display: inline-block; margin-left: 0.5rem; }
#index-form dl { display: flex; flex-flow: wrap; }
#index-form dl dt { width: 25rem; padding-right: 3rem; text-align: right; }
#index-form dl dt .aform-required, #index-form dl dt .required { color: #FFF; margin-left: 1rem; padding: 0.3rem 0.5rem 0.7rem; border-radius: 0; background-color: #EF4E16; font-size: 1.6rem; }
#index-form dl dd { width: calc(100% - 25rem); }
#index-form dl dd input { font-size: 1.8rem; }
#index-form dl dd input[type=text], #index-form dl dd input[type=email], #index-form dl dd input[type=tel] { padding: 0 0 1rem !important; border: none; border-bottom: solid 1px #CECECE; }
#index-form dl dd select, #index-form dl dd textarea { border: solid 1px #CECECE; border-radius: 0.5rem; }
#index-form dl dd select { width: auto; }
#index-form dl dd ::placeholder { color: #D9D9D9; font-size: 1.6rem; }

#index-form .aform-button-area { position: absolute; display: flex; align-items: center; justify-content: center; top: calc(100% + 6rem); left: 0; width: 100%; padding: 0; background-color: transparent; }
#index-form .aform-button-area input[type=submit] { padding: 3rem 6rem; border: none; border-radius: 12rem; color: #FFF; background-color: #EF4E16; font-size: 3.6rem; font-weight: bold; }
#index-form .aform-button-area input[type=button] { padding: 1.5rem 3rem; border: none; border-radius: 12rem; color: #666; background-color: #EEE; font-size: 3rem; font-weight: bold; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#index-form .w::before { height: 20rem; }
	#index-form .w::after { height: 20rem; bottom: 92%; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-form .w { padding: 4rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-form { padding-bottom: 14rem; }
	#index-form .w { padding: 2rem; }
	#index-form .w::before { height: 13rem; }
	#index-form .w::after { height: 13rem; bottom: 96%; }
	#index-form dl dt { width: 100%; margin-bottom: 1.5rem; text-align: left; }
	#index-form dl dd { width: 100%; }
	#index-form .aform-button-area { top: calc(100% + 2rem); }
}

/* confirm ----------*/
#confirm {}
#aform_confirm_msg { text-align: center; }

/* aform_result ----------*/
#aform_result { text-align: center; }