@charset "utf-8";

/*初期設定*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');
:root {
	--main-color: #ffd800;
	--basic-width: 780;
	--basic-wpx: calc(var(--basic-width) * 1px);
	--basic-wpct: calc(1 / var(--basic-width) * 100%);
	--basic-vw: calc(1 / var(--basic-width) * 100vw);
}
body {
	background-color: #fff;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	color: #000;
}
body * {
	box-sizing: border-box;
}
img {
	width: 100%;
	height: auto;
}
.c_body_inr {
	width: min(100%, var(--basic-wpx));
	margin: 0 auto;
	background-color: var(--main-color);
	position: relative;
}

/*ナビ*/
.c_navi {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 900;
	background-color: var(--main-color);
	padding: calc(46 * var(--basic-wpct)) 0;
}
.c_navi_inr {
	position: relative;
}
.c_navi_opn {
	width: calc(30 * var(--basic-wpct));
	margin: 0 calc(40 * var(--basic-wpct)) 0 auto;
	cursor: pointer;
}
.c_navi_pd {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	z-index: 910;
	background-color: var(--main-color);
}
.c_navi_cls {
	width: calc(30 * var(--basic-wpct));
	margin: 0 calc(40 * var(--basic-wpct)) 0 auto;
	cursor: pointer;
	padding-top: calc(46 * var(--basic-wpct));
}
.c_navi_list {
	margin-top: calc(78 * var(--basic-wpct));
	padding-left: calc(68 * var(--basic-wpct));
}
.c_navi_list li:nth-of-type(n+2) {
	margin-top: calc(56 * var(--basic-wpct));
}
.c_navi_list li a {
	font-weight: 700;
	font-size: min(calc(34 * var(--basic-vw)), 34px);
	text-decoration: none;
	color: #000;
	letter-spacing: 0.15em;
}

/*ヘッダー*/
.c_hdr {
	position: relative;
}
.c_hdr_inr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: calc(100 * var(--basic-wpct));
}
.c_hdr_ttl {
	padding-left: calc(92 * var(--basic-wpct));
}
.c_hdr_ttl_en {
	font-weight: 700;
	font-size: min(calc(24 * var(--basic-vw)), 24px);
	letter-spacing: 0.2em;
}
.c_hdr_ttl_jp {
	font-size: min(calc(48 * var(--basic-vw)), 48px);
	margin-top: calc(24 * var(--basic-wpct));
}

/*コンテンツ*/
.c_cont {
	position: relative;
}
.c_link_inq {
	display: block;
	width: calc(308 * var(--basic-wpct));
	margin: 0 auto;
}

/*ページトップ*/
.c_pagetop {
	position: sticky;
	left: 0;
	bottom: 0;
	background-color: #000;
	padding: calc(25 * var(--basic-wpct)) 0 calc(88 * var(--basic-wpct));
}
.c_pagetop a {
	display: block;
	width: calc(130 * var(--basic-wpct));
	margin: 0 auto;
}