@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
:root {
	--fontFamily_sansSerif : "Noto Sans JP", "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
	--color_dark : #262626;
	--color_light : #ffffff;
	--color_main : #f5f5f3;
	--color_sub : #cccccc;
	--color_sub2 : #f5f5f3;
	--color_acc : #ed7c02;
	--fz_h1 : 52px;
	--fz_xs : 15px;
	--fz_sm : 16px;
	--fz_md : 18px;
	--fz_lg : 24px;
	--fz_xl : 36px;
	--fw_sm : 400;
	--fw_md : 700;
	--fw_lg : 900;
	--lh_sm : 1.25;
	--lh_md : 1.667;
	--lh_lg : 2;
	--lh_xl : 2.25;
}
@media screen and (max-width: 768px) {
	:root {
		--fz_h1 : 26px;
		--fz_xs : 12px;
		--fz_sm : 14px;
		--fz_md : 16px;
		--fz_lg : 18px;
		--fz_xl : 22px;
		--lh_sm : 1.25;
		--lh_md : 1.5;
		--lh_lg : 1.667;
		--lh_xl : 2;
	}
}

.contact_info_area .inner,.contact_form_area .inner {
	width : 90%;
	max-width : 800px;
	margin : 0 auto;
}

section.contact_info_area .ttl_box {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
}
section.contact_info_area .ttl_box p {
	font-size : var(--fz_xl);
	font-weight : var(--fw_lg);
	color : var(--color_acc);
}
@media screen and (max-width: 600px) {
	section.contact_info_area .ttl_box p {
		font-size : 18px;
	}
}
section.contact_info_area .txt_box p {
	font-size : var(--fz_sm);
	line-height : var(--lh_xl);
	text-align : center;
}
@media screen and (max-width: 768px) {
	section.contact_info_area .txt_box p br {
		display : none;
	}
}
section.contact_info_area .btn_box {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction : column;
	flex-direction : column;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	margin : 30px auto 0;

	gap : 30px 0;
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box {
		margin : 20px auto 0;

		gap : 20px 0;
	}
}
section.contact_info_area .btn_box >p {
	font-size : var(--fz_sm);
	text-align : center;
}
section.contact_info_area .btn_box a {
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 90%;
	max-width : 380px;
	height : 60px;
	cursor : none;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	pointer-events : none;
	border-radius : 9999px;
	background : var(--color_acc);

	gap : 0 15px;
}
section.contact_info_area .btn_box a:hover {
	opacity : 0.75;
}
@media screen and (max-width: 1024px) {
	section.contact_info_area .btn_box a {
		cursor : pointer;
		pointer-events : all;
	}
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
	section.contact_info_area .btn_box a {
		max-width : 285px;
		height : 50px;
	}
}
section.contact_info_area .btn_box a img {
	width : 27px;
	height : 36px;
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box a img {
		width : 20.5px;
		height : 27px;
	}
}
section.contact_info_area .btn_box a p {
	font-size : 32px;
	font-weight : var(--fw_md);
	position : relative;
	top : -1px;
	color : var(--color_light);
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box a p {
		font-size : 24px;
	}
}
section.contact_info_area .btn_box_thx {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction : column;
	flex-direction : column;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	margin : 60px auto 0;

	gap : 50px 0;
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box_thx {
		margin : 40px auto 0;

		gap : 30px 0;
	}
}
section.contact_info_area .btn_box_thx >p {
	font-size : var(--fz_sm);
	text-align : center;
}
section.contact_info_area .btn_box_thx a {
	font-size : 20px;
	font-weight : var(--fw_md);
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 90%;
	max-width : 250px;
	height : 60px;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	color : var(--color_light);
	border : 2px solid var(--color_acc);
	border-radius : 9999px;
	background : var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box_thx a {
		font-size : 16px;
	}
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box_thx a {
		max-width : 200px;
		height : 40px;
	}
}
section.contact_info_area .btn_box_thx a:before {
	position : absolute;
	top : 50%;
	left : 10%;
	width : 10px;
	height : 10px;
	content : "";
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	-webkit-transform : translateY(-50%) rotate(135deg);
	transform : translateY(-50%) rotate(135deg);
	border-right : 2px solid var(--color_light);
	border-bottom : 2px solid var(--color_light);
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box_thx a:before {
		width : 8px;
		height : 8px;
		border-right : 1px solid var(--color_light);
		border-bottom : 1px solid var(--color_light);
	}
}
section.contact_info_area .btn_box_thx a:hover {
	color : var(--color_acc);
	background : var(--color_light);
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box_thx a:hover {
		opacity : 0.75;
		color : var(--color_light);
		background : var(--color_acc);
	}
}
section.contact_info_area .btn_box_thx a:hover::before {
	border-right : 2px solid var(--color_acc);
	border-bottom : 2px solid var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.contact_info_area .btn_box_thx a:hover::before {
		border-right : 1px solid var(--color_light);
		border-bottom : 1px solid var(--color_light);
	}
}

section.contact_form_area {
	margin : 60px auto 0;
}
@media screen and (max-width: 768px) {
	section.contact_form_area {
		margin : 40px auto 0;
	}
}
section.contact_form_area .note_box p {
	font-size : var(--fz_sm);
}
section.contact_form_area .note_box p sup {
	font-size : 12px;
	padding-top : 2px;
}
section.contact_form_area .form_box {
	width : 100%;
	height : auto;
	margin : 20px auto 0;
	border-top : 1px solid var(--color_sub);
}
section.contact_form_area .form_box form dl {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	padding : 25px 0;
	border-bottom : 1px solid var(--color_sub);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;
		padding : 15px 0;
	}
}
section.contact_form_area .form_box form dl.textarea_dl {
	-webkit-box-align : start;
	align-items : flex-start;
	-ms-flex-align : start;
}
section.contact_form_area .form_box form dl dt {
	width : 280px;
	height : auto;
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dt {
		width : 100%;
	}
}
section.contact_form_area .form_box form dl dt p {
	font-size : 20px;
	font-weight : var(--fw_lg);
	color : var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dt p {
		font-size : 16px;
		font-weight : --fw_md;
	}
}
section.contact_form_area .form_box form dl dt p sup {
	font-size : 12px;
	font-weight : var(--fw_lg);
	padding-left : 5px;
	color : var(--color_dark);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dt p sup {
		font-size : 10px;
	}
}
section.contact_form_area .form_box form dl dd {
	width : calc(100% - 280px);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dd {
		width : 100%;
		margin : 20px auto 0;
	}
}
section.contact_form_area .form_box form dl dd input,section.contact_form_area .form_box form dl dd textarea {
	font-size : 16px;
	width : 100% !important;
	border : 1px solid var(--color_sub);
	border-radius : 8px;
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dd input,section.contact_form_area .form_box form dl dd textarea {
		border-radius : 6px;
	}
}
section.contact_form_area .form_box form dl dd input {
	height : 50px;
	padding : 0 20px;
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dd input {
		height : 40px;
		padding : 0 10px;
	}
}
section.contact_form_area .form_box form dl dd textarea {
	min-height : 250px;
	padding : 15px 20px;
	resize : vertical;
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form dl dd textarea {
		min-height : 200px;
		padding : 10px;
	}
}
section.contact_form_area .form_box form .submit_btn {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 100%;
	height : auto;
	margin : 30px auto 0;
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form .submit_btn {
		margin : 20px auto 0;
	}
}
section.contact_form_area .form_box form .submit_btn button {
	font-size : 20px;
	font-weight : var(--fw_md);
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 90%;
	max-width : 250px;
	height : 60px;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	color : var(--color_light);
	border : 2px solid var(--color_acc);
	border-radius : 9999px;
	background : var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form .submit_btn button {
		font-size : 16px;
		max-width : 200px;
		height : 50px;
	}
}
section.contact_form_area .form_box form .submit_btn button:before {
	position : absolute;
	top : 50%;
	right : 10%;
	width : 10px;
	height : 10px;
	content : "";
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%) rotate(-45deg);
	border-right : 2px solid var(--color_light);
	border-bottom : 2px solid var(--color_light);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form .submit_btn button:before {
		width : 8px;
		height : 8px;
		border-right : 1px solid var(--color_light);
		border-bottom : 1px solid var(--color_light);
	}
}
section.contact_form_area .form_box form .submit_btn button:hover {
	color : var(--color_acc);
	background : var(--color_light);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form .submit_btn button:hover {
		color : var(--color_light);
		background : var(--color_acc);
	}
}
section.contact_form_area .form_box form .submit_btn button:hover::before {
	border-right : 2px solid var(--color_acc);
	border-bottom : 2px solid var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.contact_form_area .form_box form .submit_btn button:hover::before {
		border-right : 1px solid var(--color_light);
		border-bottom : 1px solid var(--color_light);
	}
}

#mfp_overlay {
	position : fixed !important;
	top : 50% !important;
	left : 50% !important;
	-webkit-transform : translate(-50%, -50%);
	transform : translate(-50%, -50%);
}
#mfp_overlay #mfp_overlay_inner {
	padding : 30px !important;
}
#mfp_overlay #mfp_overlay_inner h4 {
	font-size : 18px;
	font-weight : var(--fw_md);
	color : var(--color_acc);
}
#mfp_overlay #mfp_overlay_inner #mfp_confirm_table {
	margin : 20px auto 0;
}
#mfp_overlay #mfp_overlay_inner #mfp_confirm_table tr:last-child {
	border-bottom : solid 1px var(--color_sub) !important;
}
#mfp_overlay #mfp_overlay_inner #mfp_confirm_table tr.mfp_colored {
	background : var(--color_sub2);
}
#mfp_overlay #mfp_overlay_inner #mfp_confirm_table th,#mfp_overlay #mfp_overlay_inner #mfp_confirm_table td {
	font-size : var(--fz_sm);
	padding : 20px 10px;
	vertical-align : baseline;
	border-top : solid 1px var(--color_sub);
}
@media screen and (max-width: 768px) {
	#mfp_overlay #mfp_overlay_inner #mfp_confirm_table th,#mfp_overlay #mfp_overlay_inner #mfp_confirm_table td {
		font-size : var(--fz_xs);
	}
}
#mfp_overlay #mfp_overlay_inner #mfp_confirm_table th {
	color : var(--color_acc) !important;
}
@media screen and (max-width: 768px) {
	#mfp_overlay #mfp_overlay_inner #mfp_confirm_table th {
		width : 100px;
	}
}
#mfp_overlay #mfp_overlay_inner .mfp_buttons {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	margin : 20px auto 0;

	gap : 0 10px;
}
@media screen and (max-width: 768px) {
	#mfp_overlay #mfp_overlay_inner .mfp_buttons {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;
		margin : 30px auto 0;

		gap : 0;
	}
}
#mfp_overlay #mfp_overlay_inner .mfp_buttons button {
	font-size : 18px;
	font-weight : var(--fw_md);
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 250px;
	height : 50px;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	color : var(--color_light);
	border-radius : 9999px;
}
#mfp_overlay #mfp_overlay_inner .mfp_buttons button:hover {
	opacity : 0.75;
}
#mfp_overlay #mfp_overlay_inner .mfp_buttons button#mfp_button_send {
	background : var(--color_acc);
}
#mfp_overlay #mfp_overlay_inner .mfp_buttons button#mfp_button_cancel {
	background : var(--color_dark);
}
/*# sourceMappingURL=layout.css.map */