@charset "utf-8";
/*-----------------------------------------------
 * KEYWORDS
-------------------------------------------------*/
.special .cont-tit {
	width: 34.041%;/*465*/
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
}
@media screen and (max-width:768px){
	.special .cont-tit {
		width: 100%;
		align-items: flex-start;
	}
}
.special .cont-tit-en {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	margin-right: min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
	.special .cont-tit-en {
		writing-mode: unset;
		-ms-writing-mode: unset;
		margin-right: 0;
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
	}
}
.special .cont-tit-catch {
	margin-right: min(calc(38 / var(--vw-min) * 100vw),38px);
}
@media screen and (max-width:768px){
	.special .cont-tit-catch {
		margin-right: 0;
		position: absolute;
		top: calc(46 / var(--vw-min) * 100vw);
		left: calc(10 / var(--vw-min) * 100vw);    
	}
}
.specialCont {
	width: calc(100% - 34.041%);
	margin-top: min(calc(21 / var(--vw-min) * 100vw),21px);
}
.specialContIn{
	width: min(calc(720 / var(--vw-min) * 100vw), 720px);
}
@media screen and (max-width:768px){
	.specialCont {
		width: 100%;
		margin-top: 0;
		border-width: calc(1 / var(--vw-min) * 100vw);
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	.specialContIn{
		width: 100%;
	}
}
/**
* nav
**/
.key__navLists {
	display: flex;
	flex-wrap: wrap;
    gap: min(calc(20 / var(--vw-min) * 100vw),20px);
    padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-op40-whiteEBE);
}
@media screen and (max-width:768px){
	.key__navLists {
		gap: calc(15 / var(--vw-min) * 100vw);
		justify-content: flex-end;
        padding:0 calc(25 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}
}
.key__navItem {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 min(calc(6 / var(--vw-min) * 100vw),6px) 0 min(calc(13 / var(--vw-min) * 100vw),13px)
}
@media screen and (max-width:768px){
	.key__navItem {
		padding: 0 calc(6 / var(--vw-min) * 100vw) 0 calc(15 / var(--vw-min) * 100vw);
	}
}
.key__navItem::before {
    content: "";
	width: min(calc(4 / var(--vw-min) * 100vw),4px);
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0);
	-webkit-mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
	background-color: var(--color-whiteEBE);
	transition: .3s ease;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.key__navItem::before {
		width: calc(4 / var(--vw-min) * 100vw);
		height: calc(4 / var(--vw-min) * 100vw);
	}
}
.key__navItem::after {
    content: "";
	width: calc(100% - min(calc(8 / var(--vw-min) * 100vw),8px));
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: scale(0, 1);
    transform-origin: left top;
	background-color: var(--color-op50-whiteEBE);
	transition: transform .3s ease;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.key__navItem::after {
		width: calc(100% - calc(8 / var(--vw-min) * 100vw));
		height: calc(1 / var(--vw-min) * 100vw);
	}
}
.key__link {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    color: var(--color-whiteEBE);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.key__navItem.__cs .key__link{
	color: var(--color-op40-whiteEBE);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.key__link {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
    .key__navItem:not(.__cs):hover::before {
        transform: scale(1);
		transition-delay: .25s;
    }
    .key__navItem:not(.__cs):hover::after {
        transform: scale(1, 1);    
        transform-origin: right top;
    }
}
 .key__navItem.--current::before {
    transform: scale(1);
    transition-delay: .25s;
}
.key__navItem.--current::after {
    transform: scale(1, 1);    
    transform-origin: right top;
}
.keyCont {
	width: min(calc(718 / var(--vw-min) * 100vw),718px);
	padding-top: min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
	.keyCont {
		width: 100%;
		padding: calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
	}
}
.key__item {
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.key__item {
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}
.key__item-dt {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    color: var(--color-whiteEBE);
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    background-image: linear-gradient(transparent 50%, var(--color-op50-blue226) 50%);
    margin-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .key__item-dt {
        font-size: calc(15 / var(--vw-min) * 100vw);
        margin-bottom: calc(13 / var(--vw-min) * 100vw);
    }
}
.key__item-dt::before {
    content: "";
    width: min(calc(10 / var(--vw-min) * 100vw),10px);
    height: min(calc(10 / var(--vw-min) * 100vw),10px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
    background-color: var(--color-whiteEBE);
    margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
    .key__item-dt::before {
        width: calc(8 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        margin-right: calc(8 / var(--vw-min) * 100vw);
    }
}
.key__item-dd {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-whiteEBE);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.03em;
}
@media screen and (max-width:768px){
    .key__item-dd {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.key__item-dd.--img {
	display: flex;
	align-items: center;
	gap: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.key__item-dd.--img {
		flex-direction: column;
		gap: calc(20 / var(--vw-min) * 100vw);
	}
}
.key__item-dd-img {
	width: min(calc(285 / var(--vw-min) * 100vw),285px);
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.key__item-dd-img {
		width: 100%;
	}
}
.key__item-dd-img img {
	width: 100%;
	pointer-events: none;
}