@charset "utf-8";

/* ======================

 [brake-point]

====================== */
.l-anniversary{
	position:absolute;
	right:318px;
	bottom:70px;
	width:90px;
	height:90px;
}

.l-anniversaryInner{
	font-size:0
}

.l-anniversaryInner img{
	width:100%
}

.l-anniversary {
		z-index: 2;
}
.l-narisumashi {
	position: absolute;
	right: 30px;
	bottom: 70px;
	width: 235px;
	height: 90px;
	z-index: 2;
}
.l-narisumashiInner {
	font-size: 0;
}

.l-sdgs {
	position: absolute;
	right: 286px;
	bottom: 70px;
	width: 159px;
	height: 90px;
	z-index: 2;
}
.l-sdgsInner {
	font-size: 0;
}



/* since1909*/
.l-since {
	top: auto;
	right: auto;
	bottom: -45px;
	left: 250px;
}

/*リクナビバナー*/
.l-rikunavi {
	position: absolute;
	left: 20px;
	bottom: 78px;
	width: 240px;
	z-index: 2;
	padding: 0;
}

.l-rikunavi img{
	width: 100%;
}


/*マイナビバナー*/
.l-mynavi {
	position: absolute;
	width: 240px;
	left: 20px;
	bottom: 160px;
	z-index: 2;
}

.l-mynavi img{
	width: 100%;
}


.l-wrap .l-movie {
	position: absolute;
	right: 464px;
	bottom: 70px;
	height: 90px;
	width: 126px;
	z-index: 2;
}

/* 言語選択 */
.l-wrap .lang {
	position: absolute;
	top: 45px;
	right: 140px;
	z-index: 2;
}
.l-wrap .lang li {
	display: inline-block;
}
.l-wrap .lang li:nth-of-type(1):after {
	content: '｜';
	color: #fff;
	padding-left: 8px;
	opacity: 0.7;
}
.l-wrap .lang li a {
	color: #fff;
	opacity: 0.7;
}
.l-wrap .lang li.current a,
.l-wrap .lang li.current span,
.l-wrap .lang li a:hover {
	color: #fff;
	opacity: 1;
	text-decoration: none;
}

/* ハンバーガーメニュー */
.l-wrap .l-hamburger::after {
	position: absolute;
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
	z-index: -1;
}

/* メニュー展開時 */
.l-wrap .innerInfo-company .innerInfo_head-contact::after {
	content: none !important;
}
.l-wrap .innerInfoLink {
	display: inline-block;
	text-align: center;
	padding: 15px 20px 15px 30px;
	border: 1px solid #fff;
	border-radius: 2px;
}
.l-wrap .innerInfoLink::after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 13px;
	background: url(/assets/img/common/ico_contact.svg) no-repeat center;
	background-size: contain;
	margin-left: 20px;
}
.l-wrap .innerInfoLink:hover {
	text-decoration: none;
}
.otherCont_box-company {
	display: none;
}





/* add 2024-02 */

@media screen and (min-width: 768px){
	.l-hamburger-fixedMovie,
	.l-wrap-sp{
		display: none;		
	}
}

@media screen and (max-width: 767.98px) {

	#top .l-wrap .l-hamburger,
	#top .l-wrap .lang,
	#top .l-wrap .l-mynavi,
	#top .l-wrap .l-rikunavi,
	#top .l-wrap .l-movie,
	#top .l-wrap .l-narisumashi,
	#top .l-wrap .l-sdgs,
	#top .l-wrap .l-bottom,
	#top .l-wrap .l-layer-second,
	#top .l-wrap .l-layer-third,
	#top .l-copy {
		display: none;
	}

	#top .l-wrap {
		margin-bottom: 0;
	}

	#top #header {
		margin-bottom: 0;
	}

	#top #header #bgHead {
		height: 20.27vw;
	}

	#top .covervid-wrapper{
		opacity: 0;
		animation-name: fadein;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}
	@keyframes fadein {
		0% {
		   opacity: 0;
		}
		100% {
		   opacity: 1;
		}
	}

	#top .ttl_news{
		width: 19.2vw;
		margin-top: 17.07vw;
		margin-bottom: 8.53vw;
		margin-inline: auto;
	}

	#top .ttl_news img{
		width: 100%;
	}

	#top .formBtn{
		margin-top: 8.53vw;
		margin-bottom: 17.07vw;
	}

	#top .l-mynavi-sp,
	#top .l-rikunavi-sp{
		display: block;
		width: 80vw;
		margin-inline: auto;
		margin-top: 5.33vw;
	}

	
	#top .l-movie-sp,
	#top .l-narisumashi-sp,
	#top .l-sdgs-sp{
		display: block;
		margin-top: 8.53vw;
	}

	#top .l-mynavi-sp a,
	#top .l-rikunavi-sp a,
	#top .l-movie-sp a,
	#top .l-narisumashi-sp a,
	#top .l-sdgs-sp a{
		display: block;
	}

	#top .l-mynavi-sp a img,
	#top .l-rikunavi-sp a img{
		display: block;
		width: 80%;
		margin-inline: auto;
	}

	#top .l-movie-sp a img,
	#top .l-narisumashi-sp a img,
	#top .l-sdgs-sp a img{
		display: block;
		width: 100%;
	}

	.lead_main > div {
		width: 72%;
		height: auto;
		margin-inline: auto;
		overflow: hidden;
	}

	.js-menuLayer {

	}

}