@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
html::-webkit-scrollbar {
	display: none;
}
body.noScroll {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	touch-action: none;
	overscroll-behavior: none;
	overflow: hidden;
}
#gHeader h1 img {
	transition: opacity 0.5s;
}
#gHeader .logo02 {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
#gHeader.hideLogo .logo02 {
	opacity: 0;
	visibility: hidden;
}
#gHeader.activeShow .logo02 {
	opacity: 1;
	visibility: visible;
}
#gHeader .logo01 {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
}
#gHeader.hideLogo .logo01 {
	opacity: 0;
	visibility: hidden;
}
#main {
	overflow: hidden;
}
#main .mainVisual {
	position: relative;
	height: 100dvh;
	overflow: clip;
	transition: height 1s cubic-bezier(0.65, 0.07, 0.06, 1.01);
}
#main .mainVisual.hide {
	opacity: 0;
}
body.mvVisual #main .mainVisual {
	height: 0;
}
#main .mainBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
#main .mainVisual .textFix {
	padding: 16.5rem 0;
	width: 100%;
	height: 100dvh;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
}
#main .mainVisual .slideBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100dvh;
	opacity: 0;
	transition: opacity 1s ease-in-out 0.1s;
}
#main .mainVisual .slideBox.hide .mvSplide {
	opacity: 0;
}
#main .mainVisual.active .slideBox {
	opacity: 1;
}
#main .mainVisual .photo,
#main .mainVisual .photoInner {
	width: 100%;
	height: 100vh;
}
#main .mainVisual .innerBox {
	position: relative;
	z-index: 1;
	max-width: 111.6rem;
	margin: 0 auto;
}
#main .mainVisual .textInner {
	margin-bottom: 2.3rem;
	display: flex;
	width: fit-content;
	pointer-events: auto;
}
#main .mainVisual .textInner .logo {
	margin-right: 6.5rem;
	width: 20rem;
	opacity: 0;
	transition: opacity 1s ease-in-out 0.3s;
	position: relative;
}
#main .mainVisual .textInner .logo .whiteLogo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all 0.3s;
}
#main .mainVisual .textInner .logo .blackLogo {
	opacity: 1;
	transition: all 0.3s;
}
#main .mainVisual .white .textInner .logo .whiteLogo {
	opacity: 1;
}
#main .mainVisual .white .textInner .logo .blackLogo {
	opacity: 0;
}
#main .mainVisual.active .textInner .logo {
	opacity: 1;
}
#main .mainVisual .textInner .textBox {
	margin-top: -0.4rem;
	transition: all 0.5s;
}
#main .mainVisual .textBox p {
	transition: all 0.3s;
}
#main .mainVisual .white .textBox p {
	color: #fff;
}
#main .mainVisual .subBox {
	opacity: 0;
	transition: opacity 1s ease-in-out 1s;
}
#main .mainVisual.active .subBox {
	opacity: 1;
}
#main .mainVisual .textBox02 .subBox {
	/* transition-delay: 2s; */
}
#main .mainVisual .textBox .jp {
	margin-bottom: 2.1rem;
	font-size: max(10px, 1.8rem);
	letter-spacing: 0.1em;
	line-height: 1.72;
	font-weight: 700;
}
#main .mainVisual .textBox .en {
	font-size: max(10px, 1.1rem);
	color: #3C3C3C;
	letter-spacing: 0.06em;
}
#main .mainVisual .textBox02 {
	width: fit-content;
	pointer-events: auto;
}
#main .mainVisual .textBox02 .jp {
	margin-bottom: 4rem;
	font-size: max(10px, 1.3rem);
	line-height: 2.23;
	letter-spacing: 0.06em;
	font-weight: 500;
}
#main .mainVisual .textBox02 .en {
	line-height: 1.63;
	letter-spacing: 0.02em;
}
#main .conts {
	background-color: #fff;
	position: relative;
	z-index: 2;
	overflow: clip;
}
#main .serviceBox {
	position: relative;
	z-index: 2;
	height: 100dvh;
}
#main .serviceBox .stickyBox {
	position: sticky;
	top: 0;
	height: 100dvh;
}
#main .serviceBox .title {
	margin-top: -4.5rem;
	position: absolute;
	left: 1.1rem;
	top: 50%;
	z-index: 2;
	font-size: max(10px, 1.1rem);
	letter-spacing: 0.02em;
	line-height: 1;
	-webkit-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#main .serviceBox .title .dot {
	display: inline-block;
	transform: rotate(90deg);
	margin: -0.6rem 0 -0.5rem;
}
#main .serviceBox .stickNav {
	position: absolute;
	right: 3rem;
	bottom: 2.8rem;
	z-index: 2;
	text-align: right;
}
#main .serviceBox .stickNav p {
	margin-bottom: 0.8rem;
	letter-spacing: 0.01em;
	font-size: max(10px, 1.3rem);
	font-weight: 600;
}
#main .serviceBox .stickNav li:not(:last-child) {
	margin-bottom: 0.1rem;
}
#main .serviceBox .stickNav a {
	padding-right: 1.5rem;
	letter-spacing: 0.02em;
	font-size: max(10px, 1.5rem);
	letter-spacing: 0.02em;
	position: relative;
}
#main .serviceBox .stickNav a::after {
	position: absolute;
	right: 0;
	bottom: 0.3rem;
	width: 1rem;
	height: 1px;
	opacity: 0.5;
	background-color: #000;
	content: '';
}
#main .serviceBox .stickNav .on a {
	color: #999;
}
#main .serviceBox .stickNav .on a::after {
	background-color: #999;
}
#main .serviceBox .scrollBox {
	height: 100%;
	overflow-x: hidden;
	will-change: scroll-position;
	transform: translateZ(0);
	backface-visibility: hidden;
}
#main .serviceBox .scrollBox .jsWid {
	display: flex;
	height: 100%;
	width: fit-content;
	position: relative;
}
#main .serviceBox .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s;
}
#main .serviceBox .bg.on {
	opacity: 1;
}
#main .serviceBox .bg01 {
	background-color: #edf1f2;
}
#main .serviceBox .bg02 {
	background-color: #efe8e5;
}
#main .serviceBox .bg03 {
	background-color: #e5e3e0;
}
#main .serviceBox .innerBox {
	height: 100%;
	position: relative;
	width: 100vw;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
#main .serviceBox .innerBox {
	background: #edf1f2;
}
#main .serviceBox .onestop {
	background: #efe8e5;
}
#main .serviceBox .expert {
	background: #e5e3e0;
}
#main .serviceBox .subInner {
	width: 100vw;
	z-index: 2;
	position: relative;
	height: 100%;
}
#main .serviceBox .innerBox .photo {
	margin: 3rem auto;
	width: 54.6rem;
	flex-shrink: 0;
	height: calc(100% - 6rem);
	transition: all 1s;
	will-change: transform;
	backface-visibility: hidden;
}
#main .serviceBox .innerBox.onActive .photo {
	transform: scale(0.585) translateX(-116%);
}
#main .serviceBox .innerBox .photo img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
#main .serviceBox .innerBox .textBox {
	margin: -4.8rem 0 0 -10.7rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	width: 73rem;
	z-index: 2;
}
#main .serviceBox .innerBox .changeOpacity {
	opacity: 0;
	transition: all 1s;
	filter: blur(2px);
	-webkit-filter: blur(2px);
	transition: all 1s;
}
#main .serviceBox .innerBox.onActive .changeOpacity {
	opacity: 1;
	filter: blur(0);
	-webkit-filter: blur(0);
}
#main .serviceBox .innerBox .ttl {
	margin: 1rem 0 -0.5rem;
	letter-spacing: 0.04em;
	font-size: max(10px, 1.2rem);
}
#main .serviceBox .innerBox .num {
	margin-bottom: 8rem;
	color: #3c3c3c;
	font-family: "Cormorant Infant", serif;
	font-size: max(10px, 2rem);
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 1;
}
#main .serviceBox .innerBox .current {
	font-size: 8rem;
	letter-spacing: -0.01em;
}
#main .serviceBox .innerBox .numSpan::before {
	margin: 0 0.7rem;
	content: '/';
	opacity: 0.5;
}
#main .serviceBox .innerBox .flexBox {
	display: flex;
}
#main .serviceBox .innerBox h2 {
	margin: 0.8rem 6.8rem 0 0;
	font-size: max(10px, 1.2rem);
	font-weight: 500;
	letter-spacing: 0.04em;
}
#main .serviceBox .innerBox h2 .en {
	letter-spacing: -0.01em;
	font-size: 4.8rem;
	display: block;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
#main .serviceBox .innerBox h2 .jp {
	color: #3c3c3c;
}
#main .serviceBox .innerBox .textInn p {
	margin: 0.5rem -0.5rem 3.4rem 0;
	line-height: 2.14;
	letter-spacing: 0.04em;
}
#main .serviceBox .innerBox .link a {
	padding: 0.45rem 0.2rem 0.45rem;
	width: 9rem;
	display: block;
	color: #fff;
	background-color: #333;
	font-weight: 600;
	text-align: center;
	font-size: max(10px, 1.1rem);
	line-height: 1.18;
}
#main .serviceBox .onestop .textBox {
	margin-top: -5.5rem;
}
#main .serviceBox .expert .textBox {
	padding-left: 2.5rem;
	margin-top: -4rem;
}
#main .slickBox {
	position: relative;
	z-index: 2;
	overflow: hidden;
}
#main .slickList {
	display: flex;
	flex-wrap: nowrap;
	will-change: transform;
}
#main .slickList li {
	overflow: hidden;
	width: 53.2rem;
	height: 30rem;
	flex-shrink: 0;
}
#main .slickList a {
	display: block;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	transition: .5s;
}
#main .infoBox {
	padding: 14.5rem 0 16rem;
	position: relative;
	z-index: 2;
}
#main .infoBox:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(50% + 53.5rem);
	height: 0;
	border-bottom: 1px solid #e2e2e2;
	content: "";
}
#main .column {
	max-width: 112.6rem;
}
#main .column .col {
	width: 43.5%;
}
#main .column h2 {
	margin-bottom: 1.5rem;
	font-size: 3.6rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}
#main .column .comNewsList {
	margin-bottom: 1.4rem;
}
#main .column .comNewsList a {
	padding: 0.75rem 0;
	border-bottom: none;
}
#main .column .btnMore {
	text-align: right;
}
#main .column .btnMore a {
	display: inline-block;
	position: relative;
	padding-bottom: 0.2rem;
	font-size: max(10px, 1.1rem);
	font-weight: 600;
	letter-spacing: 0.04em;
}
#main .column .btnMore a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	transition: .3s;
	background-color: rgba(60, 60, 60, 0.4);
	content: "";
}
@media all and (hover: hover) and (min-width: 1000px) {
	#main .slickBox .slickList a:hover {
		transform: scale(1.05);
	}
	#main .column .btnMore a:hover:after {
		animation: line 0.3s linear forwards;
	}
	#main .serviceBox .innerBox .link a:hover {
		background-color: #000;
	}
	#main .serviceBox .stickNav a:hover {
		color: #999;
	}
}
@media all and (min-width: 1000px) {
	#main .mainVisual .innerBox {
		max-width: 136.6rem;
		padding: 0 12.5rem;
	}
	#main .column1 .col {
		width: 100%;
		max-width: 100.2rem;
	}
	#main .column1 h2 {
		width: 23rem;
	}
	#main .column1 .comNewsList {
		flex: 1;
	}
	#main .serviceBox .innerBox h2 .jp {
		margin-top: 0.7rem;
		color: #3c3c3c;
	}
	#main .serviceBox .innerBox .photo {
		width: 39.971vw;
	}
	#main .serviceBox .innerBox .textBox {
		margin: -3vw 0 0 -7.833vw;
		width: 53.441vw;
	}
	#main .serviceBox .innerBox .ttl {
		margin: 0 0 -0.25vw;
		font-size: max(10px, 0.952vw);
	}
	#main .serviceBox .innerBox .num {
		margin-bottom: 5.8vw;
		font-size: max(10px, 1.464vw);
	}
	#main .serviceBox .innerBox .current {
		font-size: 5.857vw;
	}
	#main .serviceBox .innerBox .numSpan::before {
		margin: 0 0.512vw;
	}
	#main .serviceBox .innerBox h2 {
		margin: 0.586vw 4.978vw 0 0;
		font-size: max(10px, 0.878vw);
	}
	#main .serviceBox .innerBox h2 .en {
		font-size: 3.514vw;
	}
	#main .serviceBox .innerBox .textInn p {
		margin: 0.366vw -0.366vw 2.489vw 0;
		font-size: max(10px, 1.025vw);
	}
	#main .serviceBox .innerBox .link a {
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 6.589vw;
		font-size: max(10px, 0.805vw);
	}
	#main .serviceBox .onestop .textBox {
		margin-top: -4.426vw;
	}
	#main .serviceBox .expert .textBox {
		padding-left: 1.83vw;
		margin-top: -3.37vw;
	}
}
@media all and (min-width: 1000px) and (max-height: 800px) {
	#main .serviceBox .innerBox h2 .jp {
		margin-top: 0.875vh;
	}
	#main .serviceBox .innerBox .photo {
		width: 68.245vh;
	}
	#main .serviceBox .innerBox .textBox {
		margin: -5.122vh 0 0 -13.373vh;
		width: 91.248vh;
	}
	#main .serviceBox .innerBox .ttl {
		margin: 0 0 -0.427vh;
		font-size: 1.625vh;
	}
	#main .serviceBox .innerBox .num {
		margin-bottom: 9.904vh;
		font-size: 2.5vh;
	}
	#main .serviceBox .innerBox .current {
		font-size: 10.001vh;
	}
	#main .serviceBox .innerBox .numSpan::before {
		margin: 0 0.874vh;
	}
	#main .serviceBox .innerBox h2 {
		margin: 1vh 8.499vh 0 0;
		font-size: 1.5vh;
	}
	#main .serviceBox .innerBox h2 .en {
		font-size: 6vh;
	}
	#main .serviceBox .innerBox .textInn p {
		margin: 0.625vh -0.625vh 4.25vh 0;
		font-size: 1.75vh;
	}
	#main .serviceBox .innerBox .link a {
		width: 11.25vh;
		font-size: 1.375vh;
	}
	#main .serviceBox .onestop .textBox {
		margin-top: -7.557vh;
	}
	#main .serviceBox .expert .textBox {
		padding-left: 3.125vh;
		margin-top: -5.754vh;
	}
}
@media all and (min-width: 1500px) {
	#main .serviceBox .innerBox.onActive .photo {
		transform: scale(0.7) translateX(-101%);
	}
}
@media all and (min-width: 1000px) and (max-width: 1365px) {
	#main .serviceBox .innerBox .link a {
		padding: 0.4rem 0.2rem 0.3rem;
	}
}
@media all and (min-width: 1000px) and (max-width: 1120px) {
	#main .infoBox::after {
		width: calc(100% - 3rem);
	}
}
@media all and (max-width: 999px) {
	#gHeader:not(.active) {
		padding: 2.2rem 2rem;
	}
	#gHeader:not(.active) h1 {
		margin: 0 0 0 auto;
	}
	/*.menu {
		top: 1.8rem;
	}*/
	#main .mainVisual .textFix {
		padding: 8rem 0;
	}
	#main .mainVisual .slideBox .slides {
		width: 88.5%;
	}
	#main .mainVisual .innerBox {
		margin: 0 3rem;
	}
	#main .mainVisual .textInner {
		margin-bottom: 2rem;
		display: block;
	}
	#main .mainVisual .textInner .logo {
		margin: 0 0 3.7rem;
		width: 14.2rem;
	}
	#main .mainVisual .textInner .textBox {
		margin-top: 0;
	}
	#main .mainVisual .textBox .jp {
		margin-bottom: 1.3rem;
		letter-spacing: 0.1em;
		font-size: max(10px, 1.6rem);
		line-height: 1.69;
	}
	#main .mainVisual .textBox .en {
		font-size: max(10px, 1rem);
		letter-spacing: 0.03em;
	}
	#main .mainVisual .textBox02 .jp {
		margin-bottom: 1.8rem;
		font-size: max(10px, 1.2rem);
		line-height: 1.92;
		letter-spacing: 0.04em;
	}
	#main .mainVisual .textBox02 .en {
		line-height: 1.5;
		letter-spacing: 0.02em;
	}
	#main .serviceBox .title {
		margin-top: -4rem;
		left: 0.5rem;
		font-size: max(10px, 1rem);
	}
	#main .serviceBox .title .dot {
		margin-top: -0.4rem;
	}
	#main .serviceBox .stickNav {
		right: 0;
		width: 100%;
		bottom: 1.8rem;
	}
	#main .serviceBox .stickNav .navList {
		display: flex;
		justify-content: center;
	}
	#main .serviceBox .stickNav li:not(:last-child) {
		margin: 0 2rem 0 0;
	}
	#main .serviceBox .stickNav a {
		padding-right: 0;
		font-size: max(10px, 1.2rem);
	}
	#main .serviceBox .stickNav a::after {
		display: none;
	}
	#main .serviceBox .innerBox .photo {
		margin: 6rem auto;
		height: calc(100% - 12rem);
		width: 32.2rem;
	}
	#main .serviceBox .innerBox.onActive .photo {
		transform: scale(0.75) translateX(-130%);
	}
	#main .serviceBox .innerBox .textBox {
		margin: -0.5rem 0 0 -8rem;
		width: 27rem;
		transition: all 1s;
	}
	#main .serviceBox .innerBox.onActive .textBox {
		margin-left: -13.4rem;
	} 
	#main .serviceBox .onestop:not(.onActive) .textBox {
		margin-left: -8.3rem;
	} 
	#main .serviceBox .innerBox .num {
		margin-bottom: 7rem;
		font-size: max(10px, 1.6rem);
	}
	#main .serviceBox .innerBox .current {
		font-size: 6.6rem;
	}
	#main .serviceBox .innerBox .numSpan::before {
		margin: 0 0.7rem;
	}
	#main .serviceBox .innerBox .flexBox {
		display: block;
	}
	#main .serviceBox .innerBox h2 {
		margin: 0 -2rem 2.5rem 0;
	}
	#main .serviceBox .innerBox h2 .en {
		margin-right: 1rem;
		display: inline-block;
		font-size: 3.6rem;
	}
	#main .serviceBox .innerBox .textInn p {
		margin: 0 0 2.5rem;
		line-height: 1.83;
	}
	#main .serviceBox .innerBox .link a {
		padding: 0.2rem 0 0.3rem;
		font-size: max(10px, 1rem);
		line-height: 1.18;
	}
	/* #main .serviceBox .innerBox {
		margin-right: 15.4rem;
	} */
	/* #main .serviceBox .innerBox:last-child {
		margin-right: 4.5rem;
	} */
	#main .serviceBox .expert .textBox {
		padding-left: 1.7rem;
		margin-top: 0.4rem;
	}
	#main .slickList li {
		width: 26.6rem;
		height: 15rem;
	}
	#main .infoBox {
		/* margin-bottom: -1px; */
		padding: 9.5rem 0 11rem;
	}
	#main .infoBox:after {
		width: calc(100% - 3rem);
	}
	#main .column {
		gap: 5.5rem 0;
	}
	#main .column .col {
		width: 100%;
	}
	#main .column h2 {
		margin-bottom: 1.6rem;
		font-size: 2.8rem;
	}
	#main .column .comNewsList {
		margin-bottom: 1.7rem;
	}
	#main .column .comNewsList a {
		padding: 0.85rem 0;
	}
	#main .column .btnMore a {
		padding-bottom: 0;
	}
	#main .column .btnMore a:after {
		width: 100%;
	}
	#gFooter {
		padding-left: 0;
	}
}
.splide__slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.splide__track {
	padding-right: 15rem !important;
}
.mvSplide {
	overflow: hidden;
}
#main .mainVisual .splide__slide.is-next .photoInner {
	cursor: pointer;
}
.mvSplide .photoInner {
	will-change: transform;
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
	backface-visibility: hidden;
}
.mvSplide .photoInner:after {
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
	height: 100%;
	width: 3px;
	background-color: #fff;
	z-index: 100;
	transform: translateZ(0);
	backface-visibility: hidden;
	content: '';
}
#main .mainVisual .mvSplide .photo {
	width: calc(100% + 100px);
	transform: translate3d(-100px, 0, 0);
	will-change: transform;
	backface-visibility: hidden;
}
#main .mainVisual .mvSplide .splide__slide {
	transform: translateZ(0);
}
#main .mainVisual .mvSplide .splide__slide.is-active .photo,
#main .mainVisual .mvSplide .splide__slide.is-next .photo {
	animation: toRight 12s linear forwards;
}
#main .mainVisual .mvSplide.aniStop .splide__slide .photo {
	animation-play-state: paused;
}
@keyframes toRight {
	0% {
		transform: translate3d(-100px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@media all and (max-width: 999px) {
	.splide__track {
		padding-right: 0 !important;
	}
	#main .mainVisual .mvSplide .splide__slide {
		width: calc(100% + 100px) !important;
	}
	#main .mainVisual .mvSplide .photo {
		width: calc(100% + 100px);
		transform: translate3d(-100px, 0, 0);
		will-change: transform;
	}
	#main .mainVisual .mvSplide .splide__slide.is-active .photo,
	#main .mainVisual .mvSplide .splide__slide.is-next .photo {
		animation: toRightSP 12s linear forwards;
	}
	#main .mainVisual .mvSplide.aniStop .splide__slide .photo {
		animation-play-state: paused;
	}
}
@keyframes toRightSP {
	0% {
		transform: translate3d(-100px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
#main .mainVisual .textFix {
	transition: opacity .5s ease;
}
#main .mainVisual.onActive .textFix {
	opacity: 0;
}
#main .mainVisual .filterBox {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	pointer-events: none;
}
/* #main .mainVisual.onActive .filterBox {
	pointer-events: auto;
} */
#main .mainVisual .filterBox .filterBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(0);
	--webkit-backdrop-filter: blur(0);
	background-color: rgba(0, 0, 0, 0);
	transition: all .5s ease;
	pointer-events: none;
}
#main .mainVisual.onActive .filterBox .filterBg {
	/* backdrop-filter: blur(10px);
	--webkit-backdrop-filter: blur(10px); */
	background-color: rgba(0, 0, 0, 0.29);
}
#main .mainVisual .filterBox .title {
	margin-top: -2rem;
	font-size: 2rem;
	letter-spacing: 0.06em;
	text-align: center;
	color: #fff;
	line-height: 2.5;
	position: relative;
	z-index: 1;
	font-weight: 500;
	opacity: 0;
	transition: opacity .5s ease;
}
#main .mainVisual.onActive .filterBox .title {
	opacity: 1;
}
@media all and (max-width: 999px) {
	#main .mainVisual .filterBox .title {
		font-size: max(10px, 1.4rem);
		letter-spacing: 0.03em;
		line-height: 2.2;
	}
}