@charset "utf-8";

@import url(normalize.css);
@import url(common_parts.css);
@import url(common.css);


/*　inquiry_form　==============================*/
#mv { position: relative; }
#mv h1 { position: absolute; top: 50%; left: 50%; font-size: 23px; color: #fff; transform: translate(-50%, -50%); }
#mv img { width: 100%; }


/* main  ----------*/
#inquiry_form input { border-radius: 7px; padding: 1rem; vertical-align: middle; border: 1px solid #707070; width: 100%; }
#inquiry_form input[name="address"],
#inquiry_form input[name="email"] { width: 100%; }
#inquiry_form label { display: flex; }
#inquiry_form label input { width: auto; margin-right: 1rem; }
#inquiry_form textarea { width: 100%; border-radius: 7px; border: 1px solid #707070; height: 100%; min-height: 160px; padding: 1rem; }
#inquiry_form button { background: none; border: none; display: block; width: 100%; }
#inquiry_form .sec_inner { margin: 0 2rem 4rem }
#inquiry_form h2 { font-size: 23px; font-family: "A1明朝","A1 Mincho"; margin: 2rem 0 3rem; }
#inquiry_form .data_wrap { width: 100%; max-width: 1532px; }
#inquiry_form .data_wrap dl { border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
#inquiry_form .data_wrap dl ul.flb { display: flex; }
#inquiry_form .data_wrap dt { position: relative; background: #EDF8FF; font-size: 14px; font-weight: bold; padding: 2rem 2.6rem;; display: block; text-align: left; width: 100%; }
#inquiry_form .data_wrap dt ul.sp_half { display: flex; align-items: center; justify-content: space-between; }
#inquiry_form .data_wrap dt ul.sp_half li { width: 50%; text-align: center; }
#inquiry_form .data_wrap dt span { font-size: 14px; background: #0080DE; color: #fff; padding: 10px 40px; font-weight: bold; text-align: center; }
#inquiry_form .data_wrap dd { font-size: 14px; padding: 20px 10px; width: 100%; }
#inquiry_form .data_wrap dd ul.name { padding: 0 0 0 15px; }
#inquiry_form .data_wrap dd ul.name li { position: relative; width: calc((100% - 1rem) / 2); }
#inquiry_form .data_wrap dd ul.name li:not(:nth-last-of-type(1)) { margin-right: 3rem; }
#inquiry_form .data_wrap dd ul.name li:nth-of-type(1)::before { content: "姓"; margin-right: 2rem; position: absolute; left: -2rem; top: 50%; transform: translateY(-50%); }
#inquiry_form .data_wrap dd ul.name li:nth-of-type(2)::before { content: "名"; margin-right: 2rem; position: absolute; left: -2rem; top: 50%; transform: translateY(-50%); }
#inquiry_form .data_wrap dd ul.tel li { position: relative; width: calc((100% - 13vw) / 3); }
#inquiry_form .data_wrap dd ul.tel li:not(:nth-last-of-type(1)) { margin-right: 6.5vw; }
#inquiry_form .data_wrap dd ul.tel li:not(:nth-last-of-type(1))::after { content: ""; width: 5.5vw; position: absolute; right: -6.17vw; top: 50%; transform: translateY(-50%); border-top: 3px solid #707070; }
#inquiry_form .data_wrap dd ul.type { margin-bottom: 4rem; }
#inquiry_form .data_wrap dd ul.type li:not(:nth-last-of-type(1)) { margin-right: 4rem; }
#inquiry_form .btn_link { margin-top: 5rem; }
#inquiry_form .btn_link p { padding: 0; }
#inquiry_form .btn_link button { padding: 2rem 0; }


@media screen and ( min-width: 769px ) {
	.sp_cont { display: none!important; }
	#mv h1 { left: 9.65vw; font-size: 3.8vw; transform: translateY(-50%); }
	#inquiry_form input { border-radius: 7px; padding: 1.35rem 2rem; vertical-align: middle; border: 1px solid #707070; width: 100%; }
	#inquiry_form input[name="address"],
	#inquiry_form input[name="email"] { width: 100%; }
	#inquiry_form label { display: flex; }
	#inquiry_form label input { width: auto; margin-right: 1rem; }
	#inquiry_form textarea { width: 100%; border-radius: 7px; border: 1px solid #707070; height: 100%; min-height: 311px; padding: 1.35rem 2rem; }
	#inquiry_form button { background: none; border: none; display: block; width: 100%; }
	#inquiry_form .sec_inner { margin: 0 6.25vw 9rem; }
	#inquiry_form h2 { font-size: 6rem; font-family: "A1明朝","A1 Mincho"; margin: 1.6vw 0 4.6vw; }
	#inquiry_form h2 { font-size: 3.125vw; }
	#inquiry_form .data_wrap { width: 100%; max-width: 1532px; }
	#inquiry_form .data_wrap dl { border-top: 1px solid #707070; border-bottom: 1px solid #707070; display: flex; }
	#inquiry_form .data_wrap dt { position: relative; background: #EDF8FF; font-size: 1.22vw; font-weight: bold; padding: 1.8vw 1.05vw; max-width: 329px; display: block; text-align: left; width: 100%; }
	#inquiry_form .data_wrap dt span { font-size: 1.25vw; background: #0080DE; color: #fff; padding: 0 1.55vw; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); }
	#inquiry_form .data_wrap dt ul.sp_half { display: block; }
	#inquiry_form .data_wrap dt ul.sp_half li { width: auto; text-align: left; }
	#inquiry_form .data_wrap dd { font-size: 1.2vw; padding: 1.8vw 0 1.8vw 4.1vw; width: 100%; max-width: 975px; }
	#inquiry_form .data_wrap dd ul.name { padding: 0; }
	#inquiry_form .data_wrap dd ul.name { font-size: 2.4rem; }
	#inquiry_form .data_wrap dd ul.name li { position: relative; width: calc((100% - 4.2vw) / 2); }
	#inquiry_form .data_wrap dd ul.name li:not(:nth-last-of-type(1)) { margin-right: 4.2vw; }
	#inquiry_form .data_wrap dd ul.name li:nth-of-type(1)::before { content: "姓"; font-size: 1.25vw; margin-right: 1.05vw; position: absolute; left: -2.15vw; top: 50%; transform: translateY(-50%); }
	#inquiry_form .data_wrap dd ul.name li:nth-of-type(2)::before { content: "名"; font-size: 1.25vw; margin-right: 1.05vw; position: absolute; left: -2.15vw; top: 50%; transform: translateY(-50%); }
	#inquiry_form .data_wrap dd ul.tel li { position: relative; width: calc((100% - 4.2vw) / 3); }
	#inquiry_form .data_wrap dd ul.tel li:not(:nth-last-of-type(1)) { margin-right: 2.1vw; }
	#inquiry_form .data_wrap dd ul.tel li:not(:nth-last-of-type(1))::after { content: ""; width: 1.3vw; position: absolute; right: -1.67vw; top: 50%; transform: translateY(-50%); border-top: 3px solid #707070; }
	#inquiry_form .data_wrap dd ul.type { margin-bottom: 1.55vw; }
	#inquiry_form .data_wrap dd ul.type li:not(:nth-last-of-type(1)) { margin-right: 7.8vw; }
	#inquiry_form ul.flb { display: flex; }
	#inquiry_form .btn_link { margin-top: 2.65vw; }
	#inquiry_form .btn_link p { padding: 0; }
	#inquiry_form .btn_link button { padding: 1.05vw 0; }
}

/*　inquiry_form_thanks　==============================*/
#inquiry_form_thanks .sec_inner { margin: 0 2rem 4rem }
#inquiry_form_thanks h2 { font-size: 23px; font-family: "A1明朝","A1 Mincho"; margin: 2rem 0 3rem; }

@media screen and ( min-width: 769px ) {
	#inquiry_form_thanks .sec_inner { margin: 0 6.25vw 9rem; }
	#inquiry_form_thanks h2 { font-size: 6rem; font-family: "A1明朝","A1 Mincho"; margin: 3rem 0 9rem; }
	#inquiry_form_thanks h2 { font-size: 3.125vw; }
	#inquiry_form_thanks p { font-size: 2.4rem; }
}

@media screen and ( min-width: 769px ) {
	#main .inner { width: 80%; margin: auto; }
}