.fgk, .fgk *, .fgk *::before, .fgk *::after {
	box-sizing: border-box;
}
.fgk {
	--u: calc(min(100vw, 430px) / 375);
	--orange: #d9663d;
	--cream: #f2efc2;
	--blue: #006393;
    --red: #B13333;
	margin: 0;
	background: var(--cream);
	font-family: "yu-gothic-pr6n", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	color: var(--orange);
	line-height: 1;
	overflow: hidden;
	position: relative;
	text-align: left;
	letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
}
@media (min-width:768px) {
	.fgk {
		--u: calc(min(100vw, 1920px) / 1920);
	}
}
:where(.fgk img) {
	display: block;
	height: auto;
}
:where(.fgk h1, .fgk h2, .fgk h3, .fgk p, .fgk ul, .fgk ol, .fgk li, .fgk figure, .fgk dl, .fgk dt, .fgk dd) {
	margin: 0;
	padding: 0;
}
:where(.fgk ul, .fgk ol) {
	list-style: none;
}
:where(.fgk a) {
	color: inherit;
	text-decoration: none;
}
:where(.fgk button) {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.fgk img {
	max-width: none;
}
.fgk :where(p, a, li, span, h2, h3, button, em, dt, dd, b, strong) {
	font-weight: 400;
}
.fgk .fgk-pc {
	display: none !important;
}
@media (min-width:768px) {
	.fgk .fgk-sp {
		display: none !important;
	}
	.fgk .fgk-pc {
		display: block !important;
	}
	.fgk br.fgk-pc {
		display: inline !important;
	}
}
.fgk :where(section, footer) {
	display: flow-root;
	position: relative;
}
.fgk-fade {
	opacity: 0;
	transform: translateY(calc(var(--u)*30));
	transition: opacity .9s ease, transform .9s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--d, 0s);
}
.fgk-fade.is-inview {
	opacity: 1;
	transform: none;
    max-width: 80%;
    margin: 0 auto;
    font-weight: bold;
}
.fgk-fade.tyousei {
    margin-top: 3%;
}
@media (min-width:768px) {
    .fgk-fade.tyousei {
    margin-top: 1%;
}
}
@media (prefers-reduced-motion:reduce) {
	.fgk-fade {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.fgk-fv {
	height: calc(var(--u)*702);
	overflow: hidden;
}
.fgk-fv__inner {
	position: absolute;
	left: 50%;
	top: 0;
	width: calc(var(--u)*375);
	height: 100%;
	margin-left: calc(var(--u)*-187.5);
}
@media (min-width:768px) {
	.fgk-fv {
		height: calc(var(--u)*1009);
	}
	.fgk-fv__inner {
		width: calc(var(--u)*1920);
		margin-left: calc(var(--u)*-960);
	}
}
.fgk-fv__item {
	position: absolute;
	left: calc(var(--u)*var(--x));
	top: calc(var(--u)*var(--y));
	width: calc(var(--u)*var(--w));
}
.fgk-fv__item img {
	width: 100%;
}
.fgk-fv__title {
	z-index: 1;
}
.fgk-fv__icon {
	z-index: 2;
}
.fgk-fv__label {
	z-index: 3;
}
.fgk-fv__title {
	opacity: 0;
}
.fgk-fv__icon img, .fgk-fv__label img {
	opacity: 0;
	transform: scale(0);
}
.fgk-fv.is-play .fgk-fv__title {
	animation: fgkFade .8s ease forwards;
}
.fgk-fv.is-play .fgk-fv__icon img, .fgk-fv.is-play .fgk-fv__label img {
	animation: fgkJump .65s cubic-bezier(0.34, 1.56, 0.64, 1) .8s forwards;
}
.fgk-fv.is-float .fgk-fv__icon, .fgk-fv.is-float .fgk-fv__label {
	animation: fgkFloat var(--fd, 4s) ease-in-out var(--fdl, 0s) infinite;
}
@keyframes fgkFade {
	to {
		opacity: 1;
	}
}
@keyframes fgkJump {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fgkFloat {
	0%, 100% {
		transform: translate(0, 0) rotate(0deg);
	}
	50% {
		transform: translate(0, calc(var(--u)*var(--fy, -8))) rotate(var(--fr, 2deg));
	}
}
@media (prefers-reduced-motion:reduce) {
	.fgk-fv__title, .fgk-fv__icon img, .fgk-fv__label img {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
	.fgk-fv.is-float .fgk-fv__icon, .fgk-fv.is-float .fgk-fv__label {
		animation: none;
	}
}
.fgk-intro {
	margin-top: calc(var(--u)*46);
	text-align: center;
	font-size: calc(var(--u)*12);
	line-height: calc(var(--u)*24);
}
.fgk-intro p+p {
	margin-top: calc(var(--u)*9);
}
@media (min-width:768px) {
	.fgk-intro {
		margin-top: calc(var(--u)*126);
		font-size: calc(var(--u)*16);
		line-height: calc(var(--u)*39);
	}
	.fgk-intro p+p {
		margin-top: calc(var(--u)*9);
		line-height: calc(var(--u)*35);
	}
}
.fgk-cards {
	display: grid;
	grid-template-columns: repeat(2, calc(var(--u)*167));
	gap: calc(var(--u)*10) calc(var(--u)*11);
	justify-content: center;
	margin-top: calc(var(--u)*54);
}
@media (min-width:768px) {
	.fgk-cards {
		grid-template-columns: repeat(4, calc(var(--u)*400));
		gap: calc(var(--u)*40);
		margin-top: calc(var(--u)*155);
	}
}
.fgk-card {
	position: relative;
	height: calc(var(--u)*236);
	perspective: calc(var(--u)*1200);
}
.fgk-card__inner {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform .7s cubic-bezier(0.45, 0.05, 0.25, 1);
}
.fgk-card.is-flip .fgk-card__inner {
	transform: rotateY(180deg);
}
@media (hover:hover) {
	.fgk-card:hover .fgk-card__inner {
		transform: rotateY(180deg);
	}
}
.fgk-card__face {
	position: absolute;
	inset: 0;
	border-radius: calc(var(--u)*10);
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.fgk-card__front {
	background: var(--orange);
	color: #fff;
}
.fgk-card__back {
	transform: rotateY(180deg);
	background: #3a2a1f;
}
.fgk-card__photo {
	position: absolute;
	left: calc(var(--u)*21);
	top: calc(var(--u)*21);
	width: calc(var(--u)*126);
	height: calc(var(--u)*126);
	border-radius: 50%;
	object-fit: cover;
}
.fgk-card__shop {
	position: absolute;
	left: calc(var(--u)*21);
	top: calc(var(--u)*169.5);
	font-size: calc(var(--u)*10);
	line-height: 1;
	white-space: nowrap;
}
.fgk-card__name {
	position: absolute;
	left: calc(var(--u)*21);
	top: calc(var(--u)*192.5);
	font-size: calc(var(--u)*16);
	line-height: 1;
	white-space: nowrap;
}
.fgk-card__clothes {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fgk-card__band {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(var(--u)*108);
	text-align: center;
}
.fgk-card__band span {
	display: table;
	margin: 0 auto;
	height: calc(var(--u)*12);
	padding: 0 calc(var(--u)*4);
	background: var(--orange);
	color: #fff;
	font-size: calc(var(--u)*10);
	line-height: calc(var(--u)*12);
	white-space: nowrap;
}
.fgk-card__band span+span {
	margin-top: calc(var(--u)*6);
}
.fgk-card__more {
	position: absolute;
	left: calc(var(--u)*122);
	top: calc(var(--u)*193);
	width: calc(var(--u)*31);
	height: calc(var(--u)*16);
	border-radius: calc(var(--u)*19);
	background: #fff;
}
.fgk-card__more svg {
	position: absolute;
	left: calc(var(--u)*7.5);
	top: calc(var(--u)*5);
	width: calc(var(--u)*17);
	height: calc(var(--u)*5);
	overflow: visible;
}
@media (min-width:768px) {
	.fgk-card {
		height: calc(var(--u)*484);
		perspective: calc(var(--u)*2400);
	}
	.fgk-card__photo {
		left: calc(var(--u)*68);
		top: calc(var(--u)*57);
		width: calc(var(--u)*264);
		height: calc(var(--u)*264);
	}
	.fgk-card__shop {
		left: calc(var(--u)*34);
		top: calc(var(--u)*371.5);
		font-size: calc(var(--u)*14);
	}
	.fgk-card__name {
		left: calc(var(--u)*34);
		top: calc(var(--u)*408);
		font-size: calc(var(--u)*26);
	}
	.fgk-card__band {
		top: calc(var(--u)*231);
	}
	.fgk-card__band span {
		height: calc(var(--u)*24);
		padding: 0 calc(var(--u)*10.5);
		font-size: calc(var(--u)*16);
		line-height: calc(var(--u)*24);
	}
	.fgk-card__more {
		left: calc(var(--u)*295);
		top: calc(var(--u)*402);
		width: calc(var(--u)*74);
		height: calc(var(--u)*37);
		transition: transform .3s ease;
	}
	.fgk-card__more:hover {
		transform: scale(1.06);
	}
	.fgk-card__more svg {
		left: calc(var(--u)*21);
		top: calc(var(--u)*12);
		width: calc(var(--u)*33);
		height: calc(var(--u)*9);
	}
}
.fgk-banner {
	position: relative;
	width: calc(var(--u)*345);
	margin: calc(var(--u)*102) auto calc(var(--u)*72);
}
.fgk-banner img {
	width: 100%;
    margin: 20% 0;
}
@media (min-width:768px) {
    .fgk-banner img {
        width: 100%;
        margin: 10% 0;
    }
}
.fgk-banner__btn {
	position: absolute;
	left: calc(var(--u)*14);
	top: calc(var(--u)*517.4);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--u)*270);
	height: calc(var(--u)*54);
	border-radius: calc(var(--u)*42);
	background: #fff;
	color: var(--orange);
	font-size: calc(var(--u)*16);
	transition: transform .3s ease;
}
.fgk-banner__btn:hover {
	transform: scale(1.05);
}
@media (min-width:768px) {
	.fgk-banner {
		width: calc(var(--u)*1720);
		margin: calc(var(--u)*156) auto calc(var(--u)*202);
	}
	.fgk-banner__btn {
		left: calc(var(--u)*589);
		top: calc(var(--u)*870);
		width: calc(var(--u)*366);
		height: calc(var(--u)*75);
		font-size: calc(var(--u)*20);
	}
}
.fgk-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: rgba(0, 0, 0, .55);
	opacity: 0;
	transition: opacity .3s ease;
	-webkit-overflow-scrolling: touch;
}
.fgk-modal[hidden] {
	display: none;
}
.fgk-modal.is-open {
	opacity: 1;
}
.fgk-modal__box {
	position: relative;
	width: calc(var(--u)*317);
	margin: calc(var(--u)*45) auto;
	padding: calc(var(--u)*47) calc(var(--u)*20) calc(var(--u)*56) calc(var(--u)*22);
	border-radius: calc(var(--u)*10);
	background: var(--cream);
	color: #333;
	transform: translateY(calc(var(--u)*16));
	transition: transform .4s cubic-bezier(0.22, 1, 0.36, 1);
}
.fgk-modal.is-open .fgk-modal__box {
	transform: none;
}
.fgk-modal__close {
	position: absolute;
	right: calc(var(--u)*-22.5);
	top: calc(var(--u)*-22.5);
	width: calc(var(--u)*45);
	height: calc(var(--u)*45);
	border-radius: 50%;
	background: #fff;
}
.fgk-modal__close::before, .fgk-modal__close::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(var(--u)*15.3);
	height: calc(var(--u)*4);
	margin: calc(var(--u)*-2) 0 0 calc(var(--u)*-7.65);
	background: var(--orange);
	transform: rotate(45deg);
}
.fgk-modal__close::after {
	transform: rotate(-45deg);
}
.fgk-modal__head {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 calc(var(--u)*-1) 0 calc(var(--u)*-1);
}
.fgk-modal__col {
	width: calc(var(--u)*96);
	text-align: center;
}
.fgk-modal__col--item {
	width: calc(var(--u)*96);
	margin-right: calc(var(--u)*-1);
}
.fgk-modal__circle {
	width: calc(var(--u)*96);
	height: calc(var(--u)*96);
	border: calc(var(--u)*2) solid #fff;
	border-radius: 50%;
	object-fit: cover;
	background: #fff;
}
.fgk-modal__label {
	display: inline-block;
	margin-top: calc(var(--u)*6.8);
}
.fgk-modal__label span {
	display: table;
	margin: 0 auto;
	min-height: calc(var(--u)*14);
	padding: 0 calc(var(--u)*6);
	background: var(--orange);
	color: #fff;
	font-size: calc(var(--u)*10);
	line-height: calc(var(--u)*14);
	white-space: nowrap;
}
.fgk-modal__label span+span {
	margin-top: calc(var(--u)*2);
}
.fgk-modal__name {
	margin-top: calc(var(--u)*5);
	color: var(--orange);
	font-size: calc(var(--u)*12);
	line-height: 1;
	/* white-space: nowrap; */
}
.fgk-modal__ig {
	display: block;
	width: calc(var(--u)*15);
	margin: calc(var(--u)*6.5) auto 0;
}
.fgk-modal__ig[hidden] {
	display: none;
}
.fgk-modal__ig img {
	width: 100%;
}
.fgk-modal__arrow {
	position: absolute;
	left: calc(var(--u)*111.4);
	top: calc(var(--u)*48.1);
	width: calc(var(--u)*51);
	height: calc(var(--u)*16);
	overflow: visible;
}
.fgk-modal__bubble {
	position: absolute;
	left: calc(var(--u)*111);
	top: calc(var(--u)*12.7);
	width: calc(var(--u)*52);
	height: calc(var(--u)*30.6);
}
.fgk-modal__bubble::before {
	content: "";
	position: absolute;
	inset: 0;
	border: calc(var(--u)*1) solid #fff;
	border-radius: 50%;
	background: var(--blue);
	transform: rotate(11deg);
}
.fgk-modal__bubble span {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	color: #fff;
	font-size: calc(var(--u)*11);
	line-height: 1;
	text-align: center;
	transform: translateY(-50%) rotate(10deg);
}
.fgk-modal__arrow {
	clip-path: inset(0 100% 0 0);
}
.fgk-modal__bubble {
	transform: scale(0);
	opacity: 0;
}
.fgk-modal.is-anim .fgk-modal__arrow {
	animation: fgkArrow .7s cubic-bezier(0.45, 0, 0.25, 1) .35s forwards;
}
.fgk-modal.is-anim .fgk-modal__bubble {
	animation: fgkPop .6s cubic-bezier(0.34, 1.56, 0.64, 1) 1.05s forwards;
}
@keyframes fgkArrow {
	to {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes fgkPop {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@media (prefers-reduced-motion:reduce) {
	.fgk-modal__arrow {
		clip-path: none;
	}
	.fgk-modal__bubble {
		transform: none;
		opacity: 1;
	}
	.fgk-modal.is-anim .fgk-modal__arrow, .fgk-modal.is-anim .fgk-modal__bubble {
		animation: none;
	}
}
.fgk-modal__q {
	margin-top: calc(var(--u)*29);
	color: var(--orange);
	font-size: calc(var(--u)*10);
	line-height: 1.4;
}
.fgk-modal__a {
	margin-top: calc(var(--u)*8.5);
	font-size: calc(var(--u)*12);
	line-height: calc(var(--u)*22);
}
.fgk-modal__fig {
	margin-top: calc(var(--u)*28);
}
.fgk-modal__fig img {
	width: calc(var(--u)*273);
	height: calc(var(--u)*363);
	object-fit: cover;
}
.fgk-modal__similar {
	display: table;
	margin: calc(var(--u)*13.5) calc(var(--u)*3) 0 auto;
	padding-bottom: calc(var(--u)*2.5);
	border-bottom: 1px solid #5677d2;
	color: #5677d2;
	font-size: calc(var(--u)*12);
	line-height: 1;
}
.fgk-modal__similar[hidden] {
	display: none;
}
.fgk-modal__q--2 {
	margin-top: calc(var(--u)*28);
}
.fgk-modal__event {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--u)*180);
	height: calc(var(--u)*39);
	margin: calc(var(--u)*25) auto 0;
	border: 2px solid var(--orange);
	position: relative;
	left: calc(var(--u)*3.5);
	border-radius: calc(var(--u)*23);
	background: #fff;
	color: var(--orange);
	font-size: calc(var(--u)*12);
	box-shadow: 0 calc(var(--u)*3) calc(var(--u)*6) rgba(0, 0, 0, .16);
	transition: transform .3s ease;
}
.fgk-modal__event[hidden] {
	display: none;
}
.fgk-modal__q--3 {
	margin-top: calc(var(--u)*29);
}
@media (min-width:768px) {
	.fgk-modal__box {
		width: calc(var(--u)*785);
		margin: calc(var(--u)*43) auto;
		padding: calc(var(--u)*77) calc(var(--u)*90) calc(var(--u)*81) calc(var(--u)*89);
	}
	.fgk-modal__close {
		right: calc(var(--u)*-33);
		top: calc(var(--u)*-33);
		width: calc(var(--u)*66);
		height: calc(var(--u)*66);
	}
	.fgk-modal__close::before, .fgk-modal__close::after {
		width: calc(var(--u)*22.8);
		height: calc(var(--u)*4);
		margin: calc(var(--u)*-2) 0 0 calc(var(--u)*-11.4);
	}
	.fgk-modal__close:hover {
		transform: scale(1.06);
	}
	.fgk-modal__head {
		margin: 0 calc(var(--u)*-4) 0 calc(var(--u)*-6);
	}
	.fgk-modal__col, .fgk-modal__col--item {
		width: calc(var(--u)*227);
		margin-right: 0;
	}
	.fgk-modal__circle {
		width: calc(var(--u)*227);
		height: calc(var(--u)*227);
		border-width: calc(var(--u)*5);
	}
	.fgk-modal__label {
		margin-top: calc(var(--u)*20);
	}
	.fgk-modal__label span {
		min-height: calc(var(--u)*22);
		padding: 0 calc(var(--u)*8.5);
		font-size: calc(var(--u)*12);
		line-height: calc(var(--u)*22);
	}
	.fgk-modal__name {
		margin-top: calc(var(--u)*10);
		font-size: calc(var(--u)*20);
	}
	.fgk-modal__ig {
		width: calc(var(--u)*16);
		margin-top: calc(var(--u)*9);
	}
	.fgk-modal__arrow {
		left: calc(var(--u)*249);
		top: calc(var(--u)*106);
		width: calc(var(--u)*113);
		height: calc(var(--u)*35);
	}
	.fgk-modal__bubble {
		left: calc(var(--u)*247.3);
		top: calc(var(--u)*29.3);
		width: calc(var(--u)*104.4);
		height: calc(var(--u)*61.4);
	}
	.fgk-modal__bubble::before {
		border-width: calc(var(--u)*2);
	}
	.fgk-modal__bubble span {
		font-size: calc(var(--u)*24);
	}
	.fgk-modal__q {
		margin-top: calc(var(--u)*51);
		font-size: calc(var(--u)*14);
	}
	.fgk-modal__a {
		margin-top: calc(var(--u)*15);
		font-size: calc(var(--u)*16);
		line-height: calc(var(--u)*31);
	}
	.fgk-modal__fig {
		position: relative;
		margin-top: calc(var(--u)*31.5);
	}
	.fgk-modal__fig img {
		width: calc(var(--u)*448);
		height: calc(var(--u)*590);
		margin-left: calc(var(--u)*1);
	}
	.fgk-modal__similar {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
		padding-bottom: calc(var(--u)*3);
	}
	.fgk-modal__similar:hover {
		opacity: .7;
	}
	.fgk-modal__q--2 {
		margin-top: calc(var(--u)*55.5);
	}
	.fgk-modal__event {
		width: calc(var(--u)*210);
		height: calc(var(--u)*45);
		margin-top: calc(var(--u)*28);
		left: calc(var(--u)*-6);
		font-size: calc(var(--u)*14);
	}
	.fgk-modal__event:hover {
		transform: scale(1.05);
	}
	.fgk-modal__q--3 {
		margin-top: calc(var(--u)*58.5);
	}
}
html {
	scroll-behavior: auto !important;
}