@charset "Shift_JIS";





/* **************************************************





Name: dg14_rwd.css



Create: 2016.03.03
Update: 2025.01.06

<!--Rev. 250108 P24067 hsc-->
<!--Rev. 240613 P24031 hsc-->
<!--Rev. 201109 P20090 htc-->
<!--Rev. 200811 P20029 htc-->
<!--Rev. 200522 P20019 htc-->
<!--Rev. 200325 P19138 htc-->
<!--Rev. 200117 P19121 htc--><!--globalnavi-->
<!--Rev. 200116 P19120 htc-->
<!--Rev. 191224 P19112 htc-->
<!--Rev. 191118 P19103 htc-->
<!--Rev. 191009 P19096 htc-->
<!--Rev. 190902 P19060 htc-->
<!--Rev. 190731 P19062 htc-->
<!--Rev. 190325 P18151 htc-->
<!--Rev. 180406 P17148 htc-->
<!--Rev. 180226 P17146 htc-->
<!--Rev. 180205 P17142 htc-->
<!--Rev. 180117 P17115 htc-->
<!--Rev. 171207 P17099 htc-->

<!--Rev. 171109 P17053,P17061 htc-->

<!--Rev. 170929 P17019 htc-->

<!--Rev. 170615 P16118 htc-->

<!--Rev. 170519 P16118 htc-->

<!--Rev. 170413 P16118 htc-->

<!--Rev. 160923 P15121 htc-->

<!--Rev. 160816 P15121 htc-->

<!--Rev. 160526 P15121 htc-->

<!--Rev. 160331 P15121 htc-->





Copyright 2016 Hitachi, Ltd.





***************************************************** */







body {

	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;

	font-size: 100%;

}

.line {
	text-decoration: line-through;
}

.button.type1 {
	max-width: 316px;
}
.button.type1 a {
	display: block;
	font-weight: bold;
	color: white;
	padding: 8px 0px 7px 0px;
	background-color: #00B0F0;
	border-radius: 8px;
text-decoration: none;
}
.DownloadContainer .Column1andHalf {
	box-sizing: border-box;
}
.DownloadContainer .Column1andHalf.FirstItem {
	padding-right: 15px;
}
.DownloadContainer .Column1andHalf.LastItem {
	padding-left: 15px;
}
dl.new  {
	/* font-size: 100%; */
}
table.new th, table.new td {
    padding: 10px 15px;
    border: 0;
    font-size: 83%;
    text-align: left;
}
table.new td {
	vertical-align: top;
}
table.new td p,
p.new {
	padding-left:2.5em;
	text-indent:-2.5em;
}
@media screen and (max-width: 994px) {
	.JS .Grid3 .DownloadContainer .Column1andHalf.LastItem {
		padding-left: 30px;
	}
}
@media screen and (max-width: 579px) {
	.JS .Grid3 .DownloadContainer .Column1andHalf.FirstItem {
		padding-right: 0;
	}
	.JS .Grid3 .DownloadContainer .Column1andHalf.LastItem {
		padding-left: 15px;
	}
}




#Contents .TopBorderSet {

	padding-top: 15px;

}





/* フルスクリーン対応（201803追加）*/
#Contents.FullScreen {
	overflow: hidden;
}

.ContentsWidth {
	max-width: 965px;
	margin: 0 auto;
}



/*見出し



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



/*h1*/





div.PageTitleStyle1 {

	margin: 0 0 15px;

	padding: 0 0 15px;


/*	background: url("/image/h1/bg_pagetitle.gif") repeat-x 0 100%;*/
	
	background-image: url("/image/h1/bg_pagetitle.gif"), url("/image/h1/bg_pagetitle.gif");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	
/*	
	background: transparent url("/image/h1/bg_pagetitle.gif") no-repeat scroll 0px 100%;*/

}







div#Contents div.PageTitleStyle1 h1,

div#Contents div.PageTitleStyle2 h1,

div#Contents div.addPageTitleStyle5 h1,

div#PopUpContents div.PageTitleStyle1 h1,

div#PopUpContents div.PageTitleStyle2 h1 {

	color: #333333;

	font-size: 150%;

	font-weight: normal;

	margin: 0;

}





div#Contents div.PageTitleStyle1 h1 a,

div#Contents div.PageTitleStyle2 h1 a,

div#Contents div.addPageTitleStyle5 h1 a,

div#PopUpContents div.PageTitleStyle1 h1 a,

div#PopUpContents div.PageTitleStyle2 h1 a {

	color: #333333;

}





.PageTitleStyle1 .SubTitle {

	font-size: 90%;

}





.PageTitleStyle1 .SubTitle strong,

.PageTitleStyle2 .SubTitle strong,

.addPageTitleStyle5 p.SubTitle strong {

	font-weight: normal;

	font-size: 130%;

	color: #333;

}





div#Contents div.PageTitleStyle2,

div#Contents div.addPageTitleStyle5 {

	margin: 0 0 15px;

	padding: 0 0 15px;

	/*background: url("/image/h1/bg_pagetitle.gif") no-repeat 0 100%;*/
	
	background-image: url("/image/h1/bg_pagetitle.gif"), url("/image/h1/bg_pagetitle.gif");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	
/*	background: transparent url("/image/h1/bg_pagetitle.gif") no-repeat scroll 0px 100%;*/

	border-bottom: none;

}





div#PopUpContents div.PageTitleStyle1,

div#PopUpContents div.PageTitleStyle2 {

	margin: 0 0 15px;

	padding: 0;

	background-image: none;

	border-bottom: 3px solid #dadada;

}





div#PopUpContents div.PageTitleStyle1 h1,

div#PopUpContents div.PageTitleStyle2 h1,

div#PopUpContents div.PageTitleStyle1 .SubTitle,

div#PopUpContents div.PageTitleStyle2 .SubTitle {

	display: inline-block;

	min-width: 250px;

	margin-bottom: -3px;

	padding-bottom: 15px;

	/*background: transparent url("/image/h1/bg_pagetitle.gif") no-repeat scroll 0px 100%;*/
	
	
	background-image: url("/image/h1/bg_pagetitle.gif"), url("/image/h1/bg_pagetitle.gif");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;

}





div#PopUpContents div.PageTitleStyle1 h1 + .SubTitle,

div#PopUpContents div.PageTitleStyle2 h1 + .SubTitle,

div#PopUpContents div.PageTitleStyle1 .SubTitle + h1,

div#PopUpContents div.PageTitleStyle2 .SubTitle + h1 {

	margin-top: -15px;

}





div#Contents h1.support span.supportBlock strong span a {

	font-weight: normal;

	font-size: 60%;

	text-decoration: none;

}





/*h2*/





div.Grid1 h2,

div.Grid3 h2,

div.Grid4 h2,

div#PopUpContents h2,
div#Popup h2 {

	font-weight: normal;

	font-size: 130%;

	background-color: #f5f5f5;

	border: none;

	border-bottom: 2px solid #c3c3c3;

	padding: 6px;

	color: #333;

	margin-bottom: 16px;

}





div.Grid1 h2 span,

div.Grid3 h2 span,

div.Grid4 h2 span,

div#PopUpContents h2 span {

	font-weight: normal;

}





div.Grid3 h2 span,

div.Grid4 h2 span,

div#PopUpContents h2 span,
div#Popup h2 span {

	background-color: transparent;

	border: none;

	padding: 7px 12px 4px 12px;

	border-left: 5px solid #009be3;

	font-size: 100%;

	background-image: none !important;

	font-weight: normal;

}





/*▼特殊パターン▼*/





h2.addH2dealingStyle1 {

	background-image: none !important;

	background-color: #f5f5f5;

}





h2.addH2dealingStyle1 span {

	padding: 7px 12px 4px 12px;

	border-left: 5px solid #009be3;

	background-image: none !important;

	background: none !important ;

}





div#Contents h2.ImageHeadingStyle1,div#Contents h2.ImageHeadingStyle1 a {

	border: none;

	padding: 0;

	line-height: 1;

	border-bottom: none;

}





div#Contents h2.ImageHeadingStyle1 a img {

	vertical-align: bottom;

}





div#Contents h2.Image {

	margin: 0 0 10px;

	padding: 0;

	border: none;

	background: none;

}





div#Contents h2.Image span {

	display: inline;

	padding: 0;

	border: none;

	background: none;

}





div.Grid1 div#VerticalLocalNavi ul li a strong sup,

div.Grid1 div#VerticalLocalNavi ul li a strong sub,

div.Grid1 div#VerticalLocalNavi ul li a:hover sup,

div.Grid1 div#VerticalLocalNavi ul li a:hover sub {

	color: #fff;

}







/*▲特殊パターン▲*/





div.Grid3 h2 span a,

div.Grid4 h2 span a,

div#PopUpContents h2 span a {

	color: #08427c;

	text-decoration: none;

	display: block;

	background: url("/image/h1/add/icon/icon_link_h2.gif") no-repeat right 0.4em;

}





div.Grid3 h2 span a:hover,

div.Grid4 h2 span a:hover,

div#PopUpContents h2 span a:hover {

	background: url("/image/h1/add/icon/icon_link_h2_on.gif") no-repeat right 0.4em;

}







/*h2 右側リンクあり*/





div#Contents div.LV1LinkSet {

	border-top: none;

	border-bottom: 2px solid #c3c3c3;

	padding: 6px;

	background-color: #f5f5f5;

}





div#Contents div.LV1LinkSet div {

	border: none;

	background-color: inherit;

	border-left: 5px solid #009be3;

	padding: 7px 12px 4px 12px;

}





div#Contents div.LV1LinkSet div h2 {

	border-bottom: none;

	padding: 0;

	margin-bottom: 0;

	font-size: 130%;

}





.LV1LinkSet div ul {

	float: right;

	padding-top: 4px;

}





.LV1LinkSet div ul li {

	font-size: 76%;

	line-height: 130%;

}





.LV1LinkSet div ul li a {

	padding: 0 17px 0 0;

	background-repeat: no-repeat;

	background-position: right 45%;

}





.LV1LinkSet div ul li a:link,

.LV1LinkSet div ul li a:visited {

	text-decoration: none;

	background-image: url(../../../image/jp/r1/icon/icon_link_right.gif);

}





.LV1LinkSet div ul li a:hover,

.LV1LinkSet div ul li a:active {

	text-decoration: underline;

	background-image: url(../../../image/jp/r1/icon/icon_link_right_hover.gif);

}





.LV1LinkSet div ul li a img {

	width: 52px;

	max-width: 52px;

	height: 22px;

	margin: -4px -20px 0 0;

	_margin-right: -10px;

}







/*h3*/



div#Contents h3,

div#PopUpContents h3 {

	font-weight: normal;

	color: #333333;

	font-size: 100%;

	border-bottom: 1px solid #cdcdcd;

	padding-bottom: 3px;

}





div#Contents h3 a,

div#PopUpContents h3 a,

div#Contents h4 a,

div#PopUpContents h4 a {

	background-image: none;
	padding-right: 0;

}





div#Contents h3 a:link,

div#PopUpContents h3 a:link {

	color: #08427c;

	text-decoration: none;

}





div#Contents h3 a:hover,

div#PopUpContents h3 a:hover {

	color: #08427c;

	text-decoration: underline;

}





div#Contents h3 a:visited,

div#PopUpContents h3 a:visited {

	color: #08427c;

	text-decoration: none;

}







/*h3 右側リンクあり*/





div.LV2LinkSet {

	border-bottom: 1px solid #cdcdcd;

}





div.LV2LinkSet h3 {

	border-bottom: none !important;

}







/*h3 特殊パターン（キャッチあり）2017/11/9追加*/

div#Contents h3 span.CatchCopy,

div#PopUpContents h3span.CatchCopy {

	display: block;

	margin-bottom: 10px;

	padding: 10px 10px 7px;

	font-size: 110%;

	font-weight: bold;

	color: #ffffff;

	background-color: #00808a;

}







/*h4*/





div#Contents h4,

div#PopUpContents h4 {

	font-weight: normal;

	border-left: 4px solid #009be3;

	padding: 1px 5px;

}





div#Contents h4 a,

div#PopUpContents h4 a {

	text-decoration: none;

	color: #08427c;

}





div#Contents h4 a:hover,

div#PopUpContents h4 a:hover {

	text-decoration: underline;

}





h1 a[name],h2 a[name],h3 a[name],h4 a[name] {text-decoration: none !important; color: #333 !important; background-image: none !important;}

div.Grid3 h2 span a[name][href],
div.Grid4 h2 span a[name][href],
div#PopUpContents h2 span a[name][href] {
	background-image: url("/image/h1/add/icon/icon_link_h2.gif") !important;
}
div.Grid3 h2 span a[name][href]:hover,
div.Grid4 h2 span a[name][href]:hover,
div#PopUpContents h2 span a[name][href]:hover,
div.Grid3 h2 span a[name][href]:active,
div.Grid4 h2 span a[name][href]:active,
div#PopUpContents h2 span a[name][href]:active {
	background-image: url("/image/h1/add/icon/icon_link_h2_on.gif") !important;
}



/* [c7] 箇条書きリスト
=========================================================================================== */
/*▲特殊パターン▲（丸付き数字など、特殊なマーカーを使用しているリスト用）*/
ul.ListStyle1.SpecialMarker li,
ul.ListStyle2.SpecialMarker li,
dl.ListStyle1.SpecialMarker dt,
dl.ListStyle2.SpecialMarker dt {
	background-image: none;
	text-indent: -1em;
}



/* [c8] 番号付リスト



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





/* ---[c8-2-1] 番号付リスト > マーカー混合 > 文字サイズ90% --- */

/* ---[c8-2-2] 番号付リスト > マーカー混合 > 文字サイズ83% --- */

/*▲特殊パターン▲（特殊なマーカー使用：個人情報保護ページで使用）*/



ol.ListStyle3.addListStyle1,

ol.ListStyle4.addListStyle1 {

	list-style-type: none;

	margin-left: 0;

	padding-left: 0;

}





ol.ListStyle3.addListStyle1 ol,

ol.ListStyle4.addListStyle1 ol {

	list-style-type: none;

	margin-left: 0;

	padding-left: 0;

}





ol.ListStyle3.addListStyle1 > li,

ol.ListStyle4.addListStyle1 > li {

	margin-left: 1.8em;

}





ol.ListStyle3.addListStyle1 > li > ol > li,

ol.ListStyle4.addListStyle1 > li > ol > li {

	margin-left: 1.3em;

}





ol.ListStyle3.addListStyle1 li span,

ol.ListStyle4.addListStyle1 li span {

	margin-right: 0.3em;

}





ol.ListStyle3.addListStyle1 li span.paren-decimal,

ol.ListStyle4.addListStyle1 li span.paren-decimal {

	margin-left: -1.8em;

}





ol.ListStyle3.addListStyle1 li span.circled-decimal,

ol.ListStyle3.addListStyle1 li span.black-circle,

ol.ListStyle4.addListStyle1 li span.circled-decimal,

ol.ListStyle4.addListStyle1 li span.black-circle {

	margin-left: -1.3em;

}





ol.ListStyle3.addListStyle1 ul,

ol.ListStyle4.addListStyle1 ul {

	font-size: 100%;

}







/* [c11] リンクリスト



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



/* ---[c11-6-2] リンクリスト > 左側に日付--- */





dl.addDateListStyle2 dd ul li {

	padding-top: 0;

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li {

	padding-left: 100px;

	line-height: 1.35;

	background-position: 0 0;

	background-repeat: no-repeat;

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.List {

	padding-left: 108px;

	background-position: 6rem 0;

	background-repeat: no-repeat;

}

#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Event.List,
#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.News.List,
#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Information.List {
	background-position: 0 0;
}



#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.News {

	background-image: url("/image/jp/r1/add/label_news_link.gif");

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.News.List {

	background-image: url("/image/jp/r1/add/label_news.gif");

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Event {

	background-image: url("/image/jp/r1/add/label_event_link.gif");

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Event.List {

	background-image: url("/image/jp/r1/add/label_event.gif");

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Information {

	background-image: url("/image/jp/r1/add/label_information_link.gif");

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Information.List {

	background-image: url("/image/jp/r1/add/label_information.gif");

}





#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Topics {

	background-image: url("/image/jp/r1/add/label_topics_link.gif");

}







/* [c16] 枠囲み



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



div.BoxPatternA,

div.BoxPatternB,

div.BoxPatternC {

	background-color: #fff;

}





div.BoxPatternA p,

div.BoxPatternA ul,

div.BoxPatternA dl,

div.BoxPatternB p,

div.BoxPatternB ul,

div.BoxPatternB dl,

div.BoxPatternC p,

div.BoxPatternC ul,

div.BoxPatternC dl {

	padding-left: 0;

	padding-right: 0;

}





div#Contents div.BoxPatternA h2 a:link,

div#Contents div.BoxPatternB h2 a:link {

	color: #08427c;

}





div#Contents div.BoxPatternA h2 a:visited,

div#Contents div.BoxPatternB h2 a:visited {

	color: #551a8b;

}





div#Contents div.BoxPatternA h2 a:hover,

div#Contents div.BoxPatternA h2 a:active,

div#Contents div.BoxPatternB h2 a:hover,

div#Contents div.BoxPatternB h2 a:active {

	color: #890000;

}







/* ---[c16-1-1] 枠囲み > パターンA--- */

/* ---[c16-1-2] 枠囲み > パターンA > 見出しにリンクあり--- */



div.BoxPatternA {

	margin: 0 0 15px;

}





div#Contents div.BoxPatternA h2,

div#PopUpContents div.BoxPatternA h2,

div.BoxPatternA p.Title {

	border-bottom: none;

	margin-bottom: 0;

	font-size: 120%;

	padding: 10px 10px 6px 10px;

	background-color: #f0f0f0;

	border-top: 2px solid #aaa;

}





div#Contents div.BoxPatternA p.Title {

	color: #333;

	margin-bottom: 0;

}





div.BoxPatternA p.Title strong {

	border: none;

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: inherit;

}





div#Contents div.BoxPatternA h2 a {

	padding: 0;

	margin: 0;

	text-decoration: none;

	display: block;

	background: url("/image/h1/add/icon/icon_link_h2.gif") no-repeat right 0.4em !important;

}





div#Contents div.BoxPatternA h2 a:hover,

div#Contents div.BoxPatternA h2 a:active {

	text-decoration: underline;

	background: url("/image/h1/add/icon/icon_link_h2_on.gif") no-repeat right 0.4em !important;

	border-right: solid 3px transparent;

}





div#Contents div.BoxPatternA div.Inner,

div#PopUpContents div.BoxPatternA div.Inner {

	padding: 10px 10px 0;

	border: 2px solid #f0f0f0;

}







/* ---[c16-2-1] 枠囲み > パターンB--- */

/* ---[c16-2-2] 枠囲み > パターンB > 見出しにリンクあり--- */





div#Contents div.BoxPatternB {

	margin: 0 0 15px;

	border: 3px solid #f0f0f0;

	padding-top: 0;

}





div#Contents div.BoxPatternB h2,

div.BoxPatternB p.addTitle strong {

	border-bottom: none !important;

	background-color: inherit !important;

	font-size: 100% !important;

	padding: 10px 10px 0 !important;

	font-weight: normal !important;

}





div#Contents div.BoxPatternB h2 {

	margin-bottom: 0 !important;

}





div#Contents div.BoxPatternB h2 a {

	background-image: none;

	text-decoration: underline;

}





div#Contents div.BoxPatternB p.Title {

	padding: 10px 10px 0;

}





div#Contents div.BoxPatternB div.Inner {

	padding: 10px 10px 0;

}







/* ---[c16-3-1] 枠囲み > パターンC--- */





div#Contents div.BoxPatternC {

	padding: 10px 10px 0;

	border: 1px solid #cdcdcd;

}







/*--- [c16-1-a01] 枠囲み > パターンA > 問い合わせ ---*/





div#Contents div.BoxPatternA.BoxA01 { border-top: 3px solid #009be3; }





div.BoxPatternA.BoxA01 p.Title strong {

	padding-top: 11px;

	border-left: solid 1px #b0d1e5;

	border-right: solid 1px #b0d1e5;

	background: url("/image/h1/add/bg_box_a01_title.gif") repeat-x 0 0 #daf0fd;

}





div#Contents div.BoxPatternA.BoxA01 h2,

div#Contents div.BoxPatternA.BoxA01 h3,

div#Contents div.BoxPatternA.BoxA01 h4 {

	border: none;

	background-image: none;

	background-color: #d9f3ff;

}





div#Contents div.BoxPatternA.BoxA01 div.Inner { border: 3px solid #d9f3ff; }





div.Grid3 .BoxPatternA.BoxA01 div.Column1andHalf {

	width: 342px;

	margin: 0 0 0 14px;

}





div.Grid3 .BoxPatternA.BoxA01 div.FirstItem { margin: 0; }





div.Grid3 .BoxPatternA.BoxA01 div.LastItem {

	float: right;

	margin: 0;

}





div#Contents div.Button ul.ButtonStyle1.Wide270,

div#Contents div.Button ul.ButtonStyle1.Full,

div#Contents div.addButton ul.ButtonStyle1.Full {

	font-size: 100%;

}





.Grid1 div#Contents div.addButton ul.ButtonStyle1.Full {

	font-size: 90%;

}





div#Contents div.addButton ul.ButtonStyle1.Full {

	margin-bottom: 0;

}





div#Contents div.Button ul.ButtonStyle1.Wide270 li strong span a,

div#Contents div.Button ul.ButtonStyle1.Full li strong span a,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a {

	margin-bottom: 0;

	border-right: none;

}





div#Contents div.Button ul.ButtonStyle1.Wide270 li strong span a:link,

div#Contents div.Button ul.ButtonStyle1.Full li strong span a:link,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:link,

div.addButton ul li strong span a:link {

	color: #c02;

}





div#Contents div.Button ul.ButtonStyle1.Wide270 li strong span a:visited,

div#Contents div.Button ul.ButtonStyle1.Full li strong span a:visited,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:visited,

div.addButton ul li strong span a:visited {

	color: #a94657;

}





div#Contents div.Button ul.ButtonStyle1.Wide270 li strong span a:hover,

div#Contents div.Button ul.ButtonStyle1.Wide270 li strong span a:active,

div#Contents div.Button ul.ButtonStyle1.Full li strong span a:hover,

div#Contents div.Button ul.ButtonStyle1.Full li strong span a:active,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:hover,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:active,

div.addButton ul li strong span a:hover,

div.addButton ul li strong span a:active {

	color: #b1000e;

	text-decoration: underline;

}





div#Contents div.addButton ul.ButtonStyle1.Full li strong span a {

	padding: 5px 15px 5px 9px;

}





div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:link,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:visited,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:hover,

div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:active {

	background-color: transparent;

}







/* [c18] コンテンツナビゲーション



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





/* ---[c18-1] コンテンツナビゲーション > 1階層分--- */



.CategoryNavi,

div.Grid4 div.addCategoryNavi,



.TabNavi {

	clear: both;

	padding: 0 0 20px;

	overflow: hidden;

}





.CategoryNavi ul,

div.Grid4 div.addCategoryNavi ul,

.TabNavi ul {

	margin: 0;

	background-color: #e1e1e1;

	overflow: hidden;

}





div#Contents div.CategoryNavi ul,

div#Contents div.addCategoryNavi ul {

	font-size: 83%;

}





div.Grid4 div.addCategoryNavi ul.Top1 li,

div.Grid4 div.addCategoryNavi ul.Top2 li,

div.CategoryNavi ul.Top1 li,

div.CategoryNavi ul.Top2 li {

	float: left;

	background: url(/image/h1/bg_category_navi.gif) no-repeat right center !important;

	margin: 0 !important;

	line-height: 1.35;

	overflow: hidden;

}





div.Grid4 div.addCategoryNavi ul.Top1 li a,

div.Grid4 div.addCategoryNavi ul.Top2 li a,

div.CategoryNavi ul.Top1 li a,

div.CategoryNavi ul.Top2 li a {

	position: relative;

	float: left;

	display: block;

	min-width: 100px;

	height: 30px;

	padding: 16px 20px 0 !important;

	font-size: 110%;

	text-align: center;

	background-image: none !important;

	border-bottom: none !important;

	color: #333;

	text-decoration: none !important;

}





div.Grid4 div.addCategoryNavi ul.Top1 li.Current,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current,

div.CategoryNavi ul.Top1 li.Current,

div.CategoryNavi ul.Top2 li.Current {

	float: left;

	background: url(/image/h1/bg_category_navi.gif) no-repeat right center;

}





div.Grid4 div.addCategoryNavi ul.Top1 li.Current,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current,

div.CategoryNavi ul.Top1 li.Current,

div.CategoryNavi ul.Top2 li.Current {

	margin: 0  !important;

	background: none !important;

}





div.Grid4 div.addCategoryNavi ul.Top1 li.Current a,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current a,

div.CategoryNavi ul.Top1 li.Current a,

div.CategoryNavi ul.Top2 li.Current a {

	display: block;

	border-bottom: none;

	color: #fff;

	text-decoration: none;

	background: #b1000e none !important;

	height: 30px;

	padding: 16px 20px 0 !important;

}





div.Grid4 div.addCategoryNavi ul.Top1 li.Current a strong,

div.Grid4 div.addCategoryNavi ul.Top2 li.Current a strong,

div.CategoryNavi ul.Top1 li.Current a strong,

div.CategoryNavi ul.Top2 li.Current a strong,

div.CategoryNavi ul.Top1 li.Current a em,

div.CategoryNavi ul.Top2 li.Current a em {

	color: #ffffff;

	background-color: #b1000e !important;

	/*padding: 0;*/

	font-weight: bold;

	text-decoration: none;

}





div.CategoryNavi li.Current a em,div.Grid4 div.addCategoryNavi li.Current a em { font-style: normal; }

div.CategoryNavi li.Current a:link em,div.Grid4 div.addCategoryNavi li.Current a:link em { color: #08427c; text-decoration: underline; }

div.CategoryNavi li.Current a:visited em,div.Grid4 div.addCategoryNavi li.Current a:visited em { color: #551a8b; text-decoration: underline; }

div.CategoryNavi li.Current a:hover em,div.Grid4 div.addCategoryNavi li.Current a:hover em { color: #890000; text-decoration: underline; }

div.CategoryNavi li.Current a:active em,div.Grid4 div.addCategoryNavi li.Current a:active em { color: #890000; text-decoration: underline; }



div.Grid4 div.addCategoryNavi ul.Top1 li a:hover,

div.Grid4 div.addCategoryNavi ul.Top1 li a:active,

div.Grid4 div.addCategoryNavi ul.Top1 li.Current a,

div.Grid4 div.addCategoryNavi ul.Top2 li a:hover,

div.Grid4 div.addCategoryNavi ul.Top2 li a:active,

.CategoryNavi ul.Top1 li a:hover,

.CategoryNavi ul.Top1 li a:active,

.CategoryNavi ul.Top1 li.Current a,

.CategoryNavi ul.Top2 li a:hover,

.CategoryNavi ul.Top2 li a:active,

.TabNavi li a:hover,

.TabNavi li a:active,

.TabNavi li.Current a {

	color: #fff;

	text-decoration: none;

	background-color: #b1000e !important;

}

div.CategoryNavi.order ul.Top1 li a {
    position: relative;
    float: left;
    display: block;
    min-width: 120px;
    height: 30px;
    padding: 16px 10px 0 !important;
    font-size: 110%;
    text-align: center;
    background-image: none !important;
    border-bottom: none !important;
    color: #333;
    text-decoration: none !important;
}
div.CategoryNavi.order ul.Top1 li a:hover,
div.CategoryNavi.order ul.Top1 li a:active {
	color: #fff;
}
div.CategoryNavi.order ul.Top1 li.Current.order a {
    display: block;
    border-bottom: none;
    color: #fff;
    text-decoration: none;
    background: #b1000e none !important;
    height: 30px;
    padding: 6px 20px 10px!important;
}
div.CategoryNavi.order ul.Top1 li.order a {
    padding: 6px 20px 10px!important;
}





/*---[c18-2] コンテンツナビゲーション > 2階層分 > 2階層目の現在地表示あり---*/





div.CategoryNavi ul.Bottom {

	margin: 0 0 0 0;

	padding: 12px 8px 0px 8px;

	border: 3px solid #e1e1e1;

	border-top: none;

	background-color: #ffffff;

	font-size: 83%;

}





div.CategoryNavi ul.Bottom li {

	line-height: 100%;

}





div.CategoryNavi ul.Bottom li a {

	color: #333;

	text-decoration: none;

	padding: 0.2em;

	position: static;

	float: none;

	display: inline;

	font-size: 100%;

}





div.CategoryNavi ul.Bottom li a:hover {

	background-color: #b1000e;

	color: #fff;

}







/* Win IE7 & IE6lower */



* html body div.CategoryNavi ul.Bottom { margin: -2px 0 0; }

*:first-child+html body div.CategoryNavi ul.Bottom { margin: -2px 0 0; }



/* */





div.CategoryNavi ul.Bottom li {

	float: left;

	margin: 0 0 12px 0;

	padding: 0.1em 0.6em;

	/*padding: 2px 7px 4px 0;*/

	border-right: 1px solid #bbbbbb;

}





div.CategoryNavi ul.Bottom li a {

	white-space: nowrap;

}





div.CategoryNavi ul.Bottom li.Current a em {

	padding: 1px 4px;

	background-color: #bbbbbb;

	font-style: normal;

}





div.CategoryNavi ul.Bottom li.Current strong {

	padding: 0.2em;

	background-color: #b1000e;

	color: #ffffff;

	font-weight: bold;

	text-decoration: none;

}







/* [c14] Data Table



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





/* --- [c14-1-1] Data Table --- */

/* --- [c14-1-2] Data Table > With Captions --- */

/* --- [c14-2-1] Data Table > Width: 100% --- */

/* --- [c14-2-2] Data Table > Width: 100% > With Captions --- */

/* --- [c14-2-3] Data Table > Width: 100% > Multiple Headers --- */

/* --- [c14-3-1] Data Table > op-aligned --- */





table {

	margin: 0 0 20px;

	border-collapse: collapse;

}





table th {

	background-color: #f2f2f2;

	font-weight: normal;

}





table td.SubHeader {

	background-color: #f8f8f8;

	font-weight: normal;

}





table th,

table td {

	padding: 10px 15px;

	border: solid 1px #ddd;

	font-size: 83%;

	text-align: left;

}





table.TableStyle1 caption,

table.TableStyle3 caption,

table.TableStyle5 caption {display: none;}





table.TableStyle2 caption,

table.TableStyle4 caption {

	padding: 0 0 5px;

	font-size: 83%;

	text-align: left;

}





table.TableStyle3,

table.TableStyle4 {width: 100%;}





table.TableStyle5 th,

table.TableStyle5 td {vertical-align: top;}







/* --- [-] Font Size in Data Table --- */





table .TextStyle2,

table .ImgOnlyStyle,

table .ListStyle2,

table .LinkListStyle2,

table .LinkListStyle4,

table .LinkListStyle6,

table .AnnotationsStyle2,

table .AdditionalNotesStyle2,

table .ButtonStyle1,

table .ButtonStyle2,

table .ButtonW120SetStyle6 dt,

table .ButtonW180SetStyle6 dt,

table .ButtonW240SetStyle6 dt,

table .ButtonW120SetStyle6 dd,

table .ButtonW180SetStyle6 dd,

table .ButtonW240SetStyle6 dd,

table .ButtonW120SetStyle8 dt,

table .ButtonW180SetStyle8 dt,

table .ButtonW240SetStyle8 dt,

table .ButtonW120SetStyle8 dd,

table .ButtonW180SetStyle8 dd,

table .ButtonW240SetStyle8 dd,

table .PlugInBanner {font-size: 100%;}





/*Table CellのBorderを消す*/

table .NoBorderT { border-top-width: 0; }

table .NoBorderB { border-bottom-width: 0; }

table .NoBorderL { border-left-width: 0; }

table .NoBorderR { border-right-width: 0; }







/* [c19] リニアナビゲーション



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





#Contents .LinearNavi h2 {

	padding: 14px 16px 14px;

	background-color: #eee;

	border-bottom: none;

	font-size: 83%;

}







/* [c--] ローカルナビゲーション



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





#VerticalLocalNavi {



}





#VerticalLocalNavi h2 {

	border-bottom: none;

}





/*▲特殊パターン▲（Movieページ用）*/

.MovieInnerLink {

	padding: 12px 0;

}



.MovieInnerLink ul li {

	float: left;

	margin: 0 0 0 16px;

	border-bottom: 2px solid #c3c3c3;

}



.MovieInnerLink ul li:first-child {

	margin-left: 0;

}



.MovieInnerLink ul li a {

	display: block;

	width: 160px;

	height: 100%;

	padding: 3px 5px 10px;

	line-height: 130%;

	font-size: 110%;

	color: #fff;

	text-decoration: none;

	background-color: #1c6ab2;

	border: 5px solid #dadada;

	box-sizing: border-box;

}

.MovieInnerLink ul li a:hover,

.MovieInnerLink ul li a:active {

	background-color: #144f83;

}



.MovieInnerLink ul li a:before {

	content: "";

	display: block;

	width: 100%;

	height: 76px;

	background-repeat: no-repeat;

	background-position: center center;

}

.MovieInnerLink ul li.Btn01 a:before {

	background-image: url("/movie/images/bg_iot.png");

}

.MovieInnerLink ul li.Btn02 a:before {

	background-image: url("/movie/images/bg_flow.png");

}

.MovieInnerLink ul li.Btn03 a:before {

	background-image: url("/movie/images/bg_security.png");

}

.MovieInnerLink ul li.Btn04 a:before {

	background-image: url("/movie/images/bg_smartcom.png");

}

.MovieInnerLink ul li.Btn05 a:before {

	background-image: url("/movie/images/bg_rec.png");

}



.MovieInnerLink ul li a:after {

	content: "";

	display: block;

	width: 100%;

	height: 15px;

	background-image: url("/movie/images/arrow_bottom.png");

	background-repeat: no-repeat;

	background-position: center bottom;

}







/*汎用*/





.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.nwp { white-space: nowrap; }


.ShowSD, .ShowSD2 { display: none; }

br.ShowSD, br.ShowSD2, br.ShowTablet { display: none; }


/*色文字*/
.RedText { color: #c00000; }


.InlineBlock {
	display: inline-block;
	max-width: 100%;
}/*横並びボックスや脚注付きの画像などに使用*/



.OverflowAdjust {
	overflow: hidden;
}/*画像回り込みで、テキスト部分が画像の下に回り込まないように設定*/


/*主にテーブルの幅用*/





.MinW1em { min-width: 1em; }

.MinW1Point5em { min-width: 1.5em; }

.MinW2em { min-width: 2em; }

.MinW2Point5em { min-width: 2.5em; }

.MinW3em { min-width: 3em; }

.MinW3Point5em { min-width: 3.5em; }

.MinW4em { min-width: 4em; }

.MinW4Point5em { min-width: 4.5em; }

.MinW5em { min-width: 5em; }

.MinW5Point5em { min-width: 5.5em; }

.MinW6em { min-width: 6em; }

.MinW6Point5em { min-width: 6.5em; }

.MinW7em { min-width: 7em; }

.MinW7Point5em { min-width: 7.5em; }

.MinW8em { min-width: 8em; }

.MinW8Point5em { min-width: 8.5em; }

.MinW9em { min-width: 9em; }

.MinW9Point5em { min-width: 9.5em; }

.MinW10em { min-width: 10em; }


/*リンクボタン*/
a.MouseOver:hover,
a.MouseOver:active {
	opacity: 0.7;
}



/**/







div.addButton ul li strong span a,div.addButton ul li strong span a:link {

	display: block;

	float: left;

	padding: 5px 15px 5px 9px;

	background: transparent url("/image/h1/bg_button_free.gif") no-repeat 100% 0;

	text-align: center;

	line-height: 1.35;

	margin:0;

	min-width:inherit;

	border-right: none;

	font-weight: normal;

}

.Grid1 div.addButton ul li strong span a {

	font-size: 100%;

}





div.Button ul.minW130 li,

div.addButton ul.minW130 li {

	min-width: 130px;

	margin-bottom: 15px;

	width: 130px;

	display: block;

	float: right;

	clear: both;

	margin: 0 0 10px;

	background: url("/image/h1/bg_button_free.gif") no-repeat 0 100%;

}





div.Button ul.minW130 li {

	float: none;

}





div.Button ul.minW130 li strong {

	display: block;

	float: none;

	padding: 0 0 0 6px;

	background: url("/image/h1/bg_button_free.gif") no-repeat 0 0;

	font-weight: normal;

}





div.Button ul.minW130 li strong span {

	display: block;

	background: url("/image/h1/bg_button_free.gif") no-repeat 100% 100%;

}





div.Button ul.minW130 li strong span a,div.Button ul.minW130 li strong span a:link {

	display: block;

	float:none;

	padding: 5px 15px 5px 9px;

	background: transparent url("/image/h1/bg_button_free.gif") no-repeat 100% 0;

	text-align: center;

	line-height: 1.35;

	margin:0;

	color: #08427c;

	text-decoration: underline;

	min-width:inherit;

	border-right: none;

	font-weight: normal;

}





div.Button ul.minW130 li strong span a:visited {

	color: #551a8b;

	text-decoration: underline;

}





div.Button ul.minW130 li strong span a:hover {

	color: #890000;

	text-decoration: underline;

}





div.Button ul.minW130 li strong span a[name]:hover { color: #000000; }





div.Button ul.minW130 li strong span a:active {

	color: #890000;

	text-decoration: underline;

}





ul.AcTestPage li {

	word-wrap: break-word;

}







/* ---3グリッド・3カラム/4グリッド--- */





div.Grid3 dl.ButtonW120SetStyle1 dd,

div.Grid3 dl.ButtonW120SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle2 dd { width: 585px; }



div.Grid3 dl.ButtonW180SetStyle1 dd,

div.Grid3 dl.ButtonW180SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle2 dd { width: 525px; }



div.Grid3 dl.ButtonW230SetStyle1 dd,

div.Grid3 dl.ButtonW230SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle2 dd { width: 475px; }



div.Grid3 dl.ButtonW240SetStyle1 dd,

div.Grid3 dl.ButtonW240SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle2 dd { width: 465px; }



div.Grid3 dl.ButtonW120SetStyle3 dd,

div.Grid3 dl.ButtonW120SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle4 dd { width: 570px; }



div.Grid3 dl.ButtonW180SetStyle3 dd,

div.Grid3 dl.ButtonW180SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle4 dd { width: 510px; }



div.Grid3 dl.ButtonW230SetStyle3 dd,

div.Grid3 dl.ButtonW230SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle4 dd { width: 460px; }



div.Grid3 dl.ButtonW240SetStyle3 dd,

div.Grid3 dl.ButtonW240SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle4 dd { width: 450px; }



div.Grid3 div.ImgW60SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW60SetStyle div.ImgSet { width: 645px; }



div.Grid3 div.ImgW120SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW120SetStyle div.ImgSet { width: 585px; }



div.Grid3 div.ImgW180SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW180SetStyle div.ImgSet { width: 525px; }



div.Grid3 div.ImgW230SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW230SetStyle div.ImgSet { width: 475px; }







/* ---4グリッドを3カラムに分割（Movieページで使用）--- */

.Column4Thirds {

	float: left;

	width: 311px;

	margin: 0 0 0 16px;

}



.Column4Thirds.FirstItem {

	margin: 0;

}



/*▲特殊パターン▲（Movieページ用の設定）*/

.ColumnSet.Movie .ImgOnlyStyle {

	margin-bottom: 0;

	line-height: 100%;

}



.ColumnSet.Movie .ImgOnlyStyle a {

	display: block;

}



.ColumnSet.Movie .ImgOnlyStyle img {

	width: 100%;

	height: auto;

	margin-bottom: 0;

}



.ColumnSet.Movie .Inner {

	background-color: #f9f9f9;

	padding: 10px 10px 1px;

}



div#Contents .ColumnSet.Movie .Inner h3 {

	padding-bottom: 0;

	font-size: 115%;

	letter-spacing: -1em;

	border-bottom-style: none;

}



div#Contents .ColumnSet.Movie .Inner h3 a {

	display: block;

	margin-left: 3.15em;

	padding-right: 20px;

	color: #333;

	letter-spacing: normal;

	background-image: url("/image/h1/add/icon/icon_link_h2.gif");

	background-repeat: no-repeat;

	background-position: right center;

	box-sizing: border-box;

}

div#Contents .ColumnSet.Movie .Inner h3 a:hover,

div#Contents .ColumnSet.Movie .Inner h3 a:active {

	text-decoration: none;

	background-image: url("/image/h1/add/icon/icon_link_h2_on.gif");

}



div#Contents .ColumnSet.Movie .Inner h3 span {

	display: inline-block;

	float: left;

	padding: 31px 5px 3px;

	font-size: 71%;

	color: #fff;

	letter-spacing: normal;

	line-height: 100%;

	background-color: #5b5b5b;

	background-image: url("/movie/images/icon_movie.png");

	background-repeat: no-repeat;

	background-position: 5px 7px;

	border-radius: 5px;

}



.ColumnSet.Movie .ButtonStyle1 a {

	width: 100%;

	padding: 13px 13px 10px;

	font-size: 90%;

	color: #333;

	background-image: none;

	background-color: #d2d2d2;

	border-bottom: 2px solid #a6a6a6;

	border-right-style: none;

	box-sizing: border-box;

}

.ColumnSet.Movie .ButtonStyle1 a:hover,

.ColumnSet.Movie .ButtonStyle1 a:active {

	background-color: #e0e0e0;

}



.ColumnSet.Movie .ButtonStyle1 a span {

	display: inline-block;

	padding-right: 18px;

	text-align: left;

	background-image: url("/image/jp/r1/icon/icon_link_right_xl.gif");

	background-repeat: no-repeat;

	background-position: right center;

}

.ColumnSet.Movie .ButtonStyle1 a:hover span,

.ColumnSet.Movie .ButtonStyle1 a:active span {

	background-image: url("/image/jp/r1/icon/icon_link_right_xl_hover.gif");

}





/*▲特殊パターン▲（作業フロー：動線計測サービスページで使用）*/

.WorkFlow {

	margin-bottom: 10px;

}



ul.WorkFlowService,

ul.WorkFlowDescription {

	display: table;

	width: 100%;

}



ul.WorkFlowService li,

ul.WorkFlowDescription li {

	display: table-cell;

	width: 20%;

	line-height: 130%;

	font-size: 83%;

	font-weight: bold;

	box-sizing: border-box;

}



ul.WorkFlowService li {

	height: 50px;

	padding: 5px 20px 2px 5px;

	text-align: center;

	vertical-align: middle;

	color: #ffffff;

	background-image: url("/products/o-tracking/image/bg_flow.png");

	background-position: right center;

	background-repeat: no-repeat;

	background-color: #5387c3;

}

ul.WorkFlowService li.FirstItem {

	padding-left: 10px;

}

ul.WorkFlowService li.LastItem {

	background-image: url("/products/o-tracking/image/bg_flow2.png");

}



ul.WorkFlowDescription li {

	padding: 5px 15px 0 0;

	vertical-align: top;

	color: #666666;

}


/*▲特殊パターン▲（矢印付きカラム：音声分析サービスで使用）*/
.ColumnSet.WithArrow {
	display: table;
	width: 100%;
	max-width: 720px;
	table-layout: fixed;
}

.ColumnSet.WithArrow .Column1 {
	float: none;
	display: table-cell;
	vertical-align: middle;
}
.ColumnSet.WithArrow .Column1.FirstItem {
	width: 327px;
}
.ColumnSet.WithArrow .Column1.Arrow {
	width: 57px;
	padding: 0 10px;
	box-sizing: border-box;
}
.ColumnSet.WithArrow .Column1.LastItem {
	width: 336px;
}



/*▲特殊パターン▲（ピクト付リンク：今のところ音声分析サービスで使用）*/
.LinkWithPict {
	padding: 0 0 15px;
}
.LinkWithPict.SmallSize {
	padding-bottom: 10px;
}

.LinkWithPict ul li {
	float: left;
	margin: 0 0 0 10px;
}

.LinkWithPict ul li:first-child {
	margin-left: 0;
}

.LinkWithPict ul li a {
	position: relative;
	display: block;
	width: 180px;
	height: 100%;
	min-height: 180px;
	padding: 15px 5px 18px;
	line-height: 130%;
	font-size: 100%;
	color: #333333;
	text-decoration: none;
	background-color: #f0f0f0;
	box-sizing: border-box;
	-webkit-transition: background-color 0.3s ease-in, color 0.1s linear;
	-moz-transition: background-color 0.3s ease-in, color 0.1s linear;
	-o-transition: background-color 0.3s ease-in, color 0.1s linear;
	transition: background-color 0.3s ease-in, color 0.1s linear;
}
.LinkWithPict.SmallSize ul li a {
	min-height: 100px;
	padding: 2px 5px 10px;
}
.LinkWithPict ul li.Current a,
.LinkWithPict ul li a:hover,
.LinkWithPict ul li a:active {
	color: #ffffff;
	background-color: #004c88;
}
.LinkWithPict ul li.Current a {
	cursor: default;
}

.LinkWithPict ul li a:before {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 25px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 200%;
	-webkit-transition: 0s 0.1s;
	-moz-transition: 0s 0.1s;
	-o-transition: 0s 0.1s;
	transition: 0s 0.1s;
}
.LinkWithPict.SmallSize ul li a:before {
	width: 60px !important;
	height: 60px !important;
	margin-bottom: 5px;
}
.LinkWithPict ul li.Current a:before,
.LinkWithPict ul li a:hover:before,
.LinkWithPict ul li a:active:before {
	background-position: center top;
}
.LinkWithPict ul li.VoiceAna01 a:before {
	background-image: url("/products/voice_analysis/image/btn_icon_evaluation.svg");
}
.LinkWithPict ul li.VoiceAna02 a:before {
	background-image: url("/products/voice_analysis/image/btn_icon_claim.svg");
}
.LinkWithPict ul li.VoiceAna03 a:before {
	background-image: url("/products/voice_analysis/image/btn_icon_ranking.svg");
}

.LinkWithPict ul li a:after {
	content: "";
	position: absolute;
	right: 3px;
	bottom: 3px;
	display: block;
	width: 18px;
	height: 18px;
	background-image: url("/products/voice_analysis/image/btn_link_right.svg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100% 200%;
	-webkit-transition: 0s 0.1s;
	-moz-transition: 0s 0.1s;
	-o-transition: 0s 0.1s;
	transition: 0s 0.1s;
}
.LinkWithPict ul li a:hover:after,
.LinkWithPict ul li a:active:after {
	background-position: right top;
}
.LinkWithPict.SmallSize ul li a:after {
	width: 13px;
	height: 13px;
}
.LinkWithPict ul li.Current a:after {
	background-image: none !important;
}



/*▲特殊パターン▲（埋め込み動画リンク：今のところ音声分析サービスで使用）*/
.YouTubeLink {
	width: 100%;
	max-width: 640px;
}

.YouTubeLink .ImgOnlyStyle {
	margin-bottom: 15px;
}

.YouTubeLink .ImgOnlyStyle iframe {
	display: block;
}



/*▲特殊パターン▲（クリッカブルマップSVG：今のところ連絡とれるくん for Hitachiで使用）*/
.ClickMap {
	position: relative;
}

.ClickMap svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}



/* 動画コンテンツ_バナー 1grid



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



/*

p.BtnMovie { margin: 0 0 15px; }



p.BtnMovie a {

	background-image: url("/images/index/btn_movie_1g.jpg");

	background-repeat: no-repeat;

	background-position: 0 0;

	width: 230px;

	height: 100px;

	display: block;

}

p.BtnMovie a:hover,

p.BtnMovie a:active { background-position: 0 -100px; }



p.BtnMovie a span { display: none; }

*/





p.BtnMovie a {

	display: block;

	width: 230px;

	height: 100px;

}



p.BtnMovie a:hover {

	background-image: url("/images/index/btn_movie_1g_on.jpg");

	background-repeat: no-repeat;

}



p.BtnMovie a:hover img {

	display: none;

}


/* 画像拡大（Modal表示）
=========================================================================================== */
a.ModalImageLink.origin:hover {
	text-decoration: underline!important;
}


/** 上下2段BOX用 **/
.Box {
	padding:15px;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Box .addCatchCopy {
	font-size: 135%;
	text-align: center;
	font-weight: bold;
}
.Box .ColumnSet .Column1andHalf.FirstItem {
	width: 270px;
}
.Box .ColumnSet .Column1andHalf.LastItem {
	width: 391px;
}

.Box .Column1andHalf  ul li {
	margin-bottom: 20px;
	font-size: 95%;
}
.Box .Column1andHalf ul li span {
	font-weight: bold;
	font-size: 110%;
}
.Box.Solution {
	background-color: #F2F2F2;
}
.Box.Solution:after {
	content: '';
	background-image: url(/products/health_caresol/images/arrow.png);
	position: absolute;
	width: 38px;
	height: 23px;
	bottom: -35px;
	right: calc(50% - 17.5px);
}
.Box.Effect {
	background-color: #F3F8F2;
	margin-top: 50px;
}
.Box.Effect .addCatchCopy {
	color: #009343;
}

.Box.Effect .ColumnSet .Column1andHalf.LastItem {
	padding-top: 30px;
}

/** 製品Hylinkページ table セル調整  **/
table.TableStyle3.hylink th,
table.TableStyle3.hylink td {
	padding: 10px 10px;
}
.Overflow {
	overflow-x: auto;
}

/*--クラウド型コンタクトセンターソリューション--*/
.CloudContactCase .InlineBlock .ListStyle2 {
	padding-top: 35px;
}
.CloudContactCase .CloudContactCaseBox {
	margin-top: -25px;
}
div#Contents div.BoxPatternC.BoxC01 {
	background-color: #f2f2f2;
	border-style: none;
	padding: 20px 30px 5px;
	border-radius: 10px;
}
div.BoxPatternC.BoxC01 .addCatchCopy {
	font-size: 135%;
	text-align: left;
	font-weight: bold;
	color: #2F4565;
}

/** UC3 **/
ul.uc3 {
	display: flex;
	border: 1px solid #E1E1E1;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
}
ul.uc3 li:first-child {
	margin-right: 15px;
}

p.TopBtn_ip a {
	background-image: url("/images/index/banner_ip.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 104px;
	display: block;
}

p.TopBtn_plat a {
	background-image: url("/images/index/banner_plat.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 104px;
	display: block;
}

p.TopBtn_ip a:hover,
p.TopBtn_ip a:active,
p.TopBtn_plat a:hover,
p.TopBtn_plat a:active { background-position: 0 -104px; }

p.TopBtn_ip a span,
p.TopBtn_plat a span {
	display: none;
}

/** 帳票処理支援ソフトウェア **/
.softbox {
	background-color: #FFFFEB;
	padding: 10px!important;
	font-size: 0.9em;
}

.softlist li {
	display: flex;
	margin-bottom: 5px;
	border-bottom: solid 1px black;
}
.softlist li .num {
	width: 50px;
	background-color: #4D4D4D;
	color: white;
	border-radius: 6px;
	text-align: center;
	margin-bottom: 5px;
	padding: 1px 2px 1px 3px;
}
.softlist li .title {
	width: 155px;
	color: #c1272d;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0 5px 0 5px;
}
.softlist li .des {
	width: 480px;
	color: #4C4D4E;
	margin-bottom: 5px;
	font-weight: bold;
}
ul.ListStyle1 li.nondeco {
    margin: 0 0 5px;
    padding: 0 0 0 1em;
    background-image: none;
}
table.order td {
    padding: 10px 10px;
}

.Column1.column4 {
	float: left;
	width: 23.2%;
	margin: 0 0 0 15px;
}
/*テレワーク業務効率化サービス*/
body.telework p.addCatchCopy {
    font-size: 125%;
    margin-top: 20px;
	border: solid 1px black;
	border-radius: 20px;
}
body.telework #LeadCol {
    margin: 10px 0 0 0;
}
body.telework .ImgOnlyStyle.CenterAdjust.excep{
    margin: 0 0 15px 0;
}
body.telework .inner_grid80 {
    width: 80%;
    margin: 0 auto;
}
body.telework .ImgRightAdjust {
    margin-left:0px;
	margin-top: -20px!important;
}
body.telework .clear.mc {
    position: absolute;
    top: -20px;
    right: -2%;
}
body.telework .clear.ft {
    position: absolute;
    top: -20px;
    right: -35px;
}
body.telework .clear.pe {
    position: absolute;
    top: -20px;
    right: -50px;
}
body.telework .ImgOnlyStyle {
    margin: 0 0 0px;
}
body.telework .ImgW180SetStyle {
    padding-bottom: 10px;
}
body.telework .ImgW180SetStyle .ImgSet dl {
    margin-left: 5px;
}
body.telework .AdditionalNotesStyle2 dd {
    margin: -1.55em 0 0px 1.6em;
}
body.telework .ImgOnlyStyle img {
    margin: 0 0 0px;
}
body.telework .ImgW180SetStyle .Img {
    width: 250px;
}
body.telework .ImgW180SetStyle.button .Img {
    width: 300px;
}
body.telework div.Grid3 div.ImgW180SetStyle div.ImgSet {
    width: 455px;
}
body.telework div.Grid3 div.ImgW180SetStyle.button div.ImgSet {
    width: 405px;
}
body.telework .ImgW180SetStyle.button div.ImgSet {
    float: left;
    padding-bottom: 15px;
    margin-left: 0px;
}
body.telework .addHorizontalOuterLinks3 {
    margin-bottom: 15px;
}
body.telework .pc_view {
    display: block;
}
body.telework .mobile_view {
    display: none;
}
body.telework .mobile_view.ft {
    display: block;
}
body.telework br.sp_view {
    display: none;
}
body.telework .ImgOnlyStyle .ModalYouTubeLink:after,
body.telework .ImgOnlyStyle .ModalYouTubeLink:before {
	content: none;
}
body.telework .red {
	color: red;
}
body.telework h3.excep {
	background-color: #dceeee;
	border-bottom: 0px!important;
	padding: 10px 15px 10px 15px!important;
	border-radius: 18px;
	font-size: 110%!important;
	font-weight: bold!important;
}
/* body.telework .on_click {
	display: block;
	background-image: url(/products/telework_serv/image/free-trial_S.png);
}
body.telework .on_click:hover {
	background-image: url(/products/telework_serv/image/free-trial_S_on.png);


} */
/* 充放電器の群管理アプリケーション(2024/06) */
.mod_gridset1 .mod_grid4 .ColumnSet {
	width: auto;
	margin-left: -15px;
}

.mod_gridset1 .mod_grid4 .Column2 {
	width: 50%;
	margin: 0;
	padding: 0 0 0 15px;
}

.mod_gridset1 .mod_grid4 .ColumnSet.boxflex {
	margin-bottom: 0;
}

div#Contents .mod_gridset1 .mod_grid4 .ColumnSet.boxflex div.BoxPatternC.BoxC01 {
	height: calc(100% - 15px);
	padding-bottom: 20px;
}

.mod_gridset1 .mod_grid4 .ColumnSet.Sp01 .Column2.FirstItem {
	width: 45%;
}

.mod_gridset1 .mod_grid4 .ColumnSet.Sp01 .Column2.LastItem {
	width: 55%;
}

div#Contents div.BoxPatternC.BoxC02 {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #b7dee8;
	border-style: none;
}

.ImgOnlyStyle + div div.BoxPatternC.BoxC02.inline_block {
	width: 100%;
	max-width: 650px;
}

.LargeTxt {
	font-size: 180%;
}

.addCatchCopy {
	font-size: 135%;
}

/* 本社アクセス(2025/01) */
h1.tit02 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 250%;
	font-weight: bold;
	color: #b1010e;
	letter-spacing: 2px;
}

h1.tit02 a[name] {
	color: inherit !important;
}

div#Popup h2.tit03 {
	margin-bottom: 20px;
	padding: 0;
	font-size: 150%;
	background-color: transparent;
	background-image: none;
	border-bottom-style: none;
}

div#Popup h2.tit03 span {
	padding: 5px 0 2px 15px;
	color: inherit;
	border-left: solid 7px #d71429;
}

div#Popup h3.tit05 {
	padding-bottom: 7px;
	font-size: 112.5%;
	font-weight: bold;
	border-color: #d71429;
}

div#Contents div.BoxPatternC.BoxC01.access {
	margin-bottom: 40px;
	padding-top: 30px;
	padding-bottom: 20px;
}

div#Contents div.BoxPatternC.BoxC01.access2 {
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.ImgOnlyStyle .ModalYouTubeLink.NoIcon:before,
.ImgOnlyStyle .ModalYouTubeLink.NoIcon:after,
.ImgOnlyStyle .ModalYouTubeLink.NoIcon span:after {
	display: none;
}

.ColumnSet.accessbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ColumnSet.accessbox:after {
	display: none;
}

.ColumnSet.accessbox .Column2.FirstItem {
	width: 430px;
	padding-top: 15px;
}

.ColumnSet.accessbox .Column2.LastItem {
	width: 480px;
}

dl.ListStyle1.access dt {
	font-weight: bold;
	background-image: url(/company/facilities/image/icon_sq.png);
	background-position: 0.2em .5em;
	background-size: auto auto;
}

dl.ListStyle1.access dd {
	padding-left: 1.11em;
	font-size: 90%;
}

#Popup ul.access_step {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -3%;
}

#Popup ul.access_step li {
	width: 30.33333333%;
	/*max-width: 271px;*/
	margin: 0 0 40px 3%;
}

#Popup ul.access_step li img {
	width: 100%;
	height: auto;
}


/* for Responsive Web Design
=========================================================================================== */



@media screen and (max-width: 994px) {



	div.Grid3 div.BoxPatternA.BoxA01 div.Column1andHalf,

	div#Contents div.Grid3 .BoxPatternC div.Column1andHalf {

		width: 50%;

		margin-left: 0;

		padding-left: 15px;

	}





	div.Grid3 div.BoxPatternC div.Column1andHalf.FirstItem,

	div.Grid3 div.BoxPatternA.BoxA01 div.Column1andHalf.FirstItem {

		float: left;

	}





	div#Contents div.addButton ul.ButtonStyle1.Full,

	div#Contents div.addButton ul.ButtonStyle1.Full li,

	div#Contents div.addButton ul.ButtonStyle1.Full li strong,

	div#Contents div.addButton ul.ButtonStyle1.Full li strong span,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Full,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Full li,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Full li strong,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Full li strong span,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Wide270,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Wide270 li,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Wide270 li strong,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Wide270 li strong span {

		padding: 0;

		float: none;

		width: 100%;

		background-image: none;

	}





	div#Contents div.addButton ul.ButtonStyle1.Full,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Full,

	div.BoxPatternA.BoxA01 div.Button ul.ButtonStyle1.Wide270 {

		padding-bottom: 15px;

	}





	div#Contents div.addButton ul.ButtonStyle1.Full li strong span a,

	div.Button ul.ButtonStyle1.Full li strong span a,

	div.Button ul.ButtonStyle1.Wide270 li strong span a {

		float: none;

		width: 100%;

		max-width: 260px;

		background-image: none;

		margin-left: auto;

		margin-right: auto;

		background-color: #f2f2f2;

		border-top: 1px solid #d5d8de;

		border-bottom: 2px solid #d5d8de;

		border-left: 1px solid #d5d8de;

		border-right: 2px solid #d5d8de !important;

		border-radius: 5px;

		box-sizing: border-box;

	}





	div#Contents div.FirstItem div.addButton ul.ButtonStyle1.Full li strong span a {

		margin-left: 0;

	}





	div#Contents div.addButton ul.ButtonStyle1.Full li strong span a {

		padding-top: 3px;

		padding-bottom: 3px;

	}





	div#Contents div.LastItem div.addButton ul.ButtonStyle1.Full li strong span a {

		margin-right: 0;

	}





	div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:link,

	div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:visited,

	div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:hover,

	div#Contents div.addButton ul.ButtonStyle1.Full li strong span a:active {

		background-color: #f2f2f2;

	}





	div.addSection div.BoxPatternA .ColumnSet .Column1andHalf {

		width: 50%;

		max-width: 267px;

	}


/*▲特殊パターン▲（矢印付きカラム：音声分析サービスで使用）*/
	.JS .ColumnSet.WithArrow {
		margin-left: 0;
	}

	.JS .ColumnSet.WithArrow .Column1.FirstItem {
		width: 45.72%;
		padding-left: 0;
	}
	.JS .ColumnSet.WithArrow .Column1.Arrow {
		width: 7.91%;
	}
	.JS .ColumnSet.WithArrow .Column1.LastItem {
		width: 46.67%;
		padding-left: 0;
	}



div.Grid3 dl.ButtonW120SetStyle1 dd,

div.Grid3 dl.ButtonW120SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle2 dd { width: auto; }



div.Grid3 dl.ButtonW180SetStyle1 dd,

div.Grid3 dl.ButtonW180SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle2 dd { width: auto; }



div.Grid3 dl.ButtonW230SetStyle1 dd,

div.Grid3 dl.ButtonW230SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle2 dd { width: auto; }



div.Grid3 dl.ButtonW240SetStyle1 dd,

div.Grid3 dl.ButtonW240SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle2 dd { width: auto; }



div.Grid3 dl.ButtonW120SetStyle3 dd,

div.Grid3 dl.ButtonW120SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle4 dd { width: auto; }



div.Grid3 dl.ButtonW180SetStyle3 dd,

div.Grid3 dl.ButtonW180SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle4 dd { width: auto; }



div.Grid3 dl.ButtonW230SetStyle3 dd,

div.Grid3 dl.ButtonW230SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle4 dd { width: auto; }



div.Grid3 dl.ButtonW240SetStyle3 dd,

div.Grid3 dl.ButtonW240SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle4 dd { width: auto; }



div.Grid3 div.ImgW60SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW60SetStyle div.ImgSet { width: auto; }



div.Grid3 div.ImgW120SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW120SetStyle div.ImgSet { width: auto; }



div.Grid3 div.ImgW180SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW180SetStyle div.ImgSet { width: auto; }



div.Grid3 div.ImgW230SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW230SetStyle div.ImgSet { width: auto; }





	.JS .ColumnSet .Column4Thirds {

		width: 33.3333333%;

		margin: 0;

		padding: 0 0 0 15px;

		box-sizing: border-box;

	}





	.JS .MovieInnerLink ul {

		width: calc(100% + 16px);

		max-width: 880px;

		margin: 0 -8px;

	}



	.JS .MovieInnerLink ul li {

		width: calc(20% - 16px);

		max-width: 160px;

		margin: 0 8px;

	}



	.JS .MovieInnerLink ul li a {

		width: 100%;

	}



	.JS .ModalYouTubeLink img {

		width: 100%;

	}

	.JS table.LargeTable th,
	.JS table.LargeTable td {
		padding-left: 10px;
		padding-right: 10px;
	}

	.JS table.Img100Per th img,
	.JS table.Img100Per td img {
		width: 100%;
	}

	.JS br.ShowTablet { display: inline; }
	.JS br.HideTablet { display: none; }


	/*フルスクリーン対応*/
	.JS .FullWidth {
		margin-left: -15px !important;
		margin-right: -15px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}


/*▲特殊パターン▲（ピクト付リンク：今のところ音声分析サービスで使用）*/
	.JS .LinkWithPict ul {
		width: calc(100% + 10px);
		max-width: 560px;
		margin: 0 -5px;
	}

	.JS .LinkWithPict ul li {
		width: calc(33.33333333% - 10px);
		max-width: 180px;
		margin: 0 5px;
	}

	.JS .LinkWithPict ul li a {
		width: 100%;
	}


/*▲特殊パターン▲（埋め込み動画リンク：今のところ音声分析サービスで使用）*/
	.JS .YouTubeLink .ImgOnlyStyle {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}

	.JS .YouTubeLink .ImgOnlyStyle iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}



/*下記を変更する場合はcss/h1/temp2/dg14.cssも変更*/



.JS p.BtnMovie a {

	width: 100%;

	height: auto;

	background-color: #fff;

	background-size: cover;

	}



	.JS p.BtnMovie a:hover {

		padding-bottom: 43.347%;

}



	.JS p.BtnMovie a img {

	max-width: 100%;

	height: auto;

}

/*上記を変更する場合はcss/h1/temp2/dg14.cssも変更*/


/**上下2段Box用 **/
.JS .Box .Column1andHalf.FirstItem {
	width: 40%;
}
.JS .Box .Column1andHalf.LastItem {
	width: 60%;
}

	/* ソリューションバナー */
	.JS p.TopBtn_ip a,
	.JS p.TopBtn_plat a {
		height: 0;
		padding-bottom: 14.44444444%;
		background-size: 100% 200%;
	}
	.JS p.TopBtn_ip a:hover,
	.JS p.TopBtn_ip a:active,
	.JS p.TopBtn_plat a:hover,
	.JS p.TopBtn_plat a:active {
		background-position: 0 100%;
	}
/*テレワーク業務効率化サービス*/
	body.telework p.addCatchCopy {
	        font-size: 110%;
	}
	body.telework .inner_grid80 {
	    width: 85%;
	    margin: 0 auto;
	}
	body.telework .clear.mc,.clear.ft,.clear.pe {
	    right: 3%;
	    width: 67px;
	}
	body.telework .ImgW180SetStyle .Img {
	    width: 50%!important;
	padding-right: 0;
	}
	body.telework .ImgW180SetStyle .Img a {
	display: block;
	text-align: center;

	}
	body.telework .ImgW180SetStyle .Img img {
	width: 80%;
	}
	body.telework div.Grid3 div.ImgW180SetStyle div.ImgSet {
	    width: 50%!important;
	}
	body.telework br.pc_view {
	    display: none;
	}
	body.telework br.pc_view.pe {
	    display: block;
	}
	body.telework br.mobile_view {
	    display: block;
	}
	body.telework br.mobile_view.pe {
	    display: none;
	}

	/* 本社アクセス(2025/01) */
	.JS .ColumnSet.accessbox .Column2.FirstItem,
	.JS .ColumnSet.accessbox .Column2.LastItem {
		width: 50%;
		margin: 0;
		padding-left: 15px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 820px) {
	body.telework br.mobile_view.pe {
	    display: block;
	}
}

@media screen and (max-width: 767px) {



	.JS div.Grid4 h2 {

		margin: 0 0 16px;

	}





	#Contents div.Grid4.TopBorderSet .Column1 > ul.LinkListStyle1,

	#Contents div.Grid4.TopBorderSet .Column1 > ul.LinkListStyle2,

	#Contents div.Grid4.TopBorderSet .Column2.FirstItem > ul.LinkListStyle1,

	#Contents div.Grid4.TopBorderSet .Column2.FirstItem > ul.LinkListStyle2 {

		margin: -5px 0 5px;

	}





	#Contents div.Grid4.TopBorderSet .Column1.LastItem ul

	#Contents div.Grid4.TopBorderSet .Column2.FirstItem:only-child > ul.LinkListStyle1,

	#Contents div.Grid4.TopBorderSet .Column2.FirstItem:only-child > ul.LinkListStyle2 {

		margin-bottom: 15px;

	}





	#Contents div.Grid4.TopBorderSet .Column2.LastItem:empty {

		margin-bottom: 15px;

	}





	div#Contents .Grid3 h2,

	div#Contents .Grid3 .LV1LinkSet {

		margin-left: 0;

		margin-right: 0;

	}





	div#Contents .Grid1 div.BoxPatternA h2,

	div#Contents .Grid1 div.BoxPatternA p.Title {

		border-top: none;

	}





	div#Contents .Grid1 div.BoxPatternA div.Inner {

		border-style: none;

	}





	div#Contents .Grid1 div.BoxPatternB {

		border: none;

	}





	div#Contents .Grid1 div.addButton {

		width:auto;

	}





	div#Contents .Grid1 div.addButton ul.ButtonStyle1.Full li strong span a {

		margin: 0 auto;

		max-width: inherit;

	}





	div#Contents div.CategoryNavi ul li a,

	div#Contents div.addCategoryNavi ul li a {

		border-top-style: none;

	}





	div#Contents div.CategoryNavi ul li a:before,

	div#Contents div.addCategoryNavi ul li a:before {

		display: none;

	}





	div#Contents div.CategoryNavi ul.Top2 li.Current a {

		background-color: #b1000e !important;

	}





	div#Contents div.CategoryNavi ul.BottomSP.ShowRWD {

		display: none;

	}





	div#Contents div.CategoryNavi ul.Bottom {

		display: block;

	}





	div#Contents div.CategoryNavi ul.Bottom li a{

		line-height: 100%;

	}





	div.addSection div.BoxPatternA .ColumnSet .FirstItem {

		float: left;

	}





	#Footer p img {

		max-width: 100%;

	}





	div#PopUpContents h2,
	.JS div#Popup h2 {

		margin-left: 0;

		margin-right: 0;

	}





	.JS .Grid3 .Column1.Column1Clear1,

	.JS .Grid3 .Column1.Column1Clear2,

	.JS .Grid4 .Column1.Column1Clear1,

	.JS .Grid4 .Column1.Column1Clear2,

	.JS .Grid3 .Column1andHalf.Column1andHalfClear1,

	.JS .Grid3 .Column1andHalf.Column1andHalfClear2,

	.JS .Grid3 .Column2.Column2Clear1,

	.JS .Grid3 .Column2.Column2Clear2,

	.JS .Grid4 .Column2.Column2Clear1,

	.JS .Grid4 .Column2.Column2Clear2 {

		float: left;

	}





	.JS .Grid4 .Column1.Column1Clear1,

	.JS .Grid4 .Column1.Column1Clear2 {

		width: 25%;

	}





	.JS .Grid3 .Column1.Column1Clear1,

	.JS .Grid3 .Column1.Column1Clear2 {

		width: 33.33333333%;

	}



	.JS .Grid3 .Column1andHalf.Column1andHalfClear1,

	.JS .Grid3 .Column1andHalf.Column1andHalfClear2,

	.JS .Grid4 .Column2.Column2Clear1,

	.JS .Grid4 .Column2.Column2Clear2 {

		width: 50%;

	}





	.JS .Grid3 .Column2.Column2Clear1,

	.JS .Grid3 .Column2.Column2Clear2 {

		width: 66.66666666%;

	}





	.JS .CenterAdjustAdd3 {

		margin-left: auto;

		margin-right: auto;

		text-align: center;

	}





/**/







/*div.Grid3 dl.ButtonW120SetStyle1 dd,

div.Grid3 dl.ButtonW120SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle2 dd { width: auto; }

div.Grid3 dl.ButtonW180SetStyle1 dd,

div.Grid3 dl.ButtonW180SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle2 dd { width: auto; }

div.Grid3 dl.ButtonW230SetStyle1 dd,

div.Grid3 dl.ButtonW230SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle2 dd { width: auto; }

div.Grid3 dl.ButtonW240SetStyle1 dd,

div.Grid3 dl.ButtonW240SetStyle2 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle1 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle2 dd { width: auto; }

div.Grid3 dl.ButtonW120SetStyle3 dd,

div.Grid3 dl.ButtonW120SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW120SetStyle4 dd { width: auto; }

div.Grid3 dl.ButtonW180SetStyle3 dd,

div.Grid3 dl.ButtonW180SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW180SetStyle4 dd { width: auto; }

div.Grid3 dl.ButtonW230SetStyle3 dd,

div.Grid3 dl.ButtonW230SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW230SetStyle4 dd { width: auto; }

div.Grid3 dl.ButtonW240SetStyle3 dd,

div.Grid3 dl.ButtonW240SetStyle4 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle3 dd,

div.Grid4 div.Column3 dl.ButtonW240SetStyle4 dd { width: auto; }

div.Grid3 div.ImgW60SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW60SetStyle div.ImgSet { width: auto; }

div.Grid3 div.ImgW120SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW120SetStyle div.ImgSet { width: auto; }

div.Grid3 div.ImgW180SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW180SetStyle div.ImgSet { width: auto; }

div.Grid3 div.ImgW230SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW230SetStyle div.ImgSet { width: auto; }

*/







.ImgLeftAdjust .ImgOnlyStyle,

.ImgRightAdjust .ImgOnlyStyle { text-align: center;}





	.JS p.BtnMovie {

		padding: 15px 0;

		background-color: #ffffff;

		margin: 0 0 15px;

}



	.JS p.BtnMovie a {

		width: 230px;

		height: 100px;

		margin: 0 auto;

		padding-bottom: 0;

	}



	.JS p.BtnMovie a:hover {

		padding-bottom: 0;

}





	.JS .MovieInnerLink ul {

		width: 100%;

	}



	.JS .MovieInnerLink ul li {

		margin: 0;

		width: 50%;

		max-width: none;

		height: auto !important;

		box-sizing: border-box;

	}

	.JS .MovieInnerLink ul li:nth-child(odd) {

		border-right: 1px solid #c3c3c3;

	}

	.JS .MovieInnerLink ul li:nth-child(even) {

		border-left: 1px solid #c3c3c3;

	}

	.JS .MovieInnerLink ul li:last-child {

		border-right-style: none;

	}



	.JS .MovieInnerLink ul li a {

		position: relative;

		display: table;

		width: 100%;

		height: 64px !important;

		padding: 2px 50px 2px 78px;

		text-align: left;

		border-width: 0;

		box-sizing: border-box;

	}

	.JS .MovieInnerLink ul li a:before {

		position: absolute;

		left: 0;

		top: 0;

		display: block;

		width: 78px;

		height: 100%;

		background-size: auto 67.5%;

	}

	.JS .MovieInnerLink ul li a:after {

		position: absolute;

		right: 0;

		top: 0;

		width: 50px;

		height: 100%;

		background-position: center center;

	}



	.JS .MovieInnerLink ul li a span {

		display: table-cell;

		vertical-align: middle;

	}



	.JS .ColumnSet .Column4Thirds {

		float: none;

		width: 100%;

	}



	.JS .ColumnSet.Movie {

		letter-spacing: -1em;

	}



	.JS .ColumnSet.Movie .Column4Thirds {

		display: inline-block;

		width: 50%;

		letter-spacing: normal;

	}

	.JS .Grid4 .LargeTable th img,
	.JS .Grid4 .LargeTable td img {
		width: 100%;
	}

	.JS .nwpClear3 { white-space: normal; }
/*テレワーク業務効率化サービス*/
	body.telework p.addCatchCopy {
        font-size: 1.1em;
 	}
    body.telework .inner_grid80 {
        width: 90%;
        margin: 0 auto;
    }
    body.telework .clear.mc,.clear.ft,.clear.pe {
        position: absolute;
        top: -20px;
        right: 8%;
        width: 63px;
    }
    body.telework .clear.ft {
        position: absolute;
        right: 5%;
        width: 63px;
    }
    body.telework br.pc_view {
        display: block;
    }
    body.telework br.mobile_view {
        display: none;
    }
    body.telework br.pc_view.pe {
        display: block;
    }
    body.telework br.mobile_view.pe {
        display: none;
    }
	body.telework .ImgRightAdjustClear0 {
	    margin-left: 0px!important;
	}


	div#Contents div.Grid3 div.addImgW203SetStyle div.ImgSet {
		width: 100%;
	}

	/* 充放電器の群管理アプリケーション(2024/06) */
	.JS .mod_gridset1 .mod_grid4 .Column2 {
		width: 100%;
	}

	.JS .mod_gridset1 .mod_grid4 .ColumnSet.Sp01 .Column2.FirstItem,
	.JS .mod_gridset1 .mod_grid4 .ColumnSet.Sp01 .Column2.LastItem {
		width: 100%;
	}

	/* 本社アクセス(2025/01) */
	.JS #Popup ul.access_step {
		justify-content: center;
	}

	.JS #Popup ul.access_step li {
		width: 47%;
	}
}


/** 上下2段Box用 **/


@media screen and (max-width: 640px) {
/*テレワーク業務効率化サービス*/
    body.telework .clear.mc,.clear.ft,.clear.pe {
        position: absolute;
        top: -20px;
        /* right: 3%; */
        width: 60px;
    }
    body.telework br.pc_view {
        display: none;
    }
    body.telework br.mobile_view {
        display: block;
    }

}


@media screen and (max-width: 579px) {



	.JS .PageTitleStyle1 p.LogoStyle,

	.JS .PageTitleStyle2 p.LogoStyle {

		bottom: 5px;

	}





	div#Contents div.CategoryNavi ul,

	div#Contents div.addCategoryNavi ul {

		background-image: url("/image/h1/bg_category_navi.gif");

		background-repeat: repeat-y;

		background-position: center center;

		padding: 0;

	}





	div#Contents div.CategoryNavi ul li,

	div#Contents div.addCategoryNavi ul li {

		display: table;

		margin: 0 !important;

		padding: 0;

		width: 50%;

		border-top: 2px solid #ccc;

		box-sizing: border-box;

		background-image: none !important;

	}





	div#Contents div.CategoryNavi ul li:first-child,

	div#Contents div.addCategoryNavi ul li:first-child,

	div#Contents div.CategoryNavi ul li:first-child + li,

	div#Contents div.addCategoryNavi ul li:first-child + li {

		border-top: none;

	}





	div#Contents div.addCategoryNavi ul li a,

	div#Contents div.CategoryNavi ul li a,

	div#Contents div.CategoryNavi ul.Bottom li.Current strong {

		display: table-cell;

		float: none;

		width: 100%;

		height: 45px;

		padding: 2px 20px 1px 20px !important;

		text-align: left;

		vertical-align: middle;

		box-sizing: border-box;

	}





	div#Contents div.addCategoryNavi ul li a,

	div#Contents div.CategoryNavi ul li a {

		font-size: 110%;

	}





	div#Contents div.CategoryNavi ul.Bottom li {

		border-right: none;

		padding: 5px;

		height: 45px;

	}





	div#Contents div.CategoryNavi ul.Bottom li a,

	div#Contents div.CategoryNavi ul.Bottom li.Current strong {

		white-space: normal;

		line-height: 110%;

		font-size: 100%;

	}





	div#Contents div.CategoryNavi ul.Bottom li a,

	div#Contents div.CategoryNavi ul.Bottom li.Current strong {

		padding-left: 8px !important;

		padding-right: 8px !important;

		height: auto;

	}





	.JS dl.addDateListStyle2 dd {

		margin: 0;

	}





	.JS #Contents dl.addDateListStyle2 dd ul.LinkListStyle2 {

		position: relative;

	}





	.JS #Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li {

		margin-top: -2.1em;

		padding-top: 1.7em;

		padding-left: 0;

		background-position: 112px top !important;

	}


	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.News.List {

		background-image: url("/image/jp/r1/add/label_news_link.gif");

		padding-left: 10px;

	}





	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Event.List {

		background-image: url("/image/jp/r1/add/label_event_link.gif");

		padding-left: 10px;

	}

	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.List {
		padding-left: 10px;
    	background: no-repeat;
		position: relative;
	}
	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.List:not(:first-child):before {
		top: 0;
	}
	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Event.List:not(:first-child):before,
	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.News.List:not(:first-child):before,
	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Information.List:not(:first-child):before {
		top: 1.9em;
	}


	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.Information.List {

		background-image: url("/image/jp/r1/add/label_information_link.gif");

		padding-left: 10px;

	}







	#Contents dl.addDateListStyle2 dd ul.LinkListStyle2 li.List:before {

		content: url("/image/jp/r1/icon/icon_list_marker.gif");

		position: absolute;

		left: -3px;

		top: 1.9em;

	}





	.JS dl.addDateListStyle2 dd ul.ListStyle1,

	.JS dl.addDateListStyle2 dd ul.ListStyle2 {

		margin-top: -5px;

	}



	.JS .ShowSD2 { display: block; }

	.JS .HideSD2 { display: none; }

	.JS br.ShowSD2 { display: inline; }



	.JS br.HideSD2 { display: none; }

	.JS br.ShowRWD.SP1 { display: none; }



	.JS .WideClear2 { width: auto; }

	.JS .Grid3 .Column1.Column1Clear2,

	.JS .Grid4 .Column1.Column1Clear2,

	.JS .Grid3 .Column1andHalf.Column1andHalfClear2,

	.JS .Grid3 .Column2.Column2Clear2,

	.JS .Grid4 .Column2.Column2Clear2 {

		float: none;

		width: auto;

	}





	.JS .CenterAdjustAdd2 {

		margin-left: auto;

		margin-right: auto;

		text-align: center;

	}





div.Grid3 div.ImgW60SetStyle div.ImgSet .Img,

div.Grid4 div.Column3 div.ImgW60SetStyle div.ImgSet .Img { width: auto; }





div.Grid3 div.ImgW120SetStyle div.ImgSet .Img,

div.Grid4 div.Column3 div.ImgW120SetStyle div.ImgSet .Img { width: auto; }





div.Grid3 div.ImgW180SetStyle .Img,

div.Grid4 div.Column3 div.ImgW180SetStyle .Img { width: auto; float: none; text-align: center; }





div.Grid3 div.ImgW230SetStyle div.ImgSet .Img,

div.Grid4 div.Column3 div.ImgW230SetStyle div.ImgSet .Img { width: auto; }





div.Grid3 div.ImgW180SetStyle.noImg .Img,

div.Grid4 div.Column3 div.ImgW180SetStyle.noImg .Img {

	display: none;

}





	.JS .MovieInnerLink ul li {

		width: 100%;

		box-sizing: border-box;

	}

	.JS .MovieInnerLink ul li:nth-child(odd) {

		border-right-width: 0;

	}

	.JS .MovieInnerLink ul li:nth-child(even) {

		border-left-width: 0;

	}



	.JS .ColumnSet.Movie .Column4Thirds {

		width: 100%;

	}



	.JS .ColumnSet.Movie .Inner {

		height: auto !important;

	}



	.JS div#Contents .ColumnSet.Movie .Inner h3 a {

		display: inline-block;

		margin-left: 0.5em;

		max-width: calc(100% - 3.15em);

		vertical-align: middle;

	}



	.JS div#Contents .ColumnSet.Movie .Inner h3 span {

		float: none;

		vertical-align: middle;

	}





	.JS .ColumnSet.ImgW170 .Column1 {

		min-width: 185px;

	}



	.JS .ColumnSet.ImgW170 .Column2 {

		max-width: calc(100% - 185px);

	}





	.WorkFlow {

		margin-left: -10px;

		text-align: center;

		letter-spacing: -1em;

	}



	ul.WorkFlowService,

	ul.WorkFlowDescription {

		display: inline-block;

		padding-left: 10px;

		vertical-align: top;

		letter-spacing: normal;

		box-sizing: border-box;

	}



	ul.WorkFlowService {

		width: 150px;

		max-width: 50%;

	}



	ul.WorkFlowDescription {

		width: auto;

		max-width: calc(100% - 150px);

		text-align: left;

	}



	ul.WorkFlowService li,

	ul.WorkFlowDescription li {

		display: block;

		width: 100%;

		height: auto;

		min-height: calc(3em + 29px);

	}



	ul.WorkFlowService li {

		padding: 10px 5px 19px 5px;

		background-image: url("/products/o-tracking/image/bg_flow_rwd.png");

		background-position: center bottom;

	}

	ul.WorkFlowService li.FirstItem {

		padding-left: 5px;

	}

	ul.WorkFlowService li.LastItem {

		background-image: url("/products/o-tracking/image/bg_flow_rwd.png");

	}



	ul.WorkFlowDescription li {

		padding: 10px 0 5px 0;

	}

	.JS table.LargeTable th,
	.JS table.LargeTable td {
		padding-left: 8px;
		padding-right: 8px;
	}
	.JS table.LargeTable.LargeTableSP th,
	.JS table.LargeTable.LargeTableSP td {
		padding-left: 6px;
		padding-right: 6px;
	}


/*▲特殊パターン▲（矢印付きカラム：音声分析サービスで使用）*/
	.JS .ColumnSet.WithArrow {
		display: block;
	}

	.JS .ColumnSet.WithArrow .Column1 {
		display: block;
		width: auto !important;
		padding: 0 !important;
	}

	.JS .ColumnSet.WithArrow .Column1.Arrow .ImgOnlyStyle {
		margin-top: -42px;
		margin-bottom: -32px;
	}

	.JS .ColumnSet.WithArrow .Column1.Arrow .ImgOnlyStyle img {
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

/*▲特殊パターン▲（ピクト付リンク：今のところ音声分析サービスで使用）*/
	.JS .LinkWithPict ul {
		width: 100%;
	}

	.JS .LinkWithPict ul li {
		margin: 0;
		width: 100%;
		max-width: none;
		height: auto !important;
		border-bottom: 1px solid #c3c3c3;
		box-sizing: border-box;
	}

	.JS .LinkWithPict ul li a {
		display: table;
		height: 80px !important;
		min-height: auto;
		padding: 2px 30px 2px 90px;
		text-align: left;
	}
	.JS .LinkWithPict.SmallSize ul li a {
		height: 65px !important;
		padding: 2px 25px 2px 75px;
	}

	.JS .LinkWithPict ul li a:before {
		position: absolute;
		left: 5px;
		top: 0;
		display: block;
		width: 75px;
		height: 75px;
		margin-bottom: 0 !important;
	}

	.JS .LinkWithPict ul li a span {
		display: table-cell;
		vertical-align: middle;
	}

	.JS .nwpClear2 { white-space: normal; }


	/*--クラウド型コンタクトセンターソリューション--*/
	.CloudContactCase .InlineBlock .ListStyle2 {
		padding-top: 0;
	}
	.CloudContactCase .CloudContactCaseBox {
		margin-top: 0;
	}

	.JS .mobile_view {
		display: none;
	}
/*テレワーク業務効率化サービス*/
	body.telework p.addCatchCopy {
        font-size: 95%;
    }
    body.telework .clear.mc,.clear.ft,.clear.pe {
        position: absolute;
        width: 55px;
        right: 3%;
    }
    body.telework br.pc_view {
        display: none;
    }
    body.telework br.mobile_view {
        display: block!important;
    }
	body.telework div.Grid3 div.ImgW180SetStyle div.ImgSet {
    width: 100%!important;
	}
	body.telework .ImgW180SetStyle .Img {
    width: 100%!important;
    padding-right: 0;
	}
	body.telework .ImgW180SetStyle .Img img {
    width: 300px;
	}
	body.telework .ImgOnlyStyle.RightAdjust {
	text-align: center;
	}

	/* 本社アクセス(2025/01) */
	.JS h1.tit02 {
		margin-bottom: 20px;
		font-size: 187.5%;
	}

	.JS div#Popup h2.tit03 {
		font-size: 125%;
	}

	.JS div#Popup h3.tit05 {
		font-size: 100%;
	}

	.JS div#Contents div.BoxPatternC.BoxC01.access {
		margin-bottom: 20px;
		padding: 15px 15px 5px;
	}

	.JS div#Contents div.BoxPatternC.BoxC01.access .ModalYouTubeLink {
		width: 100%;
	}

	.JS .ColumnSet.accessbox .Column2.FirstItem,
	.JS .ColumnSet.accessbox .Column2.LastItem {
		width: 100%;
		padding-top: 0;
	}

	.JS #Popup ul.access_step {
		margin-left: 0;
	}

	.JS #Popup ul.access_step li {
		width: 100%;
		max-width: none;
		margin: 0 0 20px 0;
	}

	.JS #Popup ul.access_step li img {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
/*テレワーク業務効率化サービス*/
    body.telework .clear.mc,.clear.pe {
        position: absolute;
        width: 43px;
        right: 0%;
    }
    body.telework .clear.ft {
        width: 43px;
        right: -4%;
    }
    body.telework .clear.pe {
        position: absolute;
        width: 43px;
        right: -3%;
    }
    body.telework p.addCatchCopy {
        font-size: 85%;
    }
    /* br.pc_view {
        display: block;
    } */
    /* br.mobile_view {
        display: block!important;
    } */
    /* br.sp_view {
        display: block;
    } */
}





@media screen and (max-width: 399px) {



	.JS table th,

	.JS table td {

		padding: 5px 5px;

	}

	.JS table.LargeTable th,
	.JS table.LargeTable td {
		padding-left: 4px;
		padding-right: 4px;
	}
	.JS table.LargeTable.LargeTableSP th,
	.JS table.LargeTable.LargeTableSP td {
		padding-left: 3px;
		padding-right: 3px;
	}



	div.addButton ul.ButtonStyle1.Full li strong span a,

	div.Button ul.ButtonStyle1.Full li strong span a,

	div.Button ul.ButtonStyle1.Wide270 li strong span a {

		font-size: 67%;

		padding-left: 5px;

		padding-right: 8px;

	}





	div#Contents div.CategoryNavi ul,

	div#Contents div.addCategoryNavi ul {

		background-image: none;

	}





	div#Contents div.CategoryNavi ul li,

	div#Contents div.addCategoryNavi ul li {

		display: table;

		float: none;

		width: 100%;

	}





	div#Contents div.CategoryNavi ul li:first-child + li,

	div#Contents div.addCategoryNavi ul li:first-child + li {

		border-top: 2px solid #ccc;

	}





	div.addSection div.BoxPatternA .ColumnSet .LastItem {

		padding-left: 2px;

	}



	.JS .ShowSD { display: block; }

	.JS .HideSD { display: none; }

	.JS br.ShowSD { display: inline; }





	br.HideSD1 { display: none; }





	.JS .WideClear1 { width: auto; }

	.JS .Grid3 .Column1.Column1Clear1,

	.JS .Grid4 .Column1.Column1Clear1,

	.JS .Grid3 .Column1andHalf.Column1andHalfClear1,

	.JS .Grid3 .Column2.Column2Clear1,

	.JS .Grid4 .Column2.Column2Clear1 {

		float: none;

		width: auto;

	}





	.JS .CenterAdjustAdd1 {

		margin-left: auto;

		margin-right: auto;

		text-align: center;

	}





	.JS .ColumnSet.ImgW170 .Column2 {

		max-width: none;

	}

	.JS .nwpClear1 { white-space: normal; }

	/** 上下2段Box用 **/
	.JS .Box .addCatchCopy {
		font-size: 115%;
	}
/*テレワーク業務効率化サービス*/
	body.telework .clear.mc {
        position: absolute;
        width: 38px;
        right: -3%;
    }
    body.telework .clear.ft,.clear.pe {
        position: absolute;
        width: 38px;
        right: -5%;
    }
    body.telework p.addCatchCopy {
        font-size: 78%;
    }

}



/* FooterPageTop
=========================================================================================== */
#FooterPageTop {
	position: fixed;
  bottom: 60px!important;
	top: auto!important;
  opacity: 0;
  z-index: 20;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transform: translateY(100%);
}
.Container #FooterPageTop,
.ContainerFix #FooterPageTop {
	right: calc( ( (100% - 965px) / 2 ) )!important;
}
.Container.Wide #FooterPageTop {
	right: calc( ( (100% - 1275px) / 2 ) )!important;
}
@media screen and (max-width: 980px) {
	.Container #FooterPageTop,
	.ContainerFix #FooterPageTop {
		right: 15px!important;
	}
}
@media screen and (max-width: 1290px) {
	.Container.Wide #FooterPageTop {
		right: 15px!important;
	}
}
#FooterPageTop.visible {
	opacity: 1;
}
#FooterPageTop.static {
	position: absolute;
	top: -100px!important;
}