@charset "utf-8";

/*ナビ*/
.top_navi_logo {
	width: calc(172 * var(--basic-wpct));
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(64 * var(--basic-wpct));
}

/*ヘッダー*/
.c_hdr_inr {
	padding-top: calc(58 * var(--basic-wpct));
}
.c_hdr_ttl {
	padding-left: calc(68 * var(--basic-wpct));
}
.c_hdr_ttl_jp {
	font-size: min(calc(42 * var(--basic-vw)),42px);
	line-height: calc(62.3622 / 42);
}

/*コンテンツ1*/
.top_cont_1 {
	padding: 0 0 calc(96 * var(--basic-wpct));
	position: relative;
}
.top_cont_1::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: calc(46 * var(--basic-wpct));
	height: 0;
	padding-top: calc(504 * var(--basic-wpct));
	background: url("../img/top/top_cont_1_bg.svg") no-repeat top left;
	background-size: 100% 100%;
	margin-top: calc(-116 * var(--basic-wpct));
}
.top_cont_1_ttl {
	width: calc(192 * var(--basic-wpct));
	margin: calc(-6 * var(--basic-wpct)) auto 0;
}
.top_cont_1_txt {
	margin-top: calc(68 * var(--basic-wpct));
	font-weight: 700;
	font-size: min(calc(26 * var(--basic-vw)),26px);
	text-align: center;
	line-height: calc(42.5197 / 26);
	letter-spacing: 0.15em;
}
.top_cont_1_navi {
	display: flex;
	justify-content: center;
	gap: calc(112 * var(--basic-wpct));
	margin-top: calc(82 * var(--basic-wpct));
}
.top_cont_1_navi a {
	display: block;
	width: calc(248 * var(--basic-wpct));
}

/*フッター*/
.top_ftr {
	background-color: #000;
	color: var(--main-color);
	padding: calc(34 * var(--basic-wpct)) 0 calc(62 * var(--basic-wpct));
}
.top_ftr_logo {
	width: calc(154 * var(--basic-wpct));
	margin: 0 auto;
}
.top_ftr_body {
	width: calc(500 * var(--basic-wpct));
	margin: min(calc(24 * var(--basic-vw)), 24px) auto 0;
}
.top_ftr_name {
	font-size: min(calc(19 * var(--basic-vw)), 19px);
	letter-spacing: 0.2em;
}
.top_ftr_btm {
	display: flex;
	justify-content: space-between;
	font-size: min(calc(14 * var(--basic-vw)), 14px);
	line-height: calc(19.8425 / 14);
	letter-spacing: 0.2em;
	margin-top: 0.6em;
}