/* ============================================================
common
============================================================ */

div.g-wrapper {
	background: #eee;
	padding-bottom: 0;
}

div.g-wrapper > div.g-breadcrumb a {
	color: #fff;
}
div.g-wrapper > div.g-breadcrumb li:last-child a {
	color: #fff;
}
div.g-wrapper > div.g-breadcrumb .g-breadcrumb__item:after {
	background: url(/_assets/img/common/arrow-01@white.svg) no-repeat center / 100% 100%;
}

main.g-container section.u-indexmv + section.u-contents {
	margin-top: 0 !important;
}

/* 
main a:visited {
	color: #333;
}
 */

ul.list_J25 dl {
	color: #fff;
}
ul.list_J25 li:nth-child(1) dl {background: url(/_assets/img/ir/individual/list_bg_1.jpg) no-repeat center center;}
ul.list_J25 li:nth-child(2) dl {background: url(/_assets/img/ir/individual/list_bg_2.jpg) no-repeat center center;}
ul.list_J25 li:nth-child(3) dl {background: url(/_assets/img/ir/individual/list_bg_3.jpg) no-repeat center center;}
ul.list_J25 li:nth-child(4) dl {background: url(/_assets/img/ir/individual/list_bg_4.jpg) no-repeat center center;}

/* ============================================================
pc
============================================================ */

@media print, screen and (min-width: 769px) {

	main .sp {
		display: none !important;
	}

	main a:visited:hover {
		color: #DC000C;
	}

	main h1 {
		position: relative;
		letter-spacing: -0.02em !important;
	}
	main h1::after {
		content: '';
		position: absolute;
		bottom: -0.35em;
		left: -7%;
		width: 114%;
		height: 30px;
		background: url(/_assets/img/ir/individual/mv_line.png) no-repeat center center;
		background-size: 100% auto;
	}

	ul.list_J25 {
		display: flex;
		flex-wrap: wrap;
		gap: 0 5%;
		padding: 80px 0 130px;
	}
	ul.list_J25 > li {
		width: calc(95%/2);
		margin-bottom: min(4vw,60px);
		background: #fff;
		padding: 3% 3% 1%;
	}

	ul.list_J25 dl {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		aspect-ratio: 700 / 428;
		margin-bottom: 3px;
		background-size: cover !important;
	}
	ul.list_J25 dl dt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
		line-height: 1.2;
		font-weight: 700;
		font-size: min(3.6vw,5rem);
		letter-spacing: -0.02em;
	}
	ul.list_J25 dl dt em {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
		line-height: 1;
		font-size: min(3.8vw,4rem);
		letter-spacing: 0;
	}
	ul.list_J25 dl dt em::after {
		content: '';
		width: 120%;
		height: 3px;
		margin-top: 6px;
		background: #fff;
	}
	ul.list_J25 dl dd {
		text-align: center;
		font-weight: 500;
		line-height: 1.6;
		font-size: min(1.3vw,1.3rem);
		letter-spacing: -0.01em;
	}

	ul.list_J25 ul a {
		display: flex;
		position: relative;
		padding: 1.2em 0.2em 1em;
		border-bottom: solid 2px #9F9F9F;
		font-size: min(1.7vw,1.5rem);
		line-height: 1.3;
	}
	ul.list_J25 ul li:last-child a {
		border-bottom: none;
	}
	ul.list_J25 ul a:after {
		content: '';
		width: 1.8em;
		height: 1.8em;
		border: 1px solid #DC000C;
		background: url(/_assets/img/common/arrow-01@red.svg) no-repeat center;
		background-size: 6px 8px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%) rotate(.005deg);
		transition: .2s cubic-bezier(.75,0,.35,1);
	}
	ul.list_J25 ul a:hover:after {
		background-color: #DC000C;
		background-image: url(/_assets/img/common/arrow-01@white.svg);
	}
	ul.list_J25 ul a[target="_blank"]:after {
		border: none;
		border-radius: 0;
		background: url(/_assets/img/ir/individual/nw_1.png) no-repeat center;
		background-size: 16px 16px;
		transform: translate(0, -50%) rotate(0);
		transition: background-image .1s;
	}
	ul.list_J25 ul a[target="_blank"]:hover:after {
		background-image: url(/_assets/img/ir/individual/nw_2.png);
	}

}

/* ============================================================
sp
============================================================ */

@media only screen and (max-width: 768px) {

	main .pc {
		display: none !important;
	}
	main .exsm {
		display: none !important;
	}


	div.g-wrapper > div.g-breadcrumb a span.g-breadcrumb__name {
		font-size: 1rem;
		font-size: min(2.6vw,1.2rem);
	}

	main h1 {
		text-shadow: 0 0 10px #333, 0 0 10px #333, 0 0 10px #333, 0 0 10px #333, 0 0 10px #333;
	}
	ul.list_J25 {
		margin-bottom: -30px;
		padding: 60px 0 0;
	}

	ul.list_J25 > li {
		margin-bottom: 6vw;
		background: #fff;
		padding: 4% 4% 1%;
	}
	ul.list_J25 > li:last-child {
		margin-bottom: 0;
	}

	ul.list_J25 dl {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		aspect-ratio: 700 / 428;
		margin-bottom: 3px;
		background-size: cover !important;
	}
	ul.list_J25 dl dt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 8px;
		line-height: 1.2;
		font-weight: 700;
		font-size: min(7vw,5rem);
		letter-spacing: -0.02em;
	}
	ul.list_J25 dl dt em {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
		line-height: 1;
		font-size: min(6vw,4rem);
		letter-spacing: 0;
	}
	ul.list_J25 dl dt em::after {
		content: '';
		width: 120%;
		height: 2px;
		margin-top: 6px;
		background: #fff;
	}
	ul.list_J25 dl dd {
		text-align: center;
		font-weight: 500;
		line-height: 1.5;
		font-size: min(7vw,1.4rem);
		letter-spacing: -0.01em;
	}

	ul.list_J25 ul a {
		display: flex;
		position: relative;
		padding: 1.2em 0.2em 1em;
		border-bottom: solid 1px #9F9F9F;
		font-size: min(4.6vw,1.6rem);
		line-height: 1.3;
	}
	ul.list_J25 ul a:hover {
		color: #333 !important;
	}
	ul.list_J25 ul li:last-child a {
		border-bottom: none;
	}
	ul.list_J25 ul a:after {
		content: '';
		width: 1.8em;
		height: 1.8em;
		border: 1px solid #DC000C;
		background: url(/_assets/img/common/arrow-01@red.svg) no-repeat center;
		background-size: 6px 8px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%) rotate(.005deg);
		transition: .2s cubic-bezier(.75,0,.35,1);
	}
	ul.list_J25 ul a[target="_blank"]:after {
		border: none;
		border-radius: 0;
		background: url(/_assets/img/ir/individual/nw_1.png) no-repeat center;
		background-size: 16px 16px;
		transform: translate(0, -50%) rotate(0);
		transition: background-image .1s;
	}


}

/* ============================================================
sp (small)
============================================================ */

@media only screen and (max-width: 430px) {

	main .exsm {
		display: inline-block !important;
	}

	ul.list_J25 li:nth-child(1) dl dd {
		padding: 0 1em;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	ul.list_J25 li:nth-child(1) dl dd br {
		display: none;
	}

	ul.list_J25 ul a {
		font-size: min(3.9vw,1.6rem);
	}
	ul.list_J25 ul a.narrow {
		letter-spacing: -0.03em;
	}



}