@charset "utf-8";

/*-------------------------------
	一覧
-------------------------------*/

#Voice{
	padding-top: 3rem;
}
.Voice__inner{
	counter-reset: number 0;
}
.Voice__item-wrap{
	padding-bottom: 9.5rem;
}
.Voice__item-wrap:not(:first-child){
	padding-top: 10rem;
}
.Voice__item-wrap:nth-of-type(2n+1):last-child{
	padding-bottom: 0;
}
.main:has(.Voice__item-wrap:nth-of-type(2n):last-child){
	padding-bottom: 0;
}
.Voice__item-wrap:nth-of-type(2n){
	background: var(--bgbluecolor);
}
.Voice__item-wrap-inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Voice__item{
	width: calc((100% - 8rem) / 2);
	padding-left: 5rem;
	position: relative;
}
.Voice__item::before{
	font-family: var(--en);
	counter-increment: number 1;
	content: counter(number,decimal-leading-zero);
	font-size: 9rem;
	line-height: .71;
	display: block;
	position: absolute;
	left: 0;
	top: -3rem;
	z-index: 6000;
}
.Voice__item a{
	width: 100%;
	display: block;
	position: relative;
	z-index: 4000;
	opacity: 1 !important;
}
.Voice__item-image{
	width: 100%;
	/* height: 33.5rem; */
	aspect-ratio: 490 / 335;
	margin-bottom: 2.4rem;
	overflow: hidden;
}
.Voice__item-image img{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Voice__item-title{
	font-size: 2.6rem;
	margin-bottom: 1.5rem;
	line-height: calc(3.9 / 2.6);
}
.Voice__item a:hover .Voice__item-image img{
	transform: scale(1.1);
}
.Voice__item-name{
	font-family: var(--jp);
	line-height: calc(2.6 / 1.6);
	font-weight: 400;
	display: block;
}

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

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Voice__item{
		width: calc((100% - 4rem) / 2);
		padding-left: 4rem;
		position: relative;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Voice__item{
		width: calc((100% - 3rem) / 2);
		padding-left: 2.5rem;
		position: relative;
	}

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

	#Voice{
		padding-top: 3.6rem;
	}
	.Voice__inner{
		counter-reset: number 0;
	}
	.Voice__item-wrap{
		padding-bottom: 8.5rem;
	}
	.Voice__item-wrap:not(:first-child){
		padding-top: 13.5rem;
	}
	.Voice__item-wrap:nth-of-type(2n+1):last-child{
		padding-bottom: 0;
	}
	.main:has(.Voice__item-wrap:nth-of-type(2n):last-child){
		padding-bottom: 0;
	}
	.Voice__item-wrap:nth-of-type(2n){
		background: var(--bgbluecolor);
	}
	.Voice__item-wrap-inner{
		flex-direction: column;
	}
	.Voice__item{
		width: 100%;
		max-width: 50rem;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.Voice__item:not(:last-child){
		margin-bottom: 9.8rem;
	}
	.Voice__item::before{
		font-size: 9.5rem;
		top: -3.5rem;
		left: -.5em;
	}
	.Voice__item-image{
		aspect-ratio: 500 / 340;
		margin-bottom: 3.5rem;
	}
	.Voice__item-title{
		font-size: 3.6rem;
		line-height: calc(5.4 / 3.6);
	}
	.Voice__item-name{
		line-height: 1.5;
	}

}



/*-------------------------------
	詳細
-------------------------------*/

.Mainvisual + .main{
	padding-top: var(--padding-topbottom);
}
.Mainvisual .Breadclumb{
	width: 50%;
	position: absolute;
	right: 0;
	top: 55rem;
}
.Mainvisual{
	margin-top: var(--header-height);
	width: 100%;
	position: relative;
	overflow: clip;
}
.Mainvisual__inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.Mainvisual__top{
	width: 50%;
	padding-top: 4rem;
	position: relative;
	z-index: 6000;
}
.Mainvisual__image{
	width: 50%;
	height: 55rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 5000;
}
.Mainvisual__image-inner{
	width: calc(100% + 16.7rem);
	height: 100%;
	display: block;
	flex-shrink: 0;
}
.Mainvisual__image img{
	width: calc(100% + ((100vw - var(--maxwidth-number))) / 2);
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.Mainvisual__title{
	font-size: 4rem;
	line-height: calc(7 / 4);
	white-space: nowrap;
}
.Mainvisual__number{
	margin-bottom: 3.8rem;
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.Mainvisual__number-tag{
	color: var(--maincolor);
	font-family: var(--en);
	font-size: 2rem;
	margin-bottom: 2rem;
	line-height: 1;
	letter-spacing: .05em;
}
.Mainvisual__number-text{
	font-family: var(--en);
	font-size: 10rem;
	line-height: .72;
	letter-spacing: .05em;
}
.Mainvisual__staff{
	background: var(--maincolor);
	width: 100%;
	max-width: calc(50% + 16.7rem);
	padding-top: 7.5rem;
	padding-bottom: 10rem;
	margin-top: -7.5rem;
	color: #fff;
	position: relative;
	z-index: 4000;
}
.Mainvisual__staff::before{
	background: var(--maincolor);
	content: "";
	display: block;
	width: 50vw;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	transform: translateX(-100%);
}
.Mainvisual__staff-corp{
	font-family: var(--jp);
	margin-bottom: 1.5rem;
	line-height: calc(2.6 / 1.6);
	font-weight: 400;
}
.Mainvisual__staff-name{
	font-family: var(--jp);
	width: 100%;
	font-weight: 400;
	line-height: 1;
	display: flex;
	column-gap: 2.2rem;
	align-items: baseline;
	justify-content: flex-start;
}
.Mainvisual__staff-name-position{
	line-height: 1;
}
.Mainvisual__staff-name-text{
	font-size: 2.8rem;
	line-height: 1;
}

.Single{
	overflow: clip;
}
.Single__content{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Single__content:not(:first-child){
	padding-top: var(--padding-topbottom);
}
.Single__content:not(:last-child){
	padding-bottom: var(--padding-topbottom);
}
.Single__image{
	width: 39.2rem;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column;
}
.Single__content:has(.Single__image) .Single__item-wrap{
	width: calc(100% - (39.2rem + 5.8rem));
}
.Single__image-item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}
.Single__image-item:not(:last-child){
	margin-bottom: 7.2rem;
}
.Single__image-item img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.Single__image-item:nth-of-type(1){
	width: 100%;
}
.Single__image-item:nth-of-type(1) img{
	width: calc(100% + 10.3rem);
}
.Single__image-item:nth-of-type(2){
	max-width: 30rem;
}
.Single__item:not(:last-child){
	margin-bottom: 9rem;
}
.Single__item-title{
	color: var(--maincolor);
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	line-height: calc(3.8 / 2.4);
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Single__item-title::before{
	top: calc(.4em * var(--line-height));
	background: var(--maincolor);
	content: "";
	display: block;
	width: 2.5rem;
	height: 1px;
	position: relative;
	left: 0;
}
.Single__item-title span{
	width: calc(100% - 2.5rem);
	padding-left: 2.2rem;
	line-height: calc(3.8 / 2.4);
	display: block;
}

.Single__content.-second{
	background: var(--bgbluecolor);
	padding-top: 10rem;
	padding-bottom: 10rem;
	position: relative;
	z-index: 5000;
}
.Single__content.-second::before{
	background: var(--bgbluecolor);
	content: "";
	display: block;
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	z-index: -1;
	transform: translateX(-50%);
}

.Single__content.-third{
	flex-direction: row-reverse;
}
.Single__content.-third .Single__image{
	align-items: flex-start;
}
.Single__content.-third .Single__image-item{
	justify-content: flex-start;
}

/*----- プロフィール */
.Profile{
	background: var(--maincolor);
	padding-top: 10rem;
	padding-bottom: 10rem;
	color: #fff;
}
.Profile__inner{
	position: relative;
}
.Profile__title{
	font-family: var(--en);
	font-size: 3rem;
	line-height: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5000;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
}
.Profile__title span{
	background: var(--maincolor);
	width: fit-content;
	padding-left: 3.4rem;
	padding-right: 3.4rem;
	letter-spacing: .05em;
	line-height: 1;
	display: block;
}
.Profile__body{
	width: 100%;
	padding: 6rem 5rem;
	border-top: 1px solid #406496;
	border-bottom: 1px solid #406496;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Profile__image{
	width: 20rem;
	height: 20rem;
	padding: 2.5rem;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Profile__image img{
	width: 100%;
}
.Profile__item-wrap{
	width: calc(100% - 20rem);
	padding-left: 5.5rem;
}
.Profile__item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Profile__item:not(:last-child){
	margin-bottom: 1rem;
}
.Profile__item-title{
	font-family: var(--jp);
	width: 8.5rem;
	line-height: calc(2.6 / 1.6);
	font-weight: 400;
}
.Profile__item-body{
	width: calc(100% - 8.5rem);
}
.Profile__item-text{
	line-height: calc(2.6 / 1.6);
}
.Profile__item-text a{
	color: #b2c1d5;
	text-decoration: underline;
}

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

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.Mainvisual__image img{
		width: calc(100% + var(--padding-leftright));
	}

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Single__image{
		width: 30rem;
	}
	.Single__content:has(.Single__image) .Single__item-wrap{
		width: calc(100% - (30rem + 5rem));
	}

	.Profile__body{
		padding: 4rem 2.5rem;
	}
	.Profile__item-wrap{
		padding-left: 3.5rem;
	}

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

	.Mainvisual{
		padding-top: 5rem;
	}
	.Mainvisual .Breadclumb{
		width: 100%;
		position: static;
	}
	.Mainvisual__inner{
		flex-direction: column;
	}
	.Mainvisual__top{
		width: 100%;
		padding-top: 0;
		margin-bottom: 3.5rem;
	}
	.Mainvisual__image{
		width: 100%;
		height: 47.8rem;
		padding-left: 7.5rem;
	}
	.Mainvisual__image-inner{
		width: 100%;
	}
	.Mainvisual__image img{
		width: calc(100% + var(--padding-leftright));
	}
	.Mainvisual__title{
		font-size: 5.4rem;
		line-height: calc(8.2 / 5.4);

		/* 20260611修正で追加 */
		white-space: unset;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.Mainvisual__title br{
		display: none !important;
	}
	.Mainvisual__number{
		margin-bottom: 4.5rem;
		width: fit-content;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.Mainvisual__number-tag{
		font-size: 2.6rem;
		margin-bottom: 2.6rem;
	}
	.Mainvisual__number-text{
		font-size: 10.5rem;
		line-height: .7;
	}
	.Mainvisual__staff{
		max-width: calc(100% - 7.5rem);
		width: calc(100% - 7.5rem);
		padding-top: 4.5rem;
		padding-bottom: 9rem;
		margin-top: 0;
	}
	.Mainvisual__staff::before{
		width: calc(var(--padding-leftright) + 1px);
	}
	.Mainvisual__staff::after{
		background: var(--maincolor);
		content: "";
		display: block;
		width: calc(100% + var(--padding-leftright));
		height: 9.8rem;
		transform: translate(calc(var(--padding-leftright) * -1),-100%);
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
	}
	.Mainvisual__staff-corp{
		line-height: 1.5;
	}
	.Mainvisual__staff-name{
		column-gap: 1.5rem;
	}
	.Mainvisual__staff-name-text{
		font-size: 3.8rem;
	}

	.Single__content{
		flex-direction: column;
	}
	.Single__content:not(:first-child){
		padding-top: var(--padding-topbottom);
	}
	.Single__content:not(:last-child){
		padding-bottom: var(--padding-topbottom);
	}
	.Single__image{
		width: 100%;
		margin-bottom: 9rem;
	}
	.Single__content:has(.Single__image) .Single__item-wrap{
		width: 100%;
	}
	.Single__image-item:not(:last-child){
		margin-bottom: 0;
	}
	.Single__image-item:nth-of-type(1){
		padding-right: var(--padding-leftright);
		max-width: 40.5rem;
		align-self: flex-start;
	}
	.Single__image-item:nth-of-type(1) img{
		width: calc(100% + var(--padding-leftright));
	}
	.Single__image-item:nth-of-type(2){
		max-width: 24.4rem;
		margin-top: -12.2rem;
	}
	.Single__item:not(:last-child){
		margin-bottom: 8rem;
	}
	.Single__item-title{
		margin-bottom: 3rem;
		font-size: 3.6rem;
		line-height: calc(5.4 / 3.6);
		align-items: center;
	}
	.Single__item-title::before{
		width: 3.6rem;
		top: 0;
	}
	.Single__item-title span{
		width: calc(100% - 3.6rem);
		padding-left: 3rem;
		line-height: calc(3.8 / 2.4);
		display: block;
	}

	.Single__content.-second{
		padding-top: 8rem;
		padding-bottom: 8.5rem;
	}

	.Single__content.-third{
		flex-direction: column;
	}
	.Single__content.-third .Single__image{
		align-items: flex-end;
		flex-direction: column-reverse;
	}
	.Single__content.-third .Single__image-item{
		justify-content: flex-start;
	}
	.Single__content.-third .Single__image-item:nth-of-type(1){
		padding-left: var(--padding-leftright);
		padding-right: 0;
		order: 2;
		align-self: flex-end;
	}
	.Single__content.-third .Single__image-item:nth-of-type(2){
		order: 1;
		align-self: flex-start;
	}

	/*----- プロフィール */
	.Profile__inner{
		position: relative;
	}
	.Profile__title{
		font-size: 4rem;
	}
	.Profile__title span{
		padding-left: 4.8rem;
		padding-right: 4.8rem;
	}
	.Profile__body{
		width: 100%;
		padding: 9rem 0 6rem;
		flex-direction: column;
	}
	.Profile__image{
		width: 30rem;
		height: 30rem;
		margin-bottom: 7rem;
		padding: 3.8rem;
		margin-left: auto;
		margin-right: auto;
	}
	.Profile__item-wrap{
		width: 100%;
		padding-left: 0;
	}
	.Profile__item:not(:last-child){
		margin-bottom: 1.6rem;
	}
	.Profile__item-title{
		width: 15rem;
		line-height: calc(4.1 / 2.7);
	}
	.Profile__item-body{
		width: calc(100% - 15rem);
	}
	.Profile__item-text{
		line-height: calc(4.1 / 2.7);
	}

}