@charset "utf-8";
/*-----------------------------------------------
 * Special Digicon / Download Content Ver.261111
-------------------------------------------------*/
/**
* digicon__visual / birth__visual
**/
.birth__visual,
.digicon__visual{
	width: 66.6667%;
	max-width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.birth__visual,
	.digicon__visual{
		width: 90%;
	}
}
.birth__visual img,
.digicon__visual img{
	width: 100%;
}

/**
* digicon movie (reuse movieList__thumb look)
**/
.digicon__movie{
	width: 100%;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
}
.digicon__movie .movieList__thumb{
	width: 100%;
}
.digicon__movie .movieList__tit{
	display: none;
}


/*-----------------------------
** birth__section
**----------------------------*/
.birth__section{
	position: relative;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.birth__sectionIn{
	position: relative;
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
	max-width: 100%;
}
@media screen and (max-width:768px){
	.birth__section{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.birth__sectionIn{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
}

/* wp - sp */
.birth__wpwp{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
}
@media screen and (max-width:768px){
	.birth__wpwp{
		width: 62.5%;
	}
}

/* wp - pc */
.birth__wppc{
	width: min(calc(824 / var(--vw-min) * 100vw), 824px);
}
@media screen and (max-width:768px){
	.birth__wppc{
		width: 100%;
	}
}

/* x - header */
.birth__xheader{
	width: min(calc(824 / var(--vw-min) * 100vw), 824px);
}
@media screen and (max-width:768px){
	.birth__xheader{
		width: 100%;
	}
}

/* icon (single) */
.birth__icon{
	width: min(calc(360 / var(--vw-min) * 100vw), 360px);
}
@media screen and (max-width:768px){
	.birth__icon{
		width: 55%;
	}
}

/* icons (multiple) */
.digicon__iconLists{
	width: min(calc(760 / var(--vw-min) * 100vw), 760px);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
	padding: 0;
	list-style: none;
}
.digicon__iconItem{
	width: min(calc(360 / var(--vw-min) * 100vw), 360px);
}
@media screen and (max-width:768px){
	.digicon__iconLists{
		width: 100%;
		gap: calc(24 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.digicon__iconItem{
		width: calc((100% - (16 / var(--vw-min) * 100vw)) / 2);
	}
}


/**
* download
**/
a.birth__download{
	text-align: center;
	text-decoration: none;
	pointer-events: none;
}
a.birth__download[target="_blank"]:after{
	content: unset;
}


/**
* download - img
**/
.birth__download--img{
	width: 100%;
	position: relative;
	pointer-events: auto;
}
.birth__download--img img{
	width: 100%;
}


/**
* download - btn
**/
.birth__download--btn{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	letter-spacing: min(calc(0.2 / var(--vw-min) * 100vw), 0.2px);
	width: 100%;
	max-width: min(calc(262 / var(--vw-min) * 100vw), 262px);
	height: min(calc(56 / var(--vw-min) * 100vw), 56px);
	box-sizing: border-box;
	margin: min(calc(32 / var(--vw-min) * 100vw), 32px) auto 0;
	padding: 0;
	--chamfer: min(calc(16 / var(--vw-min) * 100vw), 16px);
	pointer-events: auto;
}
@media (hover: hover) and (pointer: fine){
	.birth__download:hover .chamferBtn{
		color: #f8efd2;
		background-color: #cbb98a;
		text-shadow: 0 0 min(calc(12 / var(--vw-min) * 100vw),12px) #cbb98a;
		filter: drop-shadow(0 0 min(calc(12 / var(--vw-min) * 100vw),12px) #f8efd2);
	}
	.birth__download:hover .chamferBtn:after{
		background-color: #000;
	}
	.digicon__movie:hover .movieList__thumb{
		border-color: #f8efd2;
		filter: drop-shadow(0 0 min(calc(6 / var(--vw-min) * 100vw),6px) #f8efd2) drop-shadow(0 0 min(calc(18 / var(--vw-min) * 100vw),18px) #f8efd2);
	}
	.digicon__movie:hover .movie__yt-play-arrow{
		box-shadow: 0 0 min(calc(16 / var(--vw-min) * 100vw),16px) min(calc(3 / var(--vw-min) * 100vw),3px) #cbb98a;
	}
	.digicon__movie:hover .movie__yt-play-arrow::before,
	.digicon__movie:hover .movie__yt-play-arrow::after{
		background-color: #f8efd2;
	}
	.digicon__movie:hover .movie__yt-play-arrow::after{
		transform: translateX(min(calc(6 / var(--vw-min) * 100vw),6px));
	}
}
@media screen and (max-width:768px){
	.birth__download--btn{
		font-size: calc(13 / var(--vw-min) * 100vw);
		letter-spacing: calc(0.13 / var(--vw-min) * 100vw);
		width: calc(145 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
		--chamfer: calc(11 / var(--vw-min) * 100vw);
	}
}