@charset "UTF-8";

.staff{
	padding-top:15em;
	z-index:3;
	position:relative;
	
}

/*-----------------------------------------------
	topMV
-----------------------------------------------*/
.topMain{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:700px;
	overflow:hidden;
	z-index:2;
}
.topMainSp{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:700px;
	overflow:hidden;
	z-index:2;
	display:none;
}

.mv-movie {
    position: absolute;
    width: 100vw;
    height: 100%;
    overflow: hidden;
	text-align: center;
}
.mv-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background: url(/-/media/ACA2D20308C2423D8E9D3F71AA2571D8.ashx) no-repeat;
    background-size:cover;
	text-align: center;
	top:0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.mvbg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
	background:rgba(0,0,0,0.6);
}

/*-----------------------------------------------
	ロゴ
-----------------------------------------------*/
.staffLogo{
	margin-bottom:8em;
}
.staffLogoArea{
	margin-left:1em;
}
.staffLogo h2{
	width:70%;
}
.staffLogo h2 img{
	width:100%;
	height:auto;
}
.staffLogo h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:16px;
}
.staffLogo p.mainTitle{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 18px;
	padding-top: 1.5em;
	letter-spacing: 0.05em;
}
.staffLogo p.mainTitle br.sp{
	display:none;
}
/*-----------------------------------------------
	メインイメージ
-----------------------------------------------*/

.mainIm{
	width:90%;
	height:550px;
	background-image:url(/-/media/D5E5448261CD40208266139FBE43FA25.ashx);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.mainImBg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	transition: 1s;
}

.mainImBg.is-show{
	left:100%;
	transition-delay: 1.5s;
}
.mainIm p.im{
	display:none;
}
.mainIm p.im img{
	width:100%;
	height:auto;
}
/*-----------------------------------------------
	メインテキスト
-----------------------------------------------*/
.mainTx{
	text-align:right;
	background-image:url(/-/media/56B85D4D38F44989A42CA365511E65B1.ashx);
	background-position:top center;
	background-size:100%;
	background-repeat:no-repeat;
	padding:20em 0 10em;
	background-attachment: fixed;
}

.mainTx .area{
	padding-right:1em;
}
.mainTx p.tx{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:15px;
	line-height:3;
	margin-bottom:15em;
}
.mainTx p.tx br.sp{
	display:none;
}
.mainTx p.txCat{
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	font-size:32px;
	position:relative;
	margin-right:-0.4em;
	padding-bottom:0.2em;
	margin-bottom:1em;
	letter-spacing:0.05em;
}
.mainTx p.txCat::before {
  position: absolute;
  bottom:0;
  right:0.7em;
  z-index: 1;
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  background-color: #fff;
}
.mainTx p.tx_min{
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	font-size:15px;
	line-height:3;
}
.mainTx p.tx_min br.sp{
	display:none;
}
.mainTxBg{
	display:none;
}
/*-----------------------------------------------
	カテゴリーリスト
-----------------------------------------------*/
.cateList{
	padding-top:10em;
	background-color:#000;
	padding-bottom:15em;
}
.cateList li{
	margin-bottom:10em;
}
.cateList li:last-child{
	margin-bottom:0em;
}
.cateTilte{
	margin-bottom:3em;
	text-align:center;
}
.cateTilte p.title{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:22px;
	line-height:1.4;
	margin-bottom:0.5em;
}
.cateTilte p.title_en{
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.05em;
	font-size:20px;
	line-height:1.2;
}
.cateList p.title_fishing{
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	font-size:18px;
	letter-spacing:0.05em;
	position:absolute;
	right:-2em;
	top:3em;
	background-color:#151515;
	padding:0 1.5em;
	z-index:2;
}
.cateList .cateIm{
	position:relative;
	width:85%;
	margin:0 auto;
}
.cateList .cateIm img{
	width:100%;
	height:auto;
}
.cateList .cateIm img.spim{
	display:none;
}
.cateList .cateIm .com{
	position:absolute;
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
}
.cateList .cateIm .com p{
	font-family: 'Abel', sans-serif;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color:#aaa;
	font-size:22px;
}




/*--BT--*/
p.staff_more{
	text-align:right;
	padding-top:3em;
}
p.staff_more a:link{
	color:#fff;
	line-height:1;
	padding-right:7em;
	padding-bottom:0.8em;
	display: inline-block;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:500;
	letter-spacing:0.1em;
}
p.staff_more a:visited{
	color:#fff;
	text-decoration:none;
}
p.staff_more a:hover{
	color:#fff;
	text-decoration:none;
	opacity:0.8;
}
p.staff_more a:link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  height:1px;
  width:100%;
  background-color:#fff;
}
p.staff_more a:link::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 10px;
  right: -5px;
  margin: auto;
  width: 30px;
  height: 1px;
  background-color:#fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}




/*-----------------------------------------------
	フェードアップ
-----------------------------------------------*/
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 5%);
  transition: 1s;
  
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
  transition-delay: .5s;
}
/*-----------------------------------------------
	2023.11
-----------------------------------------------*/

.mainIm{background-position:center center !important;}
.bannerContainer{max-width:900px;margin:0 auto 0}.bannerContainer>a{display:block}.bannerContainer.first{margin-bottom: 20em;}.bannerContainer.last{margin-top: 20em;}.bannerContainer img{border:0;max-width:100%;vertical-align:bottom;max-height:100%;width:auto;height:auto}.bannerContainer .mb10 img.spim{display: none}