@charset "UTF-8";
@media screen and (max-width:767px) {
.staff{
	padding-top:15em;
}
/*-----------------------------------------------
	topMV
-----------------------------------------------*/
.topMain{
	display:none;
}
.topMainSp{
	display:block;
}
.mv-video {
    background: url(/-/media/D06BE4B7342144478C1EFE5F380CA816.ashx) no-repeat; 
}
/*-----------------------------------------------
	メインテキスト
-----------------------------------------------*/
.mainTx{
	background-image:none;
}
.mainTx .area{
	padding:0 3em;
}
.mainTx p.txCat{
	font-size:28px;
}
.mainTx p.txCat::before {
	width: 65%;
}
.mainTxBg{
	background-image:url(/-/media/56B85D4D38F44989A42CA365511E65B1.ashx);
	background-position:top center;
	background-size:150%;
	background-repeat:no-repeat;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100vh;
	content: "";
}

/*-----------------------------------------------
	カテゴリーリスト
-----------------------------------------------*/
.cateList{
	padding-bottom:8em;
}
.cateList .cateIm{
	width:94%;
	margin:0 auto;
}
footer{
	z-index: 2;
}
}
@media screen and (max-width:500px) {
.staff{
	padding-top:10em;
}
/*-----------------------------------------------
	topMV
-----------------------------------------------*/
.topMainSp{
	height:500px;
}
.mv-video {
    min-width: auto;
    min-height: auto;
    max-height: 100%;
}
/*-----------------------------------------------
	ロゴ
-----------------------------------------------*/
.staffLogo{
	margin-bottom:4em;
}
.staffLogo h2{
	width:80%;
}
.staffLogo h3{
	font-size:13px;
}
.staffLogo p.mainTitle{
	font-size: 15px;
	line-height:1.6;
}
.staffLogo p.mainTitle br.sp{
	display:block;
}
/*-----------------------------------------------
	メインイメージ
-----------------------------------------------*/

.mainIm{
	width:92%;
	background-image:none;
	height:auto;
}
.mainIm p.im{
	display:block;
}
.mainImBg{
	transition: .8s;
}

.mainImBg.is-show{
	left:100%;
	transition-delay: 2s;
}
/*-----------------------------------------------
	メインテキスト
-----------------------------------------------*/
.mainTx{
	
	padding:10em 0 10em;
}

.mainTx .area{
	padding:0 1em;
}
.mainTx p.tx{
	font-size:15px;
	line-height:2.2;
	margin-bottom:5em;
	text-align:left;
}
.mainTx p.tx br.sp{
	display:block;
}
.mainTx p.txCat{
	font-size:20px;
}
.mainTx p.txCat::before {
	width: 92%;
}
.mainTx p.tx_min{
	line-height:1.8;
	
	
}
.mainTx p.tx_min br.sp{
	display:block;
}
.mainTxBg{
	background-size:200%;
}
/*-----------------------------------------------
	カテゴリーリスト
-----------------------------------------------*/
.cateList {
    padding-top:5em;
	padding-bottom:8em;
}
.cateList li{
	margin-bottom:6em;
}
.cateList .cateIm{
	width:100%;
}
.cateTilte p.title{
	font-size:16px;
	line-height:1.4;
}
.cateTilte p.title_en{
	font-size:14px;
}
.cateList  p.title_fishing{
	font-size:15px;
	top:-1em;
	right:-1em;
	padding:0 1em;
}
.cateList .cateIm img.pcim{
	display:none;
}
.cateList .cateIm img.spim{
	display:block;
}
.cateList .cateIm .com p{
	font-size:18px;
}
/*--BT--*/
p.staff_more{
	text-align:center;
	padding-top:3em;
}
p.staff_more a:link{	
	padding-right:5em;
	font-size:14px;
	letter-spacing:0.05em;
}

/*-----------------------------------------------
	フェードアップ
-----------------------------------------------*/
.fadeIn_up {
  transition: .8s;
}
}
/*-----------------------------------------------
	2023.11
-----------------------------------------------*/
@media screen and (max-width:767px) {.bannerContainer.first{margin:-10em auto 5em }.bannerContainer.last{margin:10em auto 0 }.bannerContainer .mb10 img.pcim{display: none}.bannerContainer .mb10 img.spim{display: block}}