@charset "utf-8";
.works_wrap {
		max-width: 1380px;
		margin: 0 auto;
		padding: 80px 40px 0;
}
.works_wrap img {
		width: 100%;
		height: auto;
}
@media(max-width: 767px) {
		.works_wrap {
				padding: 40px 25px 100px;
		}
}
.works_all {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 80px 20px;
}
.works_tile a {
		color: #ddd;
		text-decoration: none;
}
.works_figure {
		margin: 0 0 20px;
		overflow: hidden;
		position: relative;
		aspect-ratio: 10 / 6;
}
.works_figure img {
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s;
		filter: grayscale(100);
		aspect-ratio: 10 / 6;
		object-fit: cover;
}
@media (hover: hover) {
		.works_tile a:hover .works_figure img {
				filter: grayscale(0);
				transform: scale(1.06);
		}
}
.works_title {
		font-size: 18px;
		font-family: "Plus Jakarta Sans", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		line-height: 1.8;
		letter-spacing: 0.02em;
}
.works_tile_caption {
		position: relative;
}
.category_tag {
		font-size: 13px;
		font-family: "Plus Jakarta Sans", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8;
		color: #787878;
		letter-spacing: 0.01em;
}
.works_tile_caption .category_tag {
		position: absolute;
		top: 5px;
		right: 0;
}
.works_client {
		margin-top: 10px;
		font-family: "Plus Jakarta Sans", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-size: 13px;
		color: #787878;
		letter-spacing: 0.01em;
}
@media(max-width: 767px) {
		.works_all {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 0 0;
				display: block;
		}
		.works_tile {
				margin: 0 0 40px;
		}
		.works_figure {
				margin: 0 0 10px;
		}
		.works_title {
				font-size: 13px;
		}
		.works_tile_caption .category_tag {
				font-size: 12px;
		}
		.works_title {
				margin: 0 0 5px;
		}
		.works_client {
				margin-top: 0;
		}
		.works_tile_caption .category_tag {
				top: 0px;
				right: 0;
		}
}
@media(max-width: 390px) {
		.works_title {
				font-size: 12px;
		}
		.works_tile_caption .category_tag {
				font-size: 11px;
		}
}
.wp-block-gallery.wp-block-gallery-1 {
		--wp--style--unstable-gallery-gap: 20px;
		--wp--style--gallery-gap-default: 20px;
		--gallery-block--gutter-size: 20px;
		gap: 20px;
}
figure.wp-block-gallery.has-nested-images {
		margin-bottom: 80px;
}
/* ================= */
.category_links {
		margin-bottom: 80px;
}
.category_links ul {
		list-style: none;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
}
.category_links ul li {
		margin-right: 20px;
		margin-bottom: 10px;
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0.01em;
}
.category_links a {
		text-decoration: none;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
		padding: 0 32px;
		color: #787878;
		border: 1px solid #505050;
		border-radius: 60px;
		transition: background 0.2s;
}
@media (hover: hover) {
		.category_links a:not(.isCurrent):hover {
				background: #3c3c3c;
				color: #ddd;
		}
}
.category_links a.isCurrent {
		color: #ddd;
		border: 1px solid #ddd;
}
@media(max-width: 767px) {
		.category_links ul li {
				margin-right: 6px;
				margin-bottom: 6px;
				font-size: 12px;
		}
		.category_links ul li:last-child {
				margin-right: 0;
		}
		.category_links a {
				height: 26px;
				padding: 0 14px;
		}
}
/* ================ */
.wp-pagenavi {
		clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
		text-decoration: none;
		border: 1px solid #ddd;
		padding: 3px 5px;
		margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
		border-color: #ddd;
}
.wp-pagenavi span.current {
		font-weight: bold;
}
.pagenav_outer {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 80px 0;
}
.pagenav {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 70px;
		height: 20px;
}
.pagenav_prev {
		padding-right: 25px;
		border-right: 1px solid #ddd;
}
.wp-pagenavi {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0;
}
.wp-pagenavi a, .wp-pagenavi span {
		margin: 0 5px !important;
		width: 42px;
		height: 42px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		background: none;
		color: #ddd;
		border-radius: 50%;
		text-decoration: none;
		transition: background 0.2s;
}
.wp-pagenavi a.page, .wp-pagenavi span.current,.wp-pagenavi span.extend {
		border: none;
		background: none;
}
.wp-pagenavi span.current {
		border: none;
		background: #3c3c3c;
		font-weight: 500 !important;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
		width: 50px;
		height: 50px;
		text-indent: -9999px;
		border: 1px solid #505050;
		border-radius: 50%;
		background: none;
		box-sizing: border-box;
		position: relative;
		color: rgba(255, 255, 255, 0) !important;
}
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.wp-pagenavi a.previouspostslink::after, .wp-pagenavi a.nextpostslink::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
}
.wp-pagenavi a.previouspostslink::after {
		background-image: url("../images/pagenav_left.png")
}
.wp-pagenavi a.nextpostslink::after {
		background-image: url("../images/pagenav_right.png")
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
		display: none
}
@media (hover: hover) {
		.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink):hover {
				color: #ddd;
				background: #3c3c3c;
		}
		.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover {
				border-color: #3c3c3c;
				background-color: #3c3c3c;
		}
}
.wp-pagenavi span.pages {
		display: none;
}
@media(max-width: 767px) {
		.pagenav {
				margin-top: 40px;
		}
		.wp-pagenavi a, .wp-pagenavi span {
				width: 30px;
				height: 30px
		}
		.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
				width: 32px;
				height: 32px;
				top: calc(50% - 15px);
		}
		.wp-pagenavi a.previouspostslink {
				left: -50px;
		}
		.wp-pagenavi a.nextpostslink {
				position: absolute;
				right: -50px;
		}
}
/* ================== */
.works_single_container {
		margin-top: 180px;
		padding-bottom: 240px;
}
.works_hdr {
		max-width: 1380px;
		margin: 0 auto 75px;
}
.works_hdr img, .works_single_wrap img {
		width: 100%;
		height: auto;
}
.works_single_wrap {
		max-width: 1140px;
		margin: 0 auto;
		padding: 0 40px;
}
.works_caption {
		margin: 0 0 60px;
		position: relative;
}
.works_name {
		font-size: 40px;
		font-family: "Plus Jakarta Sans", sans-serif;
		letter-spacing: 0.01em;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 80px;
}
.works_caption dl {
		display: flex;
		align-items: center;
		margin: 0 0 35px;
}
.works_caption dl.concept {
		display: flex;
		align-items: flex-start;
		margin: 0;
}
.works_caption dt {
		width: 140px;
		font-family: "Plus Jakarta Sans", sans-serif;
		color: #787878;
		line-height: 2.0;
}
.works_caption dd {
		flex: 1
}
.works_caption dl.concept dd {
		line-height: 2.0;
		font-feature-settings: "palt";
		letter-spacing: 0.08em;
}
@media(max-width: 767px) {
		.works_caption dl.concept dd {
				line-height: 1.8;
		}
}
.works_caption dl.en dt, .works_caption dl.en dd {
		font-family: "Plus Jakarta Sans", sans-serif;
}
.works_caption .works_url {
		position: absolute;
		font-family: "Plus Jakarta Sans", sans-serif;
		top: 0;
		right: 0;
}
.works_corpration a {
		color: #ddd;
		text-decoration: underline;
}
@media (hover: hover) {
		.works_corpration a:hover {
				color: #ddd;
				text-decoration: none;
		}
}
.wp-block-image {
		margin: 0 0 80px;
}
.wp-block-gallery.has-nested-images.columns-2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 20px;
		margin: 0 0 60px;
}
.columns-2 .wp-block-image {
		margin: 0
}
.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image) {
		width: auto;
}
@media(max-width: 767px) {
		.works_single_wrap {
				padding: 0 25px;
		}
		.works_name {
				font-size: 26px;
				margin: 0 0 35px;
				line-height: 1.4;
		}
		.works_caption dl, .works_caption dl.concept {
				display: block;
				margin: 0 0 30px;
		}
		.works_caption dt {
				width: auto;
				line-height: 1.6;
				font-size: 13px;
				margin: 0 0 3px;
		}
		.works_caption dd {
				font-size: 13px;
				line-height: 1.6;
		}
		.works_caption {
				margin: 0 0 80px
		}
		.works_corpration {
				font-size: 12px;
		}
		.wp-block-gallery.wp-block-gallery-1 {
				display: block;
				--wp--style--unstable-gallery-gap: 0;
				--wp--style--gallery-gap-default: 0;
				--gallery-block--gutter-size: 0;
				gap: 0;
		}
		.wp-block-gallery.has-nested-images.columns-2 {
				display: block;
				--wp--style--unstable-gallery-gap: 0;
				--wp--style--gallery-gap-default: 0;
				--gallery-block--gutter-size: 0;
				gap: 0;
		}
		.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image) {
				width: auto;
				margin: 0 0 20px;
		}
		.wp-block-gallery.has-nested-images.columns-2 {
				margin: 0 0 20px;
		}
		.wp-block-image {
				margin: 0 0 20px;
		}
		.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image), figure.wp-block-gallery.has-nested-images {
				margin: 0 0 20px !important
		}
		.works_caption .works_url {
				position: static;
				margin-top: 60px;
		}
}
/* ================ */
.link_btn_center {
		margin-top: 100px;
}
.work_notice {
		line-height: 1.8;
		font-size: 12px;
		color: #ddd;
}
.dum {
		position: relative;
}
.dum::after {
		content: 'info@jetus.co.jp';
		display: block;
		font-family: "Plus Jakarta Sans", sans-serif;
		font-size: 12px;
		letter-spacing: 0;
}