<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ***************************************************************************************************
	COMMON
*************************************************************************************************** */

/* pNavWrap
------------------------------------------------------------------------ */
	.pNavWrap {
	}
	.pNavBox {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	.pNavBox li {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		border:0 solid #333;
		border-width:0 0 1px;	
		margin:0 5px;
	}
	.pNavBox li a  {
		display: block;
		position: relative;
		z-index: 1;
		padding:5px 60px 12px;
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 2000;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en1);
		line-height: 1;
		transition: color ease .3s;
	}
	.pNavBox li a::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 5px;
		left: 0;
		z-index: -1;
		background: #d6d6d6;
		clip-path: inset(0 100% 0 0);
		transition: clip-path ease .3s;
	}
	
	/*矢印*/
	.pNavBox li a span::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 10px;
		left: auto;
		right: 10px;
		width: 10px;
		height: 10px;
		margin: auto;
		border-style: solid;
		border-width: 1px 1px 0 0;
		border-color: #333 #333 transparent transparent;
		transform: translateX(-50%) rotate(135deg);
	}
	@media (hover: hover) and (pointer: fine) {
	/*hover*/
	.pNavBox li a:hover::before {
		clip-path: inset(0 0 0 0);
	}	
}
	/*current*/
	.pNavBox li.current a::before {
		background: #d6d6d6;
		clip-path: inset(0 0 0 0);
	}
@media screen and (max-width: 1200px) { /*{belowTB}*/
	.pNavBox li a  {
		padding:5px clamp(20px, (60 / 1260 * 100vw), 60px) 12px;
	}
	/*矢印*/
	.pNavBox li a span::after {
		bottom: 10px;
		left: auto;
		right: 5px;
		width: 8px;
		height: 8px;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.pNavBox li  {
		width: 48%;
		margin:0 auto;
	}
	.pNavBox li:nth-child(n+3)   {
		margin-top:20px;
	}
	.pNavBox li a  {
		width: 100%;
		text-align: center;
		padding:5px 5px 12px;
	}
}




/* ***************************************************************************************************
	PAGE
*************************************************************************************************** */

/* gallCategoryContainer
------------------------------------------------------------------------ */
	.gallCategoryContainer {
		position: relative;
		padding-top:		clamp(90px, (120 / 1200 * 100vw), 120px);
		padding-bottom:		clamp(90px, (120 / 1200 * 100vw), 120px);
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.gallCategoryContainer {
		padding-top:		clamp(50px, (70 / 736 * 100vw), 70px);
		padding-bottom:		clamp(50px, (70 / 736 * 100vw), 70px);
	}
	
	.gallCategoryContainer h4.ptHeading .hTxt {
		margin-bottom:0;
	}
	
	
	
	
	
	
}
	
	

/* equListWrap
------------------------------------------------------------------------ */
	.equListWrap .generalColBox {
		--common-generalColBox-margin-t:	15px;
		--common-generalColBox-margin-lr:	15px;
		margin-top:0;
	}
	
	
	
	
	
	
	
	

</pre></body></html>