@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;
	}
}

html {
	font-family : var(--fontFamily_sansSerif);
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	width : 100%;
	height : 100%;

	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
	-webkit-tap-highlight-color : transparent;
	-webkit-text-size-adjust : 100%;
}
html.is_spOverflow {
	overflow : hidden;
	height : 100%;
}

body.is_spOverflow {
	overflow : hidden;
	height : 100%;
}

.wrapper {
	position : relative;
	min-height : 100vh;
}

header {
	position : fixed;
	z-index : 10;
	top : 0;
	left : 0;
	width : 100%;
	height : 80px;
	color : var(--color_dark);
	border : 2px solid var(--color_sub);
	border-top : none;
	border-radius : 0 0 5vw 5vw;
	background : var(--color_light);
}
@media screen and (max-width: 1024px) {
	header {
		height : 60px;
		border : 1px solid var(--color_sub);
		border-top : none;
		border-top : none;
	}
}
header .inner {
	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;
	width : 90%;
	max-width : 1200px;
	height : 100%;
	margin : 0 auto;
}
header .inner .logo_area {
	visibility : visible;
	-webkit-transition : all 0.5s ease;
	transition : all 0.5s ease;
	opacity : 1;
}
header .inner .logo_area.is_spHeader {
	visibility : hidden;
	opacity : 0;
}
header .inner .logo_area a {
	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 : 240px;
	height : auto;
	-webkit-transition : all 0.5s ease;
	transition : all 0.5s ease;
}
header .inner .logo_area a:hover {
	opacity : 0.75;
}
@media screen and (max-width: 1024px) {
	header .inner .logo_area a {
		width : 220px;
	}
}
header .inner .logo_area a img {
	width : 100%;
	height : auto;
}
header .inner nav {
	position : relative;
}
header .inner nav a.logo_box {
	display : none;
}
@media screen and (max-width: 1024px) {
	header .inner nav a.logo_box {
		position : absolute;
		top : 17.5px;
		left : 5.25%;
		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 : 220px;
	}
	header .inner nav a.logo_box img {
		width : 100%;
		height : auto;
	}
}
@media screen and (max-width: 1024px) {
	header .inner nav {
		position : fixed;
		top : 0%;
		left : 0%;
		display : none;
		visibility : hidden;
		width : 100vw;
		height : 100dvh;
		-webkit-transition : all 0.75s ease;
		transition : all 0.75s ease;
		opacity : 0;
		background : none;
	}
	header .inner nav.is_spNav {
		display : block;
		visibility : visible;
		overflow : hidden;
		opacity : 1;
	}
}
header .inner nav >ul {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : end;
	-ms-flex-pack : end;
	justify-content : flex-end;

	gap : 0 40px;
}
@media screen and (max-width: 1024px) {
	header .inner nav >ul {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;
		-webkit-box-pack : start;
		-ms-flex-pack : start;
		justify-content : flex-start;
		width : 100%;
		height : auto;
		margin : 100px auto 0;

		gap : 0;
	}
}
header .inner nav >ul li {
	display : grid;

	place-items : center;
}
@media screen and (max-width: 1024px) {
	header .inner nav >ul li {
		width : 90%;
		border-bottom : 1px solid rgba(255, 255, 255, 0.5);
	}
	header .inner nav >ul li:first-child {
		border-top : 1px solid rgba(255, 255, 255, 0.5);
	}
}
header .inner nav >ul li a {
	font-size : 15px;
	font-weight : 600;
	position : relative;
	display : grid;
	width : auto;
	height : 100%;
	letter-spacing : 0.5px;

	place-items : center;
}
@media screen and (max-width: 1024px) {
	header .inner nav >ul li a {
		font-size : 18px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		align-items : center;
		-ms-flex-align : center;
		-webkit-box-pack : start;
		-ms-flex-pack : start;
		justify-content : flex-start;
		width : 100%;
		height : auto;
		padding : 20px 5%;
		color : var(--color_light);
	}
}
header .inner nav >ul li:nth-child(-n+3) a {
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
}
header .inner nav >ul li:nth-child(-n+3) a:hover {
	color : var(--color_acc);
}
@media screen and (max-width: 768px) {
	header .inner nav >ul li:nth-child(-n+3) a:hover {
		color : var(--color_light);
	}
}
header .inner nav >ul li:nth-child(-n+3) a.current_link {
	color : var(--color_acc);
}
@media screen and (max-width: 1024px) {
	header .inner nav >ul li:nth-child(-n+3) a.current_link {
		color : var(--color_light);
	}
}
header .inner nav >ul li:last-child {
	display : grid;
	width : 180px;
	height : 40px;

	place-items : center;
}
@media screen and (max-width: 1024px) {
	header .inner nav >ul li:last-child {
		display : none;
	}
}
header .inner nav >ul li:last-child a {
	line-height : 1;
	display : grid;
	width : 100%;
	height : 100%;
	-webkit-transition : all 0.3s;
	transition : all 0.3s;
	color : var(--color_light);
	border : 2px solid var(--color_acc);
	border-radius : 30px;
	background : var(--color_acc);

	place-items : center;
}
header .inner nav >ul li:last-child a:hover {
	color : var(--color_acc);
	background : var(--color_light);
}
header .inner nav .contact_btn_area {
	display : none;
	width : 100%;
	height : auto;
	margin : 60px auto 0;
}
@media screen and (max-width: 1024px) {
	header .inner nav .contact_btn_area {
		display : block;
	}
}
header .inner nav .contact_btn_area ul {
	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;
	width : 100%;
}
header .inner nav .contact_btn_area ul li {
	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;
	width : 90%;
	max-width : 380px;
	height : 60px;
}
header .inner nav .contact_btn_area ul li:nth-child(n+2) {
	margin : 15px auto 0;
}
@media screen and (max-width: 768px) {
	header .inner nav .contact_btn_area ul li {
		max-width : 285px;
		height : 50px;
	}
}
header .inner nav .contact_btn_area ul li 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 : 100%;
	height : 100%;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	border-radius : 30px;
}
header .inner nav .contact_btn_area ul li a:before {
	position : absolute;
	top : 50%;
	left : 8.95%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
header .inner nav .contact_btn_area ul li a::after {
	position : absolute;
	top : 50%;
	right : 8.95%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
header .inner nav .contact_btn_area ul li:nth-child(1) a {
	font-size : 16px;
	font-weight : var(--fw_md);
	color : var(--color_acc);
	border : 2px solid var(--color_acc);
	background : var(--color_light);
}
header .inner nav .contact_btn_area ul li:nth-child(1) a::before {
	width : 27px;
	height : 18px;
	content : "";
	background : url("/common/img/common_icon_mail.svg") no-repeat center/contain;
}
header .inner nav .contact_btn_area ul li:nth-child(1) a::after {
	width : 8px;
	height : 8px;
	content : "";
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%) rotate(-45deg);
	border-right : 1px solid var(--color_acc);
	border-bottom : 1px solid var(--color_acc);
}
header .inner nav .contact_btn_area ul li:nth-child(1) a:hover {
	opacity : 0.75;
}
header .inner nav .contact_btn_area ul li:nth-child(2) a {
	font-size : 24px;
	font-weight : var(--fw_md);
	cursor : pointer;
	pointer-events : all;
	color : var(--color_light);
	border : 1px solid var(--color_light);
	background : var(--color_acc);
}
header .inner nav .contact_btn_area ul li:nth-child(2) a::before {
	width : 20.5px;
	height : 27px;
	content : "";
	background : url("/common/img/common_icon_tel.svg") no-repeat center/contain;
}
header .inner nav .contact_btn_area ul li:nth-child(2) a:hover {
	opacity : 0.75;
}
header .inner .hamburger_box {
	position : relative;
	display : none;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 45px;
	height : 45px;
	cursor : pointer;
	border-radius : 50%;
	background : var(--color_acc);
}
@media screen and (max-width: 1024px) {
	header .inner .hamburger_box {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-transition : all 0.5s ease;
		transition : all 0.5s ease;
		border : 2px solid var(--color_light);
	}
	header .inner .hamburger_box::after {
		position : absolute;
		z-index : -1;
		top : 50%;
		left : 50%;
		width : 39px;
		height : 39px;
		content : "";
		-webkit-transition : all 0.5s ease;
		transition : all 0.5s ease;
		-webkit-transform : translate(-50%, -50%);
		transform : translate(-50%, -50%);
		border-radius : 50%;
		background : var(--color_acc);
	}
}
header .inner .hamburger_box div {
	position : relative;
	width : 20px;
	height : 15px;
}
header .inner .hamburger_box span {
	position : absolute;
	width : 20px;
	height : 2px;
	-webkit-transition : all 0.5s ease;
	transition : all 0.5s ease;
	background : var(--color_light);
}
header .inner .hamburger_box span:nth-child(1) {
	top : -1px;
	left : 0;
}
header .inner .hamburger_box span:nth-child(2) {
	top : 50%;
	left : 0;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
header .inner .hamburger_box span:nth-child(3) {
	bottom : -1px;
	left : 0;
}
header .inner .hamburger_box.is_hamburger span {
	position : absolute;
	width : 20px;
	height : 2px;
}
header .inner .hamburger_box.is_hamburger span:nth-child(1) {
	top : 50%;
	left : 0;
	-webkit-transform : translateY(-50%) rotate(45deg);
	transform : translateY(-50%) rotate(45deg);
}
header .inner .hamburger_box.is_hamburger span:nth-child(2) {
	visibility : hidden;
	opacity : 0;
}
header .inner .hamburger_box.is_hamburger span:nth-child(3) {
	top : 50%;
	bottom : auto;
	left : 0;
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%) rotate(-45deg);
}
header .inner .hamburger_box.is_hamburger::after {
	-webkit-transition : all 0.5s ease;
	transition : all 0.5s ease;
	-webkit-transform : translate(-50%, -50%) scale(70);
	transform : translate(-50%, -50%) scale(70);
}

main {
	margin : 80px auto 140px;
}
@media screen and (max-width: 1024px) {
	main {
		margin : 60px auto 110px;
	}
}

footer {
	overflow : hidden;
	width : 100%;
	height : auto;
	padding : 80px 0;
	border-radius : 5vw 5vw 0 0;
	background : var(--color_main);
}
@media screen and (max-width: 1024px) {
	footer {
		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;
		padding : 40px 0;
	}
}
footer .footer_inner {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : 100%;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;
		width : 90%;
		max-width : 400px;
		height : 100%;
	}
}
footer .footer_inner .l_box {
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	align-items : flex-start;
	-ms-flex-align : start;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 60%;
	height : 100%;
	max-height : 360px;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .l_box {
		width : 100%;
	}
}
footer .footer_inner .l_box .inner {
	position : relative;
	width : 100%;
	height : auto;
}
footer .footer_inner .l_box .inner .ttl_area {
	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;
}
footer .footer_inner .l_box .inner .ttl_area p {
	font-size : var(--fz_md);
	font-weight : var(--fw_md);
	letter-spacing : 0.5px;
	color : var(--color_dark);
}
footer .footer_inner .l_box .inner .ttl_area p span {
	font-size : var(--fz_xl);
	font-weight : var(--fw_lg);
	display : inline-block;
	margin-right : 20px;
	color : var(--color_dark);
}
footer .footer_inner .l_box .inner .facebook_area {
	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%;
	max-width : 500px;
	margin : 30px auto 0;
}
footer .footer_inner .l_box .inner .facebook_area .fb-page {
	width : 100%;
}
@media screen and (max-width: 768px) {
	footer .footer_inner .l_box .inner .facebook_area .fb-page {
		display : grid !important;
		width : 100% !important;
		margin : 0 auto !important;

		place-items : center !important;
	}
}
@media screen and (max-width: 768px) {
	footer .footer_inner .l_box .inner .facebook_area .fb-page iframe {
		display : grid !important;
		width : 100% !important;
		margin : 0 auto !important;

		place-items : center !important;
	}
}
footer .footer_inner .l_box::after {
	position : absolute;
	top : 0;
	right : -1px;
	width : 2px;
	height : 100%;
	content : "";
	background : var(--color_sub);
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .l_box::after {
		display : none;
	}
}
footer .footer_inner .r_box {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	align-items : flex-start;
	-ms-flex-align : start;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 40%;
	height : 100%;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .r_box {
		width : 100%;
	}
}
footer .footer_inner .r_box .inner {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction : column;
	flex-direction : column;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : 360px;
	max-height : 100%;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .r_box .inner {
		height : 90%;
		margin : 50px auto 0;
		padding-top : 40px;
		border-top : 1px solid var(--color_sub);
	}
}
footer .footer_inner .r_box .inner .logo_area {
	display : grid;

	place-items : center;
}
footer .footer_inner .r_box .inner .logo_area a {
	width : 300px;
	height : auto;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .r_box .inner .logo_area a {
		width : 225px;
		height : auto;
	}
}
footer .footer_inner .r_box .inner .logo_area a img {
	width : 100%;
	height : auto;
}
footer .footer_inner .r_box .inner .contact_btn_area {
	width : 100%;
	height : auto;
	margin : 0 auto;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .r_box .inner .contact_btn_area {
		margin : 30px auto 0;
	}
}
footer .footer_inner .r_box .inner .contact_btn_area ul {
	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;
	width : 100%;
}
footer .footer_inner .r_box .inner .contact_btn_area ul li {
	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;
	width : 90%;
	max-width : 380px;
	height : 60px;
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(n+2) {
	margin : 15px auto 0;
}
@media screen and (max-width: 768px) {
	footer .footer_inner .r_box .inner .contact_btn_area ul li {
		max-width : 285px;
		height : 50px;
	}
}
footer .footer_inner .r_box .inner .contact_btn_area ul li 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 : 100%;
	height : 100%;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	border-radius : 30px;
}
footer .footer_inner .r_box .inner .contact_btn_area ul li a:before {
	position : absolute;
	top : 50%;
	left : 8.95%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
footer .footer_inner .r_box .inner .contact_btn_area ul li a::after {
	position : absolute;
	top : 50%;
	right : 8.95%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a {
	font-size : 20px;
	font-weight : var(--fw_md);
	color : var(--color_acc);
	border : 2px solid var(--color_acc);
	background : var(--color_light);
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a::before {
	width : 31px;
	height : 24px;
	content : "";
	background : url("/common/img/common_icon_mail.svg") no-repeat center/contain;
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a::after {
	width : 10px;
	height : 10px;
	content : "";
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%) rotate(-45deg);
	border-right : 2px solid var(--color_acc);
	border-bottom : 2px solid var(--color_acc);
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a:hover {
	opacity : 0.75;
}
@media screen and (max-width: 768px) {
	footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a {
		font-size : 16px;
		border : 1px solid var(--color_acc);
	}
	footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a::before {
		width : 27px;
		height : 18px;
	}
	footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(1) a::after {
		width : 8px;
		height : 8px;
		border-right : 1px solid var(--color_acc);
		border-bottom : 1px solid var(--color_acc);
	}
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(2) a {
	font-size : var(--fz_lg);
	font-weight : var(--fw_md);
	cursor : none;
	pointer-events : none;
	color : var(--color_light);
	background : var(--color_acc);
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(2) a::before {
	width : 27px;
	height : 36px;
	content : "";
	background : url("/common/img/common_icon_tel.svg") no-repeat center/contain;
}
footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(2) a:hover {
	opacity : 0.75;
}
@media screen and (max-width: 1024px) {
	footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(2) a {
		cursor : pointer;
		pointer-events : all;
	}
}
@media screen and (max-width: 768px) {
	footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(2) a {
		font-size : 24px;
	}
	footer .footer_inner .r_box .inner .contact_btn_area ul li:nth-child(2) a::before {
		width : 20.5px;
		height : 27px;
	}
}
footer .footer_inner .r_box .inner .copyright_area {
	display : grid;
	margin : 0 auto;

	place-items : center;
}
@media screen and (max-width: 768px) {
	footer .footer_inner .r_box .inner .copyright_area {
		margin : 30px auto 0;
	}
}
footer .footer_inner .r_box .inner .copyright_area small {
	font-size : var(--fz_xs);
	font-weight : var(--fw_sm);
	color : var(--color_dark);
}

.ov {
	-webkit-transition : all 0.3s;
	transition : all 0.3s;
}
.ov:hover {
	opacity : 0.75;
}

a.btn {
	font-size : var(--fz_md);
	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;
	min-width : 250px;
	min-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 : 30px;
	background : var(--color_acc);
}
@media screen and (max-width: 768px) {
	a.btn {
		min-width : 230px;
		min-height : 50px;
		border : 1px solid var(--color_acc);
		border-radius : 25px;
	}
}
a.btn::after {
	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%);
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%);
	transform : translateY(-50%) rotate(-45deg);
	border-right : 2px solid var(--color_light);
	border-bottom : 2px solid var(--color_light);
}
a.btn:hover {
	color : var(--color_acc);
	background : var(--color_light);
}
a.btn:hover::after {
	border-right : 2px solid var(--color_acc);
	border-bottom : 2px solid var(--color_acc);
}

.breadcrumbs_area {
	width : 100%;
	height : auto;
	margin : 0 auto;
	padding : 20px 0;
}
@media screen and (max-width: 768px) {
	.breadcrumbs_area {
		padding : 15px 0;
	}
}
.breadcrumbs_area .inner {
	width : 90%;
	max-width : 1200px;
	height : auto;
	margin : 0 auto;
}
.breadcrumbs_area .inner ul {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : start;
	-ms-flex-pack : start;
	justify-content : flex-start;
}
.breadcrumbs_area .inner ul li {
	font-size : 14px;
	font-weight : var(--fw_md);
	position : relative;
	color : var(--color_dark);
}
@media screen and (max-width: 768px) {
	.breadcrumbs_area .inner ul li {
		font-size : 12px;
	}
}
.breadcrumbs_area .inner ul li a {
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
}
.breadcrumbs_area .inner ul li a:hover {
	opacity : 0.75;
}
.breadcrumbs_area .inner ul li:nth-child(n+2) {
	margin-left : 25px;
	padding-left : 25px;
}
@media screen and (max-width: 768px) {
	.breadcrumbs_area .inner ul li:nth-child(n+2) {
		margin-left : 15px;
		padding-left : 15px;
	}
}
.breadcrumbs_area .inner ul li:nth-child(n+2)::before {
	position : absolute;
	top : 50%;
	left : -4px;
	width : 8px;
	height : 8px;
	content : "";
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%) rotate(-45deg);
	border-right : 2px solid var(--color_dark);
	border-bottom : 2px solid var(--color_dark);
}
@media screen and (max-width: 768px) {
	.breadcrumbs_area .inner ul li:nth-child(n+2)::before {
		left : -6px;
		width : 6px;
		height : 6px;
		border-right : 1px solid var(--color_dark);
		border-bottom : 1px solid var(--color_dark);
	}
}
.breadcrumbs_area .inner ul li:last-child {
	color : var(--color_acc);
}

.page_ttl_area {
	position : relative;
	width : 100%;
	height : auto;
	margin : 0 auto 50px;
}
@media screen and (max-width: 768px) {
	.page_ttl_area {
		margin : 0 auto 40px;
	}
}
.page_ttl_area .bg_area {
	position : relative;
	z-index : 1;
	overflow : hidden;
	width : 80%;
	height : 250px;
	margin : 0 0 0 auto;
	border-radius : 0 0 0 200px;
	background : var(--color_sub2);
}
@media screen and (max-width: 768px) {
	.page_ttl_area .bg_area {
		height : 150px;
	}
}
.page_ttl_area .ttl_box {
	position : absolute;
	z-index : 2;
	top : 50%;
	left : 50%;
	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%;
	height : 100%;
	margin : 0 auto;
	-webkit-transform : translate(-50%, -50%);
	transform : translate(-50%, -50%);
}
.page_ttl_area .ttl_box .inner {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
}
.page_ttl_area .ttl_box .inner h1 {
	font-size : var(--fz_h1);
	font-weight : var(--fw_lg);
	color : var(--color_acc);
}
.page_ttl_area .ttl_box .inner p {
	font-size : var(--fz_lg);
	font-weight : var(--fw_lg);
	margin-top : 10px;
	color : var(--color_dark);
}
@media screen and (max-width: 768px) {
	.page_ttl_area .ttl_box .inner p {
		margin-top : 5px;
	}
}

.cta_area {
	width : 100%;
	height : auto;
	margin : 60px auto 0;
}
@media screen and (max-width: 768px) {
	.cta_area {
		margin : 40px auto 0;
	}
}
.cta_area .inner {
	width : 90%;
	max-width : 1000px;
	margin : 0 auto;
}
.cta_area .inner .txt_box {
	display : grid;

	place-items : center;
}
.cta_area .inner .txt_box p {
	font-size : 20px;
	line-height : var(--lh_lg);
	text-align : center;
	color : var(--color_dark);
}
@media screen and (max-width: 768px) {
	.cta_area .inner .txt_box p {
		font-size : 16px;
	}
}
.cta_area .inner .contact_btn_area {
	width : 100%;
	height : auto;
	margin : 60px auto 0;
}
@media screen and (max-width: 1024px) {
	.cta_area .inner .contact_btn_area {
		margin : 30px auto 0;
	}
}
.cta_area .inner .contact_btn_area ul {
	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%;

	gap : 0 35px;
}
@media screen and (max-width: 1024px) {
	.cta_area .inner .contact_btn_area ul {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;

		gap : 25px 0;
	}
}
.cta_area .inner .contact_btn_area ul li {
	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 : 456px;
	height : 72px;
}
@media screen and (max-width: 768px) {
	.cta_area .inner .contact_btn_area ul li {
		max-width : 350px;
		height : 60px;
	}
}
.cta_area .inner .contact_btn_area ul li 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 : 100%;
	height : 100%;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	border-radius : 9999px;
}
.cta_area .inner .contact_btn_area ul li a:before {
	position : absolute;
	top : 52%;
	left : 10%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.cta_area .inner .contact_btn_area ul li a::after {
	position : absolute;
	top : 52%;
	right : 8.95%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.cta_area .inner .contact_btn_area ul li:nth-child(1) a {
	font-size : var(--fz_xl);
	font-weight : var(--fw_md);
	cursor : none;
	pointer-events : none;
	color : var(--color_light);
	background : var(--color_acc);
}
.cta_area .inner .contact_btn_area ul li:nth-child(1) a::before {
	width : 32px;
	height : 43px;
	content : "";
	background : url("/common/img/common_icon_tel.svg") no-repeat center/contain;
}
.cta_area .inner .contact_btn_area ul li:nth-child(1) a:hover {
	opacity : 0.75;
}
@media screen and (max-width: 1024px) {
	.cta_area .inner .contact_btn_area ul li:nth-child(1) a {
		cursor : pointer;
		pointer-events : all;
	}
}
@media screen and (max-width: 768px) {
	.cta_area .inner .contact_btn_area ul li:nth-child(1) a {
		font-size : 24px;
	}
	.cta_area .inner .contact_btn_area ul li:nth-child(1) a::before {
		width : 26px;
		height : 34px;
	}
}
.cta_area .inner .contact_btn_area ul li:nth-child(2) a {
	font-size : var(--fz_lg);
	font-weight : var(--fw_md);
	color : var(--color_acc);
	border : 2px solid var(--color_acc);
	background : var(--color_light);
}
.cta_area .inner .contact_btn_area ul li:nth-child(2) a::before {
	width : 37px;
	height : 29px;
	content : "";
	background : url("/common/img/common_icon_mail.svg") no-repeat center/contain;
}
.cta_area .inner .contact_btn_area ul li:nth-child(2) a::after {
	width : 12px;
	height : 12px;
	content : "";
	-webkit-transform : translateY(-50%) rotate(-45deg);
	transform : translateY(-50%) rotate(-45deg);
	border-right : 2px solid var(--color_acc);
	border-bottom : 2px solid var(--color_acc);
}
.cta_area .inner .contact_btn_area ul li:nth-child(2) a:hover {
	opacity : 0.75;
}
@media screen and (max-width: 768px) {
	.cta_area .inner .contact_btn_area ul li:nth-child(2) a {
		font-size : 16px;
		border : 1px solid var(--color_acc);
	}
	.cta_area .inner .contact_btn_area ul li:nth-child(2) a::before {
		width : 32px;
		height : 23px;
	}
	.cta_area .inner .contact_btn_area ul li:nth-child(2) a::after {
		width : 8px;
		height : 8px;
		border-right : 1px solid var(--color_acc);
		border-bottom : 1px solid var(--color_acc);
	}
}
/*# sourceMappingURL=common.css.map */
