@charset "utf-8";
/* fnets.css */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 関係会社用メニュー Sub Menu (Blue)*/

.c-nav-header>ul>li>div.link {
	position: relative;
	width: 100%;
}
.c-nav-header>ul>li>div.link>a {
	width: 100%;
	height:100%;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: background 0.3s 0s ease;
}
.c-nav-header>ul>li>div.link a::before {
	border-top: none;
	border-right: none;
}
.c-nav-header>ul>li>div.link>a:hover {
	background-color: #105D9C;
}
[data-script-enabled=true] .c-nav-header {
	background-color: #0B406B;
}
.c-nav-header>ul>li>a {
	background-color: #0B406B;
}
.c-nav-header>ul>li>a:hover {
	background-color: #105D9C;
}
.c-nav-header>ul>li.js-hover>a {
	background-color: #105D9C;
}
.c-nav-header__child-wrap {
	background: rgba(16,93,156,0.9);
}
.c-nav-header__menu-btn:hover, .c-nav-header__menu-btn:active, .c-nav-header__menu-btn:focus, .c-nav-header.is-open>.c-nav-header__menu-btn {
	background: #0B406B;
}

/* 関係会社用メニュー Sub Menu (gray) */
.gray .c-nav-header>ul>li>div.link>a:hover { background-color: #57564F; }
[data-script-enabled=true] .gray .c-nav-header { background-color: #3C3C35; }
.gray .c-nav-header>ul>li>a { background-color: #3C3C35; }
.gray .c-nav-header>ul>li>a:hover { background-color: #57564F; }
.gray .c-nav-header>ul>li.js-hover>a { background-color: #57564F; }
.gray .c-nav-header__child-wrap { background: rgba(87,86,79,0.9); }
.gray .c-nav-header__menu-btn:hover, .gray .c-nav-header__menu-btn:active, .gray .c-nav-header__menu-btn:focus, .gray .c-nav-header.is-open>.c-nav-header__menu-btn {
	background: #3C3C35;
}

@media only screen and (max-width: 767px) {
	.c-nav-header>ul>li.is-open>a {
    	background: #1782DB;
	}
	.c-nav-header>ul {
	    background: rgba(11,64,107,0.96);
	}
	.c-nav-header>ul>li>a {
		background: none;
	}
	.c-nav-header>ul>li>div.link>a {
		-webkit-align-items: left;
		-ms-flex-align: left;
		align-items: left;
		-webkit-justify-content: left;
		-ms-flex-pack: left;
		justify-content: left;
	}
	.c-nav-header>ul>li>div.link a::before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.c-nav-header__child a:hover {
	    background-color: #1782DB;
	}
	.c-nav-header__child a {
		text-indent: 1em;
	}

	/*gray*/
	.gray .c-nav-header>ul>li.is-open>a { background: #7E7D76; } 
	.gray .c-nav-header>ul { background: rgba(60,60,53,0.96); }
	.gray .c-nav-header__child a:hover { background-color: #7E7D76; }
}

/* 関係会社用メニュー直後のメインビジュアル */
.breadcrumb-wrapper + #main .c-nav-header-wrap + .lf-hero-a {
    margin-top: 0;
}

/* 関係会社用フッター */
.section.fn-sub-footer {
	padding: 5px;
    text-align: center;
    font-size: 1.4rem;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0B406B;
}
.section.fn-sub-footer .section-inner {
	padding: 0 !important;
}
.section.fn-sub-footer .section-inner a {
	color: #FFFFFF;
	text-decoration: none;
}
.section.fn-sub-footer.gray {
	background-color: #3C3C35;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 非表示 */
.fn-hide {
	display: none;
}
.fn-hidden {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
/* スマホ表示時に横スクロール可の文字表示用 */
.fn-side-scroll {
	color: #a30b1a !important;
	font-size: 1.2rem !important;
	margin-top: 6px !important;
	text-align: center !important;
}
@media only screen and (min-width: 768px) {
	.fn-side-scroll {
		display: none !important;
	}
}
/* 印刷時に非表示 */
@media print{
    .fn-no-print, .fn-side-scroll {
        display: none;
    }
}
/* スマートフォンのみ表示 */
@media only screen and (min-width:481px) {
	.fn-sp-show {
		display: none !important;
	}
}

/* 1280pxより広い表示で改行を追加する　例：<span class="fn-br-full"><!--br--></span> */
@media only screen and (min-width:1281px) {
	.fn-br-full::before {
		content: "\A";
		white-space: pre;
	}
}

/* 1280pxから広い表示で表示　例：<span class="fn-disp-full"><br></span> */
/* 幅1280pxを境に表示・非表示 */
@media only screen and (max-width:1279px) {
	.fn-disp-over-1280, .fn-disp-full {
		display: none !important;
	}
}
@media only screen and (min-width:1280px) {
	.fn-disp-under-1280 {
		display: none !important;
	}
}
/* 幅1000pxを境に表示・非表示 */
@media only screen and (max-width:999px) {
	.fn-disp-over-1000 {
		display: none !important;
	}
}
@media only screen and (min-width:1000px) {
	.fn-disp-under-1000 {
		display: none !important;
	}
}
/* 幅768pxを境に表示・非表示 */
@media only screen and (max-width:767px) {
	.fn-disp-over-768 {
		display: none !important;
	}
}
@media only screen and (min-width:768px) {
	.fn-disp-under-768 {
		display: none !important;
	}
}
/* 幅500pxを境に表示・非表示 */
@media only screen and (max-width:499px) {
	.fn-disp-over-500 {
		display: none !important;
	}
}
@media only screen and (min-width:500px) {
	.fn-disp-under-500 {
		display: none !important;
	}
}
/* iPadより大きい端末（iPad Pro & PC ）で表示 */
@media only screen and (max-width:768px) {
	.fn-disp-pc {
		display: none !important;
	}
}
/* iPadを含む小さめのタブレット端末より小さい画面で表示 */
@media only screen and (min-width:769px) {
	.fn-disp-tab {
		display: none !important;
	}
}
/* スマートフォンで表示 */
@media only screen and (min-width:481px) {
	.fn-disp-sp {
		display: none !important;
	}
}
/* スマートフォンのみ非表示 */
@media only screen and (max-width:480px) {
	.fn-hide-sp {
		display: none !important;
	}
}

/* タブレット端末以下は非表示 */
@media only screen and (max-width:767px) {
	.fn-hide-tab {
		display: none !important;
	}
}

/* 幅1280px未満になると文字を左揃えに変更 */
@media only screen and (max-width:1279px) {
	.fn-ta-l-under-1280 {
		text-align: left !important;
	}
}


/* メインビジュアル内のボタン */
@media only screen and (min-width:768px) {
	.fn-hero-area-btn {
		float: right;
		margin-right: 10px;
	}
}

/* メインビジュアルの左からの画像位置（デフォルトは50％）　印刷時にも有効に変更（2022.04.26） */
@media print, screen and (min-width:481px) and (max-width:1280px) {
	.fn-hero-img-left-0p.hero-area-b .visual>img, .fn-hero-img-left-0p.hero-area-b .visual>a>img {
		left: 0%;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	.fn-hero-img-left-10p.hero-area-b .visual>img, .fn-hero-img-left-10p.hero-area-b .visual>a>img {
		left: 10%;
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%);
	}
	.fn-hero-img-left-20p.hero-area-b .visual>img, .fn-hero-img-left-20p.hero-area-b .visual>a>img {
		left: 20%;
		-webkit-transform: translateX(-20%);
		transform: translateX(-20%);
	}
	.fn-hero-img-left-30p.hero-area-b .visual>img, .fn-hero-img-left-30p.hero-area-b .visual>a>img {
		left: 30%;
		-webkit-transform: translateX(-30%);
		transform: translateX(-30%);
	}
	.fn-hero-img-left-40p.hero-area-b .visual>img, .fn-hero-img-left-40p.hero-area-b .visual>a>img {
		left: 40%;
		-webkit-transform: translateX(-40%);
		transform: translateX(-40%);
	}
	.fn-hero-img-left-60p.hero-area-b .visual>img, .fn-hero-img-left-60p.hero-area-b .visual>a>img {
		left: 60%;
		-webkit-transform: translateX(-60%);
		transform: translateX(-60%);
	}
	.fn-hero-img-left-70p.hero-area-b .visual>img, .fn-hero-img-left-70p.hero-area-b .visual>a>img {
		left: 70%;
		-webkit-transform: translateX(-70%);
		transform: translateX(-70%);
	}
	.fn-hero-img-left-80p.hero-area-b .visual>img, .fn-hero-img-left-80p.hero-area-b .visual>a>img {
		left: 80%;
		-webkit-transform: translateX(-80%);
		transform: translateX(-80%);
	}
	.fn-hero-img-left-90p.hero-area-b .visual>img, .fn-hero-img-left-90p.hero-area-b .visual>a>img {
		left: 90%;
		-webkit-transform: translateX(-90%);
		transform: translateX(-90%);
	}
	.fn-hero-img-left-100p.hero-area-b .visual>img, .fn-hero-img-left-100p.hero-area-b .visual>a>img {
		left: 100%;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

/* メインビジュアルの左からの画像位置（スマホ表示時 幅767px以下） */
@media only screen and (max-width:767px) {
	.fn-hero-img-left-sp-10p .visual>img, .fn-hero-img-left-sp-10p .visual>a>img {
		left: 10%;
	}
}

/* 下向きボーダー矢印ボックス */
.fn-arrow-box {
	border-bottom: 3px solid #9d9c95;
	padding-bottom: 40px;
	margin-bottom: 40px;
	position: relative;
}
.fn-arrow-box::after {
    position: absolute;
    right: 50%;
    top: 100%;
    display: block;
    content: "";
    border-right: 3px solid #9d9c95;
    border-bottom: 3px solid #9d9c95;
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    margin-top: -6px;
    -webkit-transform: rotate(45deg) translateY(-30%);
    -ms-transform: rotate(45deg) translateY(-30%);
    transform: rotate(45deg) translateY(-30%);
}
/* 下向き矢印 */
.fn-arrow {
	position: relative;
	padding-bottom: 20px;
}
.fn-arrow::after {
	position: absolute;
    right: 50%;
    top: 100%;
    display: block;
    content: "";
    border-right: 3px solid #9d9c95;
    border-bottom: 3px solid #9d9c95;
    background: none;
    width: 30px;
    height: 30px;
    margin-top: -6px;
    -webkit-transform: rotate(45deg) translateY(-30%);
    -ms-transform: rotate(45deg) translateY(-30%);
    transform: rotate(45deg) translateY(-30%);
}
.fn-arrow.red::after {
	border-color: #E73440;
}
.fn-arrow.orange::after {
	border-color: #C07000;
}
.fn-arrow.blue::after {
	border-color: #1782DB;
}
.fn-arrow.green::after {
	border-color: #1BA12B;
}
.fn-arrow.purple::after {
	border-color: #706ABA;
}

/* 映像の左右レイアウト */
.img-inner.fn-movie-hd {
	min-width: 400px;
	min-height: 225px;
}
.img-inner.fn-movie-hd .lyt-movie-a {
	min-height: 225px;
}
.img-inner.fn-movie-sd {
	min-width: 400px;
	min-height: 300px;
}
.img-inner.fn-movie-sd .lyt-movie-a {
	min-height: 300px;
}
@media only screen and (max-width:480px) {
	.img-inner.fn-movie-hd {
		min-width: 288px;
		min-height: 162px;
	}
	.img-inner.fn-movie-hd .lyt-movie-a {
		min-height: 162px;
	}
	.img-inner.fn-movie-sd {
		min-width: 288px;
		min-height: 216px;
	}
	.img-inner.fn-movie-sd .lyt-movie-a {
		min-height: 216px;
	}
}

/* 脚注 */
.fn-footnote {
	font-size: 1.4rem;
}

.fn-border-none {
	border: none;
}

/* box-a内のタイトルに下線をつける */
.box-a .hdg-d.fn-border {
	border-bottom:1px solid #999999; 
	padding-bottom:0.3em;
}

/* 角丸処理 */
.fn-radius-5 {
	border-radius: 5px;
}
.fn-radius-8 {
	border-radius: 8px;
}
.fn-radius-10 {
	border-radius: 10px;
}
.fn-radius-20 {
	border-radius: 20px;
}
.fn-radius-30 {
	border-radius: 30px;
}
.fn-circle-img {
	border-radius: 50%;
}

.fn-box-red {
	padding: 10px 20px;
	background-color: #A30B1A;
	color: #FFFFFF;
	font-size: 2rem;
	border-radius: 10px;
}
.fn-box-gray {
	padding: 10px 20px;
	background-color: #9D9C95;
	color: #FFFFFF;
	font-size: 2rem;
	border-radius: 10px;
}
.fn-box-blue {
	padding: 10px 20px;
	background-color: #105D9C;
	color: #FFFFFF;
	font-size: 2rem;
	border-radius: 10px;
}
.fn-box-red-sq {
	padding: 10px 20px;
	background-color: #A30B1A;
	color: #FFFFFF;
	font-size: 2rem;
}
.fn-box-gray-sq {
	padding: 10px 20px;
	background-color: #9D9C95;
	color: #FFFFFF;
	font-size: 2rem;
}
.fn-box-blue-sq {
	padding: 10px 20px;
	background-color: #105D9C;
	color: #FFFFFF;
	font-size: 2rem;
}


/* テキストインデント */
.fn-text-indent {
	text-indent: 1em;
}

/* テキストの装飾なし */
.fn-text-deco-none {
	text-decoration: none;
}

/* イメージボーダー */
img.fn-img-border {
	border: 1px solid #CCCCCC !important;
}

/* 丸数字 */
.fn-c-num {
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	text-align: center;
	color: #FFF;
	background-color: #000000;
	border-radius: 50%;
}
.fn-c-num.red {
	background-color: #a30b1a;
}
.fn-c-num.orange {
	background-color: #914405;
}
.fn-c-num.yellow {
	background-color: #6C6400;
}
.fn-c-num.green {
	background-color: #267A08;
}
.fn-c-num.blue {
	background-color: #105D9C;
}
.fn-c-num.purple {
	background-color: #4B4595;
}
.fn-c-num.pink {
	background-color: #b7275e;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 折り返し禁止 タブレット & PC */
@media only screen and (min-width:481px) {
	span.fn-nw {
		white-space: nowrap;
	}
}
span.fn-nwsp {
	display: inline-block;
	overflow: hidden;
	width: 1px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* トピックス・プレスリース 年リスト表示タブ幅 */
@media only screen and (min-width:768px) {
	.fn-infomation-list .tab-d .lists {
		min-width: 101px;
	    max-width: 101px;
	}
	.fn-infomation-list .tab-d .tab-list-d-wrapper {
		min-width: 100px;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Definition List （タイプ C）最新情報・販売終息 */
/* トピックス */
.icon-ctg-a.topics {
	background-color: #1782DB;
}
/* 導入事例 */
.icon-ctg-a.casestudies {
	background-color: #1BA12B;
}
/* イベント・セミナー */
.icon-ctg-a.eventseminar {
	background-color: #E73440;
}
/* イベント */
.icon-ctg-a.event {
	background-color: #B22B30;
}
/* セミナー */
.icon-ctg-a.seminar {
	background-color: #C07000;
}
/* 販売終了 */
.icon-ctg-a.discontinued {
	background-color: #706ABA;
}
.list-news-a .news-content .date .year {
	display: inline-block;
	min-width: 54px; /*50px*/
}
.list-news-a .news-content .date .month {
	display: inline-block;
	min-width: 35px;
	text-align: right;
}
.list-news-a .news-content .date .day {
	display: inline-block;
	min-width: 35px;
	text-align: right;
}
/* 「終了しました」表示 */
.fn-its-over {
    display: inline-block !important;
    border: 1px solid #a30b1a;
    border-radius: 3px;
    padding: 1px 8px;
    margin-left: 1em;
	font-size: 1.4rem;
	color: #a30b1a !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 販売終息表示 */

/* ページタイトル上部に表示 */
.fn-discontinued.fn-disp-pc {
	background-color: #A30B1A;
	margin-bottom: 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.8rem !important;
}
.fn-discontinued.fn-disp-tab {
	background-color: #A30B1A;
	margin-bottom: 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.4rem !important;
}
@media only print {
	.fn-discontinued.fn-disp-tab {
		display: none;
	}
}
/* ページ下部は、.fn-box-red.center.u-fw-bで表示 */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Carousel Title (fnets.js) */

.carousel-box .carousel-box-inside ul li {
	position: relative;
}
.carousel-box .carousel-box-inside ul li a span.carousel-title {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 162px;
	padding: 0 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: rgba(0,0,0,0.7);
	width: 304px;
	line-height: 2;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 省スペースレイアウト（タイプ D） */

.tabs-d {
	width: 100%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Sub Feature （タイプ B） */

.fn-flex-box li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (max-width:767px) {
	.fn-flex-box li {
		display: list-item;
	}
}
.lyt-idx-b.fn-flex-box .text-box.diff-type-a .title {
	font-size: 1.8rem;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Sub Feature fn-sub */

.fn-sub { visibility: hidden; } /* JavaScriptで構成内容を整頓終了するまで非表示にする */
.fn-sub.active { visibility: visible; } /* 構成内容を整頓後に表示 */

/* Sub Feature type-A title text font weight normal */
#main .main-contents .fn-sub.type-a.t-fw-nm .sub-featurestory a>p:nth-of-type(2) { font-weight: normal; }

/* Sub Feature type-A → FNETS type-E　カテゴリー表示あり */
.fn-sub.type-e .sub-featurestories-inside {
	margin: 0 0 -30px -15px;
	padding: 40px 0;
}
.fn-sub.type-e .sub-featurestory {
	position: relative;
	width: 25%;
	padding: 0 0 30px 15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.fn-sub.type-e .sub-featurestory a, .fn-sub.type-e .sub-featurestory .movie {
	border: 1px solid #CCCCCC;
	width: 100%;
	background-color: rgba(255,255,255,1);
}
#main .main-contents .fn-sub.type-e .sub-featurestory a>p:nth-of-type(1)+p:nth-of-type(2), #main .main-contents .fn-sub.type-e .sub-featurestory .movie>*:nth-of-type(1)+p:nth-of-type(2) {
	padding: 0 10px;
}
.fn-sub.type-e .sub-featurestory a>p:last-of-type, .fn-sub.type-e .sub-featurestory .movie>p:last-of-type {
	padding: 0 10px 40px;
}
/* FNETS type-E type-A 2020.01.16追加 2020.01.20変更 */
.sub-featurestory a>p:last-of-type span.fn-category, .sub-featurestory .movie>p:last-of-type span.fn-category {
	display: none; /* typeAの時は非表示 */
}
.fn-sub.type-e .sub-featurestory a>p:last-of-type span.fn-category, .fn-sub.type-e .sub-featurestory .movie>p:last-of-type span.fn-category {
	position: absolute;
	left: 25px;
	bottom: 40px;
	display: inline-block;
	font-size: 1.2rem;
	color: #FFFFFF;
	background-color: #6d6e70;
	padding: 3px 6px;
	border-radius: 5px;
}
.fn-sub.type-e .sub-featurestory a>p:first-child {
	border-bottom: 1px solid #CCCCCC;
}
.fn-sub.type-e .sub-featurestory a>p img {
	max-width: 100%;
	max-width: unset;
}
.fn-sub.type-e .sub-featurestory .moreinfo {
	position: absolute;
	bottom: 40px;
	left: 20px;
	right: 10px;
}
.fn-sub.type-e .sub-featurestory .moreinfo::before {
	position: absolute;
	bottom: 6px;
	right: 6px;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 2px solid #6d6e70; /*#a30b1a*/
	border-right: 2px solid #6d6e70; /*#a30b1a*/
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fn-sub.type-e .sub-featurestory .moreinfo p, .fn-sub.type-e .sub-featurestory .moreinfo ul, .fn-sub.type-e .sub-featurestory .moreinfo ul li span {
	display: none;
}
@media screen and (max-width:768px) {
	.fn-sub.type-e .sub-featurestories {
		padding-left: 8px;
		padding-right: 8px;
	}
	.fn-sub.type-e .sub-featurestory {
		width: 33.33333%;
	}
}
@media screen and (max-width:480px) {
	.fn-sub.type-e .sub-featurestory {
		width: 100%;
	}
	.fn-sub.type-e .sub-featurestory .moreinfo>p {
		width: auto;
		padding: 2px 14px;
	}
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ブラウザキャッシュ対策のため残している　ここから */
.fn-sub-b .sub-featurestories-inside {
	margin: 0 0 -30px -15px;
	padding: 40px 0;
}
.fn-sub-b .sub-featurestory {
	position: relative;
	width: 25%;
	padding: 0 0 30px 15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.fn-sub-b .sub-featurestory a, .fn-sub-b .sub-featurestory .movie {
	border: 1px solid #CCCCCC;
	width: 100%;
}
#main .main-contents .fn-sub-b .sub-featurestory a>p:nth-of-type(1)+p:nth-of-type(2), #main .main-contents .fn-sub-b .sub-featurestory .movie>*:nth-of-type(1)+p:nth-of-type(2) {
	padding: 0 10px;
}
.fn-sub-b .sub-featurestory a>p:last-of-type, .fn-sub-b .sub-featurestory .movie>p:last-of-type {
	padding: 0 10px 40px;
}
.fn-sub-b .sub-featurestory a>p:last-of-type span.fn-category, .fn-sub-b .sub-featurestory .movie>p:last-of-type span.fn-category {
	position: absolute;
	left: 25px;
	bottom: 40px;
	display: inline-block;
	font-size: 1.2rem;
	color: #FFFFFF;
	background-color: #6d6e70;
	padding: 3px 6px;
	border-radius: 5px;
}
.fn-sub-b .sub-featurestory a>p img {
	border-bottom: 1px solid #CCCCCC;
	max-width: 100%;
	max-width: unset;
}
.fn-sub-b .sub-featurestory .moreinfo {
	position: absolute;
	bottom: 40px;
	left: 20px;
	right: 10px;
}
.fn-sub-b .sub-featurestory .moreinfo::before {
	position: absolute;
	bottom: 6px;
	right: 6px;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 2px solid #6d6e70;
	border-right: 2px solid #6d6e70;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fn-sub-b .sub-featurestory .moreinfo p, .fn-sub-b .sub-featurestory .moreinfo ul, .fn-sub-b .sub-featurestory .moreinfo ul li span {
	display: none;
}
@media screen and (max-width:768px) {
	.fn-sub-b .sub-featurestories {
		padding-left: 8px;
		padding-right: 8px;
	}
	.fn-sub-b .sub-featurestory {
		width: 33.33333%;
	}
}
@media screen and (max-width:480px) {
	.fn-sub-b .sub-featurestory {
		width: 100%;
	}
	.fn-sub-b .sub-featurestory .moreinfo>p {
		width: auto;
		padding: 2px 14px;
	}
}
/* ブラウザキャッシュ対策のため残している　ここまで */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Sub Feature （タイプ A ～ タイプ E風　カテゴリー表示なし） */

/*
.fn-sub.typeA .sub-featurestory { width: 33.33333%;}
.fn-sub.typeA .sub-featurestory a, .fn-sub.typeA .sub-featurestory .movie { border:none; }
.fn-sub.typeA .sub-featurestory a>p img { border-bottom: none; }
.fn-sub[class*=type] .sub-featurestory a>p:last-of-type span.fn-category, .fn-sub[class*=type] .sub-featurestory .movie>p:last-of-type span.fn-category {
	display: none;
}
.fn-sub.typeA .sub-featurestory .moreinfo p, .fn-sub.typeA .sub-featurestory .moreinfo ul, .fn-sub.typeA .sub-featurestory .moreinfo ul li span {
	display: block;
}
.fn-sub.typeB .sub-featurestory { width: 50%; }
*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Offering Menu Small Col Center */

.fn-offering-col3-center .hoverbox .hoverbox-inside .hoverbox-content:first-child {
    max-width: 12.5%;
}
.fn-offering-col2-center .hoverbox .hoverbox-inside .hoverbox-content:first-child {
    max-width: 25%;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* コンタクトポイント（タイプA）のボタンスタイル */
.contact-points>a .contact-banner-content .moreinfo .btn-a {
	font-size: 1.6rem;
	padding: 8px 34px 8px 22px;
}

@media screen and (max-width: 768px) {
	.contact-points>a .contact-banner-content .moreinfo .btn-a {
		font-size: 1.92rem;
		padding: 16px 4px;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* アンカーリンク（タイプA）横幅100％＋スマホで非表示 */

.js-nav-fixed.sp-hide .nav-b .nav-b-inner {
	max-width: 100%;
	overflow: hidden;
}
.js-nav-fixed.sp-hide .nav-b .js-ctrl-wrap {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	width: auto !important;
	flex-wrap: nowrap;
}
.js-nav-fixed.sp-hide .nav-b .js-ctrl-wrap li {
	width: 25%;
	padding: 0 10px;
}
.js-nav-fixed.sp-hide .nav-b ul > li:first-child::after {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #B1B1AC;
}
.js-nav-fixed.sp-hide.is-fixed .nav-b ul > li:first-child::after {
	display: none;
}

@media only screen and (max-width:1000px) {
	.js-nav-fixed.sp-hide .nav-b .nav-b-inner {
		margin-right: 0;
		margin-left: 0;
	}
}

@media only screen and (max-width:767px) {
	.js-nav-fixed.sp-hide {
		display: none !important;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* リンクコレクション（サイトマップ用） */

.section.fn-sitemap {
	padding-top: 56px;
}
.fn-sitemap .list-link-b-wrapper {
	padding: 26px 20px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* h1タイトル下のカラーライン */

.c-bg-line {
    min-height: 35px;
}
/* lime */
.c-bg-line.c-bg-line--lime {
    background: url(/jp/group/fnets/imagesgig5/line_lime_tcm213-7280973_tcm213-2750236-32.jpg) no-repeat;
    background-size: 100% 100%;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ソリューション */

/* メインビジュアル */
.fn-solution-mv {
	margin-top: 12px;
	margin-bottom: -30px;
}
.fn-solution-mv .content .main-txt h1, .fn-solution-mv .content .sub-txt p {
	background: none;
}
.fn-solution-mv .content .main-txt h1 {
	text-shadow: 0 0 3px #000000, 0 0 3px #000000;
}
.fn-solution-mv .content .main-txt h1.colorB, .fn-solution-mv .content .sub-txt p.colorB {
	color: #000000;
	text-shadow: none;
}
@media only screen and (min-width:768px) {
	.fn-solution-mv .content .main-txt h1.colorB.sdw, .fn-solution-mv .content .sub-txt p.colorB.sdw {
		text-shadow: rgba(255, 255, 255, 0.4) 2px 0px 2px, rgba(255, 255, 255, 0.4) -2px 0px 2px, rgba(255, 255, 255, 0.4) 0px -2px 2px, rgba(255, 255, 255, 0.4) -2px 0px 2px, rgba(255, 255, 255, 0.4) 2px 2px 2px, rgba(255, 255, 255, 0.4) -2px 2px 2px, rgba(255, 255, 255, 0.4) 2px -2px 2px, rgba(255, 255, 255, 0.4) -2px -2px 2px, rgba(255, 255, 255, 0.4) 1px 2px 2px, rgba(255, 255, 255, 0.4) -1px 2px 2px, rgba(255, 255, 255, 0.4) 1px -2px 2px, rgba(255, 255, 255, 0.4) -1px -2px 2px, rgba(255, 255, 255, 0.4) 2px 1px 2px, rgba(255, 255, 255, 0.4) -2px 1px 2px, rgba(255, 255, 255, 0.4) 2px -1px 2px, rgba(255, 255, 255, 0.4) -2px -1px 2px, rgba(255, 255, 255, 0.4) 1px 1px 2px, rgba(255, 255, 255, 0.4) -1px 1px 2px, rgba(255, 255, 255, 0.4) 1px -1px 2px, rgba(255, 255, 255, 0.4) -1px -1px 2px;
	}
}

.fn-solution-mv .content .sub-txt p {
	font-weight: normal;
	text-shadow: 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000;
}

@media only screen and (max-width:767px) {
	.fn-solution-mv .content .main-txt h1 {
		text-shadow: none;
	}
	.fn-solution-mv .content .sub-txt p {
		text-shadow: none;
	}
	span.sp-hide, br.sp-hide {
		display: none !important;
	}
}
/* メインビジュアル（製品ページ） */
.fn-product-mv {
	margin-top: 12px;
	margin-bottom: -30px;
}

@media only screen and (min-width:481px) {
	.fn-product-mv .content .main-txt h1 {
		padding: 30px;
	}
}
.fn-product-mv .content .main-txt h1 span.sub-txt {
	font-size: 2.5rem;
	display: block;
}

@media only screen and (max-width:480px) {
	.fn-product-mv .content .main-txt h1 span.sub-txt {
		font-size: 1.8rem;
	}
}
/* 強み */
.section.diff-bg-a.fn-strength {
	background: #D2E8FA;
}
.fn-strength .hdg-b::before {
	background: #105D9C;
}
.fn-strength .hdg-b {
	margin-bottom: 26px;
}
.fn-strength .c-lyt-reason__iconarea img {
	width: 140px;
}
.fn-strength .c-lyt-reason__ttl {
	font-weight: bold;
}
.fn-strength .c-lyt-reason__desc {
	font-size: 1.6rem;
}

/* セクション背景色 */
.section[class*=diff-bg].red {
	background: #FCE4E3;
}
.section[class*=diff-bg].red .hdg-b::before {
	background: #a30b1a;
}
.section[class*=diff-bg].orange {
	background: #FDE8C3;
}
.section[class*=diff-bg].orange .hdg-b::before {
	background: #914405;
}
.section[class*=diff-bg].yellow {
	background: #F6F4A6;
}
.section[class*=diff-bg].yellow .hdg-b::before {
	background: #6C6400;
}
.section[class*=diff-bg].green {
	background: #DAF6DD;
}
.section[class*=diff-bg].green .hdg-b::before {
	background: #267A08;
}
.section[class*=diff-bg].blue {
	background: #D2E8FA;
}
.section[class*=diff-bg].blue .hdg-b::before {
	background: #105D9C;
}
.section[class*=diff-bg].purple {
	background: #E7E1FF;
}
.section[class*=diff-bg].purple .hdg-b::before {
	background: #4B4595;
}
.section[class*=diff-bg].pink {
	background: #FFE7F5;
}
.section[class*=diff-bg].pink .hdg-b::before {
	background: #B7275E;
}
.section[class*=diff-bg].red .hdg-b, .section[class*=diff-bg].orange .hdg-b, .section[class*=diff-bg].yellow .hdg-b, .section[class*=diff-bg].green .hdg-b, .section[class*=diff-bg].blue .hdg-b, .section[class*=diff-bg].purple .hdg-b, .section[class*=diff-bg].pink .hdg-b {
	margin-bottom: 26px;
}

/* 見出し Uvance カラーボーダー */
.hdg-b.red { border-image: linear-gradient(to right, #d80080, #e30024) 1; }
.hdg-b.orange { border-image: linear-gradient(to right, #fd7d00, #f12300) 1; }
.hdg-b.yellow { border-image: linear-gradient(to right, #ffe500, #ffa100) 1; }
.hdg-b.green { border-image: linear-gradient(to right, #5ed501, #1b9d17) 1; }
.hdg-b.blue { border-image: linear-gradient(to right, #01dded, #1743c4) 1; }

.fn-bg-white { background-color: #FFFFFF !important; }
.fn-bg-gray { background-color: #EFEFEF !important; }
.fn-bg-red { background-color: #FCE4E3 !important; }
.fn-bg-orange { background-color: #FDE8C3 !important; }
.fn-bg-yellow { background-color: #F6F4A6 !important; }
.fn-bg-green { background-color: #DAF6DD !important; }
.fn-bg-blue { background-color: #D2E8FA !important; }
.fn-bg-purple { background-color: #E7E1FF !important; }
.fn-bg-pink { background-color: #FFE7F5 !important; }

/* ○つのポイント枠（製品ページ） */
.c-flex-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start
}

@media screen and (max-width: 768px) {
.c-flex-box li:nth-child {
	margin-right: 0
}
}
.c-flex-box li.c-flex-box__bd {
	border: 1px solid #c6c6c0
}
.c-flex-box li.c-flex-box__col2 {
width:calc((100% / 2) - 16px * 1 / 2);
	margin: 0 16px 16px 0
}

@media screen and (min-width: 768px) {
.c-flex-box li.c-flex-box__col2:nth-child(2n) {
	margin-right: 0
}
}
.c-flex-box li.c-flex-box__col3 {
width:calc((100% / 3) - 16px * 2 / 3);
	margin: 0 16px 16px 0
}

@media screen and (min-width: 768px) {
.c-flex-box li.c-flex-box__col3:nth-child(3n) {
	margin-right: 0
}
}
.c-flex-box li.c-flex-box__col4 {
width:calc((100% / 4) - 16px * 3 / 4);
	margin: 0 16px 16px 0
}

@media screen and (min-width: 768px) {
.c-flex-box li.c-flex-box__col4:nth-child(4n) {
	margin-right: 0
}
}
.c-flex-box li.c-flex-box__col5 {
width:calc((100% / 5) - 16px * 4 / 5);
	margin: 0 16px 16px 0
}

@media screen and (min-width: 768px) {
.c-flex-box li.c-flex-box__col5:nth-child(5n) {
	margin-right: 0
}
}
.c-flex-box li.c-flex-box__col6 {
width:calc((100% / 6) - 16px * 5 / 6);
	margin: 0 16px 16px 0
}

@media screen and (min-width: 768px) {
.c-flex-box li.c-flex-box__col6:nth-child(6n) {
	margin-right: 0
}
}

@media screen and (max-width: 768px) {
.c-flex-box li.c-flex-box__tab-col1 {
	width: 100%;
	margin: 16px 0 0 0
}
}

@media screen and (max-width: 768px) {
.c-flex-box li.c-flex-box__tab-col2 {
width:calc((100% / 2) - 16px * 1 / 2);
	margin: 0 16px 16px 0
}
.c-flex-box li.c-flex-box__tab-col2:nth-child(2n) {
	margin-right: 0
}
}

@media screen and (max-width: 768px) {
.c-flex-box li.c-flex-box__tab-col3 {
width:calc((100% / 3) - 16px * 2 / 3);
	margin: 0 16px 16px 0
}
.c-flex-box li.c-flex-box__tab-col3:nth-child(3n) {
	margin-right: 0
}
}

@media screen and (max-width: 768px) {
.c-flex-box li.c-flex-box__tab-col4 {
width:calc((100% / 4) - 16px * 3 / 4);
	margin: 0 16px 16px 0
}
.c-flex-box li.c-flex-box__tab-col4:nth-child(4n) {
	margin-right: 0
}
}

@media screen and (max-width: 480px) {
.c-flex-box li.c-flex-box__sp-col1 {
	width: 100%;
	margin: 0 0 16px 0
}
.c-flex-box li.c-flex-box__sp-col1:last-child {
	margin-bottom: 0
}
}

.c-flex-box a {
	text-decoration: none
}
.c-flex-box a:hover {
	opacity: .8
}
.c-flex-box .c-flex-box__visual {
	text-align: center;
	display: block
}
.c-flex-box .c-flex-box__content {
	padding: 16px;
	display: block
}
.c-flex-box .c-flex-box__title {
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px
}
.c-flex-box .c-flex-box__summary {
	display: block;
	margin-bottom: 16px
}
.c-flex-box .c-flex-box__summary:last-child {
	margin-bottom: 0
}
.c-flex-box__title.c-flex-box__title--red {
	color: #a30b1a;
	text-align: center;
	font-size: 2rem
}
.p-flex-box-a .p-flex-box-a__visual {
    padding-top: 16px;
}

.c-flex-box__inner.flex-column { display: flex; flex-flow: column; height: 100%; position: relative; background-color: #EEEEEE; }
.c-flex-box__inner.flex-column .flex-end { margin-top: auto !important;}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 導入事例 メインビジュアル */

.casestudy-hero.hero-area-c {
	min-height: 340px;
	margin-top: 12px;
}
.casestudy-hero.hero-area-c .content .content-inner .main-txt h1.company-name {
	font-size: 2.0rem;
}
.casestudy-hero.hero-area-c .content .content-inner .main-txt .company-logo img {
	padding: 5px;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.casestudy-hero.hero-area-c .content .content-inner .main-txt .company-logo img.fn-bg-none {
	background-color: transparent;
}
.casestudy-hero.hero-area-c .content .content-inner .sub-txt p {
	font-size: 2.6rem;
	margin-top: 10px !important;
}
.casestudy-hero.hero-area-c .content .content-inner .sub-txt .b-color-rd {
	font-size: 2.2rem;
	margin-top: 10px !important;
}
.casestudy-hero.hero-area-c .content .content-inner .sub-txt .fn-sub-txt {
	display: inline-block;
	margin-top: 20px !important;
	padding: 3px 10px;
	border-radius: 3px;
	font-size: 2.0rem;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #6d6e70;
}
.casestudy-hero.hero-area-c .content .content-inner .sub-txt .fn-sub {
	display: inline-block;
	margin-top: 20px !important;
	padding: 3px 10px;
	border-radius: 3px;
	font-size: 2.0rem;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #6d6e70;
}
/* GIG5.1 Secondary-Background-Gradients */
/* red */
.casestudy-hero.hero-area-c.red-1 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H1_T1_RGB_tcm213-6905448_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.red-2 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H1_T2_RGB_tcm213-6905449_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.red-3 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H1_T3_RGB_tcm213-6905450_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.red-4 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H1_T4_RGB_tcm213-6905451_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.red-5 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H1_T5_RGB_tcm213-6905452_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c[class*=red] .main-txt .company-name  {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=red] .sub-txt p {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=red] .content .content-inner .sub-txt .fn-sub-txt {
	background-color: #555555;
	text-shadow: none;
}
.casestudy-hero.hero-area-c[class*=red] .sub-txt p.b-color-rd {
	color: #FFFF99;
}
/* orange */
.casestudy-hero.hero-area-c.orange-1 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H2_T1_RGB_tcm213-6905453_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.orange-2 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H2_T2_RGB_tcm213-6905454_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.orange-3 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H2_T3_RGB_tcm213-6905455_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.orange-4 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H2_T4_RGB_tcm213-6905456_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.orange-5 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H2_T5_RGB_tcm213-6905457_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c[class*=orange] .main-txt .company-name  {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=orange] .sub-txt p {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=orange] .content .content-inner .sub-txt .fn-sub-txt {
	background-color: #555555;
	text-shadow: none;
}
.casestudy-hero.hero-area-c[class*=orange] .sub-txt p.b-color-rd {
	color: #FFFF99;
}
/* blue */
.casestudy-hero.hero-area-c.blue-1 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H3_T1_RGB_tcm213-6905458_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.blue-2 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H3_T2_RGB_tcm213-6905459_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.blue-3 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H3_T3_RGB_tcm213-6905460_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.blue-4 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H3_T4_RGB_tcm213-6905461_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.blue-5 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H3_T5_RGB_tcm213-6905462_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c[class*=blue] .main-txt .company-name  {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=blue] .sub-txt p {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=blue] .content .content-inner .sub-txt .fn-sub-txt {
	background-color: #555555;
	text-shadow: none;
}
.casestudy-hero.hero-area-c[class*=blue] .sub-txt p.b-color-rd {
	color: #FFFF99;
}
/* green */
.casestudy-hero.hero-area-c.green-1 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H4_T1_RGB_tcm213-6613590_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.green-2 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H4_T2_RGB_tcm213-6613591_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.green-3 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H4_T3_RGB_tcm213-6613592_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.green-4 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H4_T4_RGB_tcm213-6613593_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.green-5 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H4_T5_RGB_tcm213-6613596_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c[class*=green] .main-txt .company-name  {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=green] .sub-txt p {
	color: #FFFFFF;
}
.casestudy-hero.hero-area-c[class*=green] .content .content-inner .sub-txt .fn-sub-txt {
	background-color: #555555;
	text-shadow: none;
}
.casestudy-hero.hero-area-c[class*=green] .sub-txt p.b-color-rd {
	color: #FFFF99;
}
/* yellow */
.casestudy-hero.hero-area-c.yellow-1 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H5_T1_RGB_tcm213-6603524_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.yellow-2 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H5_T2_RGB_tcm213-6603485_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.yellow-3 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H5_T3_RGB_tcm213-6613585_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.yellow-4 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H5_T4_RGB_tcm213-6613586_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
.casestudy-hero.hero-area-c.yellow-5 {
    background: url(/jp/group/fnets/imagesgig5/7935-14-FJ_SB_H5_T5_RGB_tcm213-6613587_tcm213-2750236-32.png) center center no-repeat;
    background-size: cover;
}
/* .casestudy-hero.hero-area-c[class*=yellow] .main-txt .company-name  {
	text-shadow: 1px 1px 4px #ffbe85, -1px -1px 4px #ffbe85, 1px 1px 4px #ffbe85;
} */
/* .casestudy-hero.hero-area-c[class*=yellow] .sub-txt p {
	text-shadow: 1px 1px 4px #ffbe85, -1px -1px 4px #ffbe85;
}  */
.casestudy-hero.hero-area-c[class*=yellow] .content .content-inner .sub-txt .fn-sub-txt {
	background-color: #555555;
	text-shadow: none;
}
.casestudy-hero.hero-area-c[class*=yellow] .sub-txt p.b-color-rd {
	color: #FFFF99;
	text-shadow: none;
	text-shadow: 1px 1px 4px #763a00, -1px -1px 4px #763a00;
}


/* 画像キャプションサイズを小さくする */
.lyt-img-b .img-inner .caption {
	font-size: 1.4rem;
    line-height: 1.8;
}

/* 導入事例のメインコンテンツ幅を変更する（改悪された幅を改善） */
.casestudy-hero ~ .section:not(#casestudy-contact):not(aside):not(.general-section) .section-inner {
	max-width: 980px;
}

/* 社会貢献への取り組み 導入事例のメインコンテンツ幅を変更する */
.casestudy-hero.sustainability ~ .section:not(#casestudy-contact):not(aside):not(.general-section) .section-inner {
	max-width: 1260px;
}
/* 社会貢献ページの導入事例ヒーローエリア 縦縮小 */
.casestudy-hero.hero-area-c.sustainability {
	min-height: 200px;
}
/* 社会貢献ページの導入事例ヒーローエリア 文字幅拡大 */
.casestudy-hero.hero-area-c.sustainability .content-inner {
    width: 100%;
}
/* 社会貢献ページの各導入事例　Sub Feature type-A → FNETS type-E　サマリー下のパディング縮小 */
.fn-sub.type-e.sustainability .sub-featurestory a>p:last-of-type, .fn-sub.type-e .sub-featurestory .movie>p:last-of-type {
	padding: 0 10px 30px;
}
/* 社会貢献ページの各導入事例　Sub Feature type-A → FNETS type-E 事例タイトル背景色を付加 */
#main .main-contents .fn-sub.type-e.sustainability .sub-featurestory a>p:nth-of-type(1)+p:nth-of-type(2), #main .main-contents .fn-sub.type-e.sustainability .sub-featurestory .movie>*:nth-of-type(1)+p:nth-of-type(2) {
	padding: 3px 10px 0;
	background: #DAF6DD;
}

/* 文字揃えを美しく修正する（現状、表示に不具合が発生する） */
/*
.main-contents .section p {
	text-align: justify;
}
.main-contents .section .lyt-item-a>.img p, .main-contents .section .lyt-img-b p {
	text-align: center;
}
*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 新卒採用 */

/* アンカーリンク（タイプA）横幅100％矢印無し＋スマホで右矢印＋上部追従無し */
.fn-recruit-nav.nav-b .nav-b-inner {
	max-width: 100%;
	margin: 12px 0 0 0;
	overflow: hidden;
}
.fn-recruit-nav.nav-b .js-ctrl-wrap {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	width: auto !important;
	flex-wrap: nowrap;
}
.fn-recruit-nav.nav-b ul>li {
	width: 25%;
}
.fn-recruit-nav.nav-b ul a {
	display: block;
	padding-left: 0;
}
.fn-recruit-nav.nav-b ul a::after {
	display: none;
}
.fn-recruit-nav.nav-b ul a.is-current {
	font-weight: 700;
}

@media only screen and (min-width:768px) {
	.fn-recruit-nav.nav-b ul > li:first-child::after {
		display: block;
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		width: 1px;
		height: 32px;
		margin-top: -16px;
		background: #b1b1ac;
	}
}

@media only screen and (max-width: 767px) {
	.fn-recruit-nav.nav-b .nav-b-inner {
		padding: 0;
	}
	.fn-recruit-nav.nav-b ul>li {
		width: 100%;
		padding: 12px 5px 10px 20px;
		margin: 0;
	}
	.fn-recruit-nav.nav-b ul a {
		padding-right: 40px;
	}
	.fn-recruit-nav.nav-b ul a::before {
		display: block;
		position: absolute;
		content: "";
		top: 50%;
		right: 15px;
		width: 10px;
		height: 10px;
		margin-top: -6px;
		border-top: 2px solid #000000;
		border-right: 2px solid #000000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
/* メインビジュアル */
.fn-recruit-mv.hero-area-b {
	min-height: 320px;
}
.fn-recruit-mv .content .main-txt h1 {
	background: none;
	color: #000000;
}
.fn-recruit-mv .content .sub-txt p {
	background: none;
	color: #000000;
}

@media only screen and (max-width:480px) {
	.fn-recruit-mv.hero-area-b .visual>img {
		left: 10%;
	}
}
/* トップページ_採用情報メニュー */
.fn-recruit-aboutmenu .section-inner {
	padding: 0 10px 55px 10px;
}
.fn-recruit-aboutmenu li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.fn-recruit-aboutmenu li a {
	width: 100%;
}
.fn-recruit-aboutmenu li a .desc {
	margin-top: 0 !important;
}
.fn-recruit-aboutmenu .lyt-idx-b .text-box.diff-type-b {
	padding: 20px;
}
/* 仕事紹介ページ（introduction） */
.fn-recruit-introduction .panel-content {
	background: #EA0000;
	color: #ffffff;
}
.fn-recruit-introduction .panel-content-hdg {
	color: #ffffff !important;
	font-size: 2.8rem !important;
}

@media only screen and (max-width:480px) {
	.fn-recruit-introduction .panel-content-hdg {
		font-size: 2.2rem !important;
	}
}
/* 2022年2月16日追加 */
.fn-recruit-introduction .panel-visual img {
    height: 100%;
    object-fit: cover;
}

/* 女性活躍ページ */
.fn-active-women .panels {
	/* background-color: unset; IEが未対応*/
	background-color: inherit;
}
.fn-active-women .panel-content {
	background: #b7275e;
	color: #ffffff;
	border-radius: 20px 0 0 20px;
}
.fn-active-women .panel-content p:last-child {
	margin-bottom: 0;
}
.fn-active-women .panel-visual img {
	height: 100%;
	object-fit: cover;
	border-radius: 0 20px 20px 0;
}
@media only screen and (max-width:768px) {
	.fn-active-women .panel-content {
		border-radius: 0 0 10px 10px;
	}
	.fn-active-women .panel-visual img {
		border-radius: 10px 10px 0 0;
	}
}

.fn-active-women .panel-content-hdg {
	color: #ffffff !important;
	font-size: 2.8rem !important;
	margin: 20px 0 20px 0 !important;
}
@media only screen and (max-width:480px) {
	.fn-active-women .panel-content-hdg {
		font-size: 2.2rem !important;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* GIG4 in GIG5 */

/* .frm-grd → .p-lyt-overview */
.gig4 .rounded {
	border-radius: 8px;
}
.gig4 .cta .hdg-d {
	border-bottom: 1px solid #CCCCCC;
}
.gig4 .cta .hdg-d:first-child {
	margin-top: 0;
}
.gig4 a.icon {
	padding: 0 2px 2px 21px;
}
.gig4 a.icon.pdf {
	background: url('/imgv5/common/icon/icon-pdf-01.png') no-repeat;
}
.gig4 .textindent1 {
	text-indent: 1em;
}

@media only screen and (max-width:480px) {
	.gig4 .right.sp-center {
		text-align: center !important;
	}
	.gig4 .left.sp-center {
		text-align: center !important;
	}
	.gig4 .sp-center {
		text-align: center !important;
	}
}
.gig4 .image-caption {
	display: block;
}

/* GIG5 1カラム 画像キャプション追加 */
.fn-caption {
	display: block;
	margin-top: 2rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* GIG5.1　メインビジュアルタイトルフォント調整 */

/* margin-right: 275px → 270px */
.lf-hero-contents-inner {
	margin-right: 270px;
	visibility: hidden; /* 改行表示するときのちらつきを抑えるため */
}
.lf-hero-contents-inner.active { visibility: visible; } /* JavaScriptで改行処理後にこのクラスを追加 */

/* margin-right: calc(275vw*100/1280) → margin-right: calc(270vw*100/1280) */
@media only screen and (max-width: 1280px) {
	.lf-hero-contents-inner {
		margin-right: calc(270vw*100/1280);
	}
}

/* 2022年1月19日からfont-sizeを4.5remに変更されてしまったため、以前の大きさ3.6remに戻す */
.lf-hero-hdg.old {
	font-size: 3.6rem;
}

/* font-size: calc(36vw*100/1280) → font-size: calc(33vw*100/1280) */
/* min-width: 10em;を追加 */
@media only screen and (max-width: 1280px) {
	.lf-hero-hdg.old {
		font-size: calc(33vw*100/1280);
		min-width: 10em;
	}
}

/* 1つ前の@media only screen and (max-width: 1280px)を追加したため、font-sizeを再度上書きする必要がある（これはデフォルト設定と同じ） */
@media only screen and (max-width: 767px) {
	.lf-hero-hdg.old {
		font-size: 2.4rem;
	}
}

/* ------------------------------------------------------------ */
/* ケーブル技術ショーページのため小さい文字サイズを追加 */
.lf-hero-hdg.size-s {
	font-size: 3.2rem;
}
@media only screen and (max-width: 1280px) {
	.lf-hero-hdg.size-s {
		font-size: calc(30vw*100/1280);
		min-width: 10em;
	}
}
@media only screen and (max-width: 767px) {
	.lf-hero-hdg.size-s {
		font-size: 2.4rem;
	}
}
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* GIG5標準レイアウト要素　2カラム～4カラム　改良 */

.list-a.fn-col[class*=diff-col] { 
    margin:0;
}
.list-a.fn-col[class*=diff-col]>li:before {
	background:none;
}
.list-a.fn-col[class*=diff-col]>li {
	padding:0 10px 20px 20px;
}
.list-a.fn-col[class*=diff-col]>li>.img {
	text-align: center !important;
}
.list-a.fn-col[class*=diff-col]>li>.img .caption {
    display: block;
    margin-top: 8px;
    font-size: 1.4rem;
}

/* GIG5標準リストマークカラー変更 */
.list-a.red>li:before {
	background-color: #a30b1a;
}
.list-a.orange>li:before {
	background-color: #914405;
}
.list-a.yellow>li:before {
	background-color: #6C6400;
}
.list-a.green>li:before {
	background-color: #267A08;
}
.list-a.blue>li:before {
	background-color: #105D9C;
}
.list-a.purple>li:before {
	background-color: #4B4595;
}
.list-a.pink>li:before {
	background-color: #b7275e;
}
/* GIG5標準リストマーク形状変更（角丸四角形） */
.list-a.square>li:before {
	border-radius: 30%;
}
/* GIG5標準リストマーク形状変更（サイズアップ） */
.list-a.big>li:before {
	width: 8px;
	height: 8px;
	top: 0.5em;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 電話発信ボタン デザイン変更 （発信できないため） */

.btn-b.diff-tel {
	color: #000 !important;
	background: #eee;
	border: 1px solid #b1b1ac;
	font-size: 2.4rem;
	box-shadow: none;
}
.btn-b.diff-tel::before {
	background-position: 0 -50px;
}
.btn-b.diff-tel span {
	font-size: 1.4rem;
	vertical-align: middle;
}
@media only screen and (max-width:480px) {
	.btn-b.diff-tel {
		display: inline-block;
	}
	.btn-b.diff-tel span {
		display: inline-block;
		vertical-align: unset;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* スクロールフェードアニメーション */

@media only screen {
	.fn-fade-in {
		opacity: 0;
		transform: translate(0, 260px);
		transition: all 1.5s;
	}
}
@media only screen and (max-width:480px) {
	.fn-fade-in {
		opacity: 1;
		transform: none;
	}
}
.fn-fade-active {
	opacity: 1;
	transform: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* hover アニメーション  */

.fn-hover-opacity {
	opacity: 1;
	transition: all 0.3s;
}
.fn-hover-opacity:hover {
	opacity: 0.7;
}

.fn-hover-scale, .fn-hover-scale-2 {
	display: inline-block;
	transition: all 0.3s;
}
.fn-hover-scale:hover {
	transform: scale(1.02, 1.02);
}
.fn-hover-scale-2:hover {
	transform: scale(1.1, 1.1);
}

.fn-overflow-h {
	display: inline-block;
	overflow: hidden;
	width: 100%;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* A4 印刷対応 */

@media only print {
	body {
		min-width: 980px;
		/* -webkit-print-color-adjust: exact; */
		print-color-adjust: exact;
	}

	.page-top, .conv-list {
		display: none !important;
	}

	.casestudy-hero .content .visual img {
		transform: scale(0.35);
		transform-origin: 800px 60px;
	}

	.lyt-panel-a, .lyt-item-a {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.section:not(.fn-print-bg, .fn-sub-footer, .tile-plain-1, .tile-plain-2, .tile-plain-3) {
		background-color: #FFFFFF !important;
	}

	.lf-hero-contents .lf-hero-contents-inner {
		position: absolute;
		left: 1.5rem;
		transform-origin: left center;
		transform: scale(0.7);
	}

	.c-flex-box__col4 {
		margin-right: 10px !important;
	}

	/* グローバルナビゲーション（メニュー） */
	#global-nav {
		display: none;
	}
	
	/* 関係会社メニュー */
	.c-nav-header-wrap {
		display: none;
	}

	/* アクセシビリティメニュー（ページ下部になる左右のアイコン） */
	.uwy.userway_p3 {
		display: none;
	}
	#onetrust-consent-sdk {
		display: none;
	}

	/* ステージングサイトのみ */
	#SEStartButton {
		display: none;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ケーブル技術ショー映像リスト関連 表示不具合修正 */

@media only screen and (max-width: 767px) {
    .lyt-col-feature-a.lyt-evenly-a>.col {
        width: 100%;
    }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ケーブル技術ショーウェビナーボタン専用 */

.fn-webinar .btn-b {
	background:darkgray; 
	border:darkgray;
}

.fn-webinar .btn-b::before {
	border-top: none;
	border-right: none;
}