@charset "UTF-8";

/* *******************************************************************************************
* 
*	魚GET大作戦 PC
*
******************************************************************************************* */

/* ----------------------------- ページヘッダー ----------------------------- */

.pageHeader{
	padding-top: 32px;
	padding-bottom: 26px;
}
.pageHeader_inner{
	margin: 0 auto;
	width: 980px;
}
.pageHeader_cat{
	margin-bottom: 16px;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	background: url(../image/mission_ttl_label_l.png) center 0 no-repeat;
	background-size: 234px 28px;
}
.pageHeader_ttl_sub{
	color: #05474d;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}
.pageHeader_ttl_main{
	color: #05474d;
	font-size: 40px;
	line-height: 52px;
	font-weight: bold;
}
.pageHeader_ttl_main small{
	display: inline-block;
	padding-right: 24px;
	padding-bottom: 8px;
	font-size: 24px;
	line-height: 24px;
	vertical-align: middle;
}

/* ----------------------------- メインコンテンツ ----------------------------- */

.pageContent{
	padding-top: 60px;
	background: #fff;
}
.pageContent_inner{
	margin: 0 auto;
	width: 980px;
	color: #05474d;
}
.pageContent_inner-s{
	margin: 0 auto;
	padding-bottom: 60px;
	width: 690px;
	color: #05474d;
}
.pageContent_inner-point{
	margin: 0 auto;
	width: 980px;
	color: #05474d;
}
.pageContent_inner-profile{
	margin: 0 auto;
	margin-bottom: 40px;
	width: 980px;
	color: #05474d;
	background: #e5eded;
}

/* -------------------------------------------------------------------------------------------
*
* 下層TOP・下層共通
*
* ----------------------------------------------------------------------------------------- */

/* ----------------------------- メインビジュアル ----------------------------- */

.pageMain{
	position: relative;
	height: 536px;
}

/* ビジュアルのバリエーション */
.pageMain-m008{
	background: url(../mission-008/image/page_main_bg_pc.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-m007{
	background: url(../mission-007/image/page_main_bg_pc.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-m006{
	background: url(../mission-006/image/page_main_bg_pc.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-m005{
	background: url(../mission-005/image/page_main_bg_pc.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-m002{
	background: url(../mission-002/image/page_main_bg_pc.jpg) center center no-repeat;
	background-size: cover;
}
.pageMain-m001{
	background: url(../mission-001/image/page_main_bg_pc.jpg) center center no-repeat;
	background-size: cover;
}

/* ナビゲーション */

.pageMain_nav{
	position: relative;
	width: 100%;
	height: 68px;
	text-align: center;
	border-top: 4px solid #0f5966;
	background: #fff;
}
.pageMain_nav:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #c4d4d5;
	z-index: 10;
}
.pageMain_nav_list{
	display: inline-block;
	font-size: 0;
}
.pageMain_nav_list_item{
	float: left;
	width: 150px;
}
.pageMain_nav_list_item a{
	position: relative;
	display: block;
	color: #05474d;
	font-size: 18px;
	line-height: 68px;
	font-weight: bold;
	border-left: 1px solid #c4d4d5;
}
.pageMain_nav_list_item:last-child a{
	border-right: 1px solid #c4d4d5;
}
.pageMain_nav_list_item a:after{
	position: absolute;
	content: '';
	top: 0;
	right: 16px;
	width: 10px;
	height: 68px;
	background: url(../../../common/image/ic_arrow_base_right.png) 0 center no-repeat;
	background-size: 10px 10px;
	z-index: 10;
}

/* アクティブ */

.pageMain_nav_list_item-active + .pageMain_nav_list_item a{
	border-left: 0;
}
.pageMain_nav_list_item-active span{
	position: relative;
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 68px;
	font-weight: bold;
	background: #0f5966;
	z-index: 11;
}
.pageMain_nav_list_item-active span:after{
	position: absolute;
	content: '';
	top: 0;
	right: 16px;
	width: 10px;
	height: 68px;
	background: url(../../../common/image/ic_arrow_wt_bottom.png) 0 center no-repeat;
	background-size: 10px 10px;
	z-index: 11;
}

/* ボトムナビゲーション */

.pageMain_nav-btm{
	border-top: 0;
	border-bottom: 4px solid #0f5966;
}
.pageMain_nav-btm:after{
	top: 0;
}
.pageMain_nav-btm .pageMain_nav_list_item-active span:after{
	background: url(../../../common/image/ic_arrow_wt_top.png) 0 center no-repeat;
	background-size: 10px 10px;
}

/* ----------------------------- コンテンツ ----------------------------- */

/* プロフィール */

.missionProfile{
	color: #05474d;
}
.missionProfile_top{
	padding-top: 60px;
	padding-bottom: 130px;
	background: #e5eded;
}
.missionProfile_lead{
	margin: 0 auto;
	width: 980px;
}
.missionProfile_lead_ttl{
	margin-bottom: 28px;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}
.missionProfile_lead_txt{
	font-size: 18px;
	line-height: 32px;
}
.missionProfile_inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
}
.missionProfile_inner-2{
	padding-top: 150px;
}
.missionProfile_clm-L{
	position: relative;
	float: left;
	margin-right: 40px;
	width: 470px;
}
.missionProfileAnd{
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	margin: auto;
	width: 52px;
}
.missionProfile_inner-2 .missionProfileAnd{
	top: 136px;
}
.missionProfile_clm-R{
	position: relative;
	float: left;
	width: 470px;
}
.missionProfile_img{
	position: absolute;
	top: -97px;
	left: 0;
	right: 0;
	margin: auto;
	width: 170px;
}
.missionProfile_txt{
	margin: 0 auto;
	padding-top: 77px;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.missionProfile_txt_name{
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
}
.missionProfile_clm-3L{
	position: relative;
	float: left;
	margin-right: 24px;
	width: 310px;
}
.missionProfile_clm-3M{
	position: relative;
	float: left;
	margin-right: 24px;
	width: 310px;
}
.missionProfile_clm-3R{
	position: relative;
	float: left;
	width: 312px;
}
.missionProfileAnd1{
	position: absolute;
	top: -24px;
	left: 296px;
	width: 52px;
}
.missionProfileAnd2{
	position: absolute;
	top: -24px;
	left: 631px;
	width: 52px;
}

/* もっと見てみよう！ */

.moreInfo{
	padding: 28px 0 40px 0;
	background: #e5eded;
}
.moreInfo_inner{
	margin: 0 auto;
	width: 980px;
	color: #05474d;
	text-align: center;
}
.moreInfo_ttl{
	display: inline-block;
	margin-bottom: 18px;
	padding: 5px 34px 5px 64px;
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
	background: url(../../../common/image/pict_books.png) 0 center no-repeat;
	background-size: 48px 34px;
}
.moreInfo_list{
	display: inline-block;
	font-size: 0;
	width: 690px;
	text-align: center;
}
.moreInfo_list_item{
	display: inline-block;
	width: 160px;
	height: 92px;
	overflow: hidden;
	vertical-align: top;
}
.moreInfo_list_item-img{
	width: 137px;
}
.moreInfo_list_item a{
	display: block;
	padding-top: 48px;
	width: 160px;
	height: 92px;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-right: 1px solid #cbdada;
}
.moreInfo_list_item-detail a{
	background: url(../../../common/image/pict_books_detail.png) center 17px no-repeat;
	background-size: 46px auto;
}
.moreInfo_list_item-trap a{
	background: url(../../../common/image/pict_books_trap.png) center 16px no-repeat;
	background-size: 33px auto;
}
.moreInfo_list_item-clean a{
	background: url(../../../common/image/pict_books_clean.png) center 20px no-repeat;
	background-size: 36px auto;
}
.moreInfo_list_item-skillup a{
	background: url(../../../common/image/pict_skillup.png) center 15px no-repeat;
	background-size: 46px auto;
}

.pageBtm{
	background: #fff;
	text-align: center;
}
.pageBtm_backLink{
	display: inline-block;
	padding-top: 40px;
	padding-bottom: 40px;
}
.pageBtm_backLink a{
	display: inline-block;
	padding: 5px 32px 5px 32px;
	color: #05474d;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	background: url(../../../common/image/ic_list.png) 0 center no-repeat;
	background-size: 16px 13px;
}

/* 次ページへの導線 */

.nextNav{
	padding: 52px 0 40px 0;
	text-align: center;
	background: url(../../../common/image/pop_next.png) center 0 no-repeat;
	background-size: 104px 42px;
}
.nextNav_link{
	display: inline-block;
	padding: 0 32px;
	font-weight: bold;
	background: url(../../../common/image/ic_double_arrow_base_right.png) right center no-repeat;
	background-size: 18px 18px;
}
.nextNav_link_sub{
	font-size: 16px;
	line-height: 28px;
}
.nextNav_link_main{
	font-size: 20px;
	line-height: 28px;
}
.pageAttention{
	font-size: 14px;
	line-height: 24px;
}

/* -------------------------------------------------------------------------------------------
*
* STEP
*
* ----------------------------------------------------------------------------------------- */

.stepTop{
	margin-bottom: 60px;
}
.step{
	padding-top: 19px;
	padding-bottom: 30px;
	border-top: 4px solid #0f5966;
}
.step-noLine{
	border-top: 0;
}
.step_ttl{
	margin-bottom: 28px;
	font-size: 28px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}
.step_subTtl{
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 14px;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
}
.step_subTtl:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 64px;
	height: 4px;
	background: #0f5966;
	z-index: 10;
}
.step_clm{
	font-size: 18px;
	line-height: 32px;
}
.step_clm a{
	text-decoration: underline !important;
}
.step_clm-L{
	position: relative;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	width: 325px;
}
.step_clm-R{
	position: relative;
	float: left;
	margin-bottom: 30px;
	width: 325px;
}
.step_clm-full{
	float: left;
	margin-bottom: 30px;
	width: 690px;
}
.step_commentImg + .step_commentImg{
	padding-top: 30px;
}
.step_commentImg_img{
	position: relative;
	margin-bottom: 13px;
}
.step_commentImg_img_number{
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -0.1em;
	background: #0f5966;
}
.step_commentImg_txt{
	font-size: 14px;
	line-height: 24px;
}
.scene_videoImg{
	padding: 8px;
	text-align: center;
	background: #e5eded;
}
.scene_videoImg_ttl{
	display: inline-block;
	margin-bottom: 10px;
	padding: 7px 0 7px 80px;
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	background: url(../../../common/image/pict_skillup.png) 0 center no-repeat;
	background-size: 60px auto;
}
.scene_videoImg_img{
	margin-bottom: 10px;
}
.scene_videoImg_caption{
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
}
.scene_commentImg_img{
	position: relative;
	margin-bottom: 13px;
}
.scene_commentImg_img_number{
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -0.1em;
	background: #0f5966;
}
.scene_commentImg_txt{
	font-size: 14px;
	line-height: 24px;
}

/* ----------------------------- ポイント ----------------------------- */

.stepPoint{
	position: relative;
	padding-top: 100px;
	padding-bottom: 30px;
	margin-bottom: 60px;
	background: #e5eded;
}
.stepPoint_ttl{
	position: absolute;
	top: -41px;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 74px;
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	background: url(../../../common/image/pict_point.png) center 0 no-repeat;
	background-size: 82px auto;
}
.stepPoint_inner{
	margin: 0 auto;
	padding-bottom: 7px;
	width: 690px;
}

/* ----------------------------- 下層プロフィール ----------------------------- */

.profile{
	position: relative;
	margin: 0 auto;
	width: 690px;
	padding-top: 82px;
	padding-bottom: 60px;
}
.profile_img{
	position: absolute;
	top: -72px;
	left: 0;
	right: 0;
	margin: auto;
	width: 144px;
}
.profile_txt{
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.profile_txt_name{
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
}
.profile_shop_img{
	float: left;
	margin-right: 20px;
	width: 92px;
}
.profile_shop_info{
	float: left;
	width: 578px;
	font-size: 16px;
	line-height: 28px;
}
.profile_shop_info a{
	text-decoration: underline !important;
}