@charset "utf-8";
.fullWrap__sticky{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
	padding-top:0;
	z-index:60;
}
@media screen and (max-width:768px){
	.fullWrap__sticky{
		top:calc(-300 / var(--vw-min) * 100vw);
	}
}
.fullWrap__stickyin{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	max-height: 100%;
	display:flex;
	justify-content:flex-end;
}
@media screen and (max-width:768px){
	.fullWrap__stickyin{
		display:block;
	}
}
.special{
	width:100%;
	display:flex;
	padding:min(calc(90 / var(--vw-min) * 100vw),90px) 0;
}
@media screen and (max-width:768px){
	.special{
		display:block;
		padding:calc(64 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
		position:relative;
	}
}
.special:after{
	content:'';
	display:block;
	flex:1;
}
@media screen and (max-width:768px){
	.special:after{
		display:none;
	}
}
.special__left{
	flex:1;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column;
}
@media screen and (max-width:768px){
	.special__left{
		display:block;
		padding-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.special__leftInner{
	width: 100%;
	position:sticky;
	left:0;
	top:min(calc(90 / var(--vw-min) * 100vw),90px);
}
.special__title{
	height:min(calc(58 / var(--vw-min) * 100vw),58px);
	width:100%;
	-webkit-mask:url(../img/common/ti-special.svg) no-repeat center center / contain;
	mask:url(../img/common/ti-special.svg) no-repeat center center / contain;
	background:var(--color-green);
	margin-bottom:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.special__title{
		margin-bottom:0;
	}
}
.special__backTo{
	width:min(calc(105 / var(--vw-min) * 100vw),105px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.special__backTo{
		display:none;
	}
}
.special__backToBtn{
	display:flex;
	width:100%;
	height:min(calc(26 / var(--vw-min) * 100vw),26px);
	justify-content:space-between;
	align-items:center;
	transition:all 0.6s ease;
}
.special__backToBtn:hover{
	transform:scale(1.1);
}
.special__backTo--text{
	display:block;
	width:min(calc(71 / var(--vw-min) * 100vw),71px);
	height:min(calc(19 / var(--vw-min) * 100vw),19px);
	-webkit-mask:url(../img/common/t-backtolist.svg) no-repeat left center / contain;
	mask:url(../img/common/t-backtolist.svg) no-repeat left center / contain;
	background:var(--color-green);
	transition:all 0.6s ease;
}
.special__backToBtn:hover .special__backTo--text{
	background:#fff;
}
.special__backTo--circle{
	display:flex;
	width:min(calc(26 / var(--vw-min) * 100vw),26px);
	height:min(calc(26 / var(--vw-min) * 100vw),26px);
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-darkgray);
	padding:min(calc(2 / var(--vw-min) * 100vw),2px);
	border-radius:50%;
	transition:all 0.6s ease;
}
.special__backToBtn:hover .special__backTo--circle{
	border-color:var(--color-green);
}
.special__backTo--circle span{
	display:block;
	border-radius:50%;
	width:100%;
	height:100%;
	background:var(--color-darkgray);
	position:relative;
	transition:all 0.6s ease;
}
.special__backToBtn:hover .special__backTo--circle span{
	background:var(--color-green);
}
.special__backTo--circle span:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:min(calc(6 / var(--vw-min) * 100vw),6px);
	height:min(calc(6 / var(--vw-min) * 100vw),6px);
	margin-top:max(calc(-3 / var(--vw-min) * 100vw),-3px);
	margin-left:max(calc(-2 / var(--vw-min) * 100vw),-2px);
	transition:all 0.6s ease;
	box-sizing:border-box;
	border-top:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-green);
	border-left:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-green);
	transform:rotate(-45deg);
}
.special__backToBtn:hover .special__backTo--circle span:before{
	border-color:#000;
}
.special__center{
	width:63.3333%;
	max-width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.special__center{
		width:100%;
		display:flex;
	}
}
.special__lists{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.special__list{
	width:calc(50% - min(calc(30 / var(--vw-min) * 100vw),30px));
	margin-bottom:min(calc(76 / var(--vw-min) * 100vw),76px);
}
@media screen and (max-width:768px){
	.special__list{
		/* width:calc(50% - calc(24 / var(--vw-min) * 100vw)); */
		width: 100%;
		margin-bottom:calc(64 / var(--vw-min) * 100vw);
	}
}
.special__list:nth-last-child(-n + 2){
	margin-bottom:0;
}
@media screen and (max-width:768px){
	.special__list:nth-last-child(-n + 2){
		margin-bottom: calc(80 / var(--vw-min) * 100vw);
	}
	.special__list:nth-last-child{
		margin-bottom: 0;
	}
}
.special__listLink{
	display:block;
	border-top:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-darkgray);
	text-decoration:none;
	padding:min(calc(20 / var(--vw-min) * 100vw),20px) 0;
	position:relative;
}
@media screen and (max-width:768px){
	.special__listLink{
		padding:calc(32 / var(--vw-min) * 100vw) 0;
	}
}
.special__listLink:before{
	content:'';
	position:absolute;
	left:0;
	top:max(calc(-2 / var(--vw-min) * 100vw),-2px);
	background:var(--color-green);
	width:min(calc(29 / var(--vw-min) * 100vw),29px);
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	transition:all 0.6s ease;
}
.special__listLink:after{
	content:'';
	position:absolute;
	right:0;
	top:max(calc(-2 / var(--vw-min) * 100vw),-2px);
	background:var(--color-green);
	width:0;
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.special__listLink:hover:after{
		width:100%;
	}
}
.special__listThumb{
	width: 100%;
	padding-top: 52.5%;
	position: relative;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	overflow: hidden;
}
.special__listThumb img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
@media screen and (hover:hover) and (pointer: fine){
	.special__listThumb img{
		transition: transform .4s ease, filter .4s ease;
	}
	.special__listLink:hover .special__listThumb img{
		transform: scale(108%);
		filter: brightness(112.5%);
	}
}
.special__listTitle{
	display:block;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height:1.6;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	width:100%;
	height: 3.2em;
	margin-bottom:min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.special__listTitle{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.special__listTitle:first-letter{
	color:var(--color-green);
}
.special__listMore{
	position:absolute;
	display:flex;
	height:min(calc(32 / var(--vw-min) * 100vw),32px);
	bottom:max(calc(-16 / var(--vw-min) * 100vw),-16px);
	align-items:center;
	width:100%;
}
.special__listMore:after{
	content:'';
	display:block;
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	flex:1;
	background:linear-gradient(to right,rgba(0,204,185,1) 0%,rgba(0,204,185,1) 50%,rgba(48,48,48,1) 50%,rgba(48,48,48,1) 100%);
	background-position:right 0;
	background-size:200%;
	transition:all 0.5s ease;
	transition-delay:0.1s;
}
@media screen and (hover:hover){
	.special__listLink:hover .special__listMore:after{
		background-position:left 0;
		transition-delay:0s;
	}
}
.special__listMore--text{
	display:block;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight:600;
	color:var(--color-green);
	line-height:1;
	margin-right:min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.special__listMore--text{
		font-size:calc(18 / var(--vw-min) * 100vw);
	}
}
.special__listMore--circle{
	width:min(calc(32 / var(--vw-min) * 100vw),32px);
	height:min(calc(32 / var(--vw-min) * 100vw),32px);
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-darkgray);
	border-radius:50%;
	padding:min(calc(2 / var(--vw-min) * 100vw),2px);
	display:flex;
	order:3;
	transition:all 0.2s ease;
	transition-delay:0s;
}
@media screen and (hover:hover){
	.special__listLink:hover .special__listMore--circle{
		transition-delay:0.5s;
		border-color:var(--color-green);
	}
}
.special__listMore--circle span{
	position:relative;
	width:100%;
	height:100%;
	background:var(--color-darkgray);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.2s ease;
	transition-delay:0s;
}
@media screen and (hover:hover){
	.special__listLink:hover .special__listMore--circle span{
		transition-delay:0.5s;
		background:var(--color-green);
	}
}
.special__listMore--circle span:before{
	content:'';
	display:block;
	width:min(calc(6 / var(--vw-min) * 100vw),6px);
	height:min(calc(6 / var(--vw-min) * 100vw),6px);
	box-sizing:border-box;
	border-top:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-green);
	border-right:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-green);
	transform:translateX(max(calc(-1 / var(--vw-min) * 100vw),-1px))rotate(45deg);
	transition:all 0.2s ease;
	transition-delay:0s;
}
@media screen and (hover:hover){
	.special__listLink:hover .special__listMore--circle span:before{
		transition-delay:0.5s;
		border-color:#000;
	}
}


/**
* Article
**/
.article__title{
	padding-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
@media screen and (max-width:768px){
	.article__title{
		padding-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	}
}