@charset "UTF-8";
/*-----------------------------------------------
* wrapper
-------------------------------------------------*/
.l-main{
	position:relative;
	z-index:99;
}
@media screen and (max-width:768px){
	.l-main{
		/*overflow:hidden;*/
	}
}
body {
	/*opacity: 0;*/
	transition: .3s ease;
	background-color: #fff;
}
body.--is-subload {
	opacity: 1;
}

/*-------------------------------------------
* Contents
--------------------------------------------*/
.p-associates{
	position:relative;
	z-index:3;
	overflow:hidden;
	padding: min(calc(160 / var(--vw-min) * 100vw), 160px) 0;
}
@media screen and (max-width:768px){
	.p-associates{
		padding: calc(194 / var(--vw-min) * 100vw) 0 calc(192 / var(--vw-min) * 100vw);

	}
}
.p-associates__title{
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:min(calc(80 / var(--vw-min) * 100vw), 80px);
	-webkit-mask:url(../img/common/txt/t-hero_associates.svg) no-repeat left top / contain;
	mask:url(../img/common/txt/t-hero_associates.svg) no-repeat left top / contain;
	background:var(--color-red01);
}
@media screen and (max-width:768px){
	.p-associates__title{
		height:12.9333vw;
	}
}
.p-associates__inner{
	padding-top:min(calc(120 / var(--vw-min) * 100vw), 120px);
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.p-associates__inner{
		width:100%;
		padding: calc(64 / var(--vw-min)* 100vw) 0 calc(96 / var(--vw-min)* 100vw);
	}
}

/**
 * p-associatesLists
 */
.p-associatesLists__item {
	background: url() no-repeat center / contain;
	display: flex;
	align-items: center;
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	height: min(calc(208 / var(--vw-min) * 100vw), 208px);
    cursor: pointer;
	position: relative;
}
.p-associatesLists__item:not(:first-of-type) {
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
	.p-associatesLists__item {
		width: 100%;
		height: calc(150 / var(--vw-min) * 100vw);
	}
}

/* color */
.p-associatesLists__item:before {
	content: "";
	background-color: var(--color-red01);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: 0;
}
.p-associatesLists__item:hover:before {
	opacity: .3;
}

/* dt */
.p-associatesLists__item > dt {
	width: min(calc(134 / var(--vw-min) * 100vw), 134px);
	height: min(calc(134 / var(--vw-min) * 100vw), 134px);
	margin-left: min(calc(33 / var(--vw-min) * 100vw), 33px);
	position: relative;
	flex: none;
   	z-index: 1;
}
.p-associatesLists__item > dt:before {
	content: "";
	background: url() no-repeat center / contain;
	width: min(calc(129 / var(--vw-min) * 100vw), 129px);
	height: min(calc(142 / var(--vw-min) * 100vw), 142px);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width:768px){
	.p-associatesLists__item > dt {
		width: calc(94 / var(--vw-min) * 100vw);
		height: calc(94 / var(--vw-min) * 100vw);
		margin-left: calc(24 / var(--vw-min) * 100vw);
		margin-top: calc(-8 / var(--vw-min) * 100vw);
	}
}

/* dd */
.p-associatesLists__item > dd {
	margin-left: min(calc(96 / var(--vw-min) * 100vw), 96px);
    z-index: 1;
}
@media screen and (max-width:768px){
	.p-associatesLists__item > dd {
		margin-left: calc(60 / var(--vw-min) * 100vw);
	}
}

/* each */
.p-associatesLists__item.is-treeman { background-image: url(../img/special/associates/treeman_bg.png); }
.p-associatesLists__item.is-dos { background-image: url(../img/special/associates/dos_bg.png); }
.p-associatesLists__item.is-mg { background-image: url(../img/special/associates/mg_bg.png); }
.p-associatesLists__item.is-fomo { background-image: url(../img/special/associates/fomo_bg.png); }
.p-associatesLists__item.is-treeman > dt:before {
	background-image: url(../img/special/associates/treeman_logo.png);
	width: min(calc(129 / var(--vw-min) * 100vw), 129px);
	height: min(calc(142 / var(--vw-min) * 100vw), 142px);
	top: min(calc(7 / var(--vw-min) * 100vw), 7px);
}
.p-associatesLists__item.is-dos > dt:before {
	background-image: url(../img/special/associates/dos_logo.png);
	width: min(calc(114 / var(--vw-min) * 100vw), 114px);
	height: min(calc(144 / var(--vw-min) * 100vw), 144px);
	top: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.p-associatesLists__item.is-mg > dt:before {
	background-image: url(../img/special/associates/mg_logo.png);
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(149 / var(--vw-min) * 100vw), 149px);
}
.p-associatesLists__item.is-fomo > dt:before {
	background-image: url(../img/special/associates/fomo_logo.png);
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	height: min(calc(143 / var(--vw-min) * 100vw), 143px);
}
@media screen and (max-width:768px){
	.p-associatesLists__item.is-treeman > dt:before {
		width: calc(94 / var(--vw-min) * 100vw);
		height: calc(104 / var(--vw-min) * 100vw);
		top: calc(5 / var(--vw-min) * 100vw);
	}
	.p-associatesLists__item.is-dos > dt:before {
		width: calc(90 / var(--vw-min) * 100vw);
		height: calc(115 / var(--vw-min) * 100vw);
		top: 0;
	}
	.p-associatesLists__item.is-mg > dt:before {
		width: calc(120 / var(--vw-min) * 100vw);
		height: calc(111 / var(--vw-min) * 100vw);
	}
	.p-associatesLists__item.is-fomo > dt:before {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(105 / var(--vw-min) * 100vw);
	}
}

/**
 * p-associatesCharaLists
 */
.p-associatesCharaLists {
	display: flex;
	align-items: center;
}
.p-associatesCharaLists > li {
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(160 / var(--vw-min) * 100vw), 160px);
	position: relative;
    transition: transform .3s ease;
}
.p-associatesCharaLists > li:not(:first-child) {
	margin-left: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
.p-associatesLists__item:hover .p-associatesCharaLists > li {
	transform: scale(1.1);
}
@media screen and (max-width:768px){
	.p-associatesCharaLists > li {
		width: calc(130 / var(--vw-min) * 100vw);
		height: calc(130 / var(--vw-min) * 100vw);
	}
	.p-associatesCharaLists > li:not(:first-child) {
		margin-left: calc(60 / var(--vw-min) * 100vw);
	}
}

/* a */
.p-associatesCharaLists > li > a {
	display: block;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform .3s ease;
}
.p-associatesCharaLists > li > a:hover {
	transform: scale(1.1);
}

/* img */
.p-associatesCharaLists > li img {
	width: min(calc(214 / var(--vw-min) * 100vw), 214px);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	max-width: none;
}
@media screen and (max-width:768px){
	.p-associatesCharaLists > li img {
		width: calc(180 / var(--vw-min) * 100vw);
	}
}

/**
 * imgModal
 */
 .imgModal__imgWrap {
	margin: 0 auto;
/*	width: min(calc(800 / var(--vw-min) * 100vw), 800px);*/
}
.imgModal__imgWrap img {
/*	width: 100%;*/
	height: 100vh;
}

@media screen and (max-width:768px) {
	.imgModal__imgWrap {
		width: calc(680 / var(--vw-min) * 100vw);
	}

	.imgModal__imgWrap img {
		max-width: 100%;
		height: auto;
	}
}

/* pager */
.imgModal__pager {
	background-color: var(--color-red01);
	display: block;
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	transition: background-color .3s ease;
}
.imgModal__pager.is-next {
	right: 0;
}
.imgModal__pager.is-prev {
	left: 0;
	transform: rotate(180deg);
}
.imgModal__pager:before {
	content: "";
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(36 / var(--vw-min) * 100vw), 36px);
	background: url(../img/common/deco/n-arrow.svg) no-repeat center center / contain;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: transform .3s ease;
}
@media screen and (min-width:769px){
	.imgModal__pager:hover:before {
		transform: translateX(40%);
	}
	.imgModal__pager:hover {
		background-color: #000;
	}
}
.oneModalIn__cont {
	padding:  0 !important;
}