@charset "UTF-8";
/* CSS Document */

*, *::before, *::after{
	animation: none !important;
	opacity: 1 !important;
}

/* wrapper */
#wrapper{
	z-index: -1 !important;
}

/*
	header
-----------------------------------------------------------------------------------------------*/
#headerWrapper{
	position: absolute !important;
	top: 0 !important;
}

/* メニューエリア
============================== */
.headerMenuWrapper{
	opacity: 0 !important;
}
.headerMenuWrapper.jsOpen{
	height: auto !important;
	overflow: auto !important;
	opacity: 1 !important;
}

/*
	top
-----------------------------------------------------------------------------------------------*/
/* kv
============================== */
#kv .tit {
	width: 98%;
}

/* item
============================== */
[class^="imgItem"]{
	z-index: 0 !important;
}
#messageWrapper .imgItem02,
#jobWrapper .imgItem02 {
	z-index: -1 !important;
}

/* ループエリア
============================== */
.loopWrapper{
	height: 300px !important;
}

/*
	社員を知る
-----------------------------------------------------------------------------------------------*/
/* リスト
============================== */
/* comment */
.listPeople [class^="comment"]{
	opacity: 0 !important;
}

/* プロフィール
============================== */
.interviewPageProfileArea{
	z-index: 0 !important;
}

/* インタビュー
============================== */
.sectionHead{
	z-index: 0 !important;
}

/*
	職種紹介
-----------------------------------------------------------------------------------------------*/
/* 総合職のおもしろさ　一般職のおもしろさ
============================== */
.valueItem{
	z-index: 0 !important;
}

/*
	若手社員クロストーク
-----------------------------------------------------------------------------------------------*/
#crosstalkWrapper{
	height: 500px !important;
}

/*
	支店だより
-----------------------------------------------------------------------------------------------*/
/* モーダル
============================== */
#branchNewsModal{
	align-items: flex-start !important;
	height: 100% !important;
	padding-top: 50px;
	position: absolute !important;
	top: 0 !important;
	opacity: 0 !important;
}
#branchNewsModal.active{
	opacity: 1 !important;
}
.branchNewsCtsArea.swiper-slide{
	height: 100% !important;
	overflow-y: none !important;
}

/*
	装飾
-----------------------------------------------------------------------------------------------*/
/* 丸
============================== */
.cmnItemCircle{
	opacity: 1 !important;
	animation: burstOut 0s var(--anmBaseCB) forwards !important;
}