html{overflow-x:hidden;font-size:16px;scroll-behavior:smooth;scroll-padding-top: calc(var(--masthead-height) + var(--wp-admin--admin-bar--height, 0px));@media (width <= 768px) {
		scroll-padding-top: 0;
	}
}body{color:var(--wp--preset--color--dark-01)}table{line-height:1.9;td,
	th {
		font-weight: 400;
		vertical-align: middle;
	}
}p{line-height:1.9}.admin-bar{*,
	*::before,
	*::after {
		/* outline: 1px solid red !important; */
	}
}a{color:var(--wp--preset--color--dark-01);word-break:break-all;transition:.3s ease;&:hover {
		color: var(--wp--preset--color--primary);
	}
}.site-loading{position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;background-color:var(--wp--preset--color--white);user-select:none;pointer-events:none;&.loaded {
		opacity: 0;
	}

	.loader {
		position: relative;
		width: 2.5rem;
		margin: 0 0.5rem;
		font-size: 5rem;
	}

	.logo {
		display: inline-block;
		width: 55px;
		height: 55px;
		background-color: var(--wp--preset--color--primary);
		border-radius: 0;
		animation-name: logo;
		animation-duration: 5s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-direction: normal;
	}

	@keyframes logo {
		0%,
		20% {
			background: linear-gradient(135deg, rgba(0, 50, 212, 1) 23.09%, rgba(0, 50, 212, 1) 52.03%, rgba(0, 236, 209, 1) 94.8%);
			border-radius: 0;
			transform: rotate(0deg);
		}

		25%,
		45% {
			background: linear-gradient(215deg, rgba(255, 61, 129, 1) 0%, rgba(255, 157, 191, 1) 50.15%, rgba(255, 191, 213, 1) 100%);
			border-radius: 50%;
			transform: rotate(90deg);
		}

		50%,
		70% {
			background: linear-gradient(135deg, rgba(0, 50, 212, 1) 23.09%, rgba(0, 50, 212, 1) 52.03%, rgba(0, 236, 209, 1) 94.8%);
			border-radius: 0;
			transform: rotate(180deg);
		}

		75%,
		95% {
			background: linear-gradient(215deg, rgba(255, 61, 129, 1) 0%, rgba(255, 157, 191, 1) 50.15%, rgba(255, 191, 213, 1) 100%);
			border-radius: 50%;
			transform: rotate(270deg);
		}

		100% {
			background: linear-gradient(135deg, rgba(0, 50, 212, 1) 23.09%, rgba(0, 50, 212, 1) 52.03%, rgba(0, 236, 209, 1) 94.8%);
			border-radius: 0;
			transform: rotate(360deg);
		}
	}
}.entry-title{article:not(.type-interview) & {
		position: relative;
		width: 100%;
		margin-block-end: 3rem;
		padding: 1rem 0 1rem 0;
		color: var(--wp--preset--color--dark-01);
		font-weight: 700;
		font-size: var(--wp--preset--font-size--large);
		border-bottom: 5px solid var(--wp--preset--color--alto-10);

		&::after {
			position: absolute;
			bottom: -5px;
			left: 0;
			display: block;
			width: 80px;
			height: 5px;
			background-color: var(--wp--preset--color--primary);
			content: '';
		}
	}
}.entry-content{@include wordpress.content;.home & {
		margin-block-start: 0;
	}
}.page-header{margin-block-start:4rem;.page-title {
		@media (width <= 768px) {
			max-width: calc(100vw - 28px);
			font-size: 1.2rem;
		}
		position: relative;
		clear: both;
		width: 100%;
		max-width: 960px;
		margin: 0 auto 25px auto;
		padding: 1rem 0 1rem 0;
		color: var(--wp--preset--color--dark-01);
		font-weight: 600;
		font-size: 1.6rem;
		line-height: 1.7;
		border-bottom: 5px solid var(--wp--preset--color--alto-10);

		&::after {
			position: absolute;
			bottom: -5px;
			left: 0;
			display: block;
			width: 80px;
			height: 5px;
			background-color: var(--wp--preset--color--primary);
			content: '';
		}
	}
}.site-main{.post-type-archive-works &,
	.tax-site & {
		> * {
			&:last-child {
				margin-block-end: 4rem;
			}
		}
	}
}.work-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;@media (width <= 768px) {
		grid-template-columns: 1fr;
	}

	.post-type-archive-works &,
	.tax-site & {
		width: var(--wp--style--global--wide-size);
		margin-inline-start: calc(50% - (var(--wp--style--global--wide-size) / 2));

		@media (width <= 768px) {
			width: auto;
			margin-inline-start: 0;
		}
	}
}.work-message{margin-block-start:2rem;margin-block-end:2rem}.site-content{.content-area {
		max-width: var(--wp--style--global--content-size);
		margin-inline-end: auto;
		margin-inline-start: auto;
		@media (width <= 768px) {
			max-width: calc(100% - 2rem);
		}
	}
}.type-works{.home & {
		position: relative;
		margin-block-start: 0;
		list-style: none;
		border: 1px solid var(--wp--preset--color--alto-03);
		transition: 0.3s ease;

		&:hover {
			opacity: 0.7;
		}

		.wp-block-post-featured-image {
			img {
				width: 100%;
				height: auto;
			}
		}

		.wp-block-post-title {
			margin-block-start: 0;
			padding: 1rem;

			a {
				font-weight: 700;

				&::after {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					width: 100%;
					height: 100%;
					content: '';
				}
			}
		}
	}

	.post-type-archive-works &,
	.tax-site &,
	.tax-group &,
	.tax-prefecture & {
		position: relative;
		display: flex;
		flex-flow: column;
		border: 1px solid var(--wp--preset--color--alto-03);
		transition: 0.3s ease;

		.entry-header {
			display: flex;
			flex-flow: column;
			gap: 0.5rem;
			align-items: flex-start;
			order: 3;
			width: 100%;
			padding: 1rem;

			.entry-title {
				font-weight: 700;
				font-size: var(--wp--preset--font-size--large);

				a {
					color: var(--wp--preset--color--dark-01);

					&::after {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						content: '';
					}
				}
			}

			.client {
				margin-block-start: 0.5rem;
				font-size: var(--wp--preset--font-size--small);
			}

			.site {
				display: flex;
				gap: 0.5rem;

				a {
					padding: 0.5rem 0.7rem;
					color: var(--wp--preset--color--dark-01);
					font-size: var(--wp--preset--font-size--small);
					line-height: 1;
					border: 1px solid var(--wp--preset--color--alto-03);
					border-radius: 100vw;
				}
			}
		}

		.entry-content {
			margin-inline-end: auto;
			margin-inline-start: auto;
		}

		img {
			width: 100%;
			height: auto;
		}

		.wp-block-post-title {
			padding: 1rem;

			a {
				&::after {
					top: 0;
					width: 100%;
					height: 100%;
					content: '';
				}
			}
		}

		&:hover {
			opacity: 0.5;
		}
	}

	.single-works & {
		.entry-header {
			order: initial;
		}

		img {
			order: 2;
			width: 100%;
			height: auto;
		}

		.wp-block-image {
			margin-block-start: 4rem;
			margin-block-end: 4rem;
		}

		.work-description {
			padding: 2rem;
			border: 1px solid var(--wp--preset--color--alto-03);

			dd + dt {
				margin-block-start: 1rem;
			}

			ul {
				display: flex;
				flex-wrap: wrap;
				margin: 0;
				padding: 0;

				li {
					margin: 0 1rem 0 0;
					list-style: none;
				}
			}
		}
	}
}.type-interview{.home & {
		position: relative;
		display: grid;
		grid-template-areas: 'image date' 'image title';
		grid-template-rows: auto 1fr;
		grid-template-columns: auto 1fr;
		gap: 1rem;
		padding: 1rem;
		border: 1px solid var(--wp--preset--color--alto-03);
		border-radius: 10px;
		transition: 0.3s ease;

		&:hover {
			opacity: 0.7;
		}

		.wp-block-post-featured-image {
			grid-area: image;

			img {
				width: 200px;
				height: 200px;
				object-fit: cover;
			}
		}

		.wp-block-post-date {
			grid-area: date;
		}

		.wp-block-post-title {
			grid-area: title;
			margin-block-start: 0;

			a {
				font-size: var(--wp--preset--font-size--large);

				&::after {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					width: 100%;
					height: 100%;
					content: '';
				}
			}
		}
	}

	.post-type-archive-interview & {
		position: relative;
		display: flex;
		gap: 2rem;
		justify-content: space-between;
		padding: 1rem;
		border: 1px solid var(--wp--preset--color--alto-03);
		border-radius: 10px;
		transition: 0.3s ease;

		.entry-header {
			a {
				&::after {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					content: '';
				}
			}
		}

		&:hover {
			opacity: 0.7;
		}

		+ .type-interview {
			margin-block-start: 4rem;
		}
	}
}// パンくずリスト
.page-breadcrumbs {position:absolute;right:0;bottom:0;left:0;max-width:var(--wp--style--global--content-size);margin-inline-end:auto;margin-inline-start:auto;font-size:var(--wp--preset--font-size--small);@media (width <= 768px) {
		justify-content: flex-start;
		overflow-x: scroll;
	}

	.breadcrumbs {
		width: 100%;
		overflow: hidden;

		ul {
			display: flex;
			align-items: center;
			width: max-content;
			margin: 0;
			padding-left: 0;

			li {
				display: flex;
				align-items: center;
				margin: 0 0 0 0;
				padding: 0;
				color: var(--wp--preset--color--light-01);
				line-height: 1;

				a {
					display: block;
					color: inherit;
					transition: 0.3s ease;

					&:hover {
						opacity: 0.7;
					}
				}

				> span {
					color: inherit;
				}

				span {
					display: block;
					padding: 0.5rem;
				}
			}
		}
	}
}// ページアイキャッチ
.hero-title-container {display:flex;flex-flow:column-reverse;width:var(--content-width);margin-inline-start: calc(50% - var(--content-width) / 2);background-color:var(--wp--preset--color--dark-03);@media (width <= 768px) {
		background-position: center;
	}

	.home & {
		display: none;
	}

	body:not(.home) & {
		+ * {
			margin-block-start: 4rem;
		}
	}
}.entry-header{.home & {
		display: none;
	}
}.slide-panel{position:fixed;top:var(--masthead-height);right:0;z-index:200;width:100dvw;height:calc(100dvh - var(--masthead-height));background-color:var(--wp--preset--color--white);transform:translateX(20px);opacity:0;transition:.3s ease;pointer-events:none;.panel {
		height: 100%;

		.content {
			display: flex;
			align-items: flex-start;
			width: 100%;
			height: 100%;
			margin-inline-end: auto;
			margin-inline-start: auto;
			padding: 1rem;

			.slide-navigation {
				width: 100%;
				height: calc(100% - 60px);
				overflow-y: scroll;

				.menu-slide-menu-container {
					.slide-menu {
						margin: 0 auto;

						> .menu-item {
							+ .menu-item {
								margin-block-start: 1rem;
							}

							a {
								font-size: 1.2rem;
							}

							.sub-menu {
								margin-inline-start: 1rem;
								border-left: 1px solid var(--wp--preset--color--light-03);

								> .menu-item {
									a {
										padding-left: 0;
										font-size: 1rem;
									}

									+ .menu-item {
										margin-block-start: 0.5rem;
									}
								}
							}
						}

						a {
							display: inline-flex;
							align-items: center;
							color: var(--wp--preset--color--dark-01);
							font-size: var(--font-size-xl);
							text-align: left;
							transition: 0.3s ease;

							&:hover {
								color: var(--wp--preset--color--primary);
							}

							+ .sub-menu {
								margin-block-start: 1rem;
							}
						}

						.sub-menu {
							margin: 0;
						}
					}
				}
			}
		}
	}

	.is-slide-open & {
		transform: translateX(0);
		opacity: 1;
		pointer-events: all;
	}
}.entry-footer{margin-block-end:4rem}.term-site{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block-end:2rem;a {
		display: inline-flex;
		align-items: center;
		padding: 0.5rem 1rem;
		color: var(--wp--preset--color--light-01);
		line-height: 1;
		background-color: var(--wp--preset--color--dark-01);
		border-radius: 100vw;
		transition: 0.3s ease;

		&:hover {
			opacity: 0.5;
		}
	}
}.category-navigation{display:flex;width:100%;margin-block-start:4rem;list-style:none;.prev {
		margin-inline-end: auto;

		.ion {
			margin-inline-end: 0.5rem;
		}
	}

	.next {
		margin-inline-start: auto;

		.ion {
			margin-inline-start: 0.5rem;
		}
	}

	a {
		display: inline-flex;
		align-items: center;
		padding: 10px 20px;
		color: var(--wp--preset--color--dark-01);
		text-decoration: none;
		border: 2px solid var(--wp--preset--color--dark-01);
		border-radius: 3px;

		&:hover {
			color: var(--wp--preset--color--light-01);
			background-color: var(--wp--preset--color--dark-01);
		}
	}
}