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

File Name > lib/_variables.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Color
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*
	Base Color
--------------------------------------*/
/* 基本テキストカラー */
/* Link Text Color */
/*
	Definition Color
--------------------------------------*/
/* 白 */
/* 黒 */
/*
	Function Color
--------------------------------------*/
/* 翻訳センター アクセントカラー */
/* お問い合わせボタンカラー */
/* 区切り線カラー */
/* 背景カラー */
/*
	使用不明 Color
--------------------------------------*/
/* Sub Color */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Font
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Width
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*
	Device Break Point
--------------------------------------*/
/* Base Width */
/* //////////////////////////////////

File Name > lib/ _mixins.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	テキストリンク設定
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*
	Definition Color
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Hover Effect
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*
	HE - Opacity
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Parts
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*
	a タグ Block 化
--------------------------------------*/
/*
	Text Shadow（1px）
--------------------------------------*/
/*
	遷移用ARROW（ White）
--------------------------------------*/
/*
	遷移用ARROW（ Orange：下向き）
--------------------------------------*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Media Query
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	神作成
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 見出しミックスイン */
/* Lib/ _mixin*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
home用css
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media print, screen and (min-width: 960px) {
	.wrapper header {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

/* ヘッダー */
@media print, screen and (min-width: 960px) {
	header {
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	.nav-global ul {
		background: none;
	}
}

/* メインイメージ */
body#home .area-mv {
	background: url(../img/main_img.jpg) no-repeat #e9ecec;
	background-position: left -130px bottom;
	background-size: 180%;
	margin-bottom: 40px;
	height: 250px;
}
@media print, screen and (max-width: 320px) {
	body#home .area-mv {
		height: 220px;
	}
}
@media print, screen and (min-width: 480px) {
	body#home .area-mv {
		background-position: left -120px bottom -60px;
		background-size: 160%;
	}
}
@media print, screen and (min-width: 768px) {
	body#home .area-mv {
		height: 380px;
		background: url(../img/main_img.jpg) no-repeat #e7e7e7;
		background-position: left -130px bottom -20px;
		background-size: 150%;
	}
}
@media print, screen and (min-width: 960px) {
	body#home .area-mv {
		height: 600px;
		margin-top: 0;
		background-position: left 0px bottom;
		background-size: cover;
	}
}

@media print, screen and (min-width: 960px) {
	.wrapper header {
		background: none;
	}
}

.nav-topicpath {
	display: none;
}

/* メインイメージ　タイトルテキスト --------------------------------------------------------------------------*/
.area-mv-text {
	position: relative;
	color: #000;
	text-align: right;
}

.area-mv-text .area-mv-text-inner p.btn-orange a {
	text-align: center;
	padding: 18px 0;
	font-size: 18px;
}

@media print, screen and (max-width: 767px) {
	.area-mv-text .area-mv-text-inner {
		position: absolute;
		top: -5px;
		right: 30px;
	}
	.area-mv-text .area-mv-text-inner p.btn-orange {
		display: block;
	}
	.area-mv-text .area-mv-text-inner p.btn-orange a {
		padding: 10px 0;
		font-size: 12px;
	}
}
@media print, screen and (min-width: 768px) {
	.area-mv-text .area-mv-text-inner {
		position: absolute;
		top: -20px;
		right: 30px;
	}
	.area-mv-text .area-mv-text-inner p.btn-orange {
		padding-top: 5px;
	}
	.area-mv-text .area-mv-text-inner p.btn-orange a {
		padding: 14px 0;
		font-size: 16px;
	}
}
@media print, screen and (min-width: 960px) {
	.area-mv-text {
		width: 100%;
		max-width: 1200px;
	}
	.area-mv-text .area-mv-text-inner {
		position: absolute;
		top: 140px;
		right: 70px;
	}
}
.area-mv-text h1 {
	font-size: min(2.5vw,13px);
	padding-top: 30px;
	padding-right: 0;
	letter-spacing: 0;
	margin: 0;
	margin-left: auto;
}
@media print, screen and (max-width: 320px) {
	.area-mv-text h1 {
		padding-top: 10px;
	}
}
@media print, screen and (min-width: 480px) {
	.area-mv-text h1 {
		font-size: 15px;
	}
}
@media print, screen and (min-width: 768px) {
	.area-mv-text h1 {
		border-bottom: 1px solid #000;
		padding-top: 25px;
		padding-bottom: 20px;
		font-size: 16px;
		width: 540px;
	}
}
@media print, screen and (min-width: 960px) {
	.area-mv-text h1 {
		padding-top: 50px;
		font-size: 18px;
		width: 640px;
	}
}
.area-mv-text h1 span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
@media print, screen and (min-width: 480px) {
	.area-mv-text h1 span {
		font-size: 26px;
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.area-mv-text h1 span {
		font-size: min(3vw,28px);
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 960px) {
	.area-mv-text h1 span {
		font-size: 34px;
		margin-bottom: 15px;
		letter-spacing: 2px;
	}
}
.area-mv-text h1 span span {
	font-size: 34px;
	margin-bottom: 0px;
}
@media print, screen and (min-width: 768px) {
	.area-mv-text h1 span span {
		font-size: min(3vw,28px);
	}
}
@media print, screen and (min-width: 960px) {
	.area-mv-text h1 span span {
		font-size: 34px;
	}
}
.area-mv-text p {
	display: none;
}
@media print, screen and (min-width: 768px) {
	.area-mv-text p {
		display: block;
		padding-top: 20px;
		width: 540px;
		text-align: left;
		letter-spacing: 0;
		line-height: 1.5;
	}
	.area-mv-text p small {
		font-size: .7em;
		letter-spacing: 0;
	}
	.area-mv-text p small a {
		text-decoration: underline;
	}
}
@media print, screen and (min-width: 960px) {
	.area-mv-text p {
		width: 640px;
		line-height: 1.8;
	}
	.area-mv-text p small {
		font-size: .8em;
		letter-spacing: 0;
	}
}

/* コンテンツ */
#home .container {
	width: 100%;
}

/* メインイメージ下のナビバナー部分 -------------------------------------------------------------------*/
.nv-bnr-outer {
	overflow: hidden;
	margin-bottom: 40px;
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer {
		margin: 0 auto 40px;
		width: 960px;
	}
}

@media print, screen and (min-width: 960px) {
	.nv-bnr-left-wrap {
		float: left;
		width: 640px;
	}
}

@media print, screen and (min-width: 768px) {
	.nv-bnr-right-wrap {
		width: 90%;
		margin: 0 auto;
	}
}

@media print, screen and (min-width: 960px) {
	.nv-bnr-right-wrap {
		float: right;
		width: 300px;
	}
}

/*特許分野について*/
.nv-bnr-outer .bnr-field {
	background: url(../img/about_a_field_img.jpg) no-repeat;
	background-position: right 0 top;
	background-size: cover;
	width: 90%;
	margin: 0 auto 10px;
	height: 140px;
}
@media print, screen and (max-width: 320px) {
	.nv-bnr-outer .bnr-field {
		background-position: right -60px top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-field {
		height: 190px;
		background-position: right 0px top;
		background-size: cover;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-field {
		height: 160px;
		width: 310px;
		margin:0;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
}
.nv-bnr-outer .bnr-field:hover {
	text-decoration: none;
	opacity: 0.6;
}
.nv-bnr-outer .bnr-field a {
	display: block;
	height: 100%;
	padding: 15px 0;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-field a {
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-field a {
		padding: 30px 0 20px;
	}
}
.nv-bnr-outer .bnr-field dt {
	background: #000;
	color: #fff;
	width: 170px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
	padding: 5px 15px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: normal;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-field dt {
		padding: 10px 25px;
		width: 180px;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-field dt {
		padding: 6px 12px;
		font-size: 12px;
		width: 160px;
	}
}
.nv-bnr-outer .bnr-field dd {
	color: #000;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4;
	padding-left: 15px;
	font-weight: normal;
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-field dd {
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.4;
		padding-left: 15px;
		padding-top: 10px;
		color: #000;
	}
}

.nv-bnr-outer .nv-bnr-left-wrap-innertop { display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-field { width: calc((100% - 20px) / 2); height: 160px; margin: 0 auto 20px; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-field dd { font-size: 14px; letter-spacing: 1px; line-height: 1.4; padding-left: 15px; padding-top: 8px; color: #000; text-shadow: 0 0 10px #8FCCCC; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance { width: calc((100% - 20px) / 2); height: 160px; margin: 0 auto 20px; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance a { background: url(../img/about_a_guidance_img.jpg) right 0px/cover no-repeat; padding: 30px 0 20px; display: block; height: 100%; transition: 0.2s; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance a:hover { text-decoration: none; opacity: 0.6; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance dt { background: #000; color: #fff; text-align: center; letter-spacing: 2px; font-size: 14px; margin-bottom: 15px; display: inline-block; font-weight: normal; padding: 6px; font-size: 12px; width: 200px; }
.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance dd { font-size: 14px; letter-spacing: 1px; line-height: 1.4; padding-left: 15px; padding-top: 8px; color: #000; text-shadow: 0 0 10px #fff; }
	@media print, screen and (max-width:960px) {
		.nv-bnr-outer .nv-bnr-left-wrap-innertop { width: 90%; gap: 4%; margin: 0 auto; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-field { width: calc(96% / 2); margin: 0; margin: 0 auto 10px; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-field dt { padding: 8px ; font-size: 16px; width: 180px; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance { width: calc(96% / 2); margin: 0; margin: 0 auto 10px; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance dt { padding: 8px ; font-size: 16px; width: 260px; }
	}
	@media print, screen and (max-width:768px) {
		.nv-bnr-outer .nv-bnr-left-wrap-innertop { display: block; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-field { width: 100%; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-field dt { padding: 10px; font-size: 14px; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance { width: 100%; }
		.nv-bnr-outer .nv-bnr-left-wrap-innertop .bnr-guidance dt { padding: 10px; font-size: 14px; width: 230px; }
	}

.field-outer { background: #f5f5f5; padding: 0 0 40px; }
.field-outer h2 { text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 6px; margin-bottom: 40px; }
.field-outer .inr { max-width: 1000px; margin: 0 auto; margin:0 auto 30px; padding: 0 10px; }
.field-outer .inr ul { width: 100%; display: flex; gap: 10px; }
.field-outer .inr ul li { width: 100%; height: 130px; display: flex; align-items: center; justify-content: center; letter-spacing: .04em; background: #fff none center center/cover no-repeat; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
.field-outer .inr ul li:nth-of-type(1) {background-image: url(../img/fieldwrap_list01.jpg); color: #fff; }
.field-outer .inr ul li:nth-of-type(2) {background-image: url(../img/fieldwrap_list02.jpg); color: #fff; }
.field-outer .inr ul li:nth-of-type(3) {background-image: url(../img/fieldwrap_list03.jpg); color: #fff; }
.field-outer .inr ul li:nth-of-type(4) {background-image: url(../img/fieldwrap_list04.jpg); }
.field-outer .inr ul li:nth-of-type(5) {background-image: url(../img/fieldwrap_list05.jpg); }
.field-outer .inr ul li span { text-align: center; line-height: 1.8; }
@media print, screen and (max-width:960px) {
	.field-outer .inr ul { flex-wrap: wrap;}
	.field-outer .inr ul li { width: calc((100% - 10px) / 2); }
}


/*専門チーム紹介とアフターケアラップ*/
.nv-bnr-left-wrap-inner {
	overflow: hidden;
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-left-wrap-inner {
		width: 90%;
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-left-wrap-inner {
		width: 100%;
	}
}

/*専門チーム紹介*/
.nv-bnr-outer .bnr-staff {
	background: url(../img/staff_img_02.jpg) center top no-repeat;
	background-size: cover;
	width: 90%;
	margin: 0 auto 10px;
	height: 140px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.nv-bnr-outer .bnr-staff:hover {
	text-decoration: none;
	opacity: 0.6;
}
.nv-bnr-outer .bnr-staff a {
	display: block;
	height: 100%;
	padding: 15px 0;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-staff a {
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-staff a {
		padding: 20px 0 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-staff {
		width: 48%;
		float: left;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-staff {
		width: 310px;
		height: 120px;
	}
}
.nv-bnr-outer .bnr-staff dt {
	background: #000;
	color: #fff;
	width: 170px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
	padding: 5px 15px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: normal;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-staff dt {
		padding: 10px 25px;
		width: 180px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-staff dt {
		padding: 8px;
		font-size: 16px;
		width: 180px;
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-staff dt {
		padding: 6px 12px;
		font-size: 12px;
		width: 160px;
		margin-bottom: 5px;
	}
}
.nv-bnr-outer .bnr-staff dd {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4;
	padding-left: 15px;
	padding-top: 10px;
	color: #000;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-staff dd {
		padding-left: 25px;
	}
}

/*アフターケア*/
.nv-bnr-outer .bnr-aftercare {
	background: url(../img/after_care_img.png) right top no-repeat;
	background-size: cover;
	width: 90%;
	margin: 0 auto 10px;
	height: 140px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.nv-bnr-outer .bnr-aftercare:hover {
	text-decoration: none;
	opacity: 0.6;
}
.nv-bnr-outer .bnr-aftercare a {
	display: block;
	height: 100%;
	padding: 30px 0 20px;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-aftercare a {
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-aftercare {
		width: 48%;
		float: right;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-aftercare {
		width: 310px;
		height: 120px;
	}
}
.nv-bnr-outer .bnr-aftercare dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 2px;
	font-size: 26px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #000;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-aftercare dt {
		padding-left: 25px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-aftercare dt {
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-aftercare dt {
		font-size: 21px;
	}
}
.nv-bnr-outer .bnr-aftercare dd {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4;
	padding-left: 20px;
	color: #000;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-aftercare dd {
		padding-left: 25px;
	}
}

/* 実績 */
.nv-bnr-outer .bnr-case {
	background: url(../img/features_img.jpg) right top no-repeat #f5f3f4;
	width: 90%;
	margin: 0 auto 10px;
	height: 140px;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-case {
		background: url(../img/features_img.jpg) right bottom no-repeat #f5f3f4;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-case {
		height: 140px;
		width: 48%;
		margin: 0 auto 10px;
		float: left;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-case {
		width: 300px;
		height: 160px;
		float: right;
		margin: 0 auto 20px;
		background: url(../img/features_img.jpg) right top no-repeat #f5f3f4;
		background-size: cover;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
}
.nv-bnr-outer .bnr-case:hover {
	text-decoration: none;
	opacity: 0.6;
}
.nv-bnr-outer .bnr-case a {
	display: block;
	height: 100%;
	padding: 15px 0;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-case a {
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-case a {
		padding: 30px 0;
	}
}
.nv-bnr-outer .bnr-case dt {
	background: #000;
	color: #fff;
	letter-spacing: 2px;
	font-size: 14px;
	padding: 5px 15px;
	width: 170px;
	text-align: center;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: normal;
	letter-spacing: 3px;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-case dt {
		padding: 10px 25px;
		width: 180px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-case dt {
		padding: 6px 25px;
		font-size: 16px;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-case dt {
		width: 160px;
		font-size: 12px;
		padding: 6px 12px;
	}
}
.nv-bnr-outer .bnr-case dd {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4;
	padding-left: 15px;
	font-weight: bold;
	color: #000;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-case dd {
		padding-left: 25px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-case dd {
		padding-left: 30px;
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.6;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-case dd {
		font-size: 18px;
		line-height: 2;
	}
}

/*オンライン商談*/
.nv-bnr-outer .bnr-online {
	background: url(../img/online_business_img.png) right top no-repeat;
	background-size: cover;
	width: 90%;
	margin: 0 auto 10px;
	height: 140px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.nv-bnr-outer .bnr-online:hover {
	text-decoration: none;
	opacity: 0.6;
}
.nv-bnr-outer .bnr-online a {
	display: block;
	height: 100%;
	padding: 30px 0 20px;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-online a {
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-online {
		width: 48%;
		float: right;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-online {
		width: 300px;
		height: 120px;
	}
}
.nv-bnr-outer .bnr-online dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 2px;
	font-size: 22px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #000;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-online dt {
		padding-left: 25px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-online dt {
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-online dt {
		font-size: 16px;
	}
}

/* CATツール */
.nv-bnr-outer .bnr-cat {
	background: url(../img/img_banner_cat.png) right top no-repeat;
	background-size: cover;
	width: 90%;
	margin: 0 auto 10px;
	height: 140px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.nv-bnr-outer .bnr-cat:hover {
	text-decoration: none;
	opacity: 0.6;
}
.nv-bnr-outer .bnr-cat a {
	display: block;
	height: 100%;
	padding: 30px 0 20px;
}

.nv-bnr-outer .bnr-cat .text-more {
	background-color: #ccc;
	padding: 3px 10px;
	font-size: 12px;
	width: 36%;
	float: right;
	position: relative;
	margin-right: 20px;
}

.nv-bnr-outer .bnr-cat .text-more::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 14px solid #ccc;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	position: absolute;
	top: 0;
	right: -14px;
}
.nv-bnr-outer .bnr-cat:hover .text-more {
	background-color: #868686;
	color: #fff;
}
.nv-bnr-outer .bnr-cat:hover .text-more::after {
	border-left: 14px solid #868686;
}

@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-cat a {
		padding: 25px 0;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-cat {
		width: 48%;
		float: right;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-cat {
		width: 300px;
		height: 120px;
	}
}
.nv-bnr-outer .bnr-cat dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 2px;
	font-size: 22px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #000;
}
@media print, screen and (min-width: 480px) {
	.nv-bnr-outer .bnr-cat dt {
		padding-left: 25px;
	}
}
@media print, screen and (min-width: 768px) {
	.nv-bnr-outer .bnr-cat dt {
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 960px) {
	.nv-bnr-outer .bnr-cat dt {
		font-size: 16px;
	}
}

/* お知らせ ----------------------------------------------------------------------------------------------*/
.news-outer h2 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
@media print, screen and (min-width: 960px) {
	.news-outer h2 {
		letter-spacing: 6px;
		margin-bottom: 40px;
	}
}

.news-list li:nth-child(n + 4) {
	display: none;
}

/* コンテンツボトムバナー -----------------------------------------------------------------------------------------*/
.contents-bottom-banner {
	text-align: center;
	border-top: 1px solid #cccccc;
	padding: 55px 10px 35px;
}
.contents-bottom-banner li {
	display: inline-block;
	margin-bottom: 15px;
}
@media print, screen and (min-width: 480px) {
	.contents-bottom-banner li {
		padding: 0 5px;
		width: calc(100% / 2);
	}
}
@media print, screen and (min-width: 960px) {
	.contents-bottom-banner li {
		width: 408px;
	}
}
.contents-bottom-banner li a {
	display: block;
	height: 100%;
}
.contents-bottom-banner li a:hover {
	opacity: 0.6;
}



/* =====================================
 * パンくずリスト調整 220520
 * ================================== */
 .area-mv{
	position: relative;
}

.nav-topicpath[class] ul li,
.nav-topicpath[class] ul li a{
	color: #000;
}

@media print, screen and (min-width: 959px) {
	.nav-topicpath[class]{
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 1240px;
		max-width: 100%;
		margin-top: 80px;
	}

}


@media print, screen and (max-width: 960px) {
	.nav-topicpath[class]{
		display: block;
		padding: 0 16px;
	}

}