@charset "UTF-8";

/* main-header */
@media all {
	.main-header {
		position: relative;
		overflow: hidden;
	}
	.main-header::after {
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		animation: goround 360s linear infinite;
		pointer-events: none;
	}
	@keyframes goround {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(360deg);}
	}

	.main-header-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* sp */
	@media (max-width: 767px) {
		.main-header {height: 230rem;}
		.main-header::after {
			bottom: 0;
			left: calc(50% - 510rem);
			width: 1020rem;
			height: 1020rem;
			background: center bottom / contain no-repeat url(../img/common/circle-sp.svg?v0529);
		}
		.main-header-img {
			clip-path: circle(510rem at 50% -290rem);
		}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.main-header {
			height: 450rem;
		}
		.main-header::after {
			bottom: 0;
			left: calc(50% - 1401rem);
			width: 2802rem;
			height: 2802rem;
			background: center bottom / contain no-repeat url(../img/common/circle-pc.svg);
		}
		.main-header-img {
			clip-path: circle(1401rem at 50% -980rem);
		}
		
		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}

/* breadcrumbs */
@media all {
	.breadcrumbs,
	.breadcrumbs a {
		color: rgba(179,179,179,1);
		font-size: 12rem;
	}
	.breadcrumbs-list {display: flex;}
	.breadcrumbs-item {
		position: relative;
		white-space: nowrap;
	}
	.breadcrumbs-item + .breadcrumbs-item::before {
		content: '';
		display: inline-block;
		margin: 0 .8em 0 .5em;
		width: .5em;
		height: .5em;
		border-right: var(--max1px) solid rgba(179,179,179,1);
		border-bottom: var(--max1px) solid rgba(179,179,179,1);
		transform: rotate(-45deg);
	}
	.breadcrumbs-item:last-child {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* sp */
	@media (max-width: 767px) {
		.breadcrumbs {
			margin: 10rem 0 30rem;
			padding: 10rem 16rem;
			overflow: auto;
		}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.breadcrumbs {
			margin: 0 auto;
			padding: 10rem 20rem 50rem;
			max-width: 1040rem;
		}
		
		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}





/* template */
@media all {

	/* sp */
	@media (max-width: 767px) {}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		
		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}