@charset "utf-8";
:root {
	--c_bk:#101010;
	--c_wh:#ffffff;
	--c_gy:#f5f5f5;
	--c_rd:#9C0419;
}
.clr-bk {color: var(--c_bk)!important;}
.clr-wh {color: var(--c_wh)!important;}
.clr-gy {color: var(--c_gy)!important;}
.clr-rd {color: var(--c_rd)!important;}
.bg-bk {background-color: var(--c_bk)!important;}
.bg-wh {background-color: var(--c_wh)!important;}
.bg-gy {background-color: var(--c_gy)!important;}
.bg-rd {background-color: var(--c_rd)!important;}

.en,.fo-roboto {
	font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
	font-weight: 400;
	line-height: 1.1;
}


/* 動き */
.c-around {
	&:hover {
		.c-around-arrow {
			&::before {
				transform: translateX(-10px) scale(-1, 1);;
				transition: .45s cubic-bezier(.22,1,.36,1);
			}
			&::after {
				transform: translateX(10px);
				transition: .45s cubic-bezier(.22,1,.36,1);
			}
		}
	}
}