/*-----------------------------------------------
 * WORKS
-------------------------------------------------*/
/**
* tab
**/
.tabLists {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.tabLists {
		flex-direction: column;
		gap: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(96 / var(--vw-min) * 100vw);
	}
}
.tabItem {
	width: calc((100% - min(calc(20 / var(--vw-min) * 100vw),20px)) / 2);
}
@media screen and (max-width:768px){
	.tabItem {
		width: 100%;
	}
}
.tabBtn {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    color: #fff;
    font-weight: 400;
    line-height: 1;
	text-wrap: nowrap;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-black222);
    border-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
    padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(80 / var(--vw-min) * 100vw), 80px);
	background-color: var(--color-black222);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.tabBtn {
		font-size: calc(24 / var(--vw-min) * 100vw);
		border-radius: calc(36 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
		padding: calc(24 / var(--vw-min) * 100vw) calc(110 / var(--vw-min) * 100vw);
	}
}
.tabBtn__arrow{
	width: min(calc(36 / var(--vw-min) * 100vw), 36px);
    height: min(calc(36 / var(--vw-min) * 100vw), 36px);
    position: absolute;
    top: 0;
    right: min(calc(2 / var(--vw-min) * 100vw), 2px);
    bottom: 0;
    margin: auto;
    border-radius: 50%;
	transform: rotate(90deg);
    border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-op40-white);
    transition: .3s ease;
}
@media screen and (max-width:768px){
	.tabBtn__arrow {
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
		right: calc(4 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.tabBtn__arrow::after {
	content: "";
	width: min(calc(16 / var(--vw-min) * 100vw),16px);
	height: min(calc(17 / var(--vw-min) * 100vw),17px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.tabBtn__arrow::after {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
}
.tabBtn.is-active {
	color: #000;
	background-color: #fff;
}
.tabBtn.is-active .tabBtn__arrow {
	border-color: var(--color-op40-black);
}
.tabBtn.is-active .tabBtn__arrow::after {
	background-color: #000;
}
@media (hover: hover) and (pointer: fine){
	@media (hover: hover) and (pointer: fine){
	.tabBtn:hover {
		color: #000;
		background-color: #fff;
	}
	.tabBtn:hover .tabBtn__arrow {
		border-color: var(--color-op40-black);
	}
	.tabBtn:hover .tabBtn__arrow::after {
		background-color: #000;
		transform: translateX(3px);
	}
}
}
.worksContItem {
	position: relative;
	opacity: 0;
	transition: .3s ease-out;
}
.worksContItem.is-active {
	opacity: 1;
}
.worksContItem:not(:last-of-type) {
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.worksContItem:not(:last-of-type) {
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
}
.worksContItem-tit {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-orangeE5A);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.worksContItem-tit {
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
}
.works__lists {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.works__lists {
		gap: calc(48 / var(--vw-min) * 100vw);
	}
}
.works__item {
	width: calc((100% - min(calc(80 / var(--vw-min) * 100vw),80px)) / 3);
}
@media screen and (max-width:768px){
	.works__item {
		width: calc((100% - calc(48 / var(--vw-min) * 100vw)) / 2);
	}
}
.works__link {
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
	text-decoration: none;
	transition: .3s ease;
}
.works__img {
	width: 100%;
	padding-top: 141.25%;/*452*/
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .2));
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .2));
	background-color: #000;
	transition: .3s ease;
}
.works__img::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	background-color: var(--color-op40-orange);
	transition: .3s ease;
}
.works__img img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	object-fit: contain;
	margin: auto;
	z-index: 1;
	pointer-events: none;
	transition: .3s ease;
}
.works__tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #000;
	line-height: 2;
	margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.works__tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.5;
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.works__link:hover .works__tit {
		color: var(--color-green648);
		text-decoration: underline;
		text-decoration-color: var(--color-green648);
	}
	.works__link:hover .works__img {
		transform: scale(1.05);
	}
	.works__link:hover .works__img::after {
		opacity: .7;
	}
}
/**
* deco
**/
.deco__flower {
	width: min(100vw,1200px);
	height: min(calc(280 / var(--vw-min) * 100vw),280px);
	position: absolute;
	z-index: -2;
	background: url(../img/common/deco/deco_flower.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__flower {
		width: 100%;
		height: calc(240 / var(--vw-min) * 100vw);
		background-size: cover;
	}
}
.deco__flower.--top {
	top: 0;
	left: 0;
}
.deco__flower.--bottom {
	right: 0;
	bottom: 0;
	transform: scale(-1,-1);
}
/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
.works__titWrap {
	display: flex;
	align-items: center;
	background-color: #fff;
	border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.works__titWrap {
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.works__titIn {
	width: 100%;	
	padding: min(calc(32 / var(--vw-min) * 100vw),32px) min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.works__titIn {
		padding: calc(30 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
}
.works__titWrap .works__posi {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-orangeE5A);
	line-height: 1;
	display: block;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.works__titWrap .works__posi {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.works__titWrap .works__name {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 500;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.works__titWrap .works__name {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.works__txtWrap {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #000;
	display: flex;
	background-color: #fff;
	padding: min(calc(40 / var(--vw-min) * 100vw),40px);
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
}
@media screen and (max-width:768px){
	.works__txtWrap {
		font-size: calc(24 / var(--vw-min) * 100vw);
		flex-direction: column;
		padding: calc(48 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.works__l {
	width: min(calc(300 / var(--vw-min) * 100vw),300px);
}
@media screen and (max-width:768px){
	.works__l {
		width: 100%;
	}
}
.works__r {
	width: calc(100% - min(calc(300 / var(--vw-min) * 100vw),300px));
	padding-left: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.works__r {
		width: 100%;
		padding-left: 0;
	}
}
.worksImgWrap {
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.worksImgWrap,
	.worksMovieWrap {
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
}
.worksMovieItem {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.worksImgSwiper {
	width: 100%;
}
.worksImgItem img {
	width: 100%;
	pointer-events: none;
}
.worksBox {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.worksBox {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
}
.worksBox-tit {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
	color: var(--color-orangeE5A);
	font-weight: 400;
	line-height: 1;
	margin-bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.worksBox-tit {
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
	}
}
.works__staCasItem {
	line-height: 1.5;
	display: flex;
	margin-bottom: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.works__staCasItem {
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.works__staCasItem-dt {
	color: var(--color-orangeE5A);
	display: flex;
    justify-content: flex-end;
	flex-shrink: 0;
	width: min(calc(180 / var(--vw-min) * 100vw),180px);
}
@media screen and (max-width:768px){
	.works__staCasItem-dt {
		width: calc(230 / var(--vw-min) * 100vw);
	}
}
.works__staCasItem-dd {
	width: calc(100% - min(calc(180 / var(--vw-min) * 100vw),180px));
	padding-left: min(calc(24 / var(--vw-min) * 100vw),24px);
}	
@media screen and (max-width:768px){
	.works__staCasItem-dd {
		width: calc(100% - calc(230 / var(--vw-min) * 100vw));
		padding-left: calc(30 / var(--vw-min) * 100vw);
	}
}
.works__r a {
	display: inline-flex;
    align-items: center;
}
.works__r a::after {
	 content: "";
    width: min(calc(12 / var(--vw-min) * 100vw),12px);
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    display: block;
    margin-left: min(calc(8 / var(--vw-min) * 100vw),8px);
    -webkit-mask: url(../img/common/deco/icon_link.svg)no-repeat center/contain;
    mask: url(../img/common/deco/icon_link.svg)no-repeat center/contain;
    background-color: var(--color-green648);
}
@media screen and (max-width:768px){
	.works__r a::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		margin-left: calc(16 / var(--vw-min) * 100vw);
	}
}
.worksBoxToggleWrap {
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
}
.worksBoxToggle {
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
}
@media screen and (max-width:768px){
	.worksBoxToggleWrap,
	.worksBoxToggle {
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.worksBoxToggle:last-child {
	border: unset;
}
.worksBoxItem-titWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.worksBoxItem-titWrap {
		padding: calc(18 / var(--vw-min) * 100vw);
	}
}
.worksBoxItem-tit {
	width: calc(100% - min(calc(20 / var(--vw-min) * 100vw),20px));
	font-weight: 700;
	padding-right: min(calc(15 / var(--vw-min) * 100vw),15px);
}
q.worksBoxItem-tit {
	width: calc(100% - calc(24 / var(--vw-min) * 100vw));
	padding-right: calc(20 / var(--vw-min) * 100vw);
}
.worksBoxItem-icon {
	width: min(calc(20 / var(--vw-min) * 100vw),20px);
	height: min(calc(20 / var(--vw-min) * 100vw),20px);
	display: block;
	position: relative;
	border-radius: 50%;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.worksBoxItem-icon {
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
		border-width: 2;
	}
}
.worksBoxItem-icon::before,
.worksBoxItem-icon::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: #000;
	transition: .3s ease;
}
.worksBoxItem-icon::before {
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
}
.worksBoxItem-icon::after {
	width: min(calc(1 / var(--vw-min) * 100vw),1px);
	height: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.worksBoxItem-icon::before {
		width: calc(10 / var(--vw-min) * 100vw);
		height: calc(2 / var(--vw-min) * 100vw);
	}
	.worksBoxItem-icon::after {
		width: calc(2 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}
.worksBoxItem-txtWrap {
	display: none;
	padding: 0 min(calc(24 / var(--vw-min) * 100vw),24px) min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.worksBoxItem-txtWrap {
		padding: 0 calc(24 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
	}
}
.worksBoxItem-icon.is-active {
	background-color: var(--color-green648);
	border-color: #fff;
}
.worksBoxItem-icon.is-active::before,
.worksBoxItem-icon.is-active::after {
	background-color: #fff;
}
.worksBoxItem-icon.is-active::after {
	opacity: 0;
}
@media (hover: hover) and (pointer: fine){
	.worksBoxItem-titWrap:hover .worksBoxItem-icon {
		background-color: var(--color-green648);
		border-color: #fff;
	}
	.worksBoxItem-titWrap:hover .worksBoxItem-icon::before {
		background-color: #fff;
	}
	.worksBoxItem-titWrap:hover .worksBoxItem-icon::after {
		opacity: 0;
		transform: translateY(5px);
		background-color: #fff;
	}
}
.worksBoxToggleWrap .works__staCasLists {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.worksBoxToggleWrap .works__staCasLists {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}