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

1.タイトル

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-title.products h2 { border-left: 5px solid #069;}
.block-title.products h2 span.sub { font-size: 14px; line-height: 1.3em; margin-bottom: 0.3em;}
.block-title.products h2 span.name { display: inline-block; font-size: 26px !important; line-height: 1.3em;}
.block-title.products h2 span.name small { font-size: 16px !important; font-weight: 600; line-height: 1.2em; margin: 0.9em 0 0 0;}
.block-title.products h2 span.model { display: inline-block; font-size: 20px; font-weight: 600; margin-bottom: 0;}
.block-title.products h2 span.title { font-size: 18px; margin-top: 0.6em; width: 100%;}
.block-title.products h2 span.txt { margin-top: 1.5em;}
.block-title.products h2 span.txt span { display: none; font-size: inherit;}
.block-title.products h2 span.sub + span.title { margin-top: 0.3em;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-title.products h2 { border-left: 8px solid #069;}
.block-title.products h2 span.sub { font-size: 16px; line-height: 1.4em; margin-bottom: 0.4em;}
.block-title.products h2 span.name { font-size: 32px !important;}
.block-title.products h2 span.name small { font-size: 18px !important; margin: 0.6em 0 0 0;}
.block-title.products h2 span.model { font-size: 24px; margin: 0 0.4em 0 0;}
.block-title.products h2 span.title { font-size: 22px;}
.block-title.products h2 span.txt { margin-top: 1.3em;}
.block-title.products h2 span.txt span { display: block;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-title.products h2 span.sub { font-size: 18px;}
.block-title.products h2 span.name { font-size: 37px !important;}
.block-title.products h2 span.name small { font-size: 20px !important;}
.block-title.products h2 span.model { font-size: 26px;}
.block-title.products h2 span.title { font-size: 24px;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

2.サポート枠

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-support:nth-child(even) { background:#fff !important;}
.block-support:nth-child(odd) { background:#f0f0f0 !important;}
/* -------------- フォント */
.block-support .c_red { color: #d61518;}
main .block-support h2.line:after { border-bottom-color: #069;}
main [class*="block-support"] h2 { font-size: 23px;}
main [class*="block-support"] h3 { font-size: 19px; margin: 0 0 1.3em 0;}
main [class*="block-support"] h3.line:before { background-color: #069;}
main [class*="block-support"] h4 { font-size: 17px; margin-bottom: 1.3em;}
main [class*="block-support"] h4.line { border-left: 5px solid #909090; padding-left: 0.7em;}
main [class*="block-support"] h5,
main [class*="block-support"] h6 { font-size: 15px; margin-bottom: 0.4em;}
main [class*="block-support"] p + h4,
main [class*="block-support"] ul + h4,
main [class*="block-support"] table + h4 { margin-top: 1.8em;}
main [class*="block-support"] div + h5,
main [class*="block-support"] p + h5,
main [class*="block-support"] ul + h5,
main [class*="block-support"] table + h5,
main [class*="block-support"] div + h6,
main [class*="block-support"] p + h6,
main [class*="block-support"] ul + h6,
main [class*="block-support"] table + h6 { margin-top: 1.0em;}
main [class*="block-support"] p + p,
main [class*="block-support"] p + ul,
main [class*="block-support"] ul + p,
main [class*="block-support"] ul + ul,
main [class*="block-support"] ul + table,
main [class*="block-support"] p + table,
main [class*="block-support"] table + ul,
main [class*="block-support"] table + p { margin-top: 0.7em;}
main [class*="block-support"] p.tel_time span { display: block;}
main [class*="block-support"] p.tel_time span.tel_time_main { color: #d61518; font-size: 18px; margin-bottom: 5px;}
main [class*="block-support"] p.tel { align-items: center; font-size: 24px; font-weight: 600; display: flex; line-height: 1.3em;}
main [class*="block-support"] p.tel svg { fill: #d61518; height: 30px; margin-right: 0.3em; width: 42px;}
main [class*="block-support"] p.tel.black svg { fill: #000;}
main [class*="block-support"] p.point { align-items: baseline; display: flex;}
main [class*="block-support"] p.point span.point {
	align-items: center;
	background-color: #069;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	margin-right: 0.6em;
	padding: 0.3em 0.8em;
}
main [class*="block-support"] p.point span.point.txt {
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
main [class*="block-support"] p.point span.point.fa {
	border-radius: 2px;
	font-size: 14px;
	padding: 0.3em 0.5em;
}
main [class*="block-support"] p.point span.point.fa i.fa { margin-left: 0 !important;}
main [class*="block-support"] .lead { font-size: 123.5%;}
main [class*="block-support"] .big { font-size: 148%;}
main [class*="block-support"] li + li { margin-top: 0.5em;}
main [class*="block-support"] li ul { margin-top: 0.8em;}
main [class*="block-support"] li ul li + li { margin-top: 0.4em;}
main [class*="block-support"] .link li a::before { content: "\f107"; font-family: FontAwesome; font-weight: 600; margin-right: 8px; vertical-align: middle;}
main [class*="block-support"] p.sup,
main [class*="block-support"] li.sup,
main [class*="block-support"] ul.sup li,
main [class*="block-support"] sup { font-size: 100% !important;}
main [class*="block-support"] p.sup,
main [class*="block-support"] li.sup,
main [class*="block-support"] ul.sup li { color: #505050; padding-left: 1.0em; text-indent: -1.0em;}
main [class*="block-support"] .red { color: #dd0000 !important;}
.block-support i.fa { display: inline; margin-left: 0.5em;}
.block-support i.fa.fa-user { margin-left: 0em; margin-right: 0.5em;}
/* --------------- table */
main [class*="block-support"] table { border: none; clear: both;}
main [class*="block-support"] table thead { display: none;}
main [class*="block-support"] table tr { background: #f9f9f9; border: 1px solid #d0d0d0; display:block; padding: 0.7em;}
main [class*="block-support"] table tr + tr { margin-top: 0.3em;}
main [class*="block-support"] table tr + tr.ver { margin-top: 1.2em;}
main [class*="block-support"] table tr th,
main [class*="block-support"] table tr td { display:list-item; list-style:none; padding: 0; text-align: left;}
main [class*="block-support"] table tr:nth-child(odd) th,
main [class*="block-support"] table tr:nth-child(odd) td { background-color: transparent;}
main [class*="block-support"] table tr th br,
main [class*="block-support"] table tr td br { display: none;}
main [class*="block-support"] table tr th + td { border-top: 1px solid #e0e0e0; margin-top: 0.3em; padding-top: 0.3em;}
main [class*="block-support"] table tr td + td { padding-top: 0.2em;}
main [class*="block-support"] table tr th a,
main [class*="block-support"] table tr td a { font-weight: 600; text-decoration: underline;}
main [class*="block-support"] table tr td a:hover { text-decoration: none;}
main [class*="block-support"] table tr td a::before { content: "\f019"; font-family: FontAwesome; margin-right: 0.8em;}
main [class*="block-support"] table tr td a.del { font-weight: 400;}
main [class*="block-support"] table tr td a.del::before { content: ""; margin-right: 0;}
/* -------------- リンク */
main .block-support a:link,
main .block-support a:visited { color: #069;}
main .block-support a:hover,
main .block-support a:focus { color: #069; text-decoration: underline;}
/* -------------- 説明枠 */
.block-support p + .inner { margin-top: 2.0em;}
.block-support .inner + .inner { margin-top: 2.5em !important; padding-top: 2.5em !important;}
.block-support:nth-child(even) .inner + .inner { border-top: 1px solid #f0f0f0;}
.block-support:nth-child(odd) .inner + .inner { border-top: 1px solid #e0e0e0;}
.block-support .inner .list-box {}
.block-support .inner p + .list-box,
.block-support .inner ul + .list-box,
.block-support .inner table + .list-box,
.block-support .inner .list-box + p,
.block-support .inner .list-box + ul,
.block-support .inner .list-box + table { margin-top: 25px;}
.block-support .inner .list-box + .list-box { margin-top: 15px;}
.block-support .inner .list-box + .pointBlock,
.block-support .inner .pointBlock + .list-box { margin-top: 25px;}
.block-support .inner .list-box.shadow { border-radius: 0; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px; padding: 1.5em;}
.block-support:nth-child(even) .inner .list-box.shadow { background:#f0f0f0;}
.block-support:nth-child(odd) .inner .list-box.shadow { background:#fff;}
.block-support .inner .list-box .box + .box { border-top: #e0e0e0 1px solid; margin-top: 1.3em; padding-top: 1.3em;}
.block-support:nth-child(odd) .inner .list-box .box + .box { border-color: #f0f0f0;}
.block-support .inner .list-box h5 { align-items: center; display: flex; margin-bottom: 0.8em;}
.block-support .inner .list-box h5 span.info { background: #303030; border-radius: 2px; color: #fff; line-height: 24px; margin-right: 0.7em; text-align: center; width: 24px;}
/* font */
.block-support .inner ul.list { display: block;}
.block-support .inner ul.list.indent { margin-left: 1.0em;}
.block-support .inner ul.dl + ul.list { margin-top: 1.5em;}
.block-support .inner ul.list li { margin: 0; width: 100%;}
.block-support .inner ul.list li + li { margin-top: 6px !important;}
.block-support .inner ul.list li a {
	background-color: transparent;
	border: none;
	display: contents;
	filter: none !important;
	height: auto;
	padding: 0;
	position: relative;
	}
.block-support .inner ul.list li a::before {
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 77%;
	font-weight: 600;
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
.block-support .inner ul.list li.pdf a::before { content: "\f1c1"; font-size: 93%; margin-right: 0.7em;}
.block-support .inner i.fa.fa-question-circle { margin: 0;}
.block-support .inner .list > li { padding-left: 1.0em; text-indent: -1.0em;}
.block-support .inner .list > li::before { content: "\f111"; font-family: FontAwesome; font-size: 48%; margin-right: 5px; vertical-align: middle;}
.block-support .inner .list > li ul { margin-top: 0.4em;}
.block-support .inner .list > li ul li { padding-left: 0; text-indent: 0;}
/* 適応表PDF */
.block-support .inner ul.dl { align-items: stretch; display: flex; flex-wrap: wrap; margin: -5px 0 0 -5px;}
.block-support .inner ul.dl li { font-weight: 600; line-height: 1.4em; margin: 5px 0 0 5px; text-align: left; width: calc((100% / 1) - 5px); word-break : break-all;}
.block-support .inner ul.dl li + li { margin-top: 5px !important;}
.block-support .inner ul.dl li a {
	align-items: center;
	background: #f5f5f5;
    border: #fff 3px solid;
	color: #069;
    display: flex;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    flex-wrap: nowrap;
    height: 100%;
    padding: 0 1.8em 0 0;
    position: relative;
    transition: all 0.3s ease-out;
	}
.block-support .inner ul.dl li a:hover {
	background: #f5f5f5;
	color: #000;
	filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.4));
	text-decoration: none;
	z-index: 3;
	}
.block-support .inner ul.dl li a:after {
	color: #c0c0c0;
	content: "\f08e";
	font-family: "FontAwesome";
	font-size: 10px;
	font-weight: 400;
	position: absolute;
	right: 0.6em;
	z-index: 4;
	}
.block-support .inner ul.dl li a p.date {
	background: #069;
	color: #fff;
	font-size: 83%;
	font-weight: 600;
	line-height: 1.0em;
	margin: 0 0.6em 0 0;
	padding: 1.2em 1.0em;
	text-align: left;
	transition: all 0.3s ease-out;
	width: auto;
	}
.block-support .inner ul.dl li a:hover p.date { background: #707070; color: #fff;}
.block-support .inner ul.dl li a p.date i.fa { margin-left: 0;}
/* ダウン移動ボタン */
.block-support .inner .down { background: #f7f7f7; padding: 10px;}
.block-support .inner .down ul.dl li a {
	align-items: center;
	background: #fff;
	border: none;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 15px 25px 15px 10px;
	position: relative;
	transition: all 0.3s ease-out;
}
.block-support .inner .down ul.dl li a:hover,
.block-support .inner .down ul.dl li a:focus { background: #006699; color: #fff; text-decoration: none;}
.block-support .inner .down ul.dl li a:after { content: "";}
.block-support .inner .down ul.dl li a span.icon {
	border-style: solid;
	border-width: 0 0 26px 26px;
	border-color: transparent transparent #b0b0b0 transparent;
	bottom : 2px;
	position: absolute;
	right: 2px;
	transition: all 0.3s ease-out;
	z-index: 4;
	}
.block-support .inner .down ul.dl li a span.icon::after {
	color: #fff;
	content: "\f078";
	bottom: -28px;
	font-family: "FontAwesome";
	font-size: 5px;
	font-weight: 400;
	position: absolute;
	right: 3px;
	transition: all 0.3s ease-out;
	z-index: 4;
	}
.block-support .inner .down ul.dl li a:hover span.icon,
.block-support .inner .down ul.dl li a:focus span.icon { border-color: transparent transparent #fff transparent;}
.block-support .inner .down ul.dl li a:hover span.icon::after,
.block-support .inner .down ul.dl li a:focus span.icon::after { color: #006699;}
/* カウント挿入 */
main [class*="block-support"] .inner ul.need li { line-height: 1.8em;}
main [class*="block-support"] .inner ul.need > li { text-indent: -1.0em; padding-left: 1.0em;}
main [class*="block-support"] .inner ul.need li + li { margin-top: 0.8em;}
main [class*="block-support"] .inner ul.need li ul { margin-left: 2.0em; margin-top: 0.4em; width: calc(100% - 2.0em);}
main [class*="block-support"] .inner ul.need li ul li { line-height: 1.4em;}
main [class*="block-support"] .inner ul.need li ul li + li { margin-top: 0.4em;}
main [class*="block-support"] .inner[class*="count"] { padding-top: 2.0em; position: relative;}
main [class*="block-support"] .inner[class*="count"]::before { color: #909090; font-size: 15px; top: 0; position: absolute;}
main [class*="block-support"] .inner [class*="count"] { margin-top: 1.2em; padding-top: 1.2em; padding-left: 2.0em; position: relative;}
main [class*="block-support"] .inner [class*="count"]::before { color: #b0b0b0; font-size: 13px; left: 0; position: absolute;}
main [class*="block-support"]:nth-child(even) .inner [class*="count"] { border-top: 1px solid #f0f0f0;}
main [class*="block-support"]:nth-child(odd) .inner [class*="count"] { border-top: 1px solid #e0e0e0;}
main [class*="block-support"] .count1::before { content: "1";}
main [class*="block-support"] .count2::before { content: "2";}
main [class*="block-support"] .count3::before { content: "3";}
main [class*="block-support"] .count4::before { content: "4";}
main [class*="block-support"] .count5::before { content: "5";}
main [class*="block-support"] .count6::before { content: "6";}
main [class*="block-support"] .count7::before { content: "7";}
main [class*="block-support"] .count8::before { content: "8";}
main [class*="block-support"] .count9::before { content: "9";}
main [class*="block-support"] .count10::before { content: "10";}
main [class*="block-support"] .count11::before { content: "11";}
main [class*="block-support"] .count12::before { content: "12";}
main [class*="block-support"] .count13::before { content: "13";}
main [class*="block-support"] .count14::before { content: "14";}
main [class*="block-support"] .count15::before { content: "15";}
main [class*="block-support"] .count16::before { content: "16";}
main [class*="block-support"] .count17::before { content: "17";}
main [class*="block-support"] .count18::before { content: "18";}
main [class*="block-support"] .count19::before { content: "19";}
main [class*="block-support"] .count20::before { content: "20";}
main [class*="block-support"] .count21::before { content: "21";}
main [class*="block-support"] .count22::before { content: "22";}
main [class*="block-support"] .count23::before { content: "23";}
main [class*="block-support"] .count24::before { content: "24";}
main [class*="block-support"] .count25::before { content: "25";}
main [class*="block-support"] .count26::before { content: "26";}
main [class*="block-support"] .count27::before { content: "27";}
main [class*="block-support"] .count28::before { content: "28";}
main [class*="block-support"] .count29::before { content: "29";}
main [class*="block-support"] .count30::before { content: "30";}
/* -------------- ボタン */
main .block-support .btn { font-size: 15px; text-align: center;}
main .block-support ul + .btn,
main .block-support p + .btn,
main .block-support span + .btn { margin-top: 1.6em !important;}
main .block-support .btn a {
	background: #069;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	color: #fff !important;
	display: block;
	padding: 20px 2.4em;
	position: relative;
	transition: all 0.3s ease-out;
	}
main .block-support .btn a i { font-size: 13px; margin-top: -6px; position: absolute; right: 1.0em; top: 50%;}
main .block-support .btn a:hover { background: #808080; box-shadow: rgba(0,0,0,0.5) 1px 1px 8px; opacity: 1; text-decoration: none;}
/* -------------- タブメニュー */
main [class*="block-support"] .subnavi { margin: -1.2em 0 2.4em 0;}
main [class*="block-support"] .subnavi ul { display: flex; flex-wrap: wrap; margin: -4px 0 0 -4px;}
main [class*="block-support"] ul.pagenav { display: none; flex-wrap: wrap; margin: -1.2em 0 2.4em -4px;}
main [class*="block-support"].update .column ul.dr_soft { display: flex; justify-content: center; flex-wrap: wrap; margin: -1.0em 0 2.5em -4px;}
main [class*="block-support"] .subnavi ul > li,
main [class*="block-support"] ul.pagenav > li,
main [class*="block-support"].update .column ul.dr_soft > li { font-size: 11px; margin: 4px 0 0 4px;}
main [class*="block-support"].update .column ul.dr_soft > li { width: 70% !important;}
main [class*="block-support"].update .column ul.dr_soft > li + li { margin-top: 4px !important;}
main [class*="block-support"] .subnavi ul > li a,
main [class*="block-support"] ul.pagenav > li a,
main [class*="block-support"].update .column ul.dr_soft > li a {
	align-items: center;
	background-color: transparent;
	border: #e0e0e0 solid 1px;
	border-radius: 1px;
	box-shadow: none;
	color: #303030 !important;
	display: flex;
	filter: none !important;
	line-height: 1.4em;
	margin:0;
	padding: 0.3em 0.5em;
	transition: all 0.35s ease-in-out;
	text-align: center;
	z-index: 9;
	}
main [class*="block-support"]:nth-child(odd) .subnavi ul > li a,
main [class*="block-support"]:nth-child(odd) ul.pagenav > li a,
main [class*="block-support"]:nth-child(odd).update .column ul.dr_soft > li a { border: 1px solid #c0c0c0;}
main [class*="block-support"].update .column ul.dr_soft > li a::after {
	border: none !important;
	bottom: auto;
	position: static;
	right: auto;
	}
main [class*="block-support"] .subnavi ul > li a:hover,
main [class*="block-support"] .subnavi ul > li.active > a,
main [class*="block-support"] ul.pagenav > li a:hover,
main [class*="block-support"] ul.pagenav > li.active > a,
main [class*="block-support"].update .column ul.dr_soft > li a:hover,
main [class*="block-support"].update .column ul.dr_soft > li.active a {
	background-color: #909090;
	border-color: #909090;
	box-shadow: none;
	color: #fff !important;
	text-decoration:none;
	z-index: 10;
	}
main [class*="block-support"].update .column ul.dr_soft > li a:hover,
main [class*="block-support"].update .column ul.dr_soft > li.active a { background-color: #909090; border-color: #909090; filter: none !important;}
main [class*="block-support"]:nth-child(odd) .subnavi ul > li a:hover,
main [class*="block-support"]:nth-child(odd) .subnavi ul > li.active > a,
main [class*="block-support"]:nth-child(odd) ul.pagenav > li a:hover,
main [class*="block-support"]:nth-child(odd) ul.pagenav > li.active > a { background: #909090; border-color: #909090;}
main [class*="block-support"]:nth-child(odd).update .column ul.dr_soft > li a:hover,
main [class*="block-support"]:nth-child(odd).update .column ul.dr_soft > li.active a { background: #909090;}
/* -------------- よくあるご質問ボタン */
.support_faqBox { background: #fff; border: #e0e0e0 solid 1px; display: block; padding: 10px;}
.support_faqBox + div { margin-top: 2.0em;}
.support_faqBox div + p,
.support_faqBox p + div { margin-top: 10px;}
.support_faqBox .support_faqBtn { align-items: center; display: flex; width: 100%;}
.support_faqBox .support_faqBtn a {
	background: #069;
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	color: #fff;
	display: block;
	padding: 10px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.support_faqBox .support_faqBtn a:link,
.support_faqBox .support_faqBtn a:visited { color: #fff !important;}
.support_faqBox .support_faqBtn a:hover,
.support_faqBox .support_faqBtn a:focus { background: #808080; box-shadow: rgba(0,0,0,0.5) 1px 1px 8px; color: #fff !important; opacity: 1.0; text-decoration: none !important;}
.support_faqBox .support_faqBtn a i { font-size: 12px; margin-top: -6px; position: absolute; right: 1.0em; top: 50%;}
.support_faqBox .support_faqBtn a img { width: 50px;}
.support_faqBox .support_faqBtn a p { line-height: 1.2em; margin-top: 0.8em;}
.support_faqBox .support_faqBtn a p span { display: block;}
.support_faqBox .support_faqBtn a p span.lead { font-size: 11px;}
.support_faqBox .support_faqBtn a p span.title { font-size: 15px; font-weight: bold; margin-top: 0.3em;}
/* -------------- 問合せ電話番号 */
main .block-support ul.flex-box.tel-menu { margin-bottom: 1.3em; margin-left: -10px; margin-top: 0;}
main .block-support ul.flex-box.tel-menu li {
	background: #fff;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
	margin-left: 10px;
	margin-top: 10px;
	max-width: 100%;
	padding: 10px;
	width: 100%;
	}
main .block-support ul.flex-box.tel-menu li div.flex-box div { width: 100%;}
main .block-support ul.flex-box.tel-menu li div.flex-box .logo { margin-bottom: 10px; max-width: 100%; text-align: center;}
main .block-support ul.flex-box.tel-menu li div.flex-box .logo img { max-width: 60px;}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt { max-width: 100%; text-align: center;}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p { font-size: 15px; font-weight: 600; margin-bottom: 10px; text-align: center;}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p.tel { justify-content: center; font-size: 24px; line-height: 1.2em; margin-bottom: 0;}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p.tel strong.redbox {
	background-color: #cc0000;
	border: 2px 4px solid #cc0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:21px;
	padding:0 7px;
	}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p.tel small.redbox {
	color:#cc0000;
	font-size:70%;
	letter-spacing: 0;
	margin-left: 6px;
	}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p.sup { font-size: 12px; font-weight: 400; margin-bottom: 0;}
/* -------------- 3カラムボタン */
main .block-support ul.flex-box.col3-menu { margin: -10px 0 0 -10px;}
main .block-support ul.flex-box.col3-menu > li {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin: 10px 0 0 10px;
	max-width: 100%;
	transition: all 0.3s ease-out;
	width: 100%;
	}
main .block-support ul.flex-box.col3-menu > li:hover { box-shadow: 1px 1px 8px rgba(0,0,0,0.4); z-index: 3;}
main .block-support ul.flex-box.col3-menu > li + li { margin-top: 10px !important;}
main .block-support ul.flex-box.col3-menu li a {
	background: #fff;
	display: block;
	height: 100%;
	padding: 1.5em 1.0em;
	position: relative;
	transition: all 0.3s ease-out;
	}
main .block-support ul.flex-box.col3-menu li a:hover { background: #f0f0f0; text-decoration: none;}
main .block-support ul.flex-box.col3-menu li a::after {
	border-color: transparent transparent #c0c0c0 transparent;
	border-style: solid;
	border-width: 0 0 8px 8px;
	bottom: 4px;
	content: "";
	height: 0;
	position: absolute;
	right: 4px;
	transition: all 0.3s ease 0s;
	width: 0;
	}
main .block-support ul.flex-box.col3-menu li a:hover::after { border-color: transparent transparent #303030 transparent; bottom: 10px; right: 10px;}
main .block-support ul.flex-box.col3-menu li a div { width: 100%;}
main .block-support ul.flex-box.col3-menu li a .logo { margin-bottom: 1.5em; max-width: 100%; text-align: center;}
main .block-support ul.flex-box.col3-menu li a .logo img { max-width: 100px;}
main .block-support ul.flex-box.col3-menu li a .txt { max-width: 100%; text-align: center;}
main .block-support ul.flex-box.col3-menu li a .txt h2.en { font-size: 20px !important; font-weight: 600; letter-spacing: 0 !important; margin-bottom: 0.2em !important;}
main .block-support ul.flex-box.col3-menu li a .txt h3.en { font-size: 18px !important; line-height: 1.5em; margin-bottom: 0.5em !important;}
main .block-support ul.flex-box.col3-menu li a .txt ul { justify-content: center; margin-left: -5px;}
main .block-support ul.flex-box.col3-menu li a .txt ul li { margin:0 0 0 5px !important; width: auto;}
main .block-support ul.flex-box.col3-menu li a .txt p { color: #000;}
main .block-support ul.flex-box.col3-menu li a .txt p + p { margin-top: 0.7em;}
main .block-support ul.flex-box.col3-menu li a .txt p.left { text-align: left;}
main .block-support ul.flex-box.col3-menu li a .txt p span.support { background: #d0d0d0; display: inline-block; margin-bottom: 0.3em; padding: 0.2em 0.4em;}
main .block-support ul.flex-box.col3-menu li a .txt p small { font-size: 93%; letter-spacing: 0; line-height: 1.4em;}
/* -------------- アップデート */
main .block-support.update .column + .column { border-top: 1px solid #e0e0e0; margin-top: 2.5em; padding-top: 2.5em;}
main .block-support.update .column ul { align-items: stretch; display: flex; flex-wrap: wrap; margin: -8px 0 0 -8px;}
main .block-support.update .column ul li { height:auto; margin: 8px 0 0 8px; opacity: 1; width: calc((100% / 1) - 8px);}
main .block-support.update .column ul li.is-hidden { display: none; opacity: 0;}
main .block-support.update .column ul li.is-show { animation: fadeIn 1s ease;}
main .block-support.update .column ul li + li { margin-top: 8px !important;}
main .block-support.update .column ul li + li.is-hidden,
main .block-support.update .column ul li.is-hidden + li { margin-top: 0 !important;}
main .block-support.update .column ul li a {
	background: #fff;
	border-left: #f0f0f0 1px solid;
	border-top: #f0f0f0 1px solid;
	display: flex;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	flex-wrap: wrap;
	height: 100%;
	padding: 1.6em 0.7em 0.7em 0.7em;
	position: relative;
	transition: all 0.3s ease-out;
	}
main .block-support.update .column ul li a:hover {
	background: #fff;
	color: #000;
	filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.5));
	text-decoration: none;
	z-index: 3;
	}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, main .block-support.update .column ul li a { box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
	*::-ms-backdrop, main .block-support.update .column ul li a:hover { box-shadow: 1px 1px 8px rgba(0,0,0,0.5);}
}
main .block-support.update .column ul li a::after {
	border-color: transparent transparent #c0c0c0 transparent;
	border-style: solid;
	border-width: 0 0 6px 6px;
	bottom: 4px;
	content: "";
	height: 0;
	position: absolute;
	right: 4px;
	transition: all 0.3s ease 0s;
	width: 0;
	}
main .block-support.update .column ul li a:hover::after { border-color: transparent transparent #303030 transparent; bottom: 8px; right: 8px;}
main .block-support.update .column ul li a p img.lazy { opacity: 0; transition: all 0.3s ease-out;}
main .block-support.update .column ul li a p img.is-show { opacity: 1;}
/* 戻るボタン */
main .block-support.update .column .more { margin-top: 20px; text-align: center;}
main .block-support.update .column .more button {
	background-color: #505050;
	border: none;
	cursor: pointer;
	outline: none;
	color:#fff;
	padding: 0;
	line-height: 40px;
	width: 160px;
	border-radius: 20px;
}
main .block-support.update .column .more button:hover { background: #909090;}

main .block-support.update .column ul.list { display: block; margin: 0;}
main .block-support.update .column ul.list li { margin: 0; width: 100%;}
main .block-support.update .column ul.list li + li { margin-top: 6px !important;}
main .block-support.update .column ul.list li a {
	background-color: transparent;
	border: none;
	display: inline-block;
	filter: none !important;
	height: auto;
	padding: 0;
	position: relative;
	transition: none;
	}
main .block-support.update .column ul.list li a::before {
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 7px;
	font-weight: 600;
	margin-right: 0.7em;
	}
main .block-support.update .column ul.list li a::after {
	border: none;
	position: static;
	}
main .block-support.update .column ul.list li a:hover { background-color: transparent; text-decoration: underline;}
main .block-support.update .column ul li a p {
	font-size: 13px;
	font-family: "Whitney A","Whitney B",san-serif;
    font-weight: 600;
	line-height: 1.1em;
	text-align: center;
	width: 100%;
	}
main .block-support.update .column ul li a p span {
	display: inline-block;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-weight: 400;
	padding-top: 0.2em;
	}
main .block-support.update .column ul li a p + p { margin-top: 0;}
main .block-support.update .column ul li a p.pic { margin-bottom: 0.3em;}
main .block-support.update .column ul li a p.date {
	background: #e9e9e9;
	color: #000;
	font-size: 10px;
	font-weight: 400;
	left: -1px;
	line-height: 1.0em;
	margin-top: 0;
	padding: 0.4em 0.7em;
	position: absolute;
	text-align: left;
	top: 4px;
	transition: all 0.3s ease-out;
	width: auto;
	}
main .block-support.update:nth-child(odd) .column ul li a p.date { background: #e0e0e0;}
main .block-support.update .column ul li a p img { max-width: 60px;}
/* -------------- オープンソースソフトウェア */
main .block-support.source-code .column + .column { border-top: 1px solid #e0e0e0; margin-top: 2.5em; padding-top: 2.5em;}
main .block-support.source-code .column > ul {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -24px 0 0 -10px;
	z-index: 3;
	}
main .block-support.source-code .column > ul > li {
	background: #fff;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
	margin: 24px 0 0 10px;
	padding: 0.7em;
	position: relative;
	transition: all 0.3s ease-out;
	width: calc((100% / 1) - 10px);
	word-break: break-all;
	}
main .block-support.source-code .column > ul > li:hover { filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.5)); z-index: 3;}
main .block-support.source-code .column > ul > li + li { margin-top: 24px !important;}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, main .block-support.source-code .column > ul > li { box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
	*::-ms-backdrop, main .block-support.source-code .column > ul > li:hover { box-shadow: 1px 1px 8px rgba(0,0,0,0.5);}
}
main .block-support.source-code .column > ul > li .important { border-bottom: solid 2px #e0e0e0; font-size: 116% !important; line-height: 1.5em !important; padding-bottom: 0.3em; position: relative;}
main .block-support.source-code .column > ul > li .important:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #909090;
    bottom: -2px;
    width: 40%;
}
main .block-support.source-code .column > ul > li > ul > li { line-height: 1.5em !important;}
main .block-support.source-code .column > ul > li > ul > li + li { border-top: #f0f0f0 1px solid; margin-top: 1.0em !important; padding-top: 1.0em !important;}
main .block-support.source-code .column > ul > li > ul > li.subtitle + li { border-top: none; margin-top: 0.6em !important; padding-top: 0 !important;}
main .block-support.source-code .column > ul > li > ul > li a { align-items: center; display: flex; position: relative; text-decoration: none; transition: all 0.3s ease-out; word-break: break-all;}
main .block-support.source-code .column > ul > li > ul > li a:hover { color: #000;}
main .block-support.source-code .column > ul > li > ul > li a::before { color: #c0c0c0; content: "\f019"; font-family: FontAwesome; margin-right: 0.8em; transition: all 0.3s ease-out;}
main .block-support.source-code .column > ul > li > ul > li a:hover::before { color: #000;}
main .block-support.source-code .column > ul > li > ul > li a::after {
	background: #069;
	bottom: -1px;
	content: '';
	height: 1px;
	left: 0;
	margin: 0;
	position: absolute;
	right: auto;
	top :auto;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	width: 100%;
	}
main .block-support.source-code .column > ul > li > ul > li a:hover::after { content: ''; transform: scale(1, 1);}
/* -------------- アップデート情報 */
main [class*="block-support"].details ul { margin-top: 0 !important;}
main [class*="block-support"].details ul li + li { border-top: 1px solid #f0f0f0; margin-top: 1.5em; padding-top: 1.5em;}
main [class*="block-support"]:nth-child(odd).details ul li + li { border-top: 1px solid #e0e0e0;}
main [class*="block-support"].details ul li h3 { border-left: 5px solid #909090; font-size: 16px; line-height: 1.3em; margin: 0 0 0.7em 0; padding-left: 0.6em;}
/* -------------- インストール方法 */
main [class*="block-support"].howto img { display: block; margin: auto;}
main [class*="block-support"].howto img.right { margin-left: 2.0em;}
main [class*="block-support"].howto p > img { padding-top: 1.0em;}
/* --------------- ポイント */
main [class*="block-support"] ul + .pointBlock,
main [class*="block-support"] p + .pointBlock,
main [class*="block-support"] table + .pointBlock,
main [class*="block-support"] .pointBlock + ul,
main [class*="block-support"] .pointBlock + p,
main [class*="block-support"] .pointBlock + table { margin-top: 2.2em;}
main [class*="block-support"] .pointBlock + .pointBlock { margin-top: 15px;}
main [class*="block-support"] .pointBlock { background-color: #f0f0f0; border: 2px solid #d0d0d0; border-radius: 2px; padding: 10px;}
main [class*="block-support"]:nth-child(odd) .pointBlock { background-color: #fff;}
main [class*="block-support"] .pointBlock h5,
main [class*="block-support"] .pointBlock h6 { align-items: baseline; display: flex; margin-bottom: 1.0em;}
main [class*="block-support"] .pointBlock h5 span,
main [class*="block-support"] .pointBlock h6 span {
	align-items: center;
	background-color: #d61518;
	color: #fff;
	display: flex;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	font-size: 12px;
	margin-left: -15px;
	margin-right: 0.8em;
	padding: 0.3em 0.8em;
	}
main [class*="block-support"] .pointBlock h5 span.point,
main [class*="block-support"] .pointBlock h6 span.point { background-color: #069;}
main [class*="block-support"] .pointBlock .btn { margin: auto;}
main [class*="block-support"] .pointBlock + .btn,
main [class*="block-support"] .pointBlock p + .btn,
main [class*="block-support"] .pointBlock span + .btn { margin-top: 1.1em !important;}
main [class*="block-support"] .pointBlock .btn a { font-size: 118%; padding: 0.7em 1.0em;}
/* --------------- バックボタン */
main [class*="block-support"] p.back { font-size: 11px; line-height: 25px; right: 0; position: absolute; top: -25px;}
main [class*="block-support"] p.back a { background: #707070; color: #fff; display: block; padding: 0 1.0em;}
main [class*="block-support"] p.back a:hover { background: #505050;}
main [class*="block-support"] p.back a::before { content: "\f0d9"; font-family: FontAwesome; margin-right: 0.6em;}
/* --------------- カラム設定(アップデート案内) */
main [class*="block-support"] .flex-box.update p.sup,
main [class*="block-support"] .flex-box.update li.sup,
main [class*="block-support"] .flex-box.update ul.sup li,
main [class*="block-support"] .flex-box.update sup { font-size:93% !important;}
main [class*="block-support"] .flex-box.update li + li { margin-top: 1.0em;}
main [class*="block-support"] .flex-box.update.col2 { width: 100%;}
main [class*="block-support"] .flex-box.update.col2 li { width: 100%;}
main [class*="block-support"] .flex-box.update.col2-img { align-items: center; margin-left: -10px;}
main [class*="block-support"] .flex-box.update.col2-img li { margin-left: 10px;}
/* -------------- 問合せ電話番号 */
main .block-support h3 + .tel,
main .block-support p + .tel { margin-top: 2.5em;}
main .block-support .tel + p,
main .block-support .tel + ul,
main .block-support .tel + div { margin-top: 2.5em;}
main .block-support .tel .number { align-items: center; font-family: "Century Gothic",sans-serif; font-size: 34px; font-weight: 600; line-height: 1.2em;}
main .block-support .tel .number img { margin-right: 0.2em; width: 60px;}
main .block-support .tel .number svg { height: 38px; margin-right: 0.3em; width: 50px;}
main .block-support .tel .number a { color: #000; transition: all 0.3s ease-out;}
main .block-support .tel .number a:hover { color: #707070; text-decoration: none;}
main .block-support .tel .lead { font-size: 116% !important;}
main .block-support .tel .congestion { display: flex; line-height: normal;}
main .block-support .tel .congestion a {
	align-items: center;
	background: #069;
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	color: #fff;
	display: flex;
	height: 100%;
	padding: 0.5em 1.0em;
	transition: all 0.3s ease-out;
	vertical-align: middle;
}
main .block-support .tel .congestion a:hover { background: #808080; box-shadow: rgba(0,0,0,0.5) 1px 1px 8px; text-decoration: none;}
main .block-support .tel .congestion a i { font-size: 87%; margin-left: 0; margin-right: 0.6em;}
main .block-support .tel .col-2 li { width: 100%;}
main .block-support .tel .col-2 li + li { margin-top: 1.3em;}


main .block-support .tel .guidance { margin-top: 2.5em;}
main .block-support .tel .guidance + ul,
main .block-support .tel .guidance + p { margin-top: 1.2em;}
main .block-support .tel .guidance li {
	font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.063rem);
	font-weight: 600;
	position: relative;
}
main .block-support .tel .guidance li + li { margin-top: 0 !important;}
main .block-support .tel .guidance li.level-1 { border: #c0c0c0 1px solid; display: inline-block;}
main .block-support .tel .guidance li.level-1 .guidance-box { padding: 10px;}
main .block-support .tel .guidance li.level-2 {
	align-items: center;
	flex-wrap: nowrap;
	padding-left: 25px;
	padding-top: 20px;
    gap: 15px;
    display: grid;
    grid-template-columns: 50px 1fr;
}
main .block-support .tel .guidance li.level-2::after {
    background: #c0c0c0;
    content: "";
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0;
    width: 1px;
}
main .block-support .tel .guidance li.level-2 .guidance-box {
	background: #d0d0d0;
	border: 1px solid #c0c0c0;
	box-sizing: border-box;
	font-size: clamp(1.188rem, 1.009rem + 0.89vw, 1.438rem);
	line-height: 50px;
	padding: 0;
	text-align: center;
	width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
main .block-support .tel .guidance li.level-2 .guidance-box::after {
   background: #c0c0c0;
    content: "";
    height: 1px;
    left: -15px;
    position: absolute;
    top: 50%;
    width: 15px;
    transform: translateY(-50%);
}
main .block-support .tel .guidance li.level-2 .guidance-box + div {
	line-height: 1.6;
}
main .block-support .tel .guidance li.level-2 .guidance-box + div small {
	display: block;
	font-weight: 400;
	letter-spacing: 0;
	margin-top: 10px;
}
@media screen and (min-width: 768px) {
	main .block-support .tel .guidance li.level-1 .guidance-box { padding: 20px;}
	main .block-support .tel .guidance li.level-2 {
		grid-template-columns: 60px 1fr;
		padding-left: 50px;
	}
	main .block-support .tel .guidance li.level-2::after { left: 20px;}
	main .block-support .tel .guidance li.level-2 .guidance-box { line-height: 60px;}
	main .block-support .tel .guidance li.level-2 .guidance-box::after {
		left: -30px;
		width: 30px;
	}
}
/* -------------- ステップフロー */
main [class*="block-support"] .inner h4 + .step-list,
main [class*="block-support"] .inner p + .step-list,
main [class*="block-support"] .inner ul + .step-list,
main [class*="block-support"] .inner table + .step-list { margin-top: 25px;}
main [class*="block-support"] .inner .step-list + p { margin-top: 1.2em;}
main [class*="block-support"] .inner .step-list li {
	background: #2da1c4;
	border-radius: 2px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0.5em;
	padding: 1.5em 1.0em;
	position: relative;
	text-align: center;
	width: 100%;
}
main [class*="block-support"] .inner .step-list li.active { background: #1686b2;}
main [class*="block-support"] .inner .step-list li + li { margin-top: 15px;}
main [class*="block-support"] .inner .step-list li::after {
	border-color: #2da1c4 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	bottom: -10px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	width: 0;
	z-index: 1;
}
main [class*="block-support"] .inner .step-list li.active::after { border-color: #1686b2 transparent transparent transparent;}
main [class*="block-support"] .inner .step-list li:last-child::after {
	border-width: 0;
	bottom: 0;
	left: 0;
	margin-left: 0;
}
main [class*="block-support"] .inner .step-list li::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 1.0em;
    display: inline-block;
    width: 30px;
    height: 2px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: rgba(255,255,255,0.4);
}
/* 囲み線 */
main [class*="block-support"] .inner .line-bottom {
	border: 3px solid #c0c0c0;
	border-top: none;
	display: block;
	height: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	width: auto;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 188px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 188px) {
/* -------------- アップデート */
main .block-support.update .column ul li { width: calc((100% / 2) - 8px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 268px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 268px) {
/* -------------- アップデート */
main .block-support.update .column ul li { width: calc((100% / 3) - 8px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* -------------- フォント */
main [class*="block-support"] h2 { font-size: 24px;}
main [class*="block-support"] h3 { font-size: 21px;}
main [class*="block-support"] h4 { font-size: 18px;}
main [class*="block-support"] h5,
main [class*="block-support"] h6 { font-size: 16px;}
/* -------------- ボタン */
main .block-support .btn { font-size: 16px;}
/* -------------- よくあるご質問ボタン */
.support_faqBox { padding: 20px;}
.support_faqBox div + p, .support_faqBox p + div { margin-top: 1.4em;}
.support_faqBox .support_faqBtn a { align-items: center; display: flex; justify-content: center; padding: 15px;}
.support_faqBox .support_faqBtn a img { display: block;}
.support_faqBox .support_faqBtn a p { margin: 0 0 0 20px;}
.support_faqBox .support_faqBtn a p span.lead { font-size: 12px;}
.support_faqBox .support_faqBtn a p span.title { font-size: 16px;}
/* -------------- 問合せ電話番号 */
main .block-support ul.flex-box.tel-menu li { padding: 15px; width: calc((100% / 2) - 10px);}
/* -------------- 3カラムボタン */
main .block-support ul.flex-box.col3-menu li { width: calc((100% / 2) - 10px);}
/* -------------- タブメニュー */
main [class*="block-support"].update .column ul.dr_soft > li { width: 45% !important;}
/* --------------- ポイント */
main [class*="block-support"] .pointBlock { border: 3px solid #d0d0d0; padding: 15px;}
main [class*="block-support"] .pointBlock h5 span,
main [class*="block-support"] .pointBlock h6 span { margin-left: -21px;}
main [class*="block-support"] .pointBlock .btn { margin: auto; max-width: 50%; padding: 0;}
main [class*="block-support"] .pointBlock + .btn,
main [class*="block-support"] .pointBlock p + .btn,
main [class*="block-support"] .pointBlock span + .btn { margin-top: 1.5em !important;}
/* -------------- 説明枠 */
/* 適応表PDF */
.block-support .inner ul.dl li { width: calc((100% / 2) - 10px);}
.block-support .inner ul.dl li a p.date { font-size: 100%; margin: 0 0.8em 0 0;}
/* ダウン移動ボタン */
.block-support .inner .down { padding: 20px;}
.block-support .inner .down ul.dl li a { padding: 10px 25px 10px 10px;}
/* -------------- 問合せ電話番号 */
main .block-support .tel .number { font-size: 38px;}
main .block-support .tel .number img { width: 70px;}
main .block-support .tel .number svg { height: 44px; width: 58px;}
/* -------------- ステップフロー */
main [class*="block-support"] .inner .step-list li { font-size: 16px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* -------------- フォント */
main [class*="block-support"] h2 { font-size: 27px;}
main [class*="block-support"] h3 { font-size: 22px; margin: 0 0 1.4em 0;}
main [class*="block-support"] h4 { font-size: 19px; margin: 0 0 1.4em 0;}
main [class*="block-support"] h5,
main [class*="block-support"] h6 { font-size: 17px;}
main [class*="block-support"] p + h4,
main [class*="block-support"] ul + h4,
main [class*="block-support"] table + h4 { margin-top: 2.0em;}
main [class*="block-support"] div + h5,
main [class*="block-support"] p + h5,
main [class*="block-support"] ul + h5,
main [class*="block-support"] table + h5,
main [class*="block-support"] div + h6,
main [class*="block-support"] p + h6,
main [class*="block-support"] ul + h6,
main [class*="block-support"] table + h6 { margin-top: 1.5em;}
main [class*="block-support"] p + p,
main [class*="block-support"] p + ul,
main [class*="block-support"] ul + p,
main [class*="block-support"] ul + ul,
main [class*="block-support"] ul + table,
main [class*="block-support"] p + table,
main [class*="block-support"] table + ul,
main [class*="block-support"] table + p { margin-top: 1.0em;}
main [class*="block-support"] p.tel_time span.tel_time_main { font-size: 20px;}
main [class*="block-support"] p.tel { font-size: 26px;}
main [class*="block-support"] p.tel svg { height: 36px; width: 48px;}
main [class*="block-support"] p.point span.point {
	font-size: 13px;
	margin-right: 0.7em;
	padding: 0.3em 1.0em;
}
main [class*="block-support"] p.point span.point.fa {
	font-size: 16px;
	padding: 0.5em 0.8em;
}
/* --------------- table */
main [class*="block-support"] table { border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; width: 100%;}
main [class*="block-support"] table thead { display: table-header-group;}
main [class*="block-support"] table tr { border: none; display: table-row; margin: 0; padding: 0;}
main [class*="block-support"] table tr + tr,
main [class*="block-support"] table tr + tr.ver { margin-top: 0;}
main [class*="block-support"] table tr th,
main [class*="block-support"] table tr td {
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	display: table-cell;
	padding: 0.5em !important;
	}
main [class*="block-support"] table tr th br,
main [class*="block-support"] table tr td br { display: block;}
main [class*="block-support"] table tr th + td { border-top: 1px solid #e0e0e0; margin-top: 0.3em; padding-top: 0.3em;}
main [class*="block-support"] table tr td + td { padding-top: 0.2em;}
main [class*="block-support"] table tr th a,
main [class*="block-support"] table tr td a { font-weight: 600;}
main [class*="block-support"] table tr td a::before { content: "\f019"; font-family: FontAwesome; margin-right: 0.8em;}
main [class*="block-support"] table thead th,
main [class*="block-support"] table thead td { background: #eee !important; text-align: center;}
main [class*="block-support"]:nth-child(odd) table thead th,
main [class*="block-support"]:nth-child(odd) table thead td { background: #f9f9f9 !important;}
/* -------------- 説明枠 */
.block-support p + .inner { margin-top: 3.0em;}
.block-support .inner + .inner { margin-top: 3.0em !important; padding-top: 3.0em !important;}
.block-support .inner .list-box {}
.block-support .inner .list-box.shadow { padding: 2.0em;}
.block-support .inner .list-box.line { padding: 2.0em;}
.block-support .inner .list-box .box + .box { margin-top: 1.6em; padding-top: 1.6em;}
.block-support .inner .list-box h5 span.info { line-height: 28px; width: 28px;}
/* -------------- 電話番号説明枠 */
.block-support .inner p + .list-box,
.block-support .inner ul + .list-box,
.block-support .inner table + .list-box,
.block-support .inner .list-box + p,
.block-support .inner .list-box + ul,
.block-support .inner .list-box + table { margin-top: 40px;}
.block-support .inner .list-box + .list-box { margin-top: 20px;}
.block-support .inner .list-box + .pointBlock,
.block-support .inner .pointBlock + .list-box { margin-top: 40px;}
/* 適応表PDF */
.block-support .inner ul.dl li { width: calc((100% / 3) - 10px);}
.block-support .inner ul.dl li a p.date { font-size: 118%; margin: 0 0.8em 0 0;}
/* ダウン移動ボタン */
.block-support .inner .down ul.dl { margin: -10px 0 0 -10px;}
.block-support .inner .down ul.dl li { margin: 10px 0 0 10px; width: calc((100% / 3) - 10px);}
.block-support .inner .down ul.dl li + li { margin-top: 10px !important;}
.block-support .inner .down ul.dl li a { padding: 15px 25px 15px 15px;}
.block-support .inner .down ul.dl li a span.icon { border-width: 0 0 30px 30px;}
.block-support .inner .down ul.dl li a span.icon::after { font-size: 9px;}
.block-support .inner .down ul.dl li a span.icon::after { bottom: -32px; right: 5px;}
main [class*="block-support"] .inner[class*="count"] { padding-left: 3.0em; padding-top: auto;}
main [class*="block-support"] .inner[class*="count"]::before { font-size: 20px; left: 0; top: auto;}
main [class*="block-support"] .inner [class*="count"] { margin-top: 1.6em; padding-top: 1.6em;}
main [class*="block-support"] .inner [class*="count"]::before { font-size: 16px;}
/* -------------- ボタン */
main .block-support .btn { font-size: 17px; padding-left: 15%; padding-right: 15%; text-align: center;}
main .block-support ul + .btn,
main .block-support p + .btn,
main .block-support span + .btn { margin-top: 2.4em !important;}
/* -------------- タブメニュー */
main [class*="block-support"] .subnavi,
main [class*="block-support"] ul.pagenav { margin:-1.5em 0 3.0em 0;}
main [class*="block-support"] ul.pagenav { display: flex !important;}
main [class*="block-support"].update .column ul.dr_soft { display: flex !important;}
main [class*="block-support"].update .column ul.dr_soft > li { width: 30% !important;}
main [class*="block-support"] .subnavi ul > li a,
main [class*="block-support"] ul.pagenav > li a,
main [class*="block-support"].update .column ul.dr_soft > li a { padding: 0.4em 0.6em;}
/* -------------- よくあるご質問ボタン */
.support_faqBox {}
.support_faqBox + div { margin-top: 2.5em;}
.support_faqBox .support_faqBtn { width: 100%;}
.support_faqBox .support_faqBtn a { margin: auto; max-width: 580px; padding: 20px 2.4em;}
.support_faqBox .support_faqBtn a img { width: 60px;}
.support_faqBox .support_faqBtn a p span.lead { font-size: 13px;}
.support_faqBox .support_faqBtn a p span.title { font-size: 17px;}
/* -------------- 問合せ電話番号 */
main .block-support ul.flex-box.tel-menu { margin-bottom: 1.8em; margin-left: -15px; margin-top: -5px;}
main .block-support ul.flex-box.tel-menu li { margin-left: 15px; margin-top: 15px; padding: 20px; width: calc((100% / 2) - 15px);}
main .block-support ul.flex-box.tel-menu li div.flex-box .logo { margin: 0 20px 0 0; width: 65px;}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt { margin: 0; width: calc(100% - 85px);}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p { text-align: left;}
main .block-support ul.flex-box.tel-menu li div.flex-box .txt p.tel { justify-content: flex-start;}
/* -------------- アップデート */
main .block-support.update .column ul { margin: -10px 0 0 -10px;}
main .block-support.update .column ul li { margin: 10px 0 0 10px; width: calc((100% / 5) - 10px);}
main .block-support.update .column ul li.is-hidden { display: block; opacity: 1;}
main .block-support.update .column ul li + li,
main .block-support.update .column ul li + li.is-hidden,
main .block-support.update .column ul li.is-hidden + li { margin-top: 10px !important;}
main .block-support.update .column ul li a { padding: 1.6em 0.8em 0.8em 0.8em;}
main .block-support.update .column ul li a p { font-size: 14px;}
main .block-support.update .column ul li a p.pic { margin-bottom: 0.4em;}
main .block-support.update .column ul li a p.date { left: -2px; padding: 0.4em 0.8em;}
/* 戻るボタン */
main .block-support.update .column .more { display: none;}
/* -------------- オープンソースソフトウェア */
main .block-support.source-code .column > ul { margin: -10px 0 0 -10px;}
main .block-support.source-code .column > ul > li { margin: 10px 0 0 10px; padding: 1.0em; width: calc((100% / 2) - 10px);}
main .block-support.source-code .column > ul > li + li { margin-top: 10px !important;}
main .block-support.source-code .column > ul > li > ul > li + li { border-top: #f0f0f0 1px solid; margin-top: 0.6em !important; padding-top: 0.6em !important;}
/* -------------- アップデート情報 */
main [class*="block-support"].details ul li { display: flex; flex-wrap: wrap;}
main [class*="block-support"].details ul li + li { margin-top: 1.8em; padding-top: 1.8em;}
main [class*="block-support"].details ul li h3 { border-left: none; font-size: 17px; line-height: 1.4em; margin: 0; padding-left: 0; width: 170px;}
main [class*="block-support"].details ul li div { border-left: 1px solid #c0c0c0; padding-left: 1.5em; width: calc(100% - 170px);}
/* --------------- ポイント */
main [class*="block-support"] .pointBlock { border: 4px solid #d0d0d0; padding: 20px;}
main [class*="block-support"] .pointBlock + .pointBlock { margin-top: 20px;}
main [class*="block-support"] .pointBlock h5 span,
main [class*="block-support"] .pointBlock h6 span { font-size: 13px; margin-right: 1.0em; margin-left: -27px; padding: 0.3em 1.0em;}
/* --------------- バックボタン */
main [class*="block-support"] p.back { font-size: 12px; line-height: 30px; top: -40px;}
main [class*="block-support"] p.back a { padding: 0 1.3em;}
main [class*="block-support"] p.back a::before { margin-right: 0.7em;}
/* --------------- カラム設定(アップデート案内) */
main [class*="block-support"] .flex-box.update li + li { margin-top: 0;}
main [class*="block-support"] .flex-box.update.col2 { margin-left: -20px; width: auto;}
main [class*="block-support"] .flex-box.update.col2 li { background: #f5f5f5; margin-left: 20px; padding: 1.0em; width: calc((100% / 2) - 20px);}
main [class*="block-support"]:nth-child(odd) .flex-box.update.col2 li { background: #e5e5e5;}
main [class*="block-support"] .flex-box.update.col2-img { margin-left: -20px;}
main [class*="block-support"] .flex-box.update.col2-img li { margin-left: 20px;}
/* -------------- 問合せ電話番号 */
main .block-support .tel .number { font-size: 42px;}
main .block-support .tel .number img { width: 75px;}
main .block-support .tel .number svg { height: 50px; width: 64px;}
/* -------------- ステップフロー */
main [class*="block-support"] .inner h4 + .step-list,
main [class*="block-support"] .inner p + .step-list,
main [class*="block-support"] .inner ul + .step-list,
main [class*="block-support"] .inner table + .step-list { margin-top: 35px;}
main [class*="block-support"] .inner .step-list { border-radius: 6px; display: flex; overflow:hidden;}
main [class*="block-support"] .inner .step-list li {
	align-items: center;
	border-radius: 0;
	display: flex;
	font-size: 17px;
	height: 102px;
	line-height: 22px;
	margin-bottom: 0;
	padding: 1.0em 1.0em 1.0em 2.0em;
	text-align: left;
	width: calc(100% / 4);
}
main [class*="block-support"] .inner .step-list li:first-child { padding-left: 1.0em;}
main [class*="block-support"] .inner .step-list li:before,
main [class*="block-support"] .inner .step-list li:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
}
main [class*="block-support"] .inner .step-list li:before {
	background: none;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 71px 0 71px 1.0em;
	bottom: auto;
	height: auto;
	left: auto;
	right: -1.0em;
	top: -20px;
	-moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
	width: auto;
	z-index: 10;
}
main [class*="block-support"] .inner .step-list li:after {
	border-style: solid;
	border-color: transparent transparent transparent #2da1c4;
	border-width: 71px 0 71px 1.0em;
	bottom: auto;
	left: auto;
	right: -.8em;
	top: -20px;
	z-index: 10;
}
main [class*="block-support"] .inner .step-list li.active:after { border-color: transparent transparent transparent #1686b2;}
main [class*="block-support"] .inner .step-list li:last-child:before,
main [class*="block-support"] .inner .step-list li:last-child:after{ display:none;}
main [class*="block-support"] .inner .step-list li + li { margin-top: 0;}
/* 囲み線 */
main [class*="block-support"] .inner .line-bottom {
	border-width: 4px;
	height: 15px;
	margin-left: calc(((100% / 4) - 40px) / 2);
	margin-right: calc(((100% / 4) - 40px) / 2);
	}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
/* -------------- アップデート */
main .block-support.update .column ul li { width: calc((100% / 6) - 10px);}
main .block-support.update .column ul li a p { font-size: 15px;}
main .block-support.update .column ul li a p span { font-size: 12px;}
main .block-support.update .column ul li a p.date { font-size: 11px;}
main .block-support.update .column ul li a p.pic { margin-bottom: 0.7em;}
/* --------------- ポイント */
main [class*="block-support"] ul + .pointBlock,
main [class*="block-support"] p + .pointBlock,
main [class*="block-support"] table + .pointBlock { margin-top: 2.8em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-support { padding-bottom: 60px; padding-top: 60px;}
/* -------------- フォント */
main [class*="block-support"] h2 { font-size: 29px;}
main [class*="block-support"] h3 { font-size: 23px;}
main [class*="block-support"] h4 { font-size: 20px;}
main [class*="block-support"] h5,
main [class*="block-support"] h6 { font-size: 18px;}
main [class*="block-support"] p + h4,
main [class*="block-support"] ul + h4,
main [class*="block-support"] table + h4 { margin-top: 2.5em;}
main [class*="block-support"] div + h5,
main [class*="block-support"] p + h5,
main [class*="block-support"] ul + h5,
main [class*="block-support"] table + h5,
main [class*="block-support"] div + h6,
main [class*="block-support"] p + h6,
main [class*="block-support"] ul + h6,
main [class*="block-support"] table + h6 { margin-top: 1.8em;}
main [class*="block-support"] p + p,
main [class*="block-support"] p + ul,
main [class*="block-support"] ul + p,
main [class*="block-support"] ul + ul { margin-top: 1.3em;}
/* -------------- ボタン */
main .block-support .btn { font-size: 18px; padding: 0; text-align: center;}
main .block-support .btn a { margin: auto; max-width: 580px;}
/* -------------- 説明枠 */
.block-support .inner + .inner { margin-top: 4.0em !important; padding-top: 4.0em !important;}
.block-support .inner .list-box .box + .box { margin-top: 2.0em; padding-top: 2.0em;}
/* 適応表PDF */
.block-support .inner ul.dl li { width: calc((100% / 4) - 10px);}
.block-support .inner ul.dl li a { border: #fff 4px solid;}
/* ダウン移動ボタン */
.block-support .inner .down ul.dl li { width: calc((100% / 3) - 10px);}
.block-support .inner .down ul.dl li a span.icon { bottom : 3px; right: 3px;}
/* -------------- 3カラムボタン */
main .block-support ul.flex-box.col3-menu li { width: calc((100% / 3) - 10px);}
main .block-support ul.flex-box.col3-menu li a { padding: 2.0em 1.5em;}
main .block-support ul.flex-box.col3-menu li a .logo { margin-bottom: 2.0em;}
main .block-support ul.flex-box.col3-menu li a .txt h2.en { font-size: 22px !important; margin-bottom: 0.3em !important;}
main .block-support ul.flex-box.col3-menu li a .txt h3.en { font-size: 20px !important; margin-bottom: 0.7em !important;}
main .block-support ul.flex-box.col3-menu li a .txt p { font-size: 14px !important;}
/* -------------- アップデート */
main .block-support.update .column ul { margin: -8px 0 0 -8px;}
main .block-support.update .column ul li { margin: 8px 0 0 8px; width: calc((100% / 6) - 8px);}
main .block-support.update .column ul li + li { margin-top: 8px !important;}
main .block-support.update .column ul li a { padding: 2.2em 0.8em 0.8em 0.8em;}
main .block-support.update .column ul li a p.date { font-size: 12px; left: -3px; top: 5px;}
main .block-support.update .column ul li a p img { max-width: 70px;}
/* -------------- オープンソースソフトウェア */
main .block-support.source-code .column > ul > li { padding: 1.8em;}
main .block-support.source-code .column > ul > li > ul > li + li { border-top: #f0f0f0 1px solid; margin-top: 0.4em !important; padding-top: 0.4em !important;}
/* -------------- タブメニュー */
main [class*="block-support"].update .column ul.dr_soft > li { width: 25% !important;}
/* --------------- ポイント */
main [class*="block-support"] .pointBlock { padding: 25px;}
main [class*="block-support"] .pointBlock h5 span,
main [class*="block-support"] .pointBlock h6 span { margin-left: -32px;}
/* --------------- バックボタン */
main [class*="block-support"] p.back { font-size: 13px; line-height: 40px; top: -60px;}
main [class*="block-support"] p.back a { padding: 0 1.5em;}
main [class*="block-support"] p.back a::before { margin-right: 0.8em;}
/* -------------- よくあるご質問ボタン */
.support_faqBox .support_faqBtn a p { margin: 0 0 0 30px;}
.support_faqBox .support_faqBtn a p span.title { font-size: 18px;}
/* -------------- 問合せ電話番号 */
main .block-support h3 + .tel,
main .block-support p + .tel { margin-top: 2.7em;}
main .block-support .tel + p,
main .block-support .tel + ul,
main .block-support .tel + div { margin-top: 2.7em;}
main .block-support .tel .number { font-size: 46px; line-height: 1.0em;}
main .block-support .tel .congestion { display: block; height: 100%;}
main .block-support .tel .congestion a { justify-content: center;}
main .block-support .tel .col-2 li { width: calc((100% - 180px) - 20px);}
main .block-support .tel .col-2 li + li { margin-left: 20px; margin-top: 0; width: 180px;}
/* -------------- ステップフロー */
main [class*="block-support"] .inner .step-list li { font-size: 18px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
/* -------------- アップデート */
main .block-support.update .column ul li { width: calc((100% / 7) - 8px);}
/* -------------- タブメニュー */
main [class*="block-support"].update .column ul.dr_soft > li { width: 20% !important;}
/* -------------- 説明枠 */
/* 適応表PDF */
.block-support .inner ul.dl { margin: -10px 0 0 -10px;}
.block-support .inner ul.dl li { margin: 10px 0 0 10px; width: calc((100% / 4) - 10px);}
.block-support .inner ul.dl li + li { margin-top: 10px !important;}
.block-support .inner ul.dl li a { border: #fff 5px solid;}
/* ダウン移動ボタン */
.block-support .inner ul.dl.down li { width: calc((100% / 3) - 10px);}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

3.サポート_インデックス

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.support_index { padding-bottom: 25px; padding-top: 25px;}
.support_index h3 { font-size: 19px; margin-bottom: 0.6em;}
.support_index h3.line { border-left: 5px solid #909090; padding-left: 0.7em;}
.support_index .support_index_menu { background: #f5f5f5; border: 1px solid #dedede; padding: 10px;}
.support_index .support_index_menu ul {
	align-content: stretch;
	align-items: stretch;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	margin-left: -5px;
	margin-top: -5px;
	}
.support_index .support_index_menu ul li { box-sizing: border-box; box-shadow: rgba(0,0,0,0.3) 1px 1px 2px; margin-left: 5px; margin-top: 5px; transition: all 0.3s ease-out; width: calc((100% /2) - 5px);}
.support_index .support_index_menu ul li:hover,
.support_index .support_index_menu ul li:focus { box-shadow: rgba(0,0,0,0.5) 1px 1px 8px;}
.support_index .support_index_menu ul li a {
	align-items: center;
	background: #fff;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-radius: 2px;
	color: #006699;
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	padding: 13px;
	position: relative;
	transition: all 0.3s ease-out;
	}
.support_index .support_index_menu ul li a:hover,
.support_index .support_index_menu ul li a:focus { background: #006699; border-left: 1px solid #006699; border-top: 1px solid #006699; color: #fff; text-decoration: none;}
.support_index .support_index_menu ul li a span.icon {
	border-style: solid;
	border-width: 0 0 26px 26px;
	border-color: transparent transparent #b0b0b0 transparent;
	bottom : 2px;
	position: absolute;
	right: 2px;
	transition: all 0.3s ease-out;
	z-index: 4;
	}
.support_index .support_index_menu ul li a span.icon::after {
	color: #fff;
    content: "\f078";
    bottom: -28px;
    font-family: "FontAwesome";
    font-size: 5px;
    font-weight: 400;
    position: absolute;
    right: 3px;
    transition: all 0.3s ease-out;
    z-index: 4;
	}
.support_index .support_index_menu ul li.external-link a span.icon::after{ content: "\f08e";}
.support_index .support_index_menu ul li a:hover span.icon,
.support_index .support_index_menu ul li a:focus span.icon { border-color: transparent transparent #fff transparent;}
.support_index .support_index_menu ul li a:hover span.icon::after,
.support_index .support_index_menu ul li a:focus span.icon::after { color: #006699;}
.support_index .support_index_menu ul li a p { font-size: 15px; line-height: 1.3em; padding: 0; text-align: center; width: 100%;}
.support_index .support_index_menu ul li a p img { display: block; margin: 0 auto 0.6em auto; width: 50px;}
.support_index .support_index_menu ul li a p svg { color: #006699; display: block; fill: #006699; height: 60px; margin: 0 auto 0.8em auto; transition: all 0.3s ease-out; width: 60px;}
.support_index .support_index_menu ul li a:hover p svg,
.support_index .support_index_menu ul li a:focus p svg {  color: #fff; fill: #fff;}
.support_index .support_news { background: #f5f5f5; border: 1px solid #dedede; margin-top: 10px; padding: 10px;}
.support_index .support_news .support_mews_contents { background: #fff; box-shadow: rgba(0,0,0,0.3) 1px 1px 2px; padding: 10px 0 10px 10px; width: 100%;}
.support_index .support_news .support_mews_contents ul { max-height: 180px; overflow-y: scroll; padding-right: 10px;}
.support_index .support_news .support_mews_contents ul li { font-size: 12px; padding: 0 5px 0 25px; text-indent: -16px;}
.support_index .support_news .support_mews_contents ul li i.fa-file-pdf-o { margin-left: 10px; text-indent: 0;}
.support_index .support_news .support_mews_contents ul li + li { margin-top: 8px;}
.support_index .support_news .support_mews_contents ul li a { color: #069;}
.support_index .support_news .support_mews_contents ul li.important a { color: #d61518;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.support_index h3 { font-size: 21px; margin-bottom: 0.8em;}
.support_index .support_index_menu {margin: 0; padding: 15px;}
.support_index .support_index_menu ul li { width: calc((100% / 3) - 5px);}
.support_index .support_index_menu ul li a p { font-size: 16px;}
.support_index .support_news { margin-top: 15px; padding: 15px;}
.support_index .support_news .support_mews_contents { padding: 15px 0 15px 15px;}
.support_index .support_news .support_mews_contents ul { padding-right: 15px;}
.support_index .support_news .support_mews_contents ul li { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.support_index { padding-bottom: 40px; padding-top: 40px;}
.support_index h3 { font-size: 22px;}
.support_index .support_index_menu ul li a { padding: 15px;}
.support_index .support_index_menu ul li a p { font-size: 17px;}
.support_index .support_index_menu ul li a p svg { height: 70px; width: 70px;}
.support_index .support_index_menu ul li a p br { display: block;}
.support_index .support_index_menu ul li a span.icon { border-width: 0 0 30px 30px;}
.support_index .support_index_menu ul li a span.icon::after { font-size: 9px;}
.support_index .support_index_menu ul li a span.icon::after { bottom: -32px; right: 5px;}
.support_index .support_news { margin-top: 20px; padding: 20px;}
.support_index .support_news .support_mews_contents { padding: 20px 0 20px 20px;}
.support_index .support_news .support_mews_contents ul { padding-right: 20px;}
.support_index .support_news .support_mews_contents ul li { font-size: 14px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.support_index .support_index_menu ul li { width: calc((100% / 6) - 5px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.support_index { padding-bottom: 60px; padding-top: 60px;}
.support_index h3 { font-size: 23px;}
.support_index .support_index_menu { padding: 20px;}
.support_index .support_index_menu ul { margin-left: -10px; margin-top: -10px; max-height: 200px;}
.support_index .support_index_menu ul li { margin-left: 10px; margin-top: 10px; width: calc((100% / 6) - 10px);}
.support_index .support_index_menu ul li a p svg { height: 80px; margin-bottom: 1.2em; width: 80px;}
.support_index .support_index_menu ul li a span.icon { bottom : 3px; right: 3px;}
.support_index .support_news { display: flex;}
.support_index .support_news .support_news_title { width: 200px;}
.support_index .support_news .support_mews_contents { width: calc(100% - 200px)}
.support_index .support_news .support_mews_contents ul { max-height: 200px;}
.support_index .support_news .support_mews_contents ul li { font-size: 15px;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

4.サポートインデックス用サブメニュー(モバイルのみ表示)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.support_index_sticky_menu {
	background: #999;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 13px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	}
.support_index_sticky_menu .title_area {
	background: #999;
	display: flex;
	justify-content: space-between;
	padding: 13px 10px;
	}
.support_index_sticky_menu .title_area span { display: block;}
.support_index_sticky_menu .title_area span.title { font-weight: bold;}
.support_index_sticky_menu .title_area span.title i { margin-right: 0.5em; transition: all 0.3s ease 0s;}
.support_index_sticky_menu .title_area span.icon i { transition: all 0.3s ease 0s;}
.support_index_sticky_menu .title_area.active span.icon i {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.support_index_sticky_menu ul { background: #666; display: none;}
.support_index_sticky_menu ul li { background: #666;}
.support_index_sticky_menu ul li + li { border-top: 1px solid #8d8d8d;}
.support_index_sticky_menu ul li a {
	color: #fff;
	display: block;
	padding: 14px 20px;
	}
.support_index_sticky_menu ul li a:hover,
.support_index_sticky_menu ul li a:focus { color: #fff; text-decoration: none;}
.support_index_sticky_menu ul li a i { margin-left: 0.8em;}
.support_index_sticky_menu ul li a i.fa-caret-right { margin-left: 0; margin-right: 0.8em;}
.support_index_sticky_menu.update ul { display: none !important; margin-left: -4px; padding: 6px 10px 10px 10px; transition: all 0.3s ease-out;}
.support_index_sticky_menu.update .title_area.active + ul { display: flex !important; flex-wrap: wrap;}
.support_index_sticky_menu.update ul li { font-size: 12px; line-height: 1.3em; margin-left: 4px; margin-top: 4px; width: calc((100% / 2) - 4px)}
.support_index_sticky_menu.update ul li + li { border: none;}
.support_index_sticky_menu.update ul li a { align-items: center; border: 1px solid #909090; display: flex; height: 100%; padding: 8px 20px 8px 8px; position: relative;}
.support_index_sticky_menu.update ul li a i { color: #c0c0c0; font-size: 10px; margin: 0; position: absolute; right: 5px;}
/* -------------- フッター */
footer { padding-bottom: 80px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.support_index_sticky_menu .title_area { padding: 14px 20px;}
.support_index_sticky_menu.update ul { margin-left: -5px; padding: 10px 20px 15px 20px;}
.support_index_sticky_menu.update ul li { margin-left: 5px; margin-top: 5px; width: calc((100% / 2) - 5px)}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.support_index_sticky_menu { display: none;}
/* -------------- フッター */
footer { padding-bottom: 50px;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

5.モーダルウィンドウ

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.modal-block.Info { width: auto;}
.modal-block.Info ul.list > li { padding-left: 1.0em; text-indent: -1.0em;}
.modal-block.Info ul.list > li::before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 48%;
    margin-right: 5px;
    vertical-align: middle;
}
.modal-block.Info ul.list li ul,
.modal-block.Info ul.list li ol { margin-top:0.7em; margin-left: 1.0em;}
.modal-block.Info ul.list li ol li { margin:0;}
.modal-block.Info ul.list li ol li + li { margin-top: 0.4em !important;}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

関連コンテンツ(製品カテゴリ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-pr .container .content.dl h3 i { color: #069;}
.block-pr .container .content.dl ul { align-items: stretch; margin: -8px 0 0 -8px !important;}
.block-pr .container .content.dl ul li { margin: 8px 0 0 8px !important; width: calc((100% / 1) - 8px)}
.block-pr .container .content.dl ul li a {
	background: #f0f0f0 !important;
	color: #000 !important;
	display: block;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)) !important;
	height: 100%;
	padding: 0 2.0em 0.7em 0;
	position: relative;
	transition: all 0.3s ease-out;
	}
.block-pr .container .content.dl ul li a:after {
	color: #c0c0c0;
	content: "\f08e";
	font-family: "FontAwesome";
	font-size: 10px;
	font-weight: 400;
	margin: -5px 0 0 0;
	position: absolute;
	right: 0.7em;
	top: 50%;
	z-index: 4;
	}
.block-pr .container .content.dl ul li a:hover {
	background: #f0f0f0 !important;
	color: #000 !important;
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3)) !important;
	text-decoration: none;
	z-index: 3;
	}
.block-pr .container .content.dl ul li a p { font-size: 11px; line-height: 1.5em; margin-top: 0;}
.block-pr .container .content.dl ul li a p + p { margin-top: 0.6em;}
.block-pr .container .content.dl ul li a p.title {
	border-left: 4px solid #069;
	color: #069;
	font-size: 13px;
	font-weight: 600;
	padding: 0.6em 0 0.1em 11px;
	position: relative;
	}
.block-pr .container .content.dl ul li a p.note { color: #303030; margin-left: 15px;}
/* カテゴリ別ソフトウェア・データ情報 */
.block-pr .container .content.list h3 i { color: #069;}
.block-pr .container .content.list ul { margin: -15px 0 0 -15px !important;}
.block-pr .container .content.list ul li {
	background: rgba(255,255,255,0.5);
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	box-sizing: border-box;
	margin: 15px 0 0 15px !important;
	padding: 1.0em;
	text-align: left;
	transition: all 0.3s ease-out;
	width: calc((100% / 1) - 15px);
	}
.block-pr .container .content.list ul li:hover { background: rgba(0,102,153,1.0); box-shadow: rgba(0,0,0,0.4) 2px 2px 12px;}
.block-pr .container .content.list ul li > strong {
	align-items: center;
	border-bottom: rgba(0,0,0,0.1) 1px solid;
	color: #000;
	display: flex;
	font-size: 14px;
	margin-bottom: 0.9em;
	padding-bottom: 0.6em;
	transition: all 0.3s ease-out;
	}
.block-pr .container .content.list ul li:hover strong { border-bottom: rgba(255,255,255,0.3) 1px solid; color: #fff;}
.block-pr .container .content.list ul li > strong span + span { margin-left: 1.0em;}
.block-pr .container .content.list ul li > strong span.svg { background: #fff; border-radius: 25px; padding: 5px; transition: all 0.3s ease-out;}
.block-pr .container .content.list ul li > strong span.svg svg { color: #505050; fill: #505050; height: 30px; width: 30px;}
.block-pr .container .content.list ul li:hover span.svg { background: #006699;}
.block-pr .container .content.list ul li:hover strong span.svg svg { color: #fff; fill: #fff;}
.block-pr .container .content.list ul li div p { margin-top: 0;}
.block-pr .container .content.list ul li div p + p { margin-top: 0.8em;}
.block-pr .container .content.list ul li div p a {
	align-items: center;
	color: #069;
	display: flex;
	position: relative;
	transition: transform .3s;
	}
.block-pr .container .content.list ul li div p a:hover { color: #808080; text-decoration: none;}
.block-pr .container .content.list ul li div p a::after {
	background: #808080;
	bottom: -1px;
	content: '';
	height: 1px;
	left: 0;
	margin: 0;
	position: absolute;
	right: auto;
	top :auto;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	width: 100%;
	}
.block-pr .container .content.list ul li div p a:hover::after { content: ''; transform: scale(1, 1);}
.block-pr .container .content.list ul li div p a i { font-size: 93%; margin-right: 0.4em;}
.block-pr .container .content.list ul li div p a i.fa-file-pdf-o,
.block-pr .container .content.list ul li div p a i.fa-external-link { margin-left: 0.6em; margin-right: 0;}
.block-pr .container .content.list ul li:hover div p a { color: #fff !important;}
.block-pr .container .content.list ul li:hover div p a:hover { color: #fff !important;}
.block-pr .container .content.list ul li:hover div p a::after { background: #fff;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-pr .container .content.dl ul li a { padding: 0 2.0em 0.9em 0;}
.block-pr .container .content.dl ul li a p { font-size: 12px;}
.block-pr .container .content.dl ul li a p.title { border-left: 4px solid #069; font-size: 15px; padding: 0.8em 0 0.1em 16px;}
.block-pr .container .content.dl ul li a p.note { margin-left: 20px;}
/* カテゴリ別ソフトウェア・データ情報 */
.block-pr .container .content.list ul li > strong { font-size: 15px;}
.block-pr .container .content.list ul li div p { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-pr .container .content.dl ul { margin: -10px 0 0 -10px !important;}
.block-pr .container .content.dl ul li { margin: 10px 0 0 10px !important; width: calc((100% / 2) - 10px)}
.block-pr .container .content.dl ul li a { padding-right: 2.4em;}
/* カテゴリ別ソフトウェア・データ情報 */
.block-pr .container .content.list ul { margin: -10px 0 0 -10px !important;}
.block-pr .container .content.list ul li { margin: 10px 0 0 10px !important; width: calc((100% / 2) - 10px)}
.block-pr .container .content.list ul li > strong { font-size: 16px;}
.block-pr .container .content.list ul li > strong span + span { margin-left: 0.7em;}
.block-pr .container .content.list ul li div p { font-size: 14px;}
.block-pr .container .content.list ul li div p + p { margin-top: 0.6em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-pr .container .content.dl ul li a { padding-bottom: 1.0em;}
.block-pr .container .content.dl ul li a p { font-size: 13px;}
.block-pr .container .content.dl ul li a p + p { margin-top: 0.8em;}
.block-pr .container .content.dl ul li a p.title { font-size: 16px;}
/* カテゴリ別ソフトウェア・データ情報 */
.block-pr .container .content.list ul li { padding: 1.4em 1.2em; width: calc((100% / 3) - 10px)}
.block-pr .container .content.list ul li > strong {margin-bottom: 1.0em; padding-bottom: 0.8em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-pr .container .content.dl ul li { width: calc((100% / 3) - 10px)}
.block-pr .container .content.dl ul li a p.title { font-size: 17px;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

動画埋め込み

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.inner p + .movie { margin-top: 1.6em;}
.movie { justify-content: center; display: flex; margin-top: 20px;}
.movie li { margin: 0 auto; text-align: center; width: 100%;}
.movie li .video {
	-webkit-overflow-scrolling: touch;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
	}
.movie li .video iframe {
	filter: drop-shadow(0 0 3px rgba(0,0,0,0.5));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	}
.movie li .video iframe:hover { filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.6)); z-index: 2;}
.movie li .video .ytthumb_play {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 0 3px rgba(0,0,0,0.5));
	transition: all 0.3s ease 0s;
	}
.movie li .video .ytthumb_play:hover { cursor:pointer;filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.6)); z-index: 2;}
.movie li .video .ytthumb_play::before {
	background: url(/share/movie/yt_icon_mono_light.png);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	height: 50px;
	left: 50%;
	opacity: 0.9;
	position: absolute;
	top: 50%;
	transform : translate(-50%,-50%);
	transition: all 0.3s ease-out;
	width: 70px;
	}
.movie li .video .ytthumb_play:hover::before { background-image:url(/share/movie/yt_icon_rgb.png); cursor: pointer;}

.movie.col-2 { flex-wrap: wrap;}
.movie.col-2 li + li { margin-top: 10px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.inner p + .movie { margin-top: 2.1em;}
.movie li { max-width: 780px;}
.movie.col-2 { flex-wrap: wrap; margin-left: -10px;}
.movie.col-2 li { margin-left: 10px; max-width: calc((100% / 2) - 10px);}
.movie.col-2 li + li { margin-top: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.movie.col-2 { margin-left: -20px;}
.movie.col-2 li { margin-left: 20px; max-width: calc((100% / 2) - 20px);}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

お客様サポート(製品トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main #soft .important { font-size: 116% !important;}
/* 製品別サポート情報
-----------------------------------*/
.block-support .products_support.afterservice { margin-top: 1.5em;}
.nav-menu.desktop .megamenu > ul li ul.support_menu li.list ul li strong svg { display: none;}
.block-support .products_support.afterservice > li { background-color: #f9f9f9; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); padding: 1.0em; transition: all 0.3s ease-out;}
.block-support:nth-child(odd) .products_support.afterservice > li { background: #fff;}
.block-support .products_support.afterservice > li:hover { background: #006699; box-shadow: 1px 1px 8px rgba(0,0,0,0.5) !important;}
.block-support .products_support.afterservice > li + li { margin-top: 15px;}
.block-support .products_support.afterservice > li strong { align-items: center; border-bottom: rgba(0,0,0,0.2) 1px solid; color: #006699; display: flex; font-size: 15px; margin-bottom: 0.9em; padding-bottom: 0.6em; transition: all 0.3s ease-out;}
.block-support .products_support.afterservice > li:hover strong { border-bottom: rgba(255,255,255,0.4) 1px solid; color: #fff;}
.block-support .products_support.afterservice > li strong span + span { margin-left: 1.0em;}
.block-support .products_support.afterservice > li strong span.svg { background: #069; border-radius: 25px; padding: 5px;}
.block-support .products_support.afterservice > li strong span.svg svg { color: #fff; fill: #fff; height: 40px; width: 40px;}
.block-support .products_support.afterservice > li div p { border-bottom: 1px solid rgba(155,155,155,0.1); font-size: 12px; line-height: 1.4em; padding-bottom: 0.2em;}
.block-support .products_support.afterservice > li:hover div p { border-bottom: 1px solid rgba(255,255,255,0.1);}
.block-support .products_support.afterservice > li div p + p { margin-top: 0.8em;}
.block-support .products_support.afterservice > li div p a {
    align-items: center;
	color: #069;
	display: flex;
	position: relative;
	transition: transform .3s;
	}
.block-support .products_support.afterservice > li div p a:hover { color: #808080; text-decoration: none;}
.block-support .products_support.afterservice > li div p a::after {
	background: #808080;
	bottom: -0.25em;
	content: '';
	height: 1px;
	left: 0;
	margin: 0;
	position: absolute;
	right: auto;
	top :auto;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	width: 100%;
	}
.block-support .products_support.afterservice > li div p a:hover::after { content: ''; transform: scale(1, 1);}
.block-support .products_support.afterservice > li div p i { font-size: 93%; margin-right: 0.4em;}
.block-support .products_support.afterservice > li div p i.fa-file-pdf-o,
.block-support .products_support.afterservice > li div p i.fa-external-link { margin-left: 0.6em; margin-right: 0;}
.block-support .products_support.afterservice > li:hover div p a { color: #fff;}
.block-support .products_support.afterservice > li:hover div p a:hover { color: #fff;}
.block-support .products_support.afterservice > li:hover div p a::after { background: #fff;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-support .products_support.afterservice > li strong { font-size: 16px;}
.block-support .products_support.afterservice > li div p { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main #soft .important { font-size: 128% !important;}
/* 製品別サポート情報
-----------------------------------*/
.block-support .products_support.afterservice { margin-left: -10px; margin-top: 1.0em;}
.block-support .products_support.afterservice > li {
	margin-left: 10px;
	margin-top: 10px !important;
	padding: 1.2em;
	transition: all 0.3s ease-out;
	width: calc((100% / 2) - 10px );
	}
.block-support .products_support.afterservice > li + li { margin-top: 10px;}
.block-support .products_support.afterservice > li strong { font-size: 17px;}
.block-support .products_support.afterservice > li strong span + span { margin-left: 0.7em;}
.block-support .products_support.afterservice > li div p { font-size: 14px;}
.block-support .products_support.afterservice > li div p + p { margin-top: 0.6em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-support .products_support.afterservice > li { padding: 1.4em 1.2em;}
.block-support .products_support.afterservice > li strong { font-size: 17px; margin-bottom: 1.0em; padding-bottom: 0.8em;}
.block-support .products_support.afterservice > li strong span.svg { border-radius: 30px;}
.block-support .products_support.afterservice > li strong span.svg svg { height: 50px; width: 50px;}
.block-support .products_support.afterservice > li div p { font-size: 15px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
/* 製品別サポート情報
-----------------------------------*/
.block-support .products_support.afterservice { margin-left: -10px;}
.block-support .products_support.afterservice > li {
	margin-left: 10px;
	margin-top: 10px !important;
	width: calc((100% / 3) - 10px );
	}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

製品アップデートトップ

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* 製品別メニュー情報
-----------------------------------*/
.block-support.softupdate .products_support.afterservice > li { background-color: #f5f5f5; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.block-support.softupdate .products_support.afterservice > li:hover { background-color: #069; border-left: 1px solid #069; border-top: 1px solid #069;}
.block-support.softupdate .products_support.afterservice > li div p { font-weight: 600;}
/* お知らせ
-----------------------------------*/
.block-support.softupdate .support_news { margin-top: 4.0em;}
.block-support.softupdate .support_news h3 { font-size: 19px;}
.block-support.softupdate .support_news h3.line { border-left: 5px solid #909090; margin: 0 0 1.0em 0; padding-left: 0.7em; text-align: left;}
.block-support.softupdate .support_news h3.line:before { height: 0; width: 0;}
.block-support.softupdate .support_news .support_mews_contents {
    background: #fff;
	border: 2px #e0e0e0 solid;
	border-radius: 4px;
    box-shadow: none;
    padding: 10px;
    width: 100%;
}
.block-support.softupdate .support_news .support_mews_contents ul {
    max-height: 200px;
    overflow-y: scroll;
    padding-right: 10px;
}
.block-support.softupdate .support_news .support_mews_contents ul li { display: flex; flex-wrap: wrap;}
.block-support.softupdate .support_news .support_mews_contents ul li p { width: 100%;}
.block-support.softupdate .support_news .support_mews_contents ul li p + p,
.block-support.softupdate .support_news .support_mews_contents ul li p + ul { margin-top: 0.2em;}
.block-support.softupdate .support_news .support_mews_contents ul li p a { word-break: break-all;}
.block-support.softupdate .support_news .support_mews_contents ul li + li { border-top: 1px solid #f0f0f0; margin-top: 0.4em; padding-top: 0.4em;}
.block-support.softupdate .support_news .support_mews_contents ul li ul { max-height: inherit; overflow-y: inherit;}
.block-support.softupdate .support_news .support_mews_contents ul li ul li + li { border-top: none; margin-top: 0; padding-top: 0;}
.block-support.softupdate .support_news .support_mews_contents ul li ul li + li a { background: #f0f0f0; margin-right: 0.3em; margin-top: 0.3em; padding: 0 0.4em;}
.block-support.softupdate .support_news .support_mews_contents ul li ul li + li a strong + strong { border-left: 1px solid #d0d0d0; margin-left: 0.7em; padding-left: 0.7em;}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* 製品別メニュー情報
-----------------------------------*/
.block-support.softupdate .products_support.afterservice { margin-left: -10px; margin-top: 1.0em;}
.block-support.softupdate .products_support.afterservice > li { margin-left: 10px; margin-top: 10px !important; width: calc((100% / 2) - 10px );}
.block-support.softupdate .products_support.afterservice > li + li { margin-top: 10px;}
/* お知らせ
-----------------------------------*/
.block-support.softupdate .support_news h3 { font-size: 21px;}
.block-support.softupdate .support_news .support_mews_contents { padding: 15px;}
.block-support.softupdate .support_news .support_mews_contents ul { padding-right: 15px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* 製品別メニュー情報
-----------------------------------*/
.block-support.softupdate .products_support.afterservice > li { width: calc((100% / 3) - 10px );}
/* お知らせ
-----------------------------------*/
.block-support.softupdate .support_news { margin-top: 5.0em;}
.block-support.softupdate .support_news h3 { font-size: 22px;}
.block-support.softupdate .support_news .support_mews_contents { padding: 20px;}
.block-support.softupdate .support_news .support_mews_contents ul { padding-right: 20px;}
.block-support.softupdate .support_news .support_mews_contents ul li { flex-wrap: nowrap;}
.block-support.softupdate .support_news .support_mews_contents ul li p { width: auto;}
.block-support.softupdate .support_news .support_mews_contents ul li p + p,
.block-support.softupdate .support_news .support_mews_contents ul li p + ul { margin-left: 3.5em; margin-top: 0;}
.block-support.softupdate .support_news .support_mews_contents ul li + li { margin-top: 0.6em; padding-top: 0.6em;}
.block-support.softupdate .support_news .support_mews_contents ul li ul li { flex-wrap: wrap;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* お知らせ
-----------------------------------*/
.block-support.softupdate .support_news { margin-top: 6.0em;}
.block-support.softupdate .support_news h3 { font-size: 23px;}
.block-support.softupdate .support_news .support_mews_contents { border-width: 3px;}
.block-support.softupdate .support_news .support_mews_contents ul { max-height: 300px;}
.block-support.softupdate .support_news .support_mews_contents ul li ul { max-height: inherit;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
/* 製品別メニュー情報
-----------------------------------*/
.block-support.softupdate .products_support.afterservice > li { width: calc((100% / 4) - 10px );}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

グローバルナビ

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-tab { background: #069 !important;}
/* -------------- リンク */
.block-tab a { color: #fff;}
.block-tab a svg { color: #fff; fill: #fff;}
/* -------------- メニューリスト  */
.block-tab .sub_menu > ul li a { color: #069 !important;}
.block-tab .sub_menu > ul li a svg { color: #069; fill: #069;}
.block-tab .sub_menu > ul li a:hover { background: #069; color: #fff !important;}
.block-tab .sub_menu > ul li a:hover svg { color: #fff; fill: #fff;}
.block-tab .sub_menu > ul li.active > a { color: #fff !important;}
.block-tab .sub_menu > ul li.active > a svg { color: #fff; fill: #fff;}
.menu-mobile.on + ul li.active > a { background: #069;}
/* -------------- アップデートカテゴリのみ適応  */
.block-tab .sub_menu.update > ul li a { display: block;}
.block-tab .sub_menu.update > ul li a:after { clear: both; content: ""; display: block;}
.block-tab .sub_menu.update > ul li a svg { color: #c0c0c0; fill: #c0c0c0;}
.block-tab .sub_menu.update > ul li a:hover svg { color: #fff; fill: #fff;}
.block-tab .sub_menu.update > ul li.active > a svg { color: #fff; fill: #fff;}
.block-tab .sub_menu.update svg { float: right; height: 35px; width:35px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
.block-tab .sub_menu > ul { max-width: none; width: auto;}
.block-tab .sub_menu > ul li { font-size: 9px; line-height: 1.3em;width: calc((100% / 7) - 10px);}
.block-tab .sub_menu > ul li a { color: rgba(255,255,255,0.7)!important; height: 100%; padding: 1.0em 0 1.3em 0;}
.block-tab .sub_menu > ul > li > a::after { background: rgba(0,0,0,0.2); height: 3px;}
.block-tab .sub_menu > ul > li > a:hover::after { background: rgba(255,255,255,1.0);}
.block-tab .sub_menu.update svg { display: block; float: none; height: 40px; margin: auto; width: 40px;}
.block-tab .sub_menu.update > ul li a svg { fill: rgba(255,255,255,0.8);}
.block-tab .sub_menu.update > ul li a:hover svg,
.block-tab .sub_menu.update > ul li.active > a svg { fill: rgba(255,255,255,1.0);}
.block-tab.fixed .sub_menu.update svg { display: none;}
.block-tab.fixed .sub_menu.update > ul > li > a { color: #069 !important;}
.block-tab.fixed .sub_menu.update > ul > li > a::after { background: rgba(0,0,0,0.1);}
.block-tab.fixed .sub_menu.update > ul > li > a:hover::after { background: #069;}
.block-tab.fixed .sub_menu.update > ul > li.active > a::after { background: #069;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-tab .sub_menu.update > ul li,
.block-tab.fixed .sub_menu.update > ul li { font-size: 11px; width: calc((100% / 7) - 15px);}
.block-tab .sub_menu.update svg { height: 45px; width: 45px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-tab .sub_menu.update > ul li { width: calc((100% / 7) - 18px);}
}