@charset "utf-8";

/* ------------------------------------ */
.mainVisWrap{
	width:100%;
	height:100dvh;
	z-index:1;
	position:relative;
}
/* ------------------------------------ */
.mainVisWrap .mainVisTxt{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
}
.mainVisWrap .mainVisTxt > p{
	color:#fff;
	text-shadow:0px 0px 6px rgba(0, 0, 0, 1);
}
/* ------------------------------------ */
.mainVisWrap .mainVisVideo{
	width:100%;
	height:100%;
	position:absolute;
	/*background-color:#faa;*/
}
.mainVisWrap .mainVisVideo > .innerBox{
	width:100%;
	height:100%;
	position:relative;
}
.mainVisWrap .mainVisVideo > .innerBox::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/top/video_cover02.png);
	background-repeat:repeat;
	position:absolute;
	top:0;
	left:0;
	opacity:0.5;
}
.mainVisWrap .mainVisVideo > .innerBox video{
	object-fit:cover;
	width:100%;
	height:100%;
}
/* ------------------------------------ */
.mainVisWrap .mainVisAngle{
	height:auto;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.mainVisWrap .mainVisAngle > p{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
}

.block > .inner .newsBox .wrapBox a.noLink{
	pointer-events: none;
}
.block > .inner .newsBox .wrapBox .items.noLink .itemInner::before,
.block > .inner .newsBox .wrapBox .items.noLink::before{
	content:"";
	display:none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	/* ------------------------------------ */
	.mainVisWrap{
		height:90dvh;
	}
	.mainVisWrap .mainVisTxt > p{
		text-align:center;
		font-size:7vw;
		line-height:1.5;
	}
	/* ------------------------------------ */
	.mainVisWrap .mainVisAngle{
		display:none;
		width:15%;
		bottom:3%;
	}
	.mainVisWrap .mainVisAngle > p span{
		font-size:10vw;
	}
	/* ------------------------------------ */
	.smpBtnBox{
		display:flex;
		justify-content:space-between;
		width:95%;
		margin:3% auto 0;
	}
	.smpBtnBox a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:47%;
		height:9vw;
		font-size:3.8vw;
		color:#333;
		border:0.5px solid #333;
		position:relative;
	}
	.smpBtnBox a::before{
		content:"→";
		display:flex;
		font-size:3vw;
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		right:0.4em;
	}
	.smpBtnBox a.newgraEntryBtn{
		/*background-color:#fcc;*/
	}
	.smpBtnBox a.careerJobdescBtn{
		/*background-color:#cfc;*/
	}

	/* ///////////////////////////////////////////////////// */
	.block > .inner .newsBox{
		display:flex;
		flex-wrap:wrap;
		width:90%;
		margin:0 auto 0;
	}
	/* ============================================ */
	.block > .inner .newsBox .ttlBox{
		display:flex;
	}
	.block > .inner .newsBox .ttlBox > h2{
		/*font-size:clamp(2rem, 3.4vw, 3.5rem);*/
		font-size:9vw;
		font-weight:300;
		writing-mode: vertical-lr;
	}
	/* ============================================ */
	.block > .inner .newsBox .wrapBox .items{
		display:flex;
		align-items:center;
		width:100%;
		padding:20px 10px;
		border-bottom:1px solid #999999;
		position:relative;
	}
	.block > .inner .newsBox .wrapBox .items::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		width:6vw;
		height:6vw;
		font-size:3.6vw;
		color:#999;
		border:1px solid #999;
		position:absolute;
		right:0;
	}
	.block > .inner .newsBox .wrapBox > .items:first-child{
		padding-top:0;
	}
	.block > .inner .newsBox .wrapBox .items .itemInner{
		width:87%;
		display:flex;
		flex-direction:column;
		position:relative;
	}
	.block > .inner .newsBox .wrapBox .items.noLink .itemInner{
		width:100%;
	}
	.block > .inner .newsBox .wrapBox a{
		color:#333;
	}
	.block > .inner .newsBox .items .itemInner .dateTxt{
		font-size:clamp(0.9rem, 4vw, 1.3rem);
		/*font-weight:300;*/
	}
	.block > .inner .newsBox .items .itemInner .bodyTxt{
		margin-top:2%;
		font-size:clamp(1.0rem, 4.2vw, 1.4rem);
		line-height:1.3;
		/*font-weight:300;*/
	}

	/* ///////////////////////////////////////////////////// */
	.block.second{
		padding-top:15%;
	}
	/* ============================================ */
	.block.second > .inner .educationBox{
		width:94%;
	}
	.block.second > .inner .educationBox > h2{
		/*font-size:clamp(2rem, 3.4vw, 3.5rem);*/
		font-size:9vw;
		font-weight:300;
		padding-left:5%;
	}
	/* ============================================ */
	.block.second > .inner .educationBox .wrapper{
		margin-top:3%;
	}
	/* ------------------------------------ */
	.block.second > .inner .educationBox .wrapper > a{
		display:block;
		height:100%;
		overflow:hidden;
		position:relative;
	}
	.block.second > .inner .educationBox .wrapper > a::before{
		content:"";
		display:block;
		padding-top:70%;
	}
	/* ============================================ */
	.block.second > .inner .educationBox .wrapper > a > .inner{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
	}
	/* ------------------------------------ */
	.block.second > .inner .educationBox .wrapper > a > .inner .imgBox{
		position:absolute;
		z-index:2;
	}
	.block.second > .inner .educationBox .wrapper > a > .inner .imgBox::before{
		content:"";
		width:100%;
		height:100%;
		background-color:rgba(0, 0, 0, .55);
		position:absolute;
		top:0;
		left:0;
		z-index:3;
	}
	.block.second > .inner .educationBox .wrapper > a.salesBox > .inner .imgBox{
		top:50%;
		transform:translateY(-50%);
	}
	.block.second > .inner .educationBox .wrapper > a.mechanicBox > .inner .imgBox{
		top:0;
	}
	/* ------------------------------------ */
	.block.second > .inner .educationBox .wrapper > a > .inner .txtBox{
		/*width:100%;
		height:100%;*/
		color:#fff;
		position:absolute;
		bottom:10%;
		z-index:4;
	}
	.block.second > .inner .educationBox .wrapper > a.salesBox > .inner .txtBox{
		left:7%;
	}
	.block.second > .inner .educationBox .wrapper > a.mechanicBox > .inner .txtBox{
		right:7%;
	}
	/* ------------------------------------ */
	.block.second > .inner .educationBox .wrapper > a > .inner .txtBox .regularTxtBox p{
		font-size:7vw;
		font-weight:300;
		padding-right:1.3em;
		position:relative;
	}
	.block.second > .inner .educationBox .wrapper > a > .inner .txtBox .regularTxtBox p::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		width:7vw;
		height:7vw;
		font-size:5vw;
		color:#fff;
		border:1px solid #fff;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-45%);
	}
	.block.second > .inner .educationBox .wrapper > a > .inner .hoverTxtBox{
		display:none;
	}

	/* ///////////////////////////////////////////////////// */
	.block.third{
		width:94%;
		margin-left:6%;
	}
	/* ============================================ */
	.block.third > .inner .blockTtlBox{
		display:flex;
		flex-direction:column;
		align-items:end;
		padding-right:4%;
	}
	.block.third > .inner .blockTtlBox > h2{
		/*font-size:clamp(2rem, 3.4vw, 3.5rem);*/
		font-size:9vw;
		font-weight:300;
	}
	.block.third > .inner .blockTtlBox > .linkBox{
		margin-top:2%;
	}
	.block.third > .inner .blockTtlBox > .linkBox a{
		display:flex;
		align-items:center;
		padding-right:1.5em;
		font-size:6vw;
		font-weight:300;
		color:#333;
		position:relative;
	}
	.block.third > .inner .blockTtlBox > .linkBox a::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		width:5.5vw;
		height:5.5vw;
		font-size:4vw;
		color:#333;
		border:1px solid #333;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-45%);
	}

	/* ============================================ */
	.block.third > .inner .interviewListBox{
		/* common.css に記載 */
	}

	/* ///////////////////////////////////////////////////// */
	.block.fourth{
		width:94%;
		margin:0 auto 0;
	}
	/* ============================================ */
	.block.fourth > .inner .blockTtlBox{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.block.fourth > .inner .blockTtlBox > h2{
		text-align:center;
		font-size:7.8vw;
		font-weight:300;
		line-height:1.3;
		letter-spacing:-4px;
		transform:scale(1.08, 1.08);
	}
	/* ============================================ */
	.block.fourth > .inner .enterpriseBox{
		width:100%;
		position:relative;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap{
		display:flex;
		flex-wrap:wrap;
		margin-top:5%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items{
		display:flex;
		justify-content:center;
		align-items:center;
		width:50%;
		padding:5%;
		height:30vw;
		border-bottom:1px solid #333;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap > .items:nth-last-child(-n+1){
		border-bottom:none;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap > .items:nth-child(odd){
		border-right:1px solid #333;
	}
	/* ============================================ */
	.block.fourth > .inner .enterpriseBox .itemWrap .items.moment .imgBox{
		width:90%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.coneco .imgBox{
		width:90%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.racing .imgBox,
	.block.fourth > .inner .enterpriseBox .itemWrap .items.reserve .imgBox{
		width:55%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.cornes1861 .imgBox{
		width:18%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.magarigawa .imgBox{
		width:90%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.makeamovement .imgBox{
		width:90%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items .titleTxt,
	.block.fourth > .inner .enterpriseBox .itemWrap .items .description{
		display:none;
	}
	/* ============================================ */
	.block.fourth > .inner .enterpriseBox .detailBox{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
		width:98%;
		height:90%;
		padding:0 6%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		border-radius:20px;
		background-color:rgba(255, 255, 255, 0.95);
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);

		transition:all 0.2s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.block.fourth > .inner .enterpriseBox .detailBox.opened{
		opacity:1;
		visibility:visible;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .enterpriseBox .detailBox .closedBtn{
		position:absolute;
		right:2%;
		top:2%;
		font-size:7vw;
		font-weight:300;
		color:#000;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont{
		width:100%;
		transition:all 0.4s ease-in-out;
		display:none;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.act{
		display:block;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .logoBox{
		margin:0 auto 0;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.momentDtl .logoBox{
		width:60%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.racingDtl .logoBox,
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.reserveDtl .logoBox{
		width:40%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.conecoDtl .logoBox{
		width:65%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.cornes1861Dtl .logoBox{
		width:10%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.magarigawaDtl .logoBox{
		width:80%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.makeamovementDtl .logoBox{
		width:70%;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont h3{
		margin-top:7%;
		text-align:center;
		font-size:5vw;
		font-weight:400;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description{
		margin-top:4%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description p{
		font-size:3.4vw;
		line-height:1.3;
		font-weight:300;
		margin-top:2%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description p:first-child{
		margin-top:0;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description p.annotation{
		font-size:2.8vw;
	}
}

@media screen and (max-width:500px){
	.block > .inner .newsBox .ttlBox{
		width:65px;
	}
	.block > .inner .newsBox .wrapBox{
		width:calc(100% - 65px);
	}
}
@media screen and (min-width:500px) and (max-width:767px){
	.block > .inner .newsBox .ttlBox{
		width:90px;
	}
	.block > .inner .newsBox .wrapBox{
		width:calc(100% - 90px);
	}
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

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

	/* ------------------------------------ */
	.mainVisWrap .mainVisTxt > p{
		font-size:3.6vw;
		font-weight:400;
	}
	/* ------------------------------------ */
	.mainVisWrap .mainVisAngle{
		width:5%;
		bottom:3%;
	}
	.mainVisWrap .mainVisAngle > p span{
		font-size:4vw;
	}
	.smpBtnBox{display:none;}

	/* ///////////////////////////////////////////////////// */
	.block > .inner .newsBox{
		display:flex;
		flex-wrap:wrap;
		width:100%;
	}
	/* ============================================ */
	.block > .inner .newsBox .ttlBox{
		display:flex;
		justify-content:center;
		align-items:center;
		width:25%;
		border-right:1px solid #999999;
	}
	.block > .inner .newsBox .ttlBox > h2{
		font-size:clamp(2rem, 3.4vw, 3.5rem);
		font-weight:300;
	}
	/* ============================================ */
	.block > .inner .newsBox .wrapBox{
		display:flex;
		flex-wrap:wrap;
		width:75%;
	}
	.block > .inner .newsBox .wrapBox .items{
		display:flex;
		justify-content:center;
		align-items:center;
		width:calc(100% / 3);
		padding:40px;
		border-right:1px solid #999999;
	}
	.block > .inner .newsBox .wrapBox > .items:last-child{
		border:none;
	}
	.block > .inner .newsBox .wrapBox .items.bdr{
		border-right:1px solid #999999;
	}
	.block > .inner .newsBox .wrapBox .items .itemInner{
		display:flex;
		flex-direction:column;
		position:relative;
	}
	.block > .inner .newsBox .wrapBox .items .itemInner::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		width:30px;
		height:30px;
		font-size:1rem;
		border:1px solid #999999;
		position:absolute;
		bottom:0px;
		right:0px;
	}
	.block > .inner .newsBox .wrapBox a{
		transition:all 0.3s ease-in-out;
		transform:scale(100%);
		color:#333;
		opacity:1;
	}
	.block > .inner .newsBox .wrapBox a:hover{
		transform:scale(105%);
		opacity:0.5;
	}

	.block > .inner .newsBox .items .itemInner .dateTxt{
		font-size:clamp(0.9rem, 1.3vw, 1.3rem);
	}
	.block > .inner .newsBox .items .itemInner .bodyTxt{
		font-size:clamp(1rem, 1.5vw, 1.4rem);
		line-height:1.3;
		padding:30px 0 70px;
	}


	/* ///////////////////////////////////////////////////// */
	.block > .inner .educationBox{
		width:100%;
		height:auto;
		position:relative;
	}
	.block > .inner .educationBox::before{
		content:"";
		display:block;
		padding-top:46.05%;
	}

	/* ------------------------------------ */
	.block > .inner .educationBox h2{
		display:flex;
		font-size:clamp(2.2rem, 3.6vw, 4rem);
		color:#fff;
		font-weight:300;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		z-index:2;
	}
	.block > .inner .educationBox .wrapper{
		display:flex;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}
	.block > .inner .educationBox .wrapper a{
		display:block;
		width:50%;
		height:100%;
		color:#fff;
		/*position:relative;*/
	}
	.block > .inner .educationBox .wrapper a > .inner{
		width:100%;
		height:100%;
		position:relative;
	}

	/* ------------------------------------ */
	.block > .inner .educationBox .wrapper a > .inner .imgBox{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:3;
	}
	.block > .inner .educationBox .wrapper a > .inner .imgBox::before{
		content:"";
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;

		transition:all 0.3s ease-in-out;
		background-color:rgba(0, 0, 0, 0.3);
	}
	.block > .inner .educationBox .wrapper a:hover > .inner .imgBox::before{
		background-color:rgba(0, 0, 0, 0.6);
	}

	/* ------------------------------------ */
	.block > .inner .educationBox .wrapper a > .inner .txtBox{
		position:absolute;
		width:90%;
		height:auto;
		left:50%;
		bottom:7%;
		transform:translateX(-50%);
		z-index:4;
		overflow:hidden;
	}
	.block > .inner .educationBox .wrapper a > .inner .txtBox .regularTxtBox{
		display:flex;
		justify-content:center;
		align-items:center;
		transform:translateY(0);
		transition:all 0.1s ease-in-out;
	}
	.block > .inner .educationBox .wrapper a:hover > .inner .txtBox .regularTxtBox{
		transform:translateY(-150%);
	}
	.block > .inner .educationBox .wrapper a > .inner .txtBox .regularTxtBox p{
		display:flex;
		align-items:center;
		font-size:clamp(1rem, 1.8vw, 2rem);
		position:relative;
		padding-right:1.3em;
		font-weight:300;
	}
	.block > .inner .educationBox .wrapper a > .inner .txtBox .regularTxtBox p span{
		display:flex;
		justify-content:center;
		align-items:center;
		width:30px;
		height:30px;
		border:1px solid #ffffff;
		margin-left:8px;
		font-size:1.2rem;
		line-height:1;
		transform:translateY(2px);
	}
	.block > .inner .educationBox .wrapper a > .inner .txtBox .hoverTxtBox{
		transform:translateY(150%);
		transition:all 0.1s ease-in-out;
	}
	.block > .inner .educationBox .wrapper a:hover > .inner .txtBox .hoverTxtBox{
		transform:translateY(0);
	}
	.block > .inner .educationBox .wrapper a > .inner .txtBox .hoverTxtBox p{
		font-size:clamp(1rem, 1.5vw, 1.6rem);
		line-height:1.3;
		font-weight:300;
	}


	/* ///////////////////////////////////////////////////// */
	.block.third > .inner .blockTtlBox{
		display:flex;
		justify-content:space-between;
		align-items:end;
	}
	.block.third > .inner .blockTtlBox h2{
		font-size:clamp(2rem, 3.4vw, 3.5rem);
		font-weight:300;
	}
	.block.third > .inner .blockTtlBox .linkBox{}
	.block.third > .inner .blockTtlBox .linkBox a{
		display:flex;
		align-items:center;
		color:#333;
		padding-right:1.5em;
		font-size:clamp(1rem, 1.8vw, 2rem);
		font-weight:300;
		position:relative;

		transition:all 0.25s ease-in-out;
		transform: scale(1);
	}
	.block.third > .inner .blockTtlBox .linkBox a span{
		display:flex;
		justify-content:center;
		align-items:center;
		width:30px;
		height:30px;
		border:1px solid #333333;
		margin-left:8px;
		font-size:1.2rem;
		line-height:1;
		transform:translateY(2px);

		transition:all 0.2s ease-in-out;
	}
	.block.third > .inner .blockTtlBox .linkBox a:hover{
		transform: scale(1.05);
		color:var(--clr-blue);
	}
	.block.third > .inner .blockTtlBox .linkBox a:hover span{
		border:1px solid var(--clr-blue);
	}


	.block.third > .inner .interviewListBox{
		/* common.css に記載 */
	}


	/* ///////////////////////////////////////////////////// */
	.block.fourth > .inner .blockTtlBox{
		display:flex;
		justify-content:space-between;
		align-items:end;
	}
	.block.fourth > .inner .blockTtlBox h2{
		font-size:clamp(2rem, 3.4vw, 3.5rem);
		font-weight:300;
	}

	.block.fourth > .inner .enterpriseBox{
		margin-top:30px;
		height:42vw;
		position:relative;
		/*background:#fcc;*/
	}
	/*.block.fourth > .inner .enterpriseBox::before{
		content:"";
		display:block;
		padding-top:33.5%;
	}*/

	.block.fourth > .inner .enterpriseBox .itemWrap{
		display:flex;
		flex-wrap:wrap;
		position:absolute;
		top:0;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items{
		display:flex;
		justify-content:center;
		align-items:center;
		/*padding:5.5% 40px;*/
		padding:0 40px;
		width:calc(100% / 3);
		height:14vw;
		border-right:1px solid #333;
		cursor:pointer;
		border-bottom:1px solid #333;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap > .items:nth-last-child(-n+1){
		border-bottom:none;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap > .items:nth-child(3n){
		border-right:none;
	}

	.block.fourth > .inner .enterpriseBox .itemWrap .items .imgBox{
		transition:all 0.25s ease-in-out;
		transform: scale(1);
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items:hover .imgBox{
		transform: scale(1.10);
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.moment .imgBox{
		width:70%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.coneco .imgBox{
		width:75%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.racing .imgBox,
	.block.fourth > .inner .enterpriseBox .itemWrap .items.reserve .imgBox{
		width:40%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.cornes1861 .imgBox{
		width:10%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.magarigawa .imgBox{
		width:75%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items.makeamovement .imgBox{
		width:65%;
	}
	.block.fourth > .inner .enterpriseBox .itemWrap .items .titleTxt,
	.block.fourth > .inner .enterpriseBox .itemWrap .items .description{
		display:none;
	}

	/* ============================================ */
	.block.fourth > .inner .enterpriseBox .detailBox{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
		width:98%;
		height:95%;
		padding:0 8%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		border-radius:20px;
		background-color:rgba(255, 255, 255, 0.95);
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);

		transition:all 0.2s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.block.fourth > .inner .enterpriseBox .detailBox.opened{
		opacity:1;
		visibility:visible;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .closedBtn{
		position:absolute;
		right:2%;
		top:5%;
		font-size:clamp(1.4rem, 2.5vw, 2.8rem);
		color:#000;
		cursor:pointer;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont{
		width:100%;
		transition:all 0.4s ease-in-out;
		display:none;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.act{
		display:block;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .logoBox{
		margin:0 auto 0;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.momentDtl .logoBox{
		width:38%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.racingDtl .logoBox,
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.reserveDtl .logoBox{
		width:25%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.conecoDtl .logoBox{
		width:40%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.magarigawaDtl .logoBox{
		width:40%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.cornes1861Dtl .logoBox{
		width:5%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont.makeamovementDtl .logoBox{
		width:40%;
	}

	/* ------------------------------------ */
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont h3{
		margin-top:4%;
		text-align:center;
		font-size:clamp(1.4rem, 2.5vw, 2.8rem);
		font-weight:400;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description{
		margin-top:2%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description p{
		font-size:clamp(0.8rem, 1.4vw, 1.5rem);
		line-height:1.4;
		font-weight:300;
		margin-top:1.5%;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description p:first-child{
		margin-top:0;
	}
	.block.fourth > .inner .enterpriseBox .detailBox .innerCont .description p.annotation{
		font-size:clamp(0.7rem, 1.2vw, 1.3rem);
	}


}