@charset "utf-8";

/* =============================================================================
	コンテンツ共通 
============================================================================= */

/* common */
.display-none, .read-only {display: none;}
.flex-box{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.flex-box>div:first-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

/* reset */
.lyt-idx-b.reset-linkboxborder a {border: none !important;display: inline-block;}

/* re-setting */
.lyt-contact-a .list-contact-a .list-a>li:before {top: .3em;} /* 窓口案内枠内のlistアイコン位置調整 */

/*FMVサポートトップ以外ではユーザー選択製品および機種別情報は非表示 */
#supportlogin .item.usermodel {display: none;}

/* スマートフォン表示ではログイン枠非表示（FMVサポートトップ以外）*/
@media only screen and (max-width: 480px) {#supportlogin {display: none;}}

/* SNS シェアボタン*/
#sns{width: 1280px; max-width: 100%;margin: 0 auto 80px; display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}#sns .flex-box{width:16%;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}#sns .sns-logo{font-size:20px;color:#666}#sns .sns-logo a{color:#666;opacity:.8;-webkit-transform:rotate(0) scale(1,1);-ms-transform:rotate(0) scale(1,1);transform:rotate(0) scale(1,1);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}#sns .sns-logo a:hover{opacity:1;-webkit-transform:rotate(360deg) scale(1.5,1.5);-ms-transform:rotate(360deg) scale(1.5,1.5);transform:rotate(360deg) scale(1.5,1.5);-webkit-backface-visibility:hidden;backface-visibility:hidden}#nav-list dl>dt>button>i,#pagetop{-webkit-backface-visibility:hidden}#sns .sns-logo .fa-stack-1x{color:#fff}#sns .sns-logo.tw a:hover{color: #000000;/*color:#5ea9dd*/}#sns .sns-logo.fb a:hover{color:#385185}#sns .sns-logo.gp a:hover{color:#db4437}
@media only screen and (max-width: 786px) {#sns .flex-box {width: 20%;}}
@media only screen and (max-width: 480px) {#sns .flex-box {width: 30%;}}

/* ページ内品名・型名検索 */
#InPageSearch input[type="text"]{font-size: 1.8rem;vertical-align:middle;padding: 7px 3px;ime-mode:disabled;}
#InPageSearch input[type="button"]{font-size: 2.0rem;font-weight: bold;vertical-align:middle;}
#InPageSearch .example{ margin:26px 20px 0;	font-size:1.4rem;	line-height:200%;}
#InPageSearch .example span{color:#a30b1a;}
#target span.highlight {font-weight: bold;background:lavenderblush;margin: 0;padding: 1px 2px;}

/* ダウロードボタンアイコン表示 */
.btn-a[href$=".exe"]::before,.btn-a[href$=".zip"]::before,.btn-a[href$=".bin"]::before,.btn-b[href$=".exe"]::before,.btn-b[href$=".zip"]::before,.btn-b[href$=".bin"]::before {display: none}
.btn-a[href$=".exe"],.btn-a[href$=".zip"],.btn-a[href$=".bin"],.btn-b[href$=".exe"],.btn-b[href$=".zip"],.btn-b[href$=".bin"] { padding-right: 52px;}
.btn-a[href$=".exe"] .icon-a,.btn-a[href$=".zip"] .icon-a,.btn-a[href$=".bin"] .icon-a,.btn-b[href$=".exe"] .icon-a,.btn-b[href$=".zip"] .icon-a,.btn-b[href$=".bin"] .icon-a {position: absolute;right: 24px;top: 50%;margin: -5px 0 0;display: inline-block}
.btn-a[href$=".exe"] .icon-a,.btn-a[href$=".zip"] .icon-a,.btn-a[href$=".bin"] .icon-a,.btn-b[href$=".exe"] .icon-a,.btn-b[href$=".zip"] .icon-a,.btn-b[href$=".bin"] .icon-a {margin-top: -12px;}

	/* head icon（吹き出し） */
	.icon-chat-solid {position: absolute;margin-left: 2px; margin-top: 4px; width: 16px; height: 12px; border: solid 1px currentColor; background-color: currentColor; border-radius: 2px;}
	.icon-chat-solid:before { content: ''; position: absolute; left: 3px; top: 8px; width: 4px; height: 4px; background-color: currentColor; border-bottom: solid 1px currentColor; border-right: solid 1px currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg);} 
	/* head icon（四角） */
	.icon-square-solid {position: absolute;margin-left: 2px; margin-top: 4px; width: 16px; height: 16px; border: solid 1px currentColor; background-color: currentColor; border-radius: 2px;}
		/* icon 調整 */
		.head-icon-color { color:#005243; } /* pタグを見出し風にする場合の文字色指定 */
		.head-icon-indent	{text-indent: -30px; padding-left: 30px}　/*テキスト折り返し時のインデント*/

	/* accordion（デフォルト） */
	.lyt-accordion-a	{border: 1px solid #ccc; padding: 1em;}
	.lyt-accordion-a > summary	{cursor: pointer; font-weight: 700; font-size: 1.8rem;}
	.lyt-accordion-a .summary-inner { margin: 1em 1em 0 1em;}

/* section 追加背景色 .diff-bg-xxx */
.main-contents .section.diff-bg-aliceblue	{background-color: #f0f8ff;}
.main-contents .section.diff-bg-lightyellow	{background-color: #ffffe0;}
.main-contents .section.diff-bg-lavenderblush	{background-color: #fff0f5;}

/* インデックス（list-panel） -------------------- { */
.list-panel  { -webkit-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-1.5625%; margin-right:-1.5625%; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:-3.125%}
.list-panel.list-panel-col-5 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 13.5416666667%; flex:0 0 13.5416666667%; width:13.5416666667%; margin-left:1.5625%; margin-right:1.5625%; margin-bottom:3.125%}
.list-panel.list-panel-col-4 > li{ -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 21.875%; flex:0 0 21.875%; width:21.875%; margin-left:1.5625%; margin-right:1.5625%; margin-bottom:3.125%}
.list-panel.list-panel-col-3 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 30.2083333333%; flex:0 0 30.2083333333%; width:30.2083333333%; margin-left:1.5625%; margin-right:1.5625%; margin-bottom:3.125%}
.list-panel.list-panel-col-2 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 46.875%; flex:0 0 46.875%; width:46.875%; margin-left:1.5625%; margin-right:1.5625%; margin-bottom:3.125%}
.list-panel a { text-decoration:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; height:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background-color:#fff; padding:18px; border:1px solid #c6c6c0}
.list-panel a .list-panel_inr { padding-left:10px; padding-right:10px}
.list-panel a .list-panel_inr .title { color:#000; font-size:1.8rem; line-height:1.6; font-weight:700}
.list-panel a .list-panel_inr .desc { font-size:1.5rem; color:#000}
.list-panel a .list-panel_inr .title+.desc { margin-top:15px}
.list-panel_img { position:relative; width:100%; height:0; padding-top:calc(1 / 1.618 * 100%); margin-bottom:20px; overflow:hidden}
.list-panel_img img { position:absolute;top:0;left:0;width:100%;height:auto;-webkit-transition:-webkit-transform 1s cubic-bezier(.165,.84,.44,1);	transition:-webkit-transform 1s cubic-bezier(.165,.84,.44,1);-o-transition:transform 1s cubic-bezier(.165,.84,.44,1);}
.list-panel a:hover .list-panel_img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.list-panel_foot { margin-top:15px}
.btn-round_arrow {display: inline-block;position: relative;background: #fff;color: #005243;padding: 1.5rem 2.5rem 1.5rem 5rem;transition: all 0.3s;font-size: 1.4rem;}
.btn-round_arrow:before, .btn-round_arrow:after {content: "";position: absolute;display: block;top: 50%;}
.btn-round_arrow:before {width: 0.6rem; height: 0.6rem; left: 1.5rem;border-top: solid 2px #fff; border-right: solid 2px #fff; z-index: 2; transform: translateY(-50%) rotate(45deg); transition: all 0.3s;}
.btn-round_arrow:after {left: 0; background: #005243; z-index: 1; width: 4rem; height: 4rem; border-radius: 4rem; transform: translateY(-50%); transition: all 0.5s;}
.btn-round_arrow span { position: relative;  transition: all 0.3s; z-index: 3;}
a:hover .btn-round_arrow{padding: 1.5rem 2.5rem 1.5rem 4.5rem;}
a:hover .btn-round_arrow span {color: #fff;}
a:hover .btn-round_arrow:before {left: 2.5rem;}
a:hover .btn-round_arrow:after {right: 0; width: 100%;}

/* box間を最大10px */
.list-panel.btw10px  { -webkit-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-0.78125%; margin-right:-0.78125%; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:-3.125%}
.list-panel.btw10px.list-panel-col-4 > li{ -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 23.4375%; flex:0 0 23.4375%; width:23.4375%; margin-left:0.78125%; margin-right:0.78125%; margin-bottom:3.125%}
.list-panel.btw10px a .list-panel_inr .title { color:#000; font-size:1.6rem; line-height:1.6; font-weight:700}
.list-panel.btw10px a .list-panel_inr .desc { font-size:1.5rem; color:#000}
  @media screen and (max-width:1000px) {
    .list-panel { margin-bottom:-3.125% }
    .list-panel.l-grid-col-md-2 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 46.875%; flex:0 0 46.875%; width:46.875%; margin-left:1.5625%; margin-right:1.5625%; margin-bottom:3.125%;}
    .list-panel.btw10px.l-grid-col-md-2 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 48.4375%; flex:0 048.4375%; width:48.4375%; margin-left:0.78125%; margin-right:0.78125%; margin-bottom:3.125%}
  }
  @media screen and (max-width:480px) {
    .list-panel.l-grid-col-sm-1 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 96.875%; flex:0 0 96.875%; width:96.875%; margin-left:1.5625%; margin-right:1.5625%; margin-bottom:3.125%}
    .list-panel.btw10px.l-grid-col-sm-1 > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 98.4375%; flex:0 0 98.4375%; width:98.4375%; margin-left:0.78125%; margin-right:0.78125%; margin-bottom:3.125%}
    .list-panel a .list-panel_inr .title { font-size:1.6rem;}
    .list-panel a .list-panel_inr .desc { font-size:1.4rem;}
  }
/* -------------------- } インデックス（list-panel） */
/* アンカーリンク（anchors-menu） -------------------- { */
.anchors-menu {width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;left: 0;}
.anchors-menu > ul {width: 1160px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.anchors-menu > ul > li {position: relative;border-bottom: none;width: 100%;}
.anchors-menu > ul > li::after { position: absolute; content: ""; width: 1px; height: 70%; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: -webkit-linear-gradient(top,#333,#333 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 4px); background-image: -o-linear-adient(top,#333,#333 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 4px); background-image: linear-gradient(to bottom,#333,#333 1px,#0000 1px,#0000 4px);  background-size: 1px 4px; background-repeat: epeat-y;}
.anchors-menu > ul > li:last-child::after {background-image: none;}

	/*3column*/
	.anchors-menu.col3 > ul > li {width: 33.333%}
	.anchors-menu.col3 > ul > li a {text-decoration: none; display: block;padding-left: 30px;padding-right: 30px; padding-top: 10px; padding-bottom: 10px;}
	.anchors-menu.col3 .menutit {position: relative; font-weight: 700; font-size: 1.8rem; text-align: center; margin-bottom: 12px;}
	.anchors-menu.col3 .menutit::after {content: "";position: absolute; right: -10px; top: 50%; width: 0; height: 0; border-top: 5px solid #808080; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; }

  @media only screen and (max-width: 480px) {
    .anchors-menu > ul {display: block;width: 100%;background: none;}
    .anchors-menu > ul > li::after {background-image: none;}
      /*3column*/
      .anchors-menu.col3 > ul > li {width: 100%;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px; margin-bottom: 1rem;}
  }

/* -------------------- } アンカーリンク（anchor-menu） */
/* インデックス（lyt-idx-boxlink） -------------------- { */
.lyt-idx-boxlink{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-boxlink+*:not([class^="hdg-"]):not([class*=" hdg-"]){margin-top:34px}
@media only screen and (max-width:480px){.lyt-idx-boxlink+*:not([class^="hdg-"]):not([class*=" hdg-"]){margin-top:36px}}
.lyt-idx-boxlink>*{ display:flex;padding-left:16px;padding-bottom:16px}
@media only screen and (max-width:768px){.lyt-idx-boxlink>*>.lyt-idx-boxlink{margin-top:-8px}}
.lyt-idx-boxlink>* a{display:flex; width: 100%; text-decoration:none;border:1px solid #005243;}
.lyt-idx-boxlink>* img:not(.icon-a){width:100%}
.lyt-idx-boxlink .text-box{background:#fff;width:100%;padding:14px 32px 14px 16px;position:relative}
.lyt-idx-boxlink .text-box::before{display:block;position:absolute;content:"";top:50%;right:12px;width:10px;height:10px;border-top:2px solid #005243;border-right:2px solid #005243;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-5px}
.lyt-idx-boxlink .text-box:hover, .lyt-idx-boxlink .text-box:active, .lyt-idx-boxlink .text-box:focus { background: #d2ecef; }
.lyt-idx-boxlink .text-box.diff-type-a{padding:35px 32px 35px 24px}
@media only screen and (max-width:768px){.lyt-idx-boxlink .text-box.diff-type-a{padding:18px 32px 18px 24px}	}
.lyt-idx-boxlink .text-box.diff-type-a .title{font-size:2.4rem;}
@media only screen and (max-width:768px){.lyt-idx-boxlink .text-box.diff-type-a .title{font-size:1.8rem}	}
.lyt-idx-boxlink .text-box.diff-type-b{padding:35px 35px 35px 24px}
@media only screen and (max-width:768px){.lyt-idx-boxlink .text-box.diff-type-b{padding:18px 32px 18px 24px}	}
.lyt-idx-boxlink .text-box.diff-type-b .title{font-size:2rem;}
@media only screen and (max-width:768px){.lyt-idx-boxlink .text-box.diff-type-b .title{font-size:1.6rem}}
@media only screen and (max-width:768px){.lyt-idx-boxlink .text-box.diff-type-b .desc{font-size:1.4rem}}
.lyt-idx-boxlink .text-box .title{font-weight:700;line-height:1.5}:lang(en) 
.lyt-idx-boxlink .text-box .title{font-weight:400;font-family:FujitsuSansBold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif}
.lyt-idx-boxlink .text-box .title+.desc{margin-top:14px}
@media only screen and (max-width:768px){.lyt-idx-boxlink .text-box .desc.diff-sp-hide{display:none}}
.lyt-idx-boxlink.diff-lyt-a a{display:-webkit-flex;display:-ms-flexbox;display:flex}
.lyt-idx-boxlink.diff-lyt-a img:not(.icon-a){width:auto;max-width:inherit}
@media only screen and (max-width:1000px){.lyt-idx-boxlink.diff-lyt-a img:not(.icon-a){width:100%}}
.lyt-idx-boxlink.diff-lyt-a .text-box.diff-type-a{padding:27px 32px 27px 24px}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-lyt-a .text-box.diff-type-a{padding:18px 32px 18px 24px}}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-lyt-a .text-box .desc{display:block}}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-sp-col2{margin-left:-8px;margin-bottom:-8px}.lyt-idx-boxlink.diff-sp-col2>*{padding-left:8px;padding-bottom:8px}.lyt-idx-boxlink.diff-sp-col2 .text-box{padding:11px 32px 11px 16px}}
.lyt-idx-boxlink.diff-col2>*{width:50%}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-col2>*{width:100%}}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-col2.diff-sp-col2>*{width:50%}}
.lyt-idx-boxlink.diff-col3>*{width:33.333333%}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-col3>*{width:100%}}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-col3.diff-sp-col2>*{width:50%}}
.lyt-idx-boxlink.diff-col4>*{width:25%}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-col4>*{width:100%}}
@media only screen and (max-width:768px){.lyt-idx-boxlink.diff-col4.diff-sp-col2>*{width:50%}}
/* -------------------- } インデックス（lyt-idx-boxlink） */
/* 順列リスト-丸かっこ（list-order-parenthesis） -------------------- { */
.list-order-parenthesis { padding-left: 12px; }
.list-order-parenthesis.diff-indent { padding-left: 0px; }
.list-order-parenthesis+*:not([class^="hdg-"]):not([class*=" hdg-"]) { margin-top: 34px; }
.list-order-parenthesis+p,
.list-order-parenthesis+[class^=list-],
.list-order-parenthesis+[class*=" list-"] {margin-top: 28px !important}
.list-order-parenthesis > li+li {margin-top: 12px}
.list-order-parenthesis > li > p+[class*=" list-"] {margin-top: 12px !important}
.list-order-parenthesis > li { counter-increment: cnt; display: table; /*width: 100%;*/ }
.list-order-parenthesis li > .item{ display: table-cell; width: 100%; padding-left: 12px; }
.list-order-parenthesis > li::before { content: "（" counter(cnt) "）"; display:table-cell; text-align: right; white-space: nowrap; min-width: 3.2em; }
.list-order-parenthesis[class*=diff-col] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -40px;margin-bottom: -12px;padding-left: 0;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1}
.list-order-parenthesis[class*=diff-col] > li {margin-top: 0;margin-bottom: 12px;padding-left: 40px}
.list-order-parenthesis.diff-col2 > li {width: 50%}
.list-order-parenthesis.diff-col3 > li {width: 33.33333%}
.list-order-parenthesis.diff-col4 > li {width: 25%}
@media only screen and (max-width:767px) {.list-order-parenthesis {padding-left: 0}.list-order-parenthesis[class*=diff-col] {display: block;
	margin-left: 0}.list-order-parenthesis[class*=diff-col] > li {padding-left: 0}.list-order-parenthesis.diff-col2 > li,.list-order-parenthesis.diff-col3 > li,.list-order-parenthesis.diff-col4 > li {width: 100%}}
@media only screen and (max-width:480px) {.list-order-parenthesis+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 28px}}
/* -------------------- } 順列リスト-丸かっこ（list-order-parenthesis） */
/* リストの装飾-circle（list-circle） -------------------- { */
.list-circle {padding-left: 20px}
.list-circle.diff-indent {padding-left: 0}
@media only screen and (max-width:767px) {.list-circle {padding-left: 0}}
.list-circle+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 34px}
@media only screen and (max-width:480px) {
.list-circle+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 28px}}
.list-circle+p,
.list-circle+[class^=list-],
.list-circle+[class*=" list-"] {margin-top: 28px !important}
.list-circle > li+li {margin-top: 12px}
.list-circle > li > ul,
.list-circle>li>ol,
.list-circle>li>.item>ul,
.list-circle>li>.item>ol,
.list-circle>li>p+*,
.list-circle>li>p+[class^=list-],
.list-circle>li>p+[class*=" list-"] {margin-top: 12px !important}
.list-circle[class*=diff-col] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
flex-wrap: wrap;margin-left: -40px;margin-bottom: -12px;padding-left: 0;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1}
@media only screen and (max-width:767px) {.list-circle[class*=diff-col] {display: block;margin-left: 0}}
.list-circle[class*=diff-col] > li {margin-top: 0;margin-bottom: 12px;padding-left: 40px}
@media only screen and (max-width:767px) {.list-circle[class*=diff-col] > li {padding-left: 0}}
.list-circle.diff-col2 > li {width: 50%}
@media only screen and (max-width:767px) {.list-circle.diff-col2 > li {width: 100%}}
.list-circle.diff-col3 > li {width: 33.33333%}
@media only screen and (max-width:767px) {.list-circle.diff-col3 > li {width: 100%}}
.list-circle.diff-col4 > li {width: 25%}
@media only screen and (max-width:767px) {.list-circle.diff-col4 > li {width: 100%}}
.list-circle > li {position: relative;padding-left: 17px}
.list-circle>li:before {display: block;position: absolute;content: "";width: 5px;height: 5px;border-radius: 50%;border:1px solid #005243;left: 0;top: 0.55em}
@media only screen and (max-width:480px) {.list-circle>li:before {top: 0.5em}}
.list-circle[class*=diff-col] > li {padding-left: 57px}
@media only screen and (max-width:767px) {.list-circle[class*=diff-col] > li {padding-left: 17px}}
.list-circle[class*=diff-col]>li:before {left: 40px}
@media only screen and (max-width:767px) {.list-circle[class*=diff-col]>li:before {left: 0}}
/* -------------------- } リストの装飾-circle（list-circle） */

/* =============================================================================
	セクションインナーマージン調整
============================================================================= */
@media only screen and (max-width: 1300px) {main#support-contents .section .section-inner { padding: 50px 20px;}}
@media only screen and (max-width: 768px) {main#support-contents .section .section-inner { padding: 50px 6px;}} /* 20240304 */

/* =============================================================================
	ページタイトル
============================================================================= */
/* ページタイトル */ /* 現状は各コンテンツ共有 */
main#support-contents .hero-area-c{background-color:#F8FBF8} /* thin */
main#support-contents .hero-area-c.diff-color-a{background-color:#000} /*dark*/

/* ページタイトル（hero-area-plate） { */
main#support-contents .hero-area-plate { min-height: 200px; height: 200px; position: relative;}
main#support-contents .hero-area-plate+* {margin-top: 30px;}
main#support-contents .hero-area-plate .content { background-color: rgba(0, 0, 0, 0.75); position: relative; top: 50%; transform: translateY(-50%)}
main#support-contents .hero-area-plate .content .content-inner { max-width: 1280px; margin: 0 auto; padding: 0.5em 1em; }
main#support-contents .hero-area-plate .content-inner .main-txt, .hero-area-plate .content-inner .main-txt>* {font-size: 4rem;  color: #ffffff;}
  @media only screen and (max-width: 768px) {
    main#support-contents .hero-area-plate .content-inner .main-txt, .hero-area-plate .content-inner .main-txt>* {font-size: 3rem;}
  }
  @media only screen and (max-width: 480px) {
    main#support-contents .hero-area-plate { min-height: 150px; height: 150px; }
    main#support-contents .hero-area-plate .content-inner .main-txt, .hero-area-plate .content-inner .main-txt>* {font-size: 2.4rem;}
  }

  /* 背景画像指定 ---------------------------------- */
	main#support-contents .hero-area-plate.diff-img-mypc{background: url(/support/img2022/category/headline/head-bg-mypc.png); background-size: cover;} /* 機種別サポート・ダウンロード */
	main#support-contents .hero-area-plate.diff-img-manualsafety{background: url(/support/img2022/category/headline/head-bg-manualsafety.png); background-size: cover;} /* 安全上のご注意 */
	main#support-contents .hero-area-plate.diff-img-export{background: url(/support/img2022/category/headline/head-bg-export.png); background-size: cover;} /* 安全保障輸出管理手続きと該非証明書について */
	main#support-contents .hero-area-plate.diff-img-contact{background: url(/support/img2022/category/headline/head-bg-contact.png); background-size: cover;} /* 使い方・トラブルのご相談 */
	main#support-contents .hero-area-plate.diff-img-repair{background: url(/support/img2022/category/headline/head-bg-repair.png); background-size: cover;} /* 修理のご相談 */
	main#support-contents .hero-area-plate.diff-img-globalrepair{background: url(/support/img2022/category/headline/head-bg-globalrepair.png); background-size: cover;} /* 海外でのノートパソコンの修理について */
	main#support-contents .hero-area-plate.diff-img-attachdisk{background: url(/support/img2022/category/headline/head-bg-attachdisk.png); background-size: cover;} /* リカバリメディア有償サービス */
  /* --------------------------------------------- */
/* } ページタイトル（hero-area-plate） */

/* ページタイトル - サービスページ用_01（.hero-area-supsrv01） { */
.hero-area-supsrv01 { position: relative; margin: 16px auto 0; max-width: 100%; height: 300px; }
  /* 背景画像指定 ---------------------------------- */
		/* 	富士通パソコンリサイクル */
		.hero-area-supsrv01.recycle { position: relative; z-index: 1; background-image: url("/recycle/images/img-cover_recycle.png"); background-repeat: no-repeat; background-size: cover; background-position: right 75%; }
		.hero-area-supsrv01.recycle::after { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(203,237,180,0.5); }
		.hero-area-supsrv01.recycle .content-inner { position: relative; z-index: 3; }
		/* 	PC保証アップグレードサービス */
		.hero-area-supsrv01.warranty { position: relative; z-index: 1; background-image: url("/warranty/images/img-cover_warranty.png");background-repeat: no-repeat; background-size: cover; background-position: 50% top; }
		.hero-area-supsrv01.warranty::after { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(125,208,240,0.5); }
		.hero-area-supsrv01.warranty .content-inner { position: relative; z-index: 3; }
		/* PCコンシェルジュサービス */
		.hero-area-supsrv01.concierge { background-image: url("/concierge/images/img-top_cover.png");background-repeat: no-repeat; background-size: cover; background-position: center top; }
		.hero-area-supsrv01.concierge .content-inner { position: relative; z-index: 3; background: #ffffffcc; }
		/* FMV海外引取修理サービス */.hero-area-supsrv01.overseas { background-image: url("/support/repair/overseas/images/img-cover_overseas.png");background-repeat: no-repeat; background-size: cover; background-position: center top; }
		.hero-area-supsrv01.overseas .content-inner { background: #ffffff80; }
/* --------------------------------------------- */
#SearchBox + #container > #support-contents > .main-contents > .hero-area-supsrv01 { margin-top: 0; }
.hero-area-supsrv01 .content { max-width: 1280px; margin: 0 auto; position: relative; padding: 40px 0; }
.hero-area-supsrv01 .content-inner { margin-left: 20px; padding: 15px; width: 55%; border-radius: 5px; }
.hero-area-supsrv01 .content-inner .main-txt { margin-bottom: 40px; }
.hero-area-supsrv01 .content-inner .main-txt>* { font-size: clamp(3rem, 2vw + 2rem, 4rem); line-height: 1.3; }
.hero-area-supsrv01 .content-inner .sub-txt>* { font-size: 1.8rem; }
.hero-area-supsrv01 .content-inner .srv-btn { margin-top: 40px; font-size: 2.0rem; font-weight: bold; }
.hero-area-supsrv01 .content-inner .srv-btn a { display: inline-block; padding: 1em 2em; background: #00e88b; border-radius: 8px; text-decoration: none;box-shadow: 0px 3px 6px #b1ccc1CC; margin-bottom: 40px; }
.hero-area-supsrv01 .content-inner .srv-btn a:hover { background: #8be8c3; color: #000000; }
@media only screen and (max-width: 768px) { .hero-area-supsrv01 .content-inner { margin: 0 auto; width: 90%; }}
@media only screen and (max-width: 480px) {	
	.hero-area-supsrv01 { height: 280px; }
	.hero-area-supsrv01 .content { padding: 10px 0; }
	.hero-area-supsrv01 .content-inner { width: 98%; }
}
/* } ページタイトル - サービスページ用_01（.hero-area-supsrv01） */
/* ページタイトル - サービスページ用_02（.hero-area-supsrv02） { */
.hero-area-supsrv02 { margin-top: 16px; min-height: 300px; }
  /* 背景画像指定 ---------------------------------- */
		/* ビギナーガイド */
		.hero-area-supsrv02.beginnersguide { background: #fafff7; }
  /* --------------------------------------------- */
#SearchBox + #container > #support-contents > .main-contents > .hero-area-supsrv02 { margin-top: 0; }
.hero-area-supsrv02 .content { max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; padding: 40px 0; }
.hero-area-supsrv02 .content-inner { margin-left: 20px; width: 55%; }
.hero-area-supsrv02 .visual { max-width: 500px; margin: 0 auto; position: absolute; top: 0; right: 20px;}
.hero-area-supsrv02 .visual>img { position: relative;z-index: -1; display: block; }
.hero-area-supsrv02 .content-inner .main-txt { margin-bottom: 40px; }
.hero-area-supsrv02 .content-inner .main-txt>*  { font-size: clamp(3rem, 2vw + 2rem, 4rem); line-height: 1.3; }
.hero-area-supsrv02 .content-inner .sub-txt>* { font-size: 1.8rem; }
.hero-area-supsrv02 .srv-btn { margin-top: 40px; margin-left: 20px; font-size: 2.0rem; font-weight: bold; width: 55%; }
.hero-area-supsrv02 .srv-btn a { display: inline-block; padding: 1em 2em; background: #00e88b; border-radius: 8px; text-decoration: none;box-shadow: 0px 3px 6px #b1ccc1CC; margin-bottom: 40px; }
.hero-area-supsrv02 .srv-btn a:hover { background: #8be8c3; color: #000000; }
@media only screen and (max-width: 768px) {
	.hero-area-supsrv02 .content {padding-bottom: 20px; }
	.hero-area-supsrv02 .content-inner { margin: 0 auto; width: 90%; }
	.hero-area-supsrv02 .content-inner .srv-btn a { display: block; text-align: center; width: 90%; margin-left: auto; margin-right: auto; }
	.hero-area-supsrv02 .visual { position: relative; right: 0; padding-top: 20px; }
	.hero-area-supsrv02 .srv-btn { margin: 40px auto 0; width: 90%; }
	.hero-area-supsrv02 .srv-btn a { display: block; margin-bottom: 40px; text-align: center;}
}
/* } ページタイトル - サービスページ用_02（.hero-area-supsrv02） */

/* サービスページ用追従メニュー（#supsrv-nav-fixed） -------------------- { */
#supsrv-nav-fixed {background: #1f3134; margin-top: 0;}
.supsrv-nav { position: relative; top: inherit; z-index: 0; transition: top .2s; }
.supsrv-nav::before { position: absolute; top: 100%; left: 0; z-index: -1; display: block; width: 100%; height: 40px; content: ""; pointer-events: none; }
.is-fixed .supsrv-nav { position: fixed; top: 0; left: 0; z-index: 201; width: 100%; background: #dad9d6; }
.supsrv-nav .supsrv-nav-inner { max-width: 1280px; margin: 0 auto; background: #1f3134; }
@media only screen and (max-width: 1000px) { .supsrv-nav .supsrv-nav-inner {margin-right:16px; margin-left: 16px;}}
.is-fixed .supsrv-nav .supsrv-nav-inner { overflow-x: scroll; -webkit-overflow-scrolling: touch; max-width: inherit; margin: 0; }
.supsrv-nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; }
@media only screen and (max-width: 768px) { .supsrv-nav ul { display:block; margin-bottom: 0; }}
.is-fixed .supsrv-nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-flex-wrap:nowrap; -ms-flex-wrap: nowrap; flex-wrap:nowrap; }
.is-fixed .supsrv-nav ul>li { margin: 0; padding: 0; white-space: nowrap; border-bottom: 0; }
.is-fixed .supsrv-nav ul>li::before { display: block; }
.is-fixed .supsrv-nav ul>li:last-child::before { display: none; }
.supsrv-nav ul>li { position: relative; width: 100%; text-align: center; line-height: 1.4; }
@media only screen and (max-width: 768px) { .supsrv-nav ul>li { width: inherit; /*margin:0 16px 12px; padding: 0 4px 12px;*/ text-align: left; border-bottom: 1px solid #b1b1ac; }/*.supsrv-nav ul>li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }*/}
.supsrv-nav ul>li::before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 32px; margin-top: -16px; background: #b1b1ac; content: ""; }
.supsrv-nav ul>li:last-child::before { display: none; }
@media only screen and (max-width: 768px) {	.supsrv-nav ul>li::before { display:none; }}
.supsrv-nav ul a { position: relative; display: block; padding: 20px 10px; color: #ffffff; text-decoration: none; }
.supsrv-nav ul li:hover { background-color: #3d6066; }
.supsrv-nav ul .current a { font-weight: 700; }
@media only screen and (max-width: 768px) {.supsrv-nav ul a { padding: 12px 12px; }.is-fixed .supsrv-nav ul a { padding: 20px 12px;}
}
:lang(en) .supsrv-nav ul a::after { top: .4em; }
@media only screen and (max-width: 480px) {	:lang(en) .supsrv-nav ul a::after { top:.3em; }}
/* -------------------- } 追従メニュー（supsrv-nav-fixed） */

/* =============================================================================
	My Cloud premium 訴求
============================================================================= */
#MCPpromotion { padding: 0;border: 1px solid #8c7b33;}
#MCPpromotion > a { text-decoration: none; }
#MCPpromotion > a > .inner { display: flex; align-items: center; font-size: 1.2rem; padding: 5px;}


/* =============================================================================
	FMV premium 訴求
============================================================================= */
#FMVPpromotion { padding: 0;border: 1px solid #000000;}
#FMVPpromotion > a { text-decoration: none; }
#FMVPpromotion > a > .inner { display: flex; align-items: center; font-size: 1.2rem; padding: 5px;}