@charset "UTF-8";
.l-works .c-intro_box {
	padding: clamp(36px, 4vw, 48px) clamp(16px, 3.3333333333vw, 40px);
	margin-bottom: 0
}
@media screen and (max-width:1024px) {
	.l-works .c-intro_box {
		padding: clamp(36px, 4vw, 48px) clamp(16px, 3.3333333333vw, 40px)
	}
}
@media screen and (max-width:768px) {
	.l-works .c-intro_box {
		background: #175292
	}
}
@media screen and (max-width:768px) {
	.l-works .c-intro_box:before {
		display: none
	}
}
.p-works {
	width: 100%
}
.p-works__inner {
	width: 100%
}
.p-works__num {
	width: 90vw;
	margin: 0 auto clamp(24px, 2.6666666667vw, 32px);
	font-size: 15px
}
@media screen and (max-width:1024px) {
	.p-works__num {
		width: 100%
	}
}
.p-works__list {
	width: 90vw;
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr clamp(16px, 3vw, 36px) 1fr clamp(16px, 3vw, 36px) 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(40px, 4vw, 48px) clamp(16px, 3vw, 36px)
}
@media screen and (max-width:1024px) {
	.p-works__list {
		width: 100%;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr)
	}
}
@media screen and (max-width:540px) {
	.p-works__list {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr)
	}
}
.p-works__link {
	width: 100%;
	display: block
}
.p-works__figure {
	width: 100%;
	aspect-ratio: 300/200;
	background: #efefef;
	overflow: hidden;
	margin-bottom: clamp(20px, 2vw, 24px)
}
.p-works__figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works__link:hover .p-works__figure img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07)
	}
}
.p-works__cont {
	width: 100%
}
.p-works__cat {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-bottom: 20px
}
.p-works__cat .main {
	display: block;
/*	width: 96px;*/
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	padding: 5px 10px 6px;
	background: #175292;
	border-radius: 3px
}
.p-works__cat .sub {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #666666
}
.p-works__ttl {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.7533333333;
	margin-top: clamp(-5.65px, -0.4708333333vw, -5.65px);
	margin-bottom: clamp(-5.65px, -0.4708333333vw, -5.65px);
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works__link:hover .p-works__ttl {
		color: #175292
	}
}
.p-works_category {
	width: 100%
}
.p-works_category__box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-column-gap: 36px;
	-moz-column-gap: 36px;
	column-gap: 36px
}
@media screen and (max-width:768px) {
	.p-works_category__box {
		display: block
	}
}
.p-works_category__box>.ttl {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	margin-top: clamp(16px, 1.6666666667vw, 20px);
	-ms-flex-negative: 0;
	flex-shrink: 0
}
@media screen and (max-width:768px) {
	.p-works_category__box>.ttl {
		margin: 0 0 16px
	}
}
.p-works_category__list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: clamp(12px, 1.6666666667vw, 20px)
}
.p-works_category__link {
	height: clamp(48px, 4.6666666667vw, 56px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 clamp(16px, 2.6666666667vw, 32px) 2px;
	background: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 9999px;
	-webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_category__link:hover {
		background: #f4fafd;
		border-color: #f4fafd
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_category__link:hover .cont {
		color: #175292
	}
}
.p-works_category__link.active {
	background: rgba(0, 0, 0, 0.5)
}
.p-works_category__link.active .cont {
	color: #ffffff
}
.p-works_category__link .cont {
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3333333333;
	margin-top: clamp(-2.5px, -0.2083333333vw, -2.5px);
	margin-bottom: clamp(-2.5px, -0.2083333333vw, -2.5px);
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}
.p-works_category__child-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: clamp(24px, 2.6666666667vw, 32px)
}
.p-works_category__child-link {
	display: block;
	padding: clamp(10px, 1vw, 12px) clamp(16px, 1.6666666667vw, 20px) clamp(11px, 1.0833333333vw, 13px);
	background: rgba(255, 255, 255, 0.8);
	border-radius: 9999px;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	border: 1px solid transparent
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_category__child-link:hover {
		background: #f4fafd
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_category__child-link:hover .cont {
		color: #175292
	}
}
.p-works_category__child-link.active {
	background: rgba(0, 0, 0, 0.33);
	border: 1px solid #ffffff
}
.p-works_category__child-link.active .cont {
	color: #ffffff
}
.p-works_category__child-link .cont {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3846153846;
	margin-top: clamp(-2.5px, -0.2083333333vw, -2.5px);
	margin-bottom: clamp(-2.5px, -0.2083333333vw, -2.5px);
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}
.p-works_filter {
	margin: 0 clamp(-40px, -3.3333333333vw, -16px) clamp(48px, 5.3333333333vw, 64px);
	position: relative
}
@media screen and (min-width:769px) {
	.p-works_filter {
		padding: clamp(20px, 3vw, 36px) clamp(16px, 3.3333333333vw, 40px)
	}
}
.p-works_filter:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - clamp(16px, 3.3333333333vw, 40px));
	height: 1px;
	background: #d2d2d2;
	z-index: 1
}
@media screen and (max-width:768px) {
	.p-works_filter:before {
		width: 100%
	}
}
.p-works_filter__inner {
	width: 90vw;
	margin: 0 auto
}
@media screen and (max-width:768px) {
	.p-works_filter__inner {
		width: 100%
	}
}
.p-works_filter__box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-column-gap: 36px;
	-moz-column-gap: 36px;
	column-gap: 36px
}
@media screen and (max-width:768px) {
	.p-works_filter__box {
		display: block;
		-webkit-transition: background 0.3s ease-in-out;
		transition: background 0.3s ease-in-out
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__box:has(.p-works_filter__btn.active) {
		background: #ffffff
	}
}
.p-works_filter__box>.ttl {
	margin-top: 16px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.ttl {
		width: 100%;
		margin-top: 0
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.5s ease-in-out;
		transition: max-height 0.5s ease-in-out
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form {
		width: 100%;
		padding: 36px clamp(16px, 3.3333333333vw, 40px);
		position: relative
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: calc(100% - clamp(32px, 6.6666666667vw, 80px));
		height: 1px;
		background: #d2d2d2
	}
}
.p-works_filter__box>.cont>form>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: clamp(20px, 2vw, 24px) clamp(24px, 2.6666666667vw, 32px)
}
@media screen and (max-width:1024px) {
	.p-works_filter__box>.cont>form>ul {
		display: block
	}
}
.p-works_filter__box>.cont>form>ul:has(li.sf-field-post-meta-cost)>li.sf-field-taxonomy-works_tag, .p-works_filter__box>.cont>form>ul:has(li.sf-field-post-meta-cost)>li.sf-field-taxonomy-works_tag_sales, .p-works_filter__box>.cont>form>ul:has(li.sf-field-post-meta-listed_market)>li.sf-field-taxonomy-works_tag, .p-works_filter__box>.cont>form>ul:has(li.sf-field-post-meta-listed_market)>li.sf-field-taxonomy-works_tag_sales {
	width: 100%;
	padding-right: 0;
	border-right: none
}
@media screen and (min-width:769px) and (max-width:1024px) {
	.p-works_filter__box>.cont>form>ul:has(li.sf-field-post-meta-cost)>li>h4, .p-works_filter__box>.cont>form>ul:has(li.sf-field-post-meta-listed_market)>li>h4 {
		width: 4em
	}
}
.p-works_filter__box>.cont>form>ul>li {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 12px 16px
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form>ul>li {
		display: block
	}
}
@media screen and (min-width:1025px) {
	.p-works_filter__box>.cont>form>ul>li:not(:last-child) {
		min-height: 48px;
		padding-right: 32px;
		border-right: 1px solid #d2d2d2
	}
}
@media screen and (max-width:1024px) {
	.p-works_filter__box>.cont>form>ul>li:not(:last-child) {
		margin-bottom: 24px
	}
}
.p-works_filter__box>.cont>form>ul>li.sf-field-post-meta-cost, .p-works_filter__box>.cont>form>ul>li.sf-field-post-meta-listed_market, .p-works_filter__box>.cont>form>ul>li.sf-field-taxonomy-industry {
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.p-works_filter__box>.cont>form>ul>li>h4 {
	font-size: 15px;
	font-weight: 500;
	padding: 0;
	margin-top: 16px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form>ul>li>h4 {
		margin: 0 0 16px
	}
}
.p-works_filter__box>.cont>form>ul>li>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: clamp(4px, 0.6666666667vw, 8px) clamp(12px, 1.3333333333vw, 16px)
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form>ul>li>ul {
		gap: clamp(12px, 1.3333333333vw, 16px)
	}
}
.p-works_filter__box>.cont>form>ul>li>ul>li {
	padding: 4px 0
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form>ul>li>ul>li {
		padding: 0
	}
}
.p-works_filter__box>.cont>form>ul>li>ul>li input {
	display: none
}
.p-works_filter__box>.cont>form>ul>li>ul>li input:checked+label {
	background: #175292;
	border-color: #ffffff
}
.p-works_filter__box>.cont>form>ul>li>ul>li label {
	display: block;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	padding: clamp(7px, 0.9166666667vw, 11px) 16px clamp(8px, 1vw, 12px);
	background: #151112;
	border: 1px solid transparent;
	border-radius: 9999px;
	cursor: pointer;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_filter__box>.cont>form>ul>li>ul>li label:hover {
		background: #175292
	}
}
.p-works_filter__box>.cont>form>ul>li>ul>li label:before {
	content: "#"
}
.p-works_filter__box>.cont>form>ul>li>label {
	position: relative
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form>ul>li>label {
		width: min(100%, 268px)
	}
}
.p-works_filter__box>.cont>form>ul>li>label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 14px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #175292 transparent transparent transparent;
	pointer-events: none
}
.p-works_filter__box>.cont>form>ul>li>label select {
	width: 268px;
	height: 48px;
	font-size: 15px;
	padding: 15px 36px 16px 23px;
	background: #ffffff;
	border: 1px solid #b4b4b4;
	border-radius: 4px;
	cursor: pointer
}
@media screen and (max-width:768px) {
	.p-works_filter__box>.cont>form>ul>li>label select {
		width: 100%
	}
}
.p-works_filter__btn {
	font-size: 15px;
	font-weight: bold
}
@media screen and (max-width:768px) {
	.p-works_filter__btn {
		width: 100%;
		display: block;
		padding: clamp(20px, 3vw, 36px) clamp(16px, 3.3333333333vw, 40px);
		position: relative;
		cursor: pointer;
		-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
		transition: color 0.3s ease-in-out, background 0.3s ease-in-out
	}
}
@media screen and (hover:hover) and (pointer:fine) and (max-width:768px) {
	.p-works_filter__btn:not(.active):hover {
		color: #175292;
		background: #f4fafd
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__btn.active:after {
		opacity: 0
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__btn:before {
		content: "";
		position: absolute;
		top: 50%;
		right: clamp(16px, 3.3333333333vw, 40px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 12px;
		height: 2px;
		background: #175292
	}
}
@media screen and (max-width:768px) {
	.p-works_filter__btn:after {
		content: "";
		position: absolute;
		top: 50%;
		right: clamp(21px, 4vw, 48px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 2px;
		height: 12px;
		background: #175292;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out
	}
}
@media screen and (max-width:1024px) {
	.l-works_details .l-breadcrumb__list>li:not(:last-child):after {
		color: #cccccc
	}
}
@media screen and (max-width:1024px) {
	.l-works_details .l-breadcrumb__list>li:last-child .l-breadcrumb__cont {
		color: #ffffff
	}
}
@media screen and (hover:hover) and (pointer:fine) and (max-width:1024px) {
	.l-works_details .l-breadcrumb__link:hover .l-breadcrumb__cont {
		color: #f4fafd
	}
}
@media screen and (max-width:1024px) {
	.l-works_details .l-breadcrumb__cont {
		color: rgba(255, 255, 255, 0.8)
	}
}
.p-works_details {
	width: 100%
}
.p-works_details__inner {
	width: 100%
}
.p-works_details__headline {
	width: 100%;
	margin-bottom: clamp(32px, 3vw, 36px)
}
.p-works_details__headline .cont {
	width: 100%;
	padding-bottom: 32px;
	position: relative
}
.p-works_details__headline .cont.white:before {
	background: #ffffff
}
.p-works_details__headline .cont.white ._cap, .p-works_details__headline .cont.white ._main {
	color: #ffffff
}
.p-works_details__headline .cont:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	height: 1px;
	background: #175292
}
.p-works_details__headline .cont ._cap {
	display: block;
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #175292;
	margin-bottom: 14px
}
.p-works_details__headline .cont ._main {
	display: block;
	font-size: clamp(18px, 1.6666666667vw, 20px);
	font-weight: bold;
	letter-spacing: 0.1em
}
.p-works_details__back {
	width: min(100%, 340px);
	margin: 0 auto
}
@media screen and (max-width:1024px) {
	.p-works_details__back {
		width: min(100%, 288px)
	}
}
.p-works_details_visual {
	margin: calc(-1 * (51px + clamp(119px, 10.75vw, 129px))) clamp(-40px, -3.3333333333vw, -16px) clamp(48px, 8vw, 96px);
	padding: 200px 5vw 100px;
	position: relative
}
@media screen and (max-width:1024px) {
	.p-works_details_visual {
		margin-top: -142px;
		padding: 150px clamp(16px, 3.3333333333vw, 40px) 0
	}
}
@media screen and (max-width:768px) {
	.p-works_details_visual {
		margin-top: -102px;
		padding-top: 115px
	}
}
.p-works_details_visual:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	background: #175292;
	clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%)
}
@media screen and (max-width:1024px) {
	.p-works_details_visual:before {
		width: 100%;
		height: clamp(270px, 48.58vw + 114.545px, 612px);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 74%)
	}
}
.p-works_details_visual__inner {
	width: 100%;
	position: relative
}
.p-works_details_visual__flex {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-column-gap: clamp(20px, 3.3333333333vw, 40px);
	-moz-column-gap: clamp(20px, 3.3333333333vw, 40px);
	column-gap: clamp(20px, 3.3333333333vw, 40px)
}
@media screen and (max-width:1024px) {
	.p-works_details_visual__flex {
		display: block
	}
}
.p-works_details_visual__figure {
	width: 57.71605%;
	aspect-ratio: 3/2;
	-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.08);
	margin-bottom: 0;
	overflow: hidden
}
@media screen and (max-width:1024px) {
	.p-works_details_visual__figure {
		width: 100%;
		margin: 0 auto 32px
	}
}
.p-works_details_visual__figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center
}
.p-works_details_visual__box {
	width: max(35.80247%, 400px);
	-ms-flex-negative: 0;
	flex-shrink: 0
}
@media screen and (max-width:1024px) {
	.p-works_details_visual__box {
		width: 100%
	}
}
.p-works_details_visual__cat {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px 16px;
	margin-bottom: clamp(20px, 2.5vw, 30px)
}
.p-works_details_visual__cat .main {
	display: block;
	width: clamp(96px, 10.6666666667vw, 128px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: clamp(13px, 1.25vw, 15px);
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	padding: 6px 6px 7px;
	background: #175292;
	border-radius: 3px
}
.p-works_details_visual__cat .sub {
	display: block;
	font-size: clamp(13px, 1.25vw, 15px);
	font-weight: 500;
	color: #666666
}
.p-works_details_visual__ttl {
	width: 100%;
	font-size: clamp(20px, 2.1666666667vw, 26px);
	font-weight: bold;
	line-height: 1.7307692308;
	margin-top: clamp(-9.5px, -0.7916666667vw, -9.5px);
	margin-bottom: clamp(22.5px, 3.2083333333vw, 38.5px);
	letter-spacing: 0.1em
}
@media screen and (max-width:768px) {
	.p-works_details_visual__ttl {
		line-height: 1.5;
		margin-top: clamp(-5px, -0.4166666667vw, -5px);
		margin-bottom: clamp(27px, 3.5833333333vw, 43px)
	}
}
.p-works_details_visual__info {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 7em 1fr;
	grid-template-columns: 7em 1fr;
	row-gap: 24px;
	position: relative
}
.p-works_details_visual__item {
	display: contents
}
.p-works_details_visual__item.tags>.ttl, .p-works_details_visual__item.url>.ttl {
	margin-top: 3px
}
.p-works_details_visual__item>.ttl {
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3846153846;
	margin-top: clamp(-2.5px, -0.2083333333vw, -2.5px);
	margin-bottom: clamp(-2.5px, -0.2083333333vw, -2.5px);
	color: #666666
}
.p-works_details_visual__text {
	width: 100%;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.7692307692;
	margin-top: clamp(-5px, -0.4166666667vw, -5px);
	margin-bottom: clamp(-5px, -0.4166666667vw, -5px);
	color: #333333
}
.p-works_details_visual__charge-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px 14px
}
.p-works_details_visual__charge-list>li {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.7692307692;
	margin-top: clamp(-5px, -0.4166666667vw, -5px);
	margin-bottom: clamp(-5px, -0.4166666667vw, -5px);
	color: #333333
}
.p-works_details_visual__tag-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px
}
.p-works_details_visual__tag-link {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	padding: 5px 12px 6px;
	background: #151112;
	border-radius: 9999px;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out
}
.p-works_details_visual__tag-link:before {
	content: "#"
}
.p-works_details_visual__url-list {
	width: 100%
}
.p-works_details_visual__url-list>li {
	width: 100%
}
.p-works_details_visual__url-list>li:not(:last-child) {
	margin-bottom: 18px
}
.p-works_details_visual__url-link {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.7692307692;
	margin-top: clamp(-5px, -0.4166666667vw, -5px);
	margin-bottom: clamp(-5px, -0.4166666667vw, -5px);
	color: #1e9922;
	text-decoration: underline;
	text-underline-offset: 6px;
	-webkit-transition: color 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_visual__url-link:hover {
		color: #175292;
		text-decoration-color: transparent
	}
}
.p-works_details_visual__url-link:after {
	font-family: "Material Icons Outlined";
	content: "\e89e";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #175292;
	letter-spacing: 0;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 2px;
	vertical-align: middle
}
.p-works_details_movie {
	width: 90vw;
	margin: 0 auto clamp(48px, 6.6666666667vw, 80px)
}
@media screen and (max-width:1024px) {
	.p-works_details_movie {
		width: 100%
	}
}
.p-works_details_movie__inner {
	width: 100%
}
.p-works_details_movie__box {
	width: 100%;
	background: #dddddd;
	padding: clamp(20px, 4vw, 48px) clamp(16px, 3.3333333333vw, 40px)
}
.p-works_details_movie__box:not(:last-child) {
	margin-bottom: clamp(24px, 4vw, 48px)
}
.p-works_details_movie__video {
	width: min(100%, 1036px);
	aspect-ratio: 16/9;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}
.p-works_details_movie__video iframe {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.p-works_details_movie__text {
	width: min(100%, 1036px);
	margin: 0 auto;
	font-size: clamp(14px, 1.25vw, 15px);
	font-weight: 500;
	line-height: 1.6666666667;
	margin-top: clamp(7px, 0.9166666667vw, 11px);
	margin-bottom: clamp(-5px, -0.4166666667vw, -5px);
	text-align: center
}
@media screen and (max-width:1024px) {
	.p-works_details_movie__text {
		line-height: 1.5384615385;
		margin-top: clamp(8.5px, 1.0416666667vw, 12.5px);
		margin-bottom: clamp(-3.5px, -0.2916666667vw, -3.5px)
	}
}
.p-works_details_about {
	width: 100%;
	margin-bottom: clamp(48px, 6vw, 72px)
}
.p-works_details_about__inner {
	width: 90vw;
	margin: 0 auto
}
@media screen and (max-width:1024px) {
	.p-works_details_about__inner {
		width: 100%
	}
}
.p-works_details_solution {
	width: 90vw;
	margin: 0 auto clamp(48px, 6.6666666667vw, 80px)
}
@media screen and (max-width:1024px) {
	.p-works_details_solution {
		width: 100%
	}
}
.p-works_details_solution__inner {
	width: 100%
}
.p-works_details_solution__box {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr clamp(16px, 3vw, 36px) 1fr clamp(16px, 3vw, 36px) 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 3vw, 36px)
}
@media screen and (max-width:768px) {
	.p-works_details_solution__box {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr)
	}
}
.p-works_details_solution__block {
	padding: clamp(20px, 2.6666666667vw, 32px) clamp(20px, 2.6666666667vw, 32px) clamp(28px, 2.6666666667vw, 32px);
	background: #ffffff
}
.p-works_details_solution__block>.ttl {
	width: 100%;
	font-size: clamp(16px, 1.5vw, 18px);
	font-weight: bold;
	color: #175292;
	text-align: center;
	margin-bottom: clamp(24px, 2.3333333333vw, 28px)
}
.p-works_details_solution__list {
	width: 100%
}
.p-works_details_solution__list>li {
	width: 100%;
	font-size: clamp(13px, 1.25vw, 15px);
	position: relative;
	line-height: 1.4666666667;
	margin-top: clamp(-3.5px, -0.2916666667vw, -3.5px);
	margin-bottom: clamp(-3.5px, -0.2916666667vw, -3.5px);
	padding-left: 1em;
	font-weight: 500
}
.p-works_details_solution__list>li:not(:first-child) {
	margin-top: clamp(16.5px, 1.375vw, 16.5px)
}
.p-works_details_solution__list>li:before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 6px;
	height: 6px;
	background: #175292;
	border-radius: 50%
}
@media screen and (max-width:768px) {
	.p-works_details_solution__list>li {
		position: relative;
		line-height: 1.6923076923;
		margin-top: clamp(-4.5px, -0.375vw, -4.5px);
		margin-bottom: clamp(-4.5px, -0.375vw, -4.5px);
		padding-left: 1em
	}
	.p-works_details_solution__list>li:not(:first-child) {
		margin-top: clamp(15.5px, 1.2916666667vw, 15.5px)
	}
	.p-works_details_solution__list>li:before {
		content: "";
		position: absolute;
		top: 0.6em;
		left: 0;
		width: 6px;
		height: 6px;
		background: #175292;
		border-radius: 50%
	}
}
.p-works_details_main {
	width: 90vw;
	margin: 0 auto clamp(68px, 8vw, 96px)
}
@media screen and (max-width:1024px) {
	.p-works_details_main {
		width: 100%
	}
}
.p-works_details_main__inner {
	width: 100%
}
.p-works_details_main__figure {
	width: 100%;
	margin: 0 auto
}
.p-works_details_main__figure:not(:last-child) {
	margin-bottom: clamp(32px, 4vw, 48px)
}
.p-works_details_main__headline {
	width: min(100%, 1036px);
	margin: 0 auto
}
.p-works_details_main__headline:not(:last-child) {
	margin-bottom: clamp(20px, 2.5vw, 30px)
}
.p-works_details_main__headline .cont {
	width: 100%;
	font-size: clamp(16px, 1.6666666667vw, 20px);
	font-weight: bold;
	line-height: 1.75;
	margin-top: clamp(-7.5px, -0.625vw, -7.5px);
	margin-bottom: clamp(-7.5px, -0.625vw, -7.5px);
	letter-spacing: 0.1em
}
@media screen and (max-width:768px) {
	.p-works_details_main__headline .cont {
		line-height: 1.75;
		margin-top: clamp(-6px, -0.5vw, -6px);
		margin-bottom: clamp(-6px, -0.5vw, -6px)
	}
}
.p-works_details_main__text {
	width: min(100%, 1036px);
	margin: 0 auto;
	font-size: clamp(13px, 1.25vw, 15px);
	font-weight: 500;
	line-height: 2;
	margin-top: clamp(-7.5px, -0.625vw, -7.5px);
	margin-bottom: clamp(-7.5px, -0.625vw, -7.5px)
}
@media screen and (max-width:768px) {
	.p-works_details_main__text {
		line-height: 2;
		margin-top: clamp(-6.5px, -0.5416666667vw, -6.5px);
		margin-bottom: clamp(-6.5px, -0.5416666667vw, -6.5px)
	}
}
.p-works_details_main__text:not(:last-child) {
	margin-bottom: clamp(24.5px, 3.375vw, 40.5px)
}
@media screen and (max-width:768px) {
	.p-works_details_main__text:not(:last-child) {
		margin-bottom: clamp(25.5px, 3.4583333333vw, 41.5px)
	}
}
.p-works_details_slide {
	margin: 0 clamp(-40px, -3.3333333333vw, -16px) clamp(48px, 8vw, 96px);
	padding: clamp(48px, 6.6666666667vw, 80px) 0 clamp(40px, 6.5vw, 78px);
	background: #ffffff
}
.p-works_details_slide__inner {
	width: 100%
}
.p-works_details_slide__slider {
	width: 100%;
	position: relative
}
.p-works_details_slide__photo {
	margin-bottom: 0
}
.p-works_details_slide__control {
	width: 100%;
	margin: 12px auto 0
}
@media screen and (max-width:768px) {
	.p-works_details_slide__control {
		width: min(100%, 288px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 32px;
		position: relative
	}
}
@media screen and (max-width:768px) and (max-width:768px) {
	.p-works_details_slide__control:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 136px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 84px;
		height: 1px;
		background: #d2d2d2
	}
}
.p-works_details_slide__arrows {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 47%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 0 calc(50% - 335px);
	pointer-events: none
}
@media screen and (max-width:768px) {
	.p-works_details_slide__arrows {
		width: 116px;
		position: static;
		-webkit-transform: none;
		transform: none;
		padding: 0
	}
}
.p-works_details_slide__arrow {
	width: 52px;
	aspect-ratio: 1/1;
	background: #ffffff;
	border: 1px solid #b4b4b4;
	cursor: pointer;
	pointer-events: auto;
	-webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
	position: relative
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_slide__arrow:hover {
		background: #f4fafd;
		border-color: #175292
	}
}
.p-works_details_slide__arrow.prev:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 2px;
	background: #175292
}
.p-works_details_slide__arrow.prev:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 9px 5px 0;
	border-color: transparent #175292 transparent transparent
}
.p-works_details_slide__arrow.next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 2px;
	background: #175292
}
.p-works_details_slide__arrow.next:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #175292
}
.p-works_details_slide__pagination {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: 15px;
	color: #666666
}
@media screen and (max-width:768px) {
	.p-works_details_slide__pagination {
		width: auto
	}
}
.p-works_details_slide__pagination .active {
	font-weight: bold;
	color: #175292
}
.p-works_details_client {
	width: 90vw;
	margin: 0 auto clamp(64px, 8vw, 96px)
}
@media screen and (max-width:1024px) {
	.p-works_details_client {
		width: 100%
	}
}
.p-works_details_about+.p-works_details_client {
	margin-top: clamp(-72px, -6vw, -48px)
}
.p-works_details_about+.p-works_details_client .c-works_details_box__block {
	border-top: none
}
.p-works_details_about+.p-works_details_client .c-works_details_box__block:before {
	display: none
}
.p-works_details_related {
	margin: 0 clamp(-40px, -3.3333333333vw, -16px) 80px;
	padding: 64px clamp(16px, 3.3333333333vw, 40px) 0;
	overflow: hidden;
	position: relative
}
.p-works_details_related:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: clamp(246px, 26.1666666667vw, 314px);
	background: #175292
}
.p-works_details_related__inner {
	width: 90vw;
	margin: 0 auto;
	position: relative
}
@media screen and (max-width:1024px) {
	.p-works_details_related__inner {
		width: 100%
	}
}
.p-works_details_related__slider {
	margin-bottom: clamp(32px, 4vw, 48px)
}
.p-works_details_related__slider .splide__track {
	width: clamp(236px, 25vw, 300px);
	overflow: visible
}
.p-works_details_related__link {
	display: block;
	width: 100%;
	height: 100%
}
.p-works_details_related__photo {
	width: 100%;
	aspect-ratio: 300/200;
	background: #efefef;
	overflow: hidden;
	margin-bottom: clamp(20px, 2vw, 24px)
}
.p-works_details_related__photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_related__link:hover .p-works_details_related__photo img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07)
	}
}
.p-works_details_related__cont {
	width: 100%
}
.p-works_details_related__cat {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-bottom: 20px
}
.p-works_details_related__cat .main {
	display: block;
	width: 96px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	padding: 5px 6px 6px;
	background: #175292;
	border-radius: 3px
}
.p-works_details_related__cat .sub {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #666666
}
.p-works_details_related__ttl {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.7533333333;
	margin-top: clamp(-5.65px, -0.4708333333vw, -5.65px);
	margin-bottom: clamp(-5.65px, -0.4708333333vw, -5.65px);
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_related__link:hover .p-works_details_related__ttl {
		color: #175292
	}
}
.p-works_details_related__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
	position: absolute;
	top: -88px;
	right: 0
}
@media screen and (max-width:768px) {
	.p-works_details_related__control {
		width: min(100%, 288px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 32px auto 0;
		position: relative;
		top: auto;
		right: auto
	}
}
@media screen and (max-width:768px) {
	.p-works_details_related__control:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 136px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 84px;
		height: 1px;
		background: #d2d2d2
	}
}
.p-works_details_related__pagination {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-works_details_related__pagination {
		width: auto;
		color: #666666
	}
}
.p-works_details_related__pagination .active {
	font-weight: bold;
	color: #ffffff
}
@media screen and (max-width:768px) {
	.p-works_details_related__pagination .active {
		color: #175292
	}
}
.p-works_details_related__arrows {
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	pointer-events: none
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrows {
		width: 116px
	}
}
.p-works_details_related__arrow {
	width: 52px;
	aspect-ratio: 1/1;
	border: 1px solid #ffffff;
	cursor: pointer;
	pointer-events: auto;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	position: relative
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow {
		background: #ffffff;
		border: 1px solid #b4b4b4;
		-webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
		transition: background 0.3s ease-in-out, border 0.3s ease-in-out
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_related__arrow:hover {
		background: #ffffff
	}
}
@media screen and (hover:hover) and (pointer:fine) and (max-width:768px) {
	.p-works_details_related__arrow:hover {
		background: #f4fafd;
		border-color: #175292
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-works_details_related__arrow:hover.prev:before {
		background: #175292
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-works_details_related__arrow:hover.prev:after {
		border-color: transparent #175292 transparent transparent
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-works_details_related__arrow:hover.next:before {
		background: #175292
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-works_details_related__arrow:hover.next:after {
		border-color: transparent transparent transparent #175292
	}
}
.p-works_details_related__arrow[disabled] {
	cursor: default;
	background: none;
	border-color: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow[disabled] {
		border-color: #d2d2d2
	}
}
.p-works_details_related__arrow[disabled].prev:before {
	background: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow[disabled].prev:before {
		background: #d2d2d2
	}
}
.p-works_details_related__arrow[disabled].prev:after {
	border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow[disabled].prev:after {
		border-color: transparent #d2d2d2 transparent transparent
	}
}
.p-works_details_related__arrow[disabled].next:before {
	background: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow[disabled].next:before {
		background: #d2d2d2
	}
}
.p-works_details_related__arrow[disabled].next:after {
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow[disabled].next:after {
		border-color: transparent transparent transparent #d2d2d2
	}
}
.p-works_details_related__arrow.prev:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 2px;
	background: #ffffff;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow.prev:before {
		width: 24px;
		background: #175292;
		-webkit-transition: none;
		transition: none
	}
}
.p-works_details_related__arrow.prev:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 9px 5px 0;
	border-color: transparent #ffffff transparent transparent;
	-webkit-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow.prev:after {
		border-color: transparent #175292 transparent transparent;
		-webkit-transition: none;
		transition: none
	}
}
.p-works_details_related__arrow.next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 2px;
	background: #ffffff;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow.next:before {
		width: 24px;
		background: #175292;
		-webkit-transition: none;
		transition: none
	}
}
.p-works_details_related__arrow.next:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #ffffff;
	-webkit-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-works_details_related__arrow.next:after {
		border-color: transparent transparent transparent #175292
	}
}
.p-works_details_service {
	width: 90vw;
	margin: 0 auto clamp(64px, 8vw, 96px)
}
@media screen and (max-width:1024px) {
	.p-works_details_service {
		width: 100%
	}
}
.p-works_details_service__inner {
	width: 100%
}
.p-works_details_service__list {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr clamp(16px, 3vw, 36px) 1fr clamp(16px, 3vw, 36px) 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 3vw, 36px)
}
@media screen and (max-width:1024px) {
	.p-works_details_service__list {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr)
	}
}
@media screen and (max-width:768px) {
	.p-works_details_service__list {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr)
	}
}
.p-works_details_service__link {
	width: 100%;
	height: clamp(72px, 8vw, 96px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 clamp(64px, 5.8333333333vw, 70px) 2px clamp(16px, 2vw, 24px);
	background: #ffffff;
	border: 1px solid #b4b4b4;
	position: relative;
	-webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_service__link:hover {
		background: #f4fafd;
		border-color: #175292
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_service__link:hover:before {
		right: 8px
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_service__link:hover:after {
		right: 8px;
		width: 48px
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-works_details_service__link:hover .cont {
		color: #175292
	}
}
.p-works_details_service__link:before {
	content: "";
	position: absolute;
	bottom: 50%;
	right: 16px;
	-webkit-transform: translateY(-2px) rotate(45deg);
	transform: translateY(-2px) rotate(45deg);
	width: 7px;
	height: 1px;
	background: #175292;
	-webkit-transition: right 0.3s ease-in-out;
	transition: right 0.3s ease-in-out
}
.p-works_details_service__link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 1px;
	background: #175292;
	-webkit-transition: right 0.3s ease-in-out, width 0.3s ease-in-out;
	transition: right 0.3s ease-in-out, width 0.3s ease-in-out
}
.p-works_details_service__link .cont {
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: clamp(-3.75px, -0.3125vw, -3.75px);
	margin-bottom: clamp(-3.75px, -0.3125vw, -3.75px);
	letter-spacing: 0.14em;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}
.p-works_details_annotation {
	width: 90vw;
	margin: 0 auto
}
.p-works_details_annotation__inner {
	width: 100%
}
.p-works_details_annotation__list {
	width: 100%
}
.p-works_details_annotation__list>li {
	width: 100%;
	font-size: 13px;
	line-height: 1.5;
	margin-top: clamp(-3.25px, -0.2708333333vw, -3.25px);
	margin-bottom: clamp(-3.25px, -0.2708333333vw, -3.25px);
	color: #666666;
	text-indent: -1em;
	padding-left: 1em
}
.p-works_details_annotation__list>li:not(:last-child) {
	margin-bottom: clamp(10.75px, 0.8958333333vw, 10.75px)
}
/*# sourceMappingURL=common_works.css.map */