@charset "UTF-8";

/*------------------------
トップイメージ
------------------------*/
main{
	background: rgba(0,61,142,0.07);
}
/* 取り組み */
#initiatives .other-link li:nth-child(1),
#initiatives .other-link li:nth-child(2){
	pointer-events: none;
}
#initiatives .other-link li:nth-child(1) a .coming,
#initiatives .other-link li:nth-child(2) a .coming{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	font-weight: 500;
	color: #fff;
	z-index: 100;
}
#initiatives .other-link li:nth-child(1) a::after,
#initiatives .other-link li:nth-child(2) a::after{
	content: "";
	background: var(--gray);
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}
/* PC */
@media screen and (min-width:768px) {
	#initiatives .other-link li:nth-child(1) a .coming,
	#initiatives .other-link li:nth-child(2) a .coming{
		font-size: 18px;
	}

	.top-bg{
		background: #003D8E url(../../img/individual/topimg.jpg?20250630) no-repeat center;
		background-size: cover;
		min-height: 770px;
	}
	#topimg .text-wrap{
		width: 600px;
		margin: 60px 0 0 auto;
	} 
	#topimg h1{
		width: 222px;
		height: auto;
		margin: 0 auto 70px;
		transition: all .3s ease 0s;
	}
	#topimg .jp{
		width: 396px;
		margin: 0 auto 50px;
	}
	#topimg .textarea{
		font-size: 16px;
		line-height: 2.125;
	}
	
}
/* SP */
@media screen and (max-width:767px) {
	#initiatives .other-link li:nth-child(1) a .coming,
	#initiatives .other-link li:nth-child(2) a .coming{
		font-size: 4.27vw;
	}
	#topimg{
		background: url(../../img/individual/sp_topimg.jpg?20250630) no-repeat center;
		background-size: cover;
		min-height: 161.6vw;
	}
}

/*------------------------
六角形 個別指定
------------------------*/

	.hex-box.num-box.num02 .text-wrap,
	.hex-box.num-box.num03 .text-wrap{
		color: #fff;
	}
	.hex-box.num-box.num02 .text-wrap h4,
	.hex-box.num-box.num03 .text-wrap h4{
		color: #fff;
	}
	.hex-box.num-box.num02 .hexagon-text .en{
		transform: rotate(32deg);
		color: #fff;
	}
/* PC */
@media screen and (min-width:768px) {
	#feature{
		overflow-x: hidden;
	}
	/* ===== 企画 ===== */
	.hex-box.num01{
		position: absolute;
		z-index: 0;
		left: 340px;
	}
	.hex-box.num01 .hexagon-shadow{
		width: 545px;
		height: 723px;
		z-index: 0;
		position: absolute;
	}
	.hex-box.num01 .hexagon-shadow img{
		top: -10px;
		left: -4px;
	}
	.hex-box.num01 .hexagon-text .en{
		top: 342px;
		left: 220px;
		transform: rotate(32deg);
	}

	/* ===== 実績 ===== */
	.hex-box.num02{
		position: absolute;
		z-index: 0;
		left: 683px;
	}
	.hex-box.num-box.num02 .in-img{
		margin: 28px 25px 25px auto;
	}
	.hex-box.num-box.num02 .text-wrap{
		padding: 0px 44px 0;
		margin: 0px auto auto 0;
	}
	.hex-box.num-box.num02 .hexagon-text .en{
		top: 323px;
		left: 200px;
	}

	/* ===== 品質 ===== */
	.hex-box.num03{
		position: absolute;
		z-index: 0;
		left: 0;
		top: 297px;
	}
	.hex-box.num-box.num03 .hexagon-shadow{
		width: 545px;
		height: 723px;
		z-index: 0;
		position: absolute;
	}
	.hex-box.num-box.num03 .hexagon-shadow img{
		top: -15px;
		left: -10px;
		height: 100%;
		width: 100%;
	}
	.hex-box.num-box.num03 .in-img{
		margin: 28px 25px 25px auto;
	}
	.hex-box.num-box.num03 .text-wrap{
		margin: 0px auto auto 0;
	}
	.hex-box.num-box.num03 .text-wrap .num{
		color: var(--black);
	}
	.hex-box.num-box.num03 .hexagon-text .en{
		top: 343px;
		left: 240px;
		transform: rotate(-30deg);
	}
	
	/* ===== 価格 ===== */
	.hex-box.num04{
		position: absolute;
		z-index: 0;
		left: 340px;
		top: 593px;
	}
	.hex-box.num04 .hexagon-text .en{
		top: 338px;
		left: 226px;
		transform: rotate(32deg);
	}
	
	/* ===== 対応 ===== */
	.hex-box.num05{
		position: absolute;
		z-index: 0;
		left: 684px;
		top: 593px;
	}
	.hex-box.num05 .hexagon-shadow{
		width: 545px;
		height: 723px;
		z-index: 0;
		position: absolute;
	}
	.hex-box.num05 .hexagon-shadow img{
		top: -11px;
		left: -10px;
	}
	.hex-box.num-box.num05 .in-img{
		margin: 28px 25px 25px auto;
	}
	.hex-box.num-box.num05 .text-wrap{
		margin: 0px auto auto 0;
		padding: 0 40px 0;
	}
	.hex-box.num05 .hexagon-text .en{
		top: 328px;
		left: 228px;
		transform: rotate(32deg);
	}
	.hex-box.num05 .text-wrap .textarea{
		letter-spacing: .11em;
	}

	/* ===== あしらい ===== */
	.hex-wrap .ashirai{
		position: absolute;
		width: 342px;
		height: 395px;
	}
	.hex-wrap .ashirai.num01{
		left: -170px;
	}
	.hex-wrap .ashirai.num02{
		opacity: 0.63;
		right: -168px;
		top: 296px;
	}
	.hex-wrap .ashirai.num03{
		bottom: 301px;
		left: -170px;
		z-index: -1;
	}

	#initiatives .block:nth-child(3) .txt-wrap h3{
		font-size: 28px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	/* ===== 企画 ===== */
	.hex-box.num01{
		margin-top: -19.2vw;
	}
	.hex-box.num01 .hexagon-text .en{
		top: 67.2vw;
		left: 44vw;
		transform: rotate(32deg);
	}

	/* ===== 実績 ===== */
	.hex-box.num02{
		margin-top: -19.2vw;
	}
	.hex-box.num-box.num02 .in-img{
		margin: 5.33vw 4.43vw 0 auto;
		width: 57.07vw;
		height: 65.87vw;
	}
	.hex-box.num-box.num02 .hexagon-text{
		justify-content: flex-start;
	}
	.hex-box.num-box.num02 .hexagon-text .en{
		top: 64.67vw;
		left: 41.13vw;
	}
	.hex-box.num-box.num02 .text-wrap{
		margin: -2.67vw auto 0 9.33vw;
		padding: 0;
	}

	/* ===== 品質 ===== */
	.hex-box.num03{
		margin-top: -19.2vw;
	}
	.hex-box.num-box.num03 .hexagon-main img{
		transform: rotateY(180deg);
	}
	.hex-box.num-box.num03 .hexagon-text{
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.hex-box.num-box.num03 .in-img{
		margin: 5.33vw 4.43vw 0 auto;
		width: 57.07vw;
		height: 65.87vw;
	}
	.hex-box.num-box.num03 .text-wrap{
		margin: -1.33vw auto 0 9.33vw;
		padding: 0;
	}
	.hex-box.num-box.num03 .text-wrap .num{
		color: var(--black);
	}
	.hex-box.num-box.num03 .hexagon-text .en{
		top: 64.67vw;
		left: 46.13vw;
		transform: rotate(32deg);
		color: #fff;
	}
	
	/* ===== 価格 ===== */
	.hex-box.num04{
		margin-top: -19.2vw;
	}
	.hex-box.num-box .text-wrap{
		padding: 13.33vw 0 0;
		letter-spacing: 0;
	}
	.hex-box.num04 .hexagon-text .en{
		top: 68vw;
		left: 45.87vw;
		transform: rotate(32deg);
	}
	
	/* ===== 対応 ===== */
	.hex-box.num05{
		margin-top: -19.2vw;
	}
	.hex-box.num-box.num05 .in-img{
		margin: 5.33vw 4.43vw 0 auto;
		width: 57.07vw;
		height: 65.87vw;
	}
	.hex-box.num-box.num05 .hexagon-text{
		justify-content: flex-start;
	}
	.hex-box.num-box.num05 .text-wrap{
		margin: -1.33vw auto 0 9.33vw;
		padding: 0;
	}
	.hex-box.num05 .hexagon-text .en{
		top: 64.67vw;
		left: 46.13vw;
		transform: rotate(32deg);
	}
	.hex-box.num05 .text-wrap .textarea{
		letter-spacing: .11em;
	}

}


/*------------------------

------------------------*/
/* PC */
@media screen and (min-width:768px) {
	
}

/* SP */
@media screen and (max-width:767px) {

}