@charset "UTF-8";

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

	法人サポート情報 CSS - /biz/fmv/support/

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

/* ==========================================================================
	re-setting - https://www.fujitsu.com/cssv5/gig5-country.css
   ========================================================================== */

	/* p.u-icon-kome使用時の pタグ連続時の強制マージン解除 */
	.main-contents p.u-icon-kome + p.u-icon-kome {
		margin-top: 0.5em!important;
	}

	/* u-box-frm内更新履歴の pタグ連続およびp+ulタグ時の強制マージン解除 */
	.main-contents .u-box-inner-ls p + [class^=list-] ,
	.main-contents .u-box-inner-ls p + p { margin-top: 1.0em !important;}
	.main-contents .u-tbl-inner p + p { margin-top: 1.0em !important;}

	/* モバイルビュー調整（打消し） */
	@media only screen and (max-width:767px){
		.sp-img-b > .item {	padding-top: 0; padding-bottom: 14px; }
		.sp-img-b > .img { display: table-footer-group!important; }
	}

	.notwidhtfixd	{table-layout: auto;}
	.notwidhtfixd thead tr:first-child>*:first-child { width: auto; }
	.notcolspanfixd	{table-layout: auto;}
	.notcolspanfixd thead tr:first-child>*:first-child { width: auto; }
	.notcolspanfixd tbody tr > th { width: 200px; }

	.list-link-b > li a.u-anchor::before{
		border-top: none;
		border-right:none;
	} /* 打消し */

/* ==========================================================================
	addition - https://www.fujitsu.com/cssv5/gig5-country.css
   ========================================================================== */

	/* リンクテキストボタン 高さ揃え追記 */
	.diff-col2.lyt-idx-b > *	{display: flex;}
	.lyt-idx-b > * a { width: 100%; display: flex; }

	.list-link-b > li ul.noline {
		margin-top: 10px;
		padding-top: 0;
		border-top: none;
	}
.list-link-b > li > div.line-b { margin-top: 10px; padding-top: 24px; border-top: 1px solid #c6c6c0; }


/* ==========================================================================
	re-setting - /biz/fmv/css2019/common/common.css
   ========================================================================== */
   
	.main-contents .section-inner { max-width: 1280px; }
	.list-accordion-a > li:first-child, .list-news-a > li:first-child { border-top: none; }
	.c-hdg-accent-a { color: #000; }

	/* お知らせ一覧リンク削除 */
	.list-news-a a.news-end{ pointer-events: none;}

	/* archive - Common additional required */
	.tab-d .tabs-d.diff-full { width: 100%; }

/* ==========================================================================
	re-setting - /biz/fmv/css2019/common/gig5-footer.css
   ========================================================================== */

	/* WEB MART 追従リンク非表示 */
	#SUPself-control #footer-conversion	{ display: none!important; }

/* ==========================================================================
	addition - /biz/fmv/css2019/common/utility.css
   ========================================================================== */

	/* Width */
	.u-w8p { width: 8% !important; }
	.u-w17p { width: 17% !important; }
	.u-w44p { width: 44% !important; }
	.u-w56p { width: 56% !important; }
	.u-fxb64p { flex-basis: 64% !important; }

	/* padding */
	.u-pl-20px	{ padding-left: 20px!important; }

	/* background-color */
	.u-bgc-lightgray { background-color: #d3d3d3 !important; }
	.u-bgc-whitesmoke { background-color: #f5f5f5 !important; }
	.u-bgc-lightblue { background-color: #e1f0ff !important; }
	.u-bgc-mistyrose { background-color: #ffe4e1 !important; }

	/* 注釈リスト 文字サイズ通常 */
	.u-notesfz-normal > li { font-size: 1.6rem !important; }

	/* モバイルビュー調整 */
	@media only screen and (max-width:767px){
		.forsp-u-d-b { display: block!important; }
		.forsp-u-w-a { width: auto !important; }
		.forsp-u-pr0 { padding-right: 0 !important; }
		.forsp-u-mt-md { margin-top: 1rem !important; }
		.forsp-u-mb-lg { margin-bottom: 1.5rem !important; }
		.forsp-u-fx-n { flex: none !important; }
		.forsp-u-fl-n { float: none !important; }
		.forsp-u-w100p { width: 100% !important; }
}

/* ==========================================================================
	Excerpt - fdda-common-3.0.css
   ========================================================================== */


/* ==========================================================================
	support common
   ========================================================================== */
   
	/* utility parts */
	
		/* section */
		.u-section-inner-1100 { max-width: 1100px; }
	
		/* box */
		.u-box-frmib	{ display: inline-block; border: 1px solid #aaa; padding: 1rem; margin-bottom: 1rem; } /* 枠線 + inline-block */
		.u-box-frm	{ border: 1px solid #aaa; padding: 3rem; margin-bottom: 3rem; } /* 枠線のみ */
		.u-box-bg	{ background: #ddd; border: 1px solid #ddd; padding: 3rem; margin-bottom: 3rem; }　/* 背景のみ */


		/* anchorlink icon*/
		a.u-anchor::before {}
		a.u-anchor::after {
			background-image: url("//www.fujitsu.com/imgv5/common/icon/sprite2.png");
			background-position: -106px -21px;
			width: 12px;
			height: 12px;
			display: block;
			position: absolute;
			content: "";
			left: 0px;
			top: 0.4em;
		}
		a.u-anchor {
			position: relative;
			display: inline-block;
			padding-left: 18px;
			text-decoration: underline;
		}
		a.u-anchor:hover, a.u-anchor:active, a.u-anchor:focus {
			color: #57564f;
			text-decoration: none;
		}
		
		/* ※ */
		.u-icon-kome:before	{ content:'※ '; }
		.u-icon-kome	{ text-indent: -1.3em; padding-left: 1.3em; }

		/* ■ */
		.u-icon-sqR:before  { display: block; content: ''; position: absolute; background-color: #a30b1a; top: 0.2em; left: -1.5em; width: 1.0em; height: 1.0em; }
		.u-icon-sqR 	{ position: relative; margin-left: 1.5em; }
		
		/* font */
		.u-fz-rem16 { font-size: 1.6rem !important; }

		/* 型名検索 */
		.u-searchbox	{ display: flex; flex-wrap: wrap; align-items: center; background: #eee; }
		.u-searchbox div	{ margin-right: 1.5rem;}
		.u-searchbox div.title p	{ font-weight: bold; font-size: 2.5rem; border-left: 6px solid #A30B1A; padding-left: 1.5rem; }
		.u-searchbox div.search_window input[type="text"]	{ font-size: 2.5rem; padding: 5px 0; vertical-align:middle; }
		.u-searchbox div.search_window input[type="button"]	{ font-size: 2.5rem; overflow:visible; vertical-align:middle; }
			/* result */
			span.highlight	{
				background: #FAA;
				font-weight: bold;
				margin: 0;
				padding: 0;
			}

		/* ボタン テキスト付き top-service */	
		.c-list-services-b{display:flex;flex-wrap:wrap;margin-left:-20px;margin-bottom:-20px}
		.c-list-services-b__item{display:flex;padding-left:20px;padding-bottom:20px;width:50%;}
		
		@media only screen and (max-width: 480px){
			.c-list-services-b{flex-flow:column}
			.c-list-services-b__item{display:flex;width:100%}
		}
		
		.c-list-services-b__button{padding:16px 24px;border:1px solid #9d9c95;border-radius:5px;display:flex;flex-flow:column;flex-basis:100%;align-items:center;text-decoration:none;font-size:1.4rem}
		.c-list-services-b__button-title{display:inline-block;margin-bottom:10px;font-size:2rem;position:relative;padding-right:20px; font-weight: bold; }
		.c-list-services-b__button-title::after{content:"";display:block;width:8px;height:8px;position:absolute;right:3px;top:calc(50% - 1px);color:#a30b1a;border-right:2px solid;border-top:2px solid;transform:rotate(45deg) translateX(-50%)}
		.c-list-services-b__button-text{width:100%}
		
		/* パネルデザイン */
		.sup-panel {
		  height: 100%;
		  margin: 28px 0;
		  padding: 30px 30px 10px;
		  border: 1px solid #969696;
		  background: #fff;
		}
		.sup-panel > *:first-child { margin-top: 0; padding-top: 0; }
		.sup-panel > *:last-child { margin-bottom: 0; padding-bottom: 0; }
		.sup-panel > *:last-child li:last-child { margin-bottom: 0; }
		.col .sup-panel { margin: 0; }

			/* パネルリンク a */
			.sup-panel--link-a { padding: 0; }
			.sup-panel--link-a:hover { border-color: #A30B1A; }
			.sup-panel--link-a a {
			  position: relative;
			  display: flex;
			  flex-direction: row-reverse;
			  justify-content: flex-end;
			  height: 100%;
			  padding-right: 38px;
			  transition: all 0.2s;
			  text-decoration: none;
			}
			.sup-panel--link-a a::after {
			  position: absolute;
			  right: 10px;
			  bottom: 10px;
			  content: url("/biz/fmv/img2019/common/icon_triangle_g.png");
			  line-height: 1;
			}
			.sup-panel--link-a a:hover {
			  color: inherit;
			}
			.sup-panel--link-a a:hover::after {
			  content: url("/biz/fmv/img2019/common/icon_triangle_r.png");
			}
			.sup-panel--link-a .sup-panel__inner	{ margin: 0; padding: 0; border-left: 10px solid #DAD9D6; }
			.sup-panel--link-a a:hover  .sup-panel__inner {
			  border-left-color: #A30B1A;
			}
			.sup-panel--link-a a:hover .sup-panel__ttl {
			  color: #A30B1A;
			  border-left-color: #A30B1A;
			}
			.sup-panel--link-a .sup-panel__ttl {
			  padding: 40px 20px 20px;
			  font-size: 2.2rem;
			  font-weight: bold;
			}
			.sup-panel--link-a .sup-panel__txt {
			  padding: 0 20px 40px;
			  font-size: 1.6rem;
			}

			.sup-panel--link-a .sup-panel__txt:empty {
			  padding: 0 20px 20px;
			}

		/* 型名検索 result 検索結果マーク */
		span.highlight	{
			background: #FAA;
			font-weight: bold;
			margin: 0;
			padding: 0.1em;
		}

		/* 機種選択 - 製品カテゴリー、シリーズ名・タイプから探す */
		.ModelSelection-a	{
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-flex-wrap:wrap;
			-ms-flex-wrap:wrap;
			flex-wrap:wrap;
			justify-content: space-around;
			margin-top: -12px!important;
		}
		.ModelSelection-a .flow_item	select	{width: 100%;}
		.ModelSelection-a .flow_item1	{flex-basis: 280px;}
		.ModelSelection-a .flow_item2	{flex-basis: 300px;}
		.ModelSelection-a .flow_item3	{flex-basis: 270px;}
		.ModelSelection-a .flow_item4	{flex-basis: 200px; display:flex; align-items: center; margin-top: 6.0rem }
		.ModelSelection-a .flow_item-arrow::before	{
			content: url(/biz/fmv/support/notes/images/arrow.gif);
			display: inline-block;
			margin-top: 8.0rem;
		}
		@media only screen and (max-width:767px){
			.ModelSelection-a	{display:block;}
			.ModelSelection-a .flow_item	{width: 100%;}
			.ModelSelection-a .flow_item > [class^=hdg-] { margin-top: 14px; }
			.ModelSelection-a .flow_item4	{display:block; text-align:center; margin-top: 0; margin-bottom: 2rem; }
			.ModelSelection-a .flow_item-arrow::before	{
				content: url(/biz/fmv/support/notes/images/sp-arrow.gif);
				display: block;
				margin: 1.0rem auto;
				text-align: center;
			}
		}

		/* 機種選択 - 一覧から探す */
		.ModelSelection-b {
		  display: flex;
		  flex-wrap: wrap;
		  margin-top: -20px;
		  margin-left: -8px; }
		  @media screen and (max-width: 767px) {
			.ModelSelection-b {
			  flex-flow: column;
			  margin-left: 0; } }
		  .ModelSelection-b__item {
			margin-top: 20px;
			margin-left: 20px;
			width: calc(33.3% - 20px);
			border: 1px solid #bfbfbf;
			padding: 20px; }
		  .ModelSelection-b__item2 {
			margin-top: 20px;
			margin-left: 20px;
			width: calc(50.0% - 20px);
			border: 1px solid #bfbfbf;
			padding: 20px; }
			@media screen and (max-width: 767px) {
			  .ModelSelection-b__item, .ModelSelection-b__item2 {
				width: 100%;
				margin-left: 0; } }
			@media screen and (max-width: 480px) {
			  .ModelSelection-b__item,.ModelSelection-b__item2 {
				padding: 10px; } }
			@media screen and (max-width: 767px) {
			  .ModelSelection-b__item.is-open .ModelSelection-b__icon-wrap::after,
			  .ModelSelection-b__item2.is-open .ModelSelection-b__icon-wrap::after{
				transform: translate(-50%, -50%) rotate(-45deg);
				margin-top: 10px; } }
			@media screen and (max-width: 480px) {
			  .ModelSelection-b__item.is-open .ModelSelection-b__icon-wrap::after,
			  .ModelSelection-b__item2.is-open .ModelSelection-b__icon-wrap::after{
				margin-top: 6px; } }
		  .ModelSelection-b__titlearea {
			display: flex; }
			@media screen and (max-width: 767px) {
			  .ModelSelection-b__titlearea {
				margin: -20px;
				padding: 20px; }
				[data-script-enabled=true] .ModelSelection-b__titlearea {
				  cursor: pointer; } }
		  .ModelSelection-b__title {
			flex: 1;
			font-size: 2rem;
			color: #57564f;}
		  .ModelSelection-b__icon-wrap {
			width: 80px;
			height: 80px;
			margin-left: 20px;
			position: relative; }
			@media screen and (max-width: 767px) {
			  .ModelSelection-b__icon-wrap::before {
				position: absolute;
				display: none;
				width: 100%;
				height: 100%;
				background: #a30b1a;
				z-index: 1;
				content: ""; }
			  .ModelSelection-b__icon-wrap::after {
				content: "";
				display: none;
				width: 40px;
				height: 40px;
				border-right: 4px solid #fff;
				border-top: 4px solid #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%) rotate(135deg);
				z-index: 2;
				margin-top: -14px; }
			  [data-script-enabled=true] .ModelSelection-b__icon-wrap::before, [data-script-enabled=true] .ModelSelection-b__icon-wrap::after {
				display: block; } }
			@media screen and (max-width: 480px) {
			  .ModelSelection-b__icon-wrap {
				width: 60px;
				height: 60px; }
				.ModelSelection-b__icon-wrap::after {
				  width: 20px;
				  height: 20px;
				  margin-top: -4px; } }
		  .ModelSelection-b__contents {
			margin-top: 20px; }
			@media screen and (min-width: 768px) {
			  .ModelSelection-b__contents {
				display: block !important; } }
			@media screen and (max-width: 767px) {
			  [data-script-enabled=true] .ModelSelection-b__contents {
				display: none; } }
			@media screen and (max-width: 767px) {
			  .ModelSelection-b__item.is-open .ModelSelection-b__contents {
				display: block; } }
		  .ModelSelection-b__text {
			font-size: 1.4rem; }

	/* 更新履歴 */
	.Changelog [class^=Changelog_inner] + [class^=Changelog_inner]	{ margin-top: 32px; border-top: 1px solid #ccc; }

		
/* ==========================================================================
	お知らせページ
   ========================================================================== */

	/* common */
	.letterheader p	{ margin: 0!important;}
	.letterheader #DateArea	{ margin: 0; text-align: right; }
	.letterheader #DateArea p	{ margin: 0!important;}
	.letterheader .section-inner,
	.Introduction .section-inner,
	.lettercontents .section-inner,
	.letterfooter .section-inner	{ max-width: 1100px;}
	.letterfooter .section-inner	{ text-align: right; }

	/* お問い合わせ 注釈 */
	#casestudy-contact .u-sup-cntact-notes {
		margin-top: 2.0rem;
		font-size: small;
		text-align: left;
	}
	/* お問い合わせ 注釈 レスポンシブ時 マージン削除 */
	@media only screen and (max-width:767px){
		#casestudy-contact .u-sup-cntact-notes  { margin-top: 0; }
	}

	/* ms */
	ul.msadvisory > li > a	{ display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; }
	ul.msadvisory > li > a > img.icon-a	{ height: 100%; }
	ul.msadvisory > li > a::before { margin: 8px 14px 0 -23px; }
		/* 緊急 */
		.msadvisory > li > a > div.msemergency	{ min-width: 2em; white-space: nowrap; padding: 0 10px; margin: 0 5px; background: #a20a19; color: #fff; }
		/* 重要 */
		.msadvisory > li > a > div.msimportant	{ min-width: 2em; white-space: nowrap; padding: 0 10px; margin: 0 5px; background: #af7840; color: #fff; } 
		/* CVE,ADV */
		.msadvisory > li > a > div.msnumber 	{ border: 1px solid #c6c6c0; width: 9em; padding: 0 5px; margin: 0 10px 0 5px; text-align: center; } 

	/* batteryctrl レスポンシブ時の文字置き換え 右→下 */
	@media only screen and (max-width:767px){
		span#directionText { font-size: 0; }
		span#directionText:before { font-size: 12px; content: "下"; }
	}

/* ==========================================================================
	ドライバダウンロード
   ========================================================================== */
   
	/* ダウンロード検索 */
	.lyt-idx-supdvdown{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-16px;margin-bottom:-16px}
	.lyt-idx-supdvdown+*:not([class^="hdg-"]):not([class*=" hdg-"]){margin-top:34px}
	@media only screen and (max-width:480px){.lyt-idx-supdvdown+*:not([class^="hdg-"]):not([class*=" hdg-"]){margin-top:36px}}
	.lyt-idx-supdvdown>*{ display:flex;padding-left:16px;padding-bottom:16px}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown>*>.lyt-idx-supdvdown{margin-top:-8px}}
	.lyt-idx-supdvdown>* a{display:flex; width: 100%; text-decoration:none;border:1px solid #A91A28;}
	.lyt-idx-supdvdown>* img:not(.icon-a){width:100%}
	.lyt-idx-supdvdown .text-box{background:#fff;width:100%;padding:14px 32px 14px 16px;position:relative}
	.lyt-idx-supdvdown .text-box::before{display:block;position:absolute;content:"";top:50%;right:12px;width:10px;height:10px;border-top:2px solid #a30b1a;border-right:2px solid #a30b1a;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-5px}
	.lyt-idx-supdvdown .text-box:hover, .lyt-idx-supdvdown .text-box:active, .lyt-idx-supdvdown .text-box:focus { background: #f6cfd3; }
	.lyt-idx-supdvdown .text-box.diff-type-a{padding:35px 32px 35px 24px}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown .text-box.diff-type-a{padding:18px 32px 18px 24px}	}
	.lyt-idx-supdvdown .text-box.diff-type-a .title{font-size:2.4rem;}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown .text-box.diff-type-a .title{font-size:1.8rem}	}
	.lyt-idx-supdvdown .text-box.diff-type-b{padding:35px 35px 35px 24px}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown .text-box.diff-type-b{padding:18px 32px 18px 24px}	}
	.lyt-idx-supdvdown .text-box.diff-type-b .title{font-size:2rem;}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown .text-box.diff-type-b .title{font-size:1.6rem}}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown .text-box.diff-type-b .desc{font-size:1.4rem}}
	.lyt-idx-supdvdown .text-box .title{font-weight:700;line-height:1.5}:lang(en) 
	.lyt-idx-supdvdown .text-box .title{font-weight:400;font-family:FujitsuSansBold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif}
	.lyt-idx-supdvdown .text-box .title+.desc{margin-top:14px}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown .text-box .desc.diff-sp-hide{display:none}}
	.lyt-idx-supdvdown.diff-lyt-a a{display:-webkit-flex;display:-ms-flexbox;display:flex}
	.lyt-idx-supdvdown.diff-lyt-a img:not(.icon-a){width:auto;max-width:inherit}
	@media only screen and (max-width:1000px){.lyt-idx-supdvdown.diff-lyt-a img:not(.icon-a){width:100%}}
	.lyt-idx-supdvdown.diff-lyt-a .text-box.diff-type-a{padding:27px 32px 27px 24px}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-lyt-a .text-box.diff-type-a{padding:18px 32px 18px 24px}}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-lyt-a .text-box .desc{display:block}}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-sp-col2{margin-left:-8px;margin-bottom:-8px}.lyt-idx-supdvdown.diff-sp-col2>*{padding-left:8px;padding-bottom:8px}.lyt-idx-supdvdown.diff-sp-col2 .text-box{padding:11px 32px 11px 16px}}
	.lyt-idx-supdvdown.diff-col2>*{width:50%}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-col2>*{width:100%}}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-col2.diff-sp-col2>*{width:50%}}
	.lyt-idx-supdvdown.diff-col3>*{width:33.333333%}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-col3>*{width:100%}}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-col3.diff-sp-col2>*{width:50%}}
	.lyt-idx-supdvdown.diff-col4>*{width:25%}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-col4>*{width:100%}}
	@media only screen and (max-width:767px){.lyt-idx-supdvdown.diff-col4.diff-sp-col2>*{width:50%}}
	
/* ==========================================================================
	よくあるQA一覧
   ========================================================================== */
   
	.bizsupportfaq .toggle-content > li > div::before	{
		content:"対処・回答";
		display: inline-block;
		padding: 0 1rem;
		margin: 1.5rem 0;
		background: #a30b1a;
		border-radius: 3px;
		color:#FFF;
		font-weight:bold;
		text-align:center;
	}
	.bizsupportfaq .toggle-content > li > div	{ margin-bottom:2rem; }
	
/* ==========================================================================
	マニュアル製品一覧
   ========================================================================== */

	.biz-fmvmanual-list tbody ul { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1rem; }
	.biz-fmvmanual-list tbody ul li { white-space: nowrap; margin-right: 3rem; margin-bottom: 1rem; }


/* ==========================================================================
	お使いになる上での注意事項 - 注意事項一覧
   ========================================================================== */
	
	.bizsupnotes-list th { vertical-align: middle!important; }
	.bizsupnotes-list .u-tbl-inner p.title { margin: 0 0 1em 0; font-size: 110%; font-weight: bolder;}
	.bizsupnotes-list .u-tbl-inner p:not(.title) { margin: 0 0 0.5em 1em; }
	 

/* ==========================================================================
   ========================================================================== */

/* ==========================================================================
   ========================================================================== */