@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=BBH+Bogle&family=Koulen&display=swap");
body {
	/* min-width: 1240px; */
	color: #333333;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 500;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	outline: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}
body.-start {
	cursor: none;
}
img {
	max-width: 100%;
	height: auto;
}
.cursor {
	position: fixed;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	z-index: 6666;
	pointer-events: none;
	opacity: 0;
}
.cursor::before {
	content: "";
	background: url(../img/cursor.webp) center / 100% 100%;
	transform-origin: bottom;
	bottom: 0;
	right: 50%;
	transform: translateX(50%) rotate(50deg);
	width: 75px;
	height: 225.5px;
	display: block;
	position: absolute;
	opacity: 0;
	transition: all 0.8s;
}
.-start .cursor::before {
	opacity: 1;
}
.main {
	width: 100dvw;
	height: 100dvh;
	position: relative;
}
.logo {
	position: absolute;
	left: 46px;
	top: 30px;
	z-index: 10;
}
.canv {
	width: 100%;
	height: 100%;
	background-color: #f6eb3c;
	position: relative;
	overflow: clip;
}
.canv_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 70px 15dvw;
	box-sizing: border-box;
	position: relative;
}
.kyusu {
	position: absolute;
	right: 90dvw;
	z-index: 3;
	width: 26.8%;
	transform: translateX(15%);
	max-width: 450px;
	top: 10%;
}
.chopstick {
	position: absolute;
	width: 7.3%;
	max-width: 105px;
	transform: rotate(23deg);
	bottom: -27%;
	z-index: 6;
	right: 84%;
	pointer-events: none;
}
.chopstick_item {
	position: absolute;
	z-index: 6;
	left: 0;
	top: 0;
}
.chopstick_item01 {
	z-index: 2;
}
.chopstick_item02 {
	z-index: 1;
	transition: transform 0.8s, opacity 0.4s 0.2s;
}
.-let .chopstick_item02 {
	opacity: 0;
	transform: translateY(-40%);
}
.chopstick_base {
}
.ochoco {
	width: 13.5%;
	position: absolute;
	z-index: 3;
	right: 1.6%;
	top: 3%;
	max-width: 175px;
}
.ochoco_num {
	position: absolute;
	right: 50%;
	transform: translate(50%, 50%);
	bottom: 50%;
	z-index: 2;
	font-family: "BBH Bogle";
	width: 83px;
	height: 100px;
	line-height: 1.2;
}
.ochoco_num_variable {
	font-size: 50px;
	position: absolute;
	left: 0;
	top: 0;
}
.ochoco_num_slash {
	display: block;
	width: 38px;
	height: 4px;
	background: #333;
	transform: rotate(-45deg);
	position: absolute;
	right: 18%;
	bottom: 41%;
}
.ochoco_num_base {
	font-size: 36px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.ochoco img {
	position: relative;
	z-index: 1;
}
.zouni {
	position: absolute;
	left: 90dvw;
	z-index: 3;
	width: 26.8%;
	transform: translateX(-15%);
	max-width: 450px;
	top: 23%;
}
.canv_start {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	z-index: 5555;
}
.canv_start_cnt {
	width: 100%;
	max-width: 600px;
	height: 545px;
	background-color: #ffffff;
	border: 6px solid #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	padding: 0 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s 1.4s;
}
.-load .canv_start_cnt {
	opacity: 1;
	visibility: visible;
}
.canv_start_ttl {
	text-align: center;
	margin-bottom: 35px;
}
.canv_start_txt {
	text-align: center;
	margin-bottom: 10px;
}
.canv_start_btn {
	height: 100px;
	display: flex;
	align-items: center;
}
.canv_start_btn button {
	width: 220px;
	height: 70px;
	border: 6px solid #000;
	background-color: #ffffff;
	border-radius: 15px;
	font-size: 48px;
	font-family: "Koulen", sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: scale 0.1s;
}
.canv_start_btn button:hover {
	background-color: #ffff00;
}
.canv_start_btn button:active {
	scale: 1.2;
}
.canv_modalbg {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: 4444;
}
.canv_modalbg.-active {
	opacity: 1;
	visibility: visible;
}
.modalclose {
	width: 73px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	border: solid #000000 6px;
	background: #ffffff;
	position: absolute;
	cursor: none;
}
.modalclose:hover {
	scale: 1.2;
}
.modalclose span {
	width: 58%;
	height: 6px;
	border-radius: 9999px;
	display: block;
	background: #000000;
	position: absolute;
	right: 50%;
	bottom: 50%;
	transform: translate(50%, 50%) rotate(45deg);
	position: absolute;
}
.modalclose span:last-child {
	transform: translate(50%, 50%) rotate(-45deg);
}
.staff {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 50%;
	bottom: 50%;
	transform: translate(50%, 50%);
	z-index: 4445;
	height: auto;
	aspect-ratio: 1 / 1;
	width: min(calc(100% - 20px), calc(100dvh - 180px), 700px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.staff.-active {
	opacity: 1;
	visibility: visible;
}
.staff_wrap {
	width: 100%;
	height: 100%;
	background: #333333;
	border: #000 solid 6px;
	border-radius: 30px;
	padding: 4% 5%;
	display: grid;
	grid-template-columns: 4fr 5fr;
}
.staff_hd {
	padding: 85% 10px 20px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.staff_hd_ttl {
	text-align: center;
}
.staff_hd_detail {
	display: flex;
	align-items: center;
	gap: 14px;
	font-weight: bold;
	color: #ffffff;
}
.staff_hd_detail_icon {
}
.staff_hd_detail_txt {
}
.staff_hd_detail_txt_type {
	font-size: 12px;
}
.staff_hd_detail_txt_name {
	font-size: 18px;
}
.staff_card {
	max-height: 100%;
	height: 100%;
	position: relative;
	width: 100%;
}
.staff_card::before,
.staff_card::after {
	content: "";
	background: url(../img/staff-card-chopsicks@2x.webp) center / 100% 100%;
	width: 28px;
	height: 184px;
	display: block;
	position: absolute;
}
.staff_card::before {
	z-index: 1;
	transform: rotate(-16deg);
	top: -11%;
	left: 7%;
}
.staff_card::after {
	z-index: 3;
	transform: rotate(-34deg);
	top: -10%;
	left: -4%;
}
.staff_card .modalclose {
	width: 20.86%;
	z-index: 10;
	right: -10%;
	top: -3%;
}

.staff_card_cnt {
	border-radius: 15px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	background: #f6eb3c;
	position: relative;
	z-index: 2;
}
.staff_card_cnt::before,
.staff_card_cnt::after {
	content: "";
	display: block;
	position: absolute;
	background-position: center;
	background-size: 100% 100%;
}
.staff.-active .staff_card_cnt::before,
.staff.-active .staff_card_cnt::after {
	animation: katakata 0.4s 0.6s steps(1);
}
@keyframes katakata {
	from {
		transform: scaleX(-1);
	}
	to {
		transform: rotate(1);
	}
}
.staff01 .staff_card_cnt::before {
	background-image: url(../img/staff01-item01@2x.webp);
	aspect-ratio: 202 / 211;
	width: calc((202px / 345px) * 100%);
	max-width: 202px;
	right: -5%;
	bottom: -3%;
}

.staff02 .staff_card_cnt::before {
	background-image: url(../img/staff02-item01@2x.webp);
	aspect-ratio: 174 / 217;
	width: calc((174px / 345px) * 100%);
	max-width: 174px;
	bottom: -4%;
	right: -10%;
}
.staff02 .staff_card_cnt::after {
	background-image: url(../img/staff02-item02@2x.webp);
	max-width: 94px;
	width: calc((94px / 325px) * 100%);
	aspect-ratio: 94 / 77;
	bottom: 20%;
	left: 3%;
}

.staff03 .staff_card_cnt::before {
	background-image: url(../img/staff03-item01@2x.webp);
	aspect-ratio: 165 / 221;
	width: calc((165px / 345px) * 100%);
	max-width: 165px;
	right: -8%;
	bottom: -4%;
}
.staff03 .staff_card_cnt::after {
	background-image: url(../img/staff03-item02@2x.webp);
	max-width: 71px;
	width: calc((71px / 325px) * 100%);
	aspect-ratio: 71 / 110;
	bottom: 18%;
	left: 3%;
}

.staff04 .staff_card_cnt::before {
	background-image: url(../img/staff04-item01@2x.webp);
	aspect-ratio: 177 / 212;
	width: calc((177px / 345px) * 100%);
	max-width: 177px;
	right: -8%;
	bottom: -4%;
}
.staff04 .staff_card_cnt::after {
	background-image: url(../img/staff04-item02@2x.webp);
	max-width: 78px;
	width: calc((78px / 325px) * 100%);
	aspect-ratio: 78 / 74;
	left: 2%;
	bottom: 19%;
}

.staff05 .staff_card_cnt::before {
	background-image: url(../img/staff05-item01@2x.webp);
	aspect-ratio: 175 / 199;
	width: calc((175px / 345px) * 100%);
	max-width: 175px;
	right: 0;
	bottom: -2%;
}

.staff06 .staff_card_cnt::before {
	background-image: url(../img/staff06-item01@2x.webp);
	aspect-ratio: 225 / 179;
	width: calc((225px / 345px) * 100%);
	max-width: 225px;
	bottom: -4%;
	right: -10%;
}

.staff07 .staff_card_cnt::before {
	background-image: url(../img/staff07-item01@2x.webp);
	aspect-ratio: 173 / 257;
	width: calc((173px / 345px) * 100%);
	max-width: 173px;
	right: -7%;
	bottom: 1%;
}
.staff07 .staff_card_cnt::after {
	background-image: url(../img/staff07-item02@2x.webp);
	max-width: 94px;
	width: calc((94px / 325px) * 100%);
	aspect-ratio: 94 / 77;
	bottom: 22%;
	left: 2%;
}

.staff08 .staff_card_cnt::before {
	background-image: url(../img/staff08-item01@2x.webp);
	aspect-ratio: 178 / 199;
	width: calc((178px / 345px) * 100%);
	max-width: 178px;
	bottom: -3%;
	right: -6%;
}
.staff08 .staff_card_cnt::after {
	background-image: url(../img/staff04-item02@2x.webp);
	max-width: 78px;
	width: calc((78px / 325px) * 100%);
	aspect-ratio: 78 / 74;
	left: 0%;
	bottom: 22%;
}

.staff09 .staff_card_cnt::before {
	background-image: url(../img/staff09-item01@2x.webp);
	aspect-ratio: 149 / 180;
	width: calc((149px / 345px) * 100%);
	max-width: 149px;
	bottom: -3%;
	right: -5%;
}

.staff10 .staff_card_cnt::before {
	background-image: url(../img/staff10-item01@2x.webp);
	aspect-ratio: 265 / 222;
	width: calc((265px / 345px) * 100%);
	max-width: 265px;
	bottom: -8%;
	right: -13%;
}

.staff11 .staff_card_cnt::before {
	background-image: url(../img/staff11-item01@2x.webp);
	height: 235px;
	bottom: -2%;
	right: -8%;
	width: calc((201px / 345px) * 100%);
	aspect-ratio: 201 / 235;
	width: 201px;
	max-width: 265px;
}

.staff_card_aspiration {
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 75%;
}

@media screen and (max-height: 780px) {
	.staff_card_aspiration img {
		max-height: 230px;
		width: auto;
	}
}
.staff_card_btm {
	font-weight: bold;
	line-height: 1.2;
	padding: 20px 0;
	border-top: #c2b715 solid 4px;
}
.staff_card_btm_ttl {
	font-size: 12px;
}
.staff_card_btm_cnt {
	font-size: 18px;
}
.works {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4445;
	left: 0;
	top: 0;
	overflow: scroll;
	display: flex;
	justify-content: center;
	padding: 0 24px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.works.-active {
	opacity: 1;
	visibility: visible;
}
.works_wrap {
	width: 100%;
	max-width: 700px;
	padding: 100px 0;
	height: max-content;
}
.works_box {
	padding: 120px 95px;
	background: #e2e2e2;
	border-radius: 30px;
	border: #000000 solid 6px;
	position: relative;
	z-index: 4;
}
.works_box .modalclose {
	right: -35px;
	top: -35px;
}
.works_box::before {
	content: "";
	z-index: 1;
	display: block;
	background: url(../img/works-networld@2x.webp) center / cover;
	width: 100%;
	height: auto;
	aspect-ratio: 602 / 73;
	position: absolute;
	top: 74px;
	right: 50%;
	transform: translateX(50%);
}
.works_box_wrap {
	display: grid;
	grid-template-columns: auto 325px;
	z-index: 2;
	position: relative;
}
.works_hd {
}
.works_hd_ttl {
	position: sticky;
	top: 120px;
}
.works_hd_ttl_cnt {
	position: relative;
	width: fit-content;
}
.works_hd_ttl_cnt span {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	display: block;
	position: absolute;
	top: calc(100% + 10px);
	right: 50%;
	transform: translateX(50%);
	width: fit-content;
	white-space: nowrap;
}
.works_cnt {
}
.works_link {
	margin-bottom: 40px;
	display: block;
	cursor: none;
}
.works_link_img {
	border: 3px solid #000000;
	border-radius: 2px;
	overflow: hidden;
}
.works_link:hover img {
	scale: 1.2;
}
.works_link_ttl {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}
.works_box_txt {
	text-align: center;
	font-weight: bold;
}
.works_box_links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-top: 60px;
}
.works_box_links a {
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	border: 6px solid #000000;
	font-size: 18px;
	font-weight: bold;
	background: #fff;
	cursor: none;
}
.works_box_links a:hover {
	scale: 1.1;
}
.works_box_links a:active {
	scale: 1.2;
}
.works_box_links a:last-child {
	background: #ffff00;
}
.greeting {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 50%;
	bottom: 50%;
	transform: translate(50%, 50%);
	z-index: 4445;
	height: auto;
	aspect-ratio: 1 / 1;
	width: min(calc(100% - 20px), calc(100dvh - 180px), 700px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.greeting.-active {
	opacity: 1;
	visibility: visible;
}
.greeting .modalclose {
	right: 2%;
	top: 2%;
}
.greeting_hd {
	position: absolute;
	top: -6px;
	left: -15%;
	transform: rotate(-20deg);
	width: 77.14%;
}
.greeting_wrap {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	background: #333333;
}
.greeting_cnt {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 7%;
	padding: 7% 9% 0;
}

.oju {
	height: auto;
	aspect-ratio: 1 / 1;
	width: min(100%, calc(100dvh - 140px), 910px);
	z-index: 2;
	position: relative;
}
.oju_myu {
	transform-origin: bottom;
	position: absolute;
	transform: translate(10%, -60%) rotate(-10.65deg);
	top: -100%;
	left: -100%;
	z-index: 6;
	width: 21.2%;
	height: auto;
	transition: all 0.5s 0.78s;
}
.-load .oju_myu {
	top: 0%;
	left: 0%;
	transform: translate(-10%, -69%) rotate(-34.65deg);
}
.oju_myu img {
	width: 100%;
	height: auto;
}
.oju::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 174%;
	height: auto;
	aspect-ratio: 1584 / 1128;
	z-index: -1;
	background: url(../img/shadow@2x.webp) center / 100% 100%;
}
.oju_ry {
	border: 6px solid #000;
	border-radius: 4%;
	background: #fff;
	width: 100%;
	height: 100%;
	position: relative;
}
.oju_futa {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 4%;
	border: 6px solid #000;
	position: absolute;
	right: 50%;
	bottom: 50%;
	transform: translate(50%, 50%);
	z-index: 5;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	transition: all 0.3s 1.25s;
}
.-load .oju_futa {
	transform: translate(131%, 131%) rotate(-33deg);
}
.oju_futa span {
	display: flex;
}
.oju_wrap {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 2%;
	padding: 4%;
}
.oju_cnt {
	background-color: #f6eb3c;
	border: 6px #000000 solid;
	border-radius: 2%;
	position: relative;
	z-index: 2;
}

.oju_base {
	position: absolute;
	z-index: -1;
	pointer-events: none;
}
.oju_base img {
	width: 100%;
	height: auto;
}
.oju01 .oju_base {
	width: 100%;
	top: -9%;
	left: -6px;
}
.oju02 .oju_base {
	width: 81%;
	top: -11.37%;
	right: 0;
}
.oju03 .oju_base {
}
.oju03 .oju_base.oju03_base01 {
	width: 116.4%;
	bottom: 5%;
	right: -27%;
}
.oju03 .oju_base.oju03_base02 {
	width: 38%;
	z-index: 4;
	bottom: -4%;
	left: 15%;
}
.oju04 .oju_base {
	width: 109.6%;
	bottom: 0;
	right: 0;
}
.oju05 .oju_base {
	width: 117.4%;
	right: -6px;
	top: -31.4%;
}
.oju06 .oju_base {
	width: 114%;
	top: 0;
	right: -6.55%;
}
.oju07 .oju_base {
	width: 107%;
	left: -6px;
	bottom: -6px;
}
.oju08 .oju_base {
	width: 85%;
	top: -6px;
	right: 27%;
}
.oju09 .oju_base {
	width: 121%;
	left: -6px;
	top: -16.57%;
}
.oju_btn {
	position: absolute;
	z-index: 2;
	cursor: none;
}
.oju_btn:hover {
	scale: 1.15;
	z-index: 22;
}
.oju_btn:active {
	scale: 1.27;
}
.oju_btn01-1:hover {
	scale: 1.15;
}
.oju_btn01-1:active {
	scale: 1.27;
}
.oju_btn01-1 {
	width: 75%;
	left: -6px;
	bottom: -6px;
}
.oju_btn02-1:hover {
	scale: 1.15;
}
.oju_btn02-1:active {
	scale: 1.27;
}
.oju_btn02-1 {
	width: 85.8%;
	left: -6px;
	top: 2%;
}
.oju_btn02-2:hover {
	scale: 1.15;
}
.oju_btn02-2:active {
	scale: 1.27;
}
.oju_btn02-2 {
	width: 94.6%;
	bottom: -6px;
	right: 2%;
}
.oju_btn03-1:hover {
	scale: 1.08;
}
.oju_btn03-1:active {
	scale: 1.16;
}
.oju_btn03-1 {
	width: 41.3%;
	left: 23%;
	bottom: -17%;
	z-index: 3;
	transform: rotate(-45deg);
}
.oju_btn03-2:hover {
	scale: 1.25;
}
.oju_btn03-2:active {
	scale: 1.34;
}
.oju_btn03-2 {
	width: 42.3%;
	bottom: -4%;
	left: -9%;
	z-index: 5;
}
.oju_btn04-1:hover {
	scale: 1.15;
}
.oju_btn04-1:active {
	scale: 1.27;
}
.oju_btn04-1 {
	width: 59.6%;
	bottom: -6px;
	left: -7%;
}
.oju_btn05-1:hover {
	scale: 1.1;
}
.oju_btn05-1:active {
	scale: 1.16;
}
.oju_btn05-1 {
	width: 126%;
	right: -6px;
	bottom: -6%;
}
.oju_btn06-1:hover {
	scale: 1.15;
}
.oju_btn06-1:active {
	scale: 1.27;
}
.oju_btn06-1 {
	width: 95.8%;
	left: -6px;
	top: -4%;
}
.oju_btn06-2:hover {
	scale: 1.25;
}
.oju_btn06-2:active {
	scale: 1.34;
}
.oju_btn06-2 {
	width: 50.38%;
	bottom: 16%;
	left: 21%;
}
.oju_btn07-1:hover {
	scale: 1.25;
}
.oju_btn07-1:active {
	scale: 1.34;
}
.oju_btn07-1 {
	width: 35%;
	right: 16%;
	top: 10%;
}
.oju_btn07-2:hover {
	scale: 1.25;
}
.oju_btn07-2:active {
	scale: 1.34;
}
.oju_btn07-2 {
	width: 38.15%;
	left: 1%;
	bottom: 24%;
}
.oju_btn08-1:hover {
	scale: 1.1;
}
.oju_btn08-1:active {
	scale: 1.19;
}
.oju_btn08-1 {
	width: 44.07%;
	transform: rotate(23deg);
	bottom: -4%;
	right: 2%;
}
.oju_btn09-1:hover {
	scale: 1.15;
}
.oju_btn09-1:active {
	scale: 1.27;
}
.oju_btn09-1 {
	width: 74%;
	bottom: -6px;
	left: -6px;
}

@media screen and (max-width: 1240px) {
}

@media screen and (max-width: 1024px) {
	body {
	}
	body.-start {
	}
	img {
	}
	.cursor {
		display: none;
	}
	.cursor::before {
	}
	.-start .cursor::before {
	}
	.main {
	}
	.logo {
		width: 55px;
		left: 20px;
		top: 30px;
	}
	.canv {
	}
	.canv_wrap {
		padding: 0 12px;
	}
	.kyusu {
		width: 110px;
		right: 42%;
		top: -4%;
		transform: rotate(107deg);
	}
	.chopstick {
		bottom: -1%;
		width: 40px;
		right: 76%;
		transform: rotate(75deg);
	}
	.chopstick_item {
	}
	.chopstick_item01 {
	}
	.chopstick_item02 {
	}
	.-let .chopstick_item02 {
	}
	.chopstick_base {
	}
	.ochoco {
		width: 95px;
	}
	.ochoco_num {
		width: 55px;
		height: 56px;
	}
	.ochoco_num_variable {
		font-size: 35px;
	}
	.ochoco_num_slash {
		width: 28px;
		height: 3px;
		right: 12%;
		bottom: 41%;
	}
	.ochoco_num_base {
		font-size: 23px;
	}
	.zouni {
		left: 40%;
		bottom: -50px;
		top: unset;
		width: 130px;
	}
	.canv_start {
		padding: 0 12px;
	}
	.canv_start_cnt {
		height: 460px;
	}
	.-load .canv_start_cnt {
	}
	.canv_start_ttl {
		width: 230px;
		margin-bottom: 15px;
	}
	.canv_start_txt {
	}
	.canv_start_btn {
	}
	.canv_start_btn button {
		font-size: 40px;
		height: 60px;
		width: 180px;
	}
	.canv_start_btn button:hover {
	}
	.canv_start_btn button:active {
	}
	.canv_modalbg {
	}
	.canv_modalbg.-active {
	}
	.modalclose {
	}
	.modalclose:hover {
	}
	.modalclose span {
	}
	.modalclose span:last-child {
	}
	.staff {
		aspect-ratio: unset;
	}
	.staff.-active {
	}
	.staff_wrap {
		grid-template-columns: 1fr;
		padding: 10px 15px 25px;
	}
	.staff_hd {
		padding: 30px 10px 20px;
		gap: 15px;
	}
	.staff_hd_ttl {
	}
	.staff_hd_detail {
		text-align: center;
		justify-content: center;
	}
	.staff_hd_detail_icon {
	}
	.staff_hd_detail_txt {
	}
	.staff_hd_detail_txt_type {
	}
	.staff_hd_detail_txt_name {
	}
	.staff_card {
		max-width: 310px;
		margin: 0 auto;
	}
	.staff_card::before,
	.staff_card::after {
	}
	.staff_card::before {
		transform: rotate(-11deg);
		top: -19%;
		left: 7%;
	}
	.staff_card::after {
		transform: rotate(-27deg);
		top: -17%;
		left: 0%;
	}
	.staff_card .modalclose {
		width: 70px;
		right: -15px;
		top: -25px;
	}
	.staff_card_cnt {
		height: 410px;
	}
	.staff_card_cnt::before,
	.staff_card_cnt::after {
		scale: 0.8;
	}
	.staff.-active .staff_card_cnt::before,
	.staff.-active .staff_card_cnt::after {
	}

	.staff01 .staff_card_cnt::before {
	}
	.staff02 .staff_card_cnt::before {
	}
	.staff02 .staff_card_cnt::after {
	}
	.staff03 .staff_card_cnt::before {
	}
	.staff03 .staff_card_cnt::after {
		bottom: 100px;
	}
	.staff04 .staff_card_cnt::before {
	}
	.staff04 .staff_card_cnt::after {
		bottom: 90px;
		left: 0px;
	}
	.staff05 .staff_card_cnt::before {
	}
	.staff06 .staff_card_cnt::before {
	}
	.staff07 .staff_card_cnt::before {
	}
	.staff07 .staff_card_cnt::after {
	}
	.staff08 .staff_card_cnt::before {
	}
	.staff08 .staff_card_cnt::after {
	}
	.staff09 .staff_card_cnt::before {
	}
	.staff10 .staff_card_cnt::before {
	}
	.staff11 .staff_card_cnt::before {
	}
	.staff_card_aspiration {
	}
	.staff07 .staff_card_aspiration {
		scale: 0.6;
	}
	.staff_card_aspiration img {
		max-height: 230px;
		width: auto;
	}
	.staff_card_btm {
	}
	.staff_card_btm_ttl {
	}
	.staff_card_btm_cnt {
	}
	.works {
	}
	.works.-active {
	}
	.works_wrap {
	}
	.works_box {
		padding: 80px 16px;
	}
	.works_box .modalclose {
		width: 55px;
		right: -24px;
		top: -26px;
	}
	.works_box::before {
	}
	.works_box_wrap {
		grid-template-columns: 1fr;
		gap: 45px;
	}
	.works_hd {
	}
	.works_hd_ttl {
		display: flex;
		position: relative;
		top: unset;
		justify-content: center;
		width: 60px;
		margin: 0 auto;
	}
	.works_hd_ttl_cnt span {
		top: calc(100% + 5px);
	}
	.works_cnt {
		max-width: 325px;
		margin: 0 auto;
	}
	.works_link {
		margin-bottom: 30px;
	}
	.works_link_img {
	}
	.works_link:hover img {
	}
	.works_link_ttl {
		font-size: 15px;
	}
	.works_box_links {
		grid-template-columns: 1fr;
		gap: 10px;
		max-width: 250px;
		margin: 20px auto 0;
	}
	.works_box_links a {
	}
	.works_box_links a:hover {
		scale: 1;
	}
	.works_box_links a:active {
	}
	.works_box_links a:last-child {
	}
	.greeting {
		aspect-ratio: unset;
		height: 410px;
	}
	.greeting.-active {
	}
	.greeting .modalclose {
		width: 55px;
		top: -20px;
		right: -8px;
	}
	.greeting_hd {
	}
	.greeting_wrap {
	}
	.greeting_cnt {
		padding: 15px 0px 0;
		width: 327px;
		margin: 0 auto;
	}
	.oju {
		width: min(100%, calc(100dvh - 140px), 870px);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.oju_myu {
		transform: translate(10%, -60%) rotate(3.65deg);
	}
	.-load .oju_myu {
		top: -2%;
		left: 6%;
		transform: translate(-10%, -69%) rotate(-57.65deg);
	}
	.oju_myu img {
	}
	.oju::after {
	}
	.oju_ry {
		max-width: 600px;
		margin: 0 auto;
		max-height: 600px;
	}
	.oju_futa {
	}
	.-load .oju_futa {
	}
	.oju_futa span {
		width: 100px;
	}
	.oju_wrap {
	}
	.oju_cnt {
		border: 4px #000000 solid;
	}
	.oju_base {
	}
	.oju_base img {
	}
	.oju01 .oju_base {
		left: -2px;
	}
	.oju02 .oju_base {
	}
	.oju03 .oju_base {
	}
	.oju03 .oju_base.oju03_base01 {
	}
	.oju03 .oju_base.oju03_base02 {
	}
	.oju04 .oju_base {
	}
	.oju05 .oju_base {
	}
	.oju06 .oju_base {
	}
	.oju07 .oju_base {
		width: 107%;
		left: -2px;
		bottom: -2px;
	}
	.oju08 .oju_base {
	}
	.oju09 .oju_base {
		left: -2px;
	}
	.oju_btn {
	}
	.oju_btn:hover {
	}
	.oju_btn:active {
	}
	.oju_btn01-1:hover {
	}
	.oju_btn01-1:active {
	}
	.oju_btn01-1 {
		width: 75%;
		left: -3px;
		bottom: -3px;
	}
	.oju_btn02-1:hover {
	}
	.oju_btn02-1:active {
	}
	.oju_btn02-1 {
	}
	.oju_btn02-2:hover {
	}
	.oju_btn02-2:active {
	}
	.oju_btn02-2 {
		bottom: -2px;
	}
	.oju_btn03-1:hover {
	}
	.oju_btn03-1:active {
	}
	.oju_btn03-1 {
	}
	.oju_btn03-2:hover {
	}
	.oju_btn03-2:active {
	}
	.oju_btn03-2 {
	}
	.oju_btn04-1:hover {
	}
	.oju_btn04-1:active {
	}
	.oju_btn04-1 {
	}
	.oju_btn05-1:hover {
	}
	.oju_btn05-1:active {
	}
	.oju_btn05-1 {
	}
	.oju_btn06-1:hover {
	}
	.oju_btn06-1:active {
	}
	.oju_btn06-1 {
	}
	.oju_btn06-2:hover {
	}
	.oju_btn06-2:active {
	}
	.oju_btn06-2 {
	}
	.oju_btn07-1:hover {
	}
	.oju_btn07-1:active {
	}
	.oju_btn07-1 {
	}
	.oju_btn07-2:hover {
	}
	.oju_btn07-2:active {
	}
	.oju_btn07-2 {
	}
	.oju_btn08-1:hover {
	}
	.oju_btn08-1:active {
	}
	.oju_btn08-1 {
	}
	.oju_btn09-1:hover {
	}
	.oju_btn09-1:active {
	}
	.oju_btn09-1 {
		bottom: -2px;
		left: -2px;
	}
}