@charset "Shift_JIS";

#competencyMenuAbout {
	background: #333;
}

#competencyMenuAbout ul li {
	width: 16.6%;
}

/* 特集トップページ
 ****************************************************/
#TopicPath ul {
	width: auto;
	max-width: 1275px;
	padding: 20px 15px 5px;
	line-height: 100%;
}

body#featureTopPage div#TopicPath.jp1TopicPath{
	position:static;
}
body#featureTopPage div#jp1PageTitleArea1{
	background:url('/Prod/comp/soft1/jp1/feature/images/featureTopTitle.jpg') no-repeat center;
	background-size:cover;
}
body#featureTopPage div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:965px;
	min-height:400px;
	margin:0 auto;
	position:relative;
}
body#featureTopPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
	color:#FFF;
	padding:30px 0;
}
body#featureTopPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a:hover{
	color:#FFF;
}
body#featureTopPage div#jp1PageTitleArea1 div.FlexWrap{
	padding:0;
	position:absolute;
	justify-content:space-between;
}
body#featureTopPage div#jp1PageTitleArea1 div.FlexWrap > a.wrapAnchor{
	margin-right:30px;
	flex:1;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea{
	position:relative;
	padding-bottom:20px;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea p.ImgOnlyStyle,
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea img{
	margin:0;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea > p.TextStyle1{
	background:#454545;
	font-size:17px;
	font-weight:bold;
	width:90%;
	box-sizing:border-box;
	margin:0 auto;
	padding:10px 30px;
	position:absolute;
	bottom:0;
	left:5%;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1), -2px 2px 2px RGBA(0, 0, 0, 0.1);
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea > p.TextStyle1 span{
	color:#FFF;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea > p.TextStyle1 span.pseudoAnchor{
	background:url('/image/jp/r1/icon/icon_link_right_xl_white_hd.gif') no-repeat center right;
	padding:0 40px 0 0;
	background-size: 20px;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea > p.TextStyle1.NewWin span.pseudoAnchor{
	/*background:url('/image/jp/r1/icon/icon_new_window_white_hd.png') no-repeat center right;*/
}
body#featureTopPage div#jp1PageTitleArea1 a.wrapAnchor:hover div#pickupArea > p.TextStyle1 span.pseudoAnchor{
	text-decoration:underline;
}

body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2{
	max-width:360px;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 p.ImgOnlyStyle,
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 img{
	margin:0;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 > p.TextStyle1{
	background:#454545;
	font-size:17px;
	font-weight:bold;
	width:auto;
	box-sizing:border-box;
	margin:0px 20px 0 0px;
	padding:10px 15px;
	position:absolute;
	bottom:0;
	/*right: 2%;*/
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1), -2px 2px 2px RGBA(0, 0, 0, 0.1);
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 > p.TextStyle1 span{
	color:#FFF;
}
body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 > p.TextStyle1 span.pseudoAnchor{
	background:url('/image/jp/r1/icon/icon_link_right_xl_white_hd.gif') no-repeat center right;
	padding:0 40px 0 0;
	background-size: 20px;
}
body#featureTopPage div#jp1PageTitleArea1 a:hover div#pickupArea2 > p.TextStyle1 span.pseudoAnchor{
	text-decoration:underline;
}




body#featureTopPage div#jp1PageTitleArea1 div#concernColumn{
	width:390px;
	background:#f8f7fc;
	box-shadow:2px 2px 2px RGBA(0, 0, 0, 0.1), -2px 2px 2px RGBA(0, 0, 0, 0.1);
}
body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dt{
	font-size:20px;
	font-weight:bold;
	line-height:1.2;
	min-height:150px;
	display:flex;
	align-items:center;
	background:url('/Prod/comp/soft1/jp1/feature/sol_column/images/h1_sp.png') no-repeat -110px 10px;
	background-size:430px auto;
	padding-left:170px;
	/*margin-bottom:20px;*/
}
body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dt a span{
	color:#3F3F3F;
	padding-right:35px;
	background:url('/image/jp/r1/icon/icon_link_right_disabled_hd.gif') no-repeat center right;
}
body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dd ul.LinkListStyle1{
	padding:0 15px;
}
body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dd ul.LinkListStyle1 li{
	padding-left:40px;
	margin-bottom:10px;
	position:relative;
}
body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dd ul.LinkListStyle1 li:before{
	content:"";
	display:inline-block;
	width:20px;
	height:100%;
	background:#888;
	border-radius:3px;
	position:absolute;
	top:0;
	left:0;
}
body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dd ul.LinkListStyle1 li a{
	background:url('/image/jp/r1/icon/icon_link_right_disabled_hd.gif') no-repeat center right;
	background-size:16px auto;
	color:#000;
}

div#featureWrap{
	padding:70px 0 30px;
}
div#featureWrap h2{
	background:#007899;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	padding:5px 20px;
	font-size: 20px;
}
div#featureWrap div.featureSet{
	flex-wrap:wrap;
	padding:0;
}
div#featureWrap div.featureSet div.featueImgBox{
	margin:0;
	position:relative;
	background-color:rgba(255, 255, 255, 0);
}
div#featureWrap div.featureSet a.wrapAnchor{
	width:270px;
	margin-right:50px;
}
div#featureWrap div.featureSet div.featueImgBox p.ImgOnlyStyle,
div#featureWrap div.featureSet div.featueImgBox div.Inner{
	width:100%;
}
div#featureWrap div.featureSet div.featueImgBox div.Inner{
	background:#f2f2f2;
	padding:15px 10px 5px;
	position:relative;
	top:-50px;
	left:20px;
}
div#featureWrap div.featureSet div.featueImgBox div.Inner h3{
	display:inline-block;
	font-size:83%;
	padding:3px 15px;
	background:#007899;
	color:#FFF;
	margin:0 0 10px 10px;
}
div#featureWrap div.featureSet div.featueImgBox div.Inner p.TextStyle1 b{
	background:url('/image/jp/r1/icon/icon_link_right_l_hd.gif') no-repeat center right;
	background-size:16px auto;
	padding-right:20px;
	font-weight:normal;
}
div#featureWrap div.featureSet div.featueImgBox:hover div.Inner p.TextStyle1 b{
	text-decoration:underline;
}
div#featureWrap div.featureSet div.featueImgBox div.Inner p.TextStyle1.NewWin b,
div#featureWrap div.featureSet div.featueImgBox div.Inner p.TextStyle1.NewWin span.pseudoAnchor{
	background:url('/image/jp/r1/icon/icon_new_window_hd.gif') no-repeat center right;
	background-size:16px auto;
}


/*** ページ内リンク ***/



/* 特殊タイトル　共通設定
 ****************************************************/
div#jp1PageTitleArea1.FeatureTitle1,
div#jp1PageTitleArea1.FeatureTitle2{
	margin-top:calc(1em + 25px);
}

div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1,
div#jp1PageTitleArea1.FeatureTitle2 div.PageTitleStyle1,
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	width:965px;
	margin:0 auto;
}

div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1 div#TitleInner,
div#jp1PageTitleArea1.FeatureTitle2 div.PageTitleStyle1 div#TitleInner,
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
	display:table-cell;
	vertical-align:middle;
}
div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1 h1,
div#jp1PageTitleArea1.FeatureTitle2 div.PageTitleStyle1 h1,
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	margin-bottom:30px;
}
div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1 span,
div#jp1PageTitleArea1.FeatureTitle2 div.PageTitleStyle1 span,
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 span{
	font-weight:bold;
}

div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1 p.SubTitle,
div#jp1PageTitleArea1.FeatureTitle2 div.PageTitleStyle1 p.SubTitle,
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 p.SubTitle{
	font-size:150%;
	line-height:170%;
}

div#TopicPath.jp1TopicPath.Type2{
	position:static;
	border-bottom:7px solid #E3E9EE;
	background:#F6F6F6;
}

div#TopicPath.jp1TopicPath.Type3{
	position:static;
	border-bottom:none;
	background:#F6F6F6;
}

/*ポップアップのパディングを排除*/
#PopUpContents{
	padding:0!important;
}

/* 導入が加速するRPA 運用・管理のポイント
 ****************************************************/
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3{
	background:#267DB4;
}
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/h1.png') no-repeat 0 0;
	background-size:965px 330px;
}
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
	height:330px;
}
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	width:965px;
}
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 span,
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 p.DescriptionText{
	display:block;
	color:#FFF;
	text-align:center;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5), -2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
}
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 a span:first-child{
	font-weight:normal;
	font-size:87%;
}
div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 a span:last-child{
	font-size:145%;
}

div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 a.SubTitle{
	display:block;
	font-weight: normal;
	line-height: 160%;
	font-size: 115%;
	color:#FFF;
	text-align:center;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5), -2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
}

div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 p.DescriptionText{
	font-size:92%;
	line-height:1.7;
}


/* Windows 10 今後の大型アップデートに備えて
   実施すべき３つのポイント
 ****************************************************/
div.win10Page div#jp1PageTitleArea1.FeatureTitle3{
	background:#FFC629;
	margin-bottom:20px;
}
div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/h1.png') no-repeat 100% 0;
}
div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
	padding-right:300px;
	height:324px;
}
div#titleText{
	border-left:5px solid #FFF;
	padding-left:10px;
}
div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	width:100%;
}

div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 span,
div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 p.SubTitle{
	display:block;
	color:#19191A;
	font-weight:bold;
	font-size:150%;
	line-height:130%;
	padding-bottom: 5px;
}

div.TitleDescriptionText{
	background:rgba(255, 255, 255, 0.7);
}

div.win10Page{
	background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/background.png') #FFF no-repeat 0 0;
}

div.win10Page p.TextStyle1{
	font-size: 100%;
	}

div.Grid4 div.h2_guardSection{
	padding:50px 20px 20px;
	width:925px;
	background:#FFFCD1;
	margin:50px auto 50px auto;
}
div.InnerSection{
	padding:45px 120px 0;
	margin:-70px -120px 0;
	background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/h3.png') no-repeat 0 0;
}

div.win10Page .win10PageGrid h2{
	padding:250px 0 0px;
	font-size:270%;
	color:#444241;
	font-weight:bold;
}
div.win10Page h2#h2_const{
	background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/h2_01.png') no-repeat center 0;
}
div.win10Page h2#h2_guard{
	background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/h2_02.png') no-repeat center 0;
}
div.win10Page h2#h2_summary{
	background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/h2_03.png') no-repeat center 0;
}
div.win10Page h2#h2_resources{
	padding:0px 0 0px;
	font-size:270%;
	color:#444241;
	font-weight:bold;
}


/*  ポイントがなんとかと言ってるh3*/
div.win10Page .h2_guardSection h3{
	display:flex;
}
div.win10Page .h2_guardSection h3 span.number{
	width:4em;
	display:inline-block;
	font-size:83%;
	color:#009E3B;
	margin-right:15px;
}
div.win10Page .h2_guardSection h3 span.number em{
	width:4em;
	display:table-cell;
	font-size:700%;
	text-align:center;
	vertical-align:middle;
	height:1em;
	font-style:normal;
}
div.win10Page .h2_guardSection h3 span.main{
	font-size:170%;
	padding-top:1.7em;
	display:inline-block;
}

/* 特殊なページ内リンク */
div.VerticalInnerLinks.win10PageVersion ul{
	width:60%;
	margin:0 auto;
}
div.VerticalInnerLinks.win10PageVersion li{
	font-size:73%;
	color:#009E3B;
	font-weight:bold;
	border-bottom:1px solid #8FC31F;
}
div.VerticalInnerLinks.win10PageVersion li:first-child{
	border-top:1px solid #8FC31F;
}
div.VerticalInnerLinks.win10PageVersion li em{
	font-size:200%;
	font-style:normal;
	padding:0 10px 0 5px;
}
div.VerticalInnerLinks.win10PageVersion li a{
	background:none;
	font-size:200%;
	color:#444241;
	display:inline-block;
	padding:10px 0 7px 0;
	width:85%;
}
div.VerticalInnerLinks.win10PageVersion li a:hover{
	text-decoration:none;
	opacity:0.7;
}


div.radiusBoxPattern1{
	border:1px solid #8FC31F;
	background:#FFFDED;
	padding:10px;
	margin:0 0 20px;
	border-radius:10px;
}
div.radiusBoxPattern1 h4{
	color:#009E3B;
	font-size:100%;
}
div.radiusBoxPattern1 h4 b{
	color:#FFF;
	background:#009E3B;
	display:inline-block;
	font-weight:bold;
	padding:2px 5px;
	margin-right:5px;
}

.FlexSection div.radiusBoxPattern1{
	width:calc(50% - 20px);
	margin:0 0 0 20px;
}
.FlexSection div.radiusBoxPattern1:first-child{
	margin:0;
}


/* エリアごとの背景設定 */

div#desktopandserverArea{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/background1.jpg') no-repeat 0 0;
}
/*div#h2_robotArea{
	background:#145c72 url('/Prod/comp/soft1/jp1/feature/rpa/images/background2.png') no-repeat 0 0;
	position:relative;
}
div#h2_3_jp1Area{
	background:#FFF url('/Prod/comp/soft1/jp1/feature/rpa/images/background3.png') no-repeat 0 0;
}
div#h2_4_seminar{
	background:#0e5368 url('/Prod/comp/soft1/jp1/feature/rpa/images/background4.png') no-repeat 0 0;
	margin-bottom:30px;
}*/
div#h2_5_partner{
	background:#0e5368 url('/Prod/comp/soft1/jp1/feature/rpa/images/background5.png') no-repeat 0 0;
}

div#rpa01Area,
div#rpa02Area,
div#rpa03Area{
	padding:50px 15px;
}
h2#rpa01{
	font-size:250%;
	font-weight:bold;
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/problems_icon.png') no-repeat center left;
	padding:0 0 0 140px;
	background-size: 140px;
	min-height:135px;
	line-height:1.2;
	display:flex;
	justify-content:center;
	align-items:center;
}
div#problemsList{
	position:relative;
	padding:10px 0;
}
div#problemsList dl{
	margin:30px 0 0 25px;
	flex-basis:calc(33.33% - 16.66px);
	position:relative;
}
div#problemsList dl:first-child{
	margin:30px 0 0;
}
div#problemsList dl dt{
	background:#008080;
	display:inline-block;
	color:#FFF;
	padding:10px 20px;
	font-size:130%;
	border-radius:15px;
	position:absolute;
	top:-30px;
}
div#problemsList dl dd{
	background:#91d4ab;
	height:100%;
	padding:45px 10px 15px;
	box-sizing:border-box;
	border-radius:15px;
	text-align: center;
}

div#problemsList + p.ImgOnlyStyle{
	padding:0 30px;
}

div#problemsList + p.ImgOnlyStyle + p.TextStyle1{
	font-size:200%;
	font-weight:bold;
}

div#probDescription{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/gradationBack01.png') no-repeat center center;
	background-size:cover;
	padding:50px 15px;
}

div#probDescription h3{
	color:#333;
}
div#probDescription h3 span:first-child{
	display:inline-block;
	color:#FFF;
	font-weight:normal;
	font-size:110%;
	background:#008080;
	padding:10px 15px;
	margin-right:15px;
	border-radius:10px;
	float:left;
}

div#probDescription h3 span:last-child{
	display: block;
	padding-top:10px;
}

h2#rpa02,
h2#rpa03{
	padding:30px 15px 0px 15px;
	margin:0;
}
h2#rpa02{
	background:#91C2CF url('/Prod/comp/soft1/jp1/feature/rpa/images/h2back01.png') no-repeat right;
}
h2#rpa03{
	background:#91C2CF url('/Prod/comp/soft1/jp1/feature/rpa/images/h2back02.png') no-repeat top right;
	background-size:cover;
}
h2#rpa02 span,
h2#rpa03 span:last-child{
	padding:0 0 250px;
	font-size:150%;
}
h2#rpa02 span{
	color:#18667D;
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/rpah2Icon01.png') no-repeat center;
	background-size:200px auto;
}
h2#rpa03 span{
	background:none;
	color:#FFF;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0 ,0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
}
h2#rpa03 span:last-child{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/rpah2Icon02.png') no-repeat center;
	background-size:200px auto;
		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0 ,0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);

}

div#rpa02Area div.FlexWrap{
	width:80%;
	margin:0 auto;
}

div#rpa02Area div.FlexWrap ul.ListStyle1{
	margin:0 10px 20px;
}

div#rpa03Area div.BoxPatternC.TypeFeature{
	background:#91d4ab;
}
div#rpa03Area div.TypeFeature.addSpan ul.LinkListStyle1 li{
	font-size:100%;
}
div#rpa03Area div.TypeFeature.addSpan ul.LinkListStyle1 li a{
	background:#008080;
	min-width:60%;
	padding:10px;
}
div#rpa03Area div.TypeFeature.addSpan ul.LinkListStyle1 li a:hover span{
	text-decoration:underline;
	padding:0 28px 0 15px;
}

/*h2#h2_4_seminar span,
h2#h2_robot span,*/
h2#h2_5_partner span{
	color:#FFF;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0 ,0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
}
/*div#h2_robotArea p,*/
div#h2_5_partner p{ color:#FFF; }
/*div#h2_robotArea div.BoxPatternD p{ color:#333; }*/


div#desktopandserverArea,
/*div#h2_robotArea,
div#h2_3_jp1Area,*/
/*div#h2_4_seminar,*/
div#h2_5_partner{
	background-size:100% auto;
}

/* 独自見出しの設定 */
h2.Featureheaderh2_1{
	padding-bottom:220px;
	padding-top:30px;
	margin-top:0;
}
h2.Featureheaderh2_1 span,
div.checkBoxPattern h3{
	background-color:transparent;
	padding:0 15px;
	color:#14687D;
	letter-spacing:1.2px;
	font-size:150%;
}
h2.Featureheaderh2_1 span.subText{
	font-size:94%;
}
h2#desktopandserver{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/h2_1_desktopandserver.png') no-repeat 50% 100%;
	background-size:200px;
}
/*h2#h2_robot{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/h2_2_robot.png') no-repeat 50% 100%;
	background-size:260px;
}
h2#jp1_rpa{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/h2_3_jp1.png') no-repeat 50% 100%;
	background-size:260px;
}
h2#h2_4_seminar{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/h2_4_seminar.png') no-repeat 50% 100%;
	background-size:260px;
}*/
h2#h2_5_partner{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/h2_5_partner.png') no-repeat 50% 100%;
	background-size:200px;
}

div.checkBoxPattern h3{
	text-align:center;
	font-size:180%;
	font-weight:bold;
	line-height:130%;
}
h3.Featureheaderh3_1{
	color:#14687D;
	border-bottom:0;
	font-size:140%;
}
h3.FeatureEvent{
	font-size:120%;
}

h3.FeatureEvent span{
	font-size:90%;
}

h3#desktop_RPA{ color:#007ABB; }
h3#server_RPA{
	color:#41AFB9;
	text-align:right;
}
h3.Featureheaderh3_2{
	background:#1B748B;
	color:#FFF;
	padding:10px 15px;
}

/* 独自ボックス */
div.BoxPatternFeature1{
	background-color:#D7F4FC;
	padding:15px 20px;
	color:#707070;
	box-shadow:1px 3px 3px rgba(0, 0, 0, 0.2);
}
div.BoxPatternFeature1 h4{
	color:#707070;
	font-size:120%;
}

div.withLeftIcon, div.withRightIcon{
	position:relative;
	margin-bottom:30px;
}
div.withLeftIcon:before,
div.withRightIcon:before{
	content:'';
	display:block;
	background-repeat:no-repeat;
	z-index:100;
	position:absolute;
	margin-top:-80px;
}
div.withLeftIcon:before{
	background-image:url('/Prod/comp/soft1/jp1/feature/rpa/images/desktop_robot.png');
	background-size:206px 299px;
	width:206px;
	height:299px;
}
div.withRightIcon:before{
	background-image:url('/Prod/comp/soft1/jp1/feature/rpa/images/server_robot.png');
	background-size:298px 252px;
	top:0;
	right:0;
	width:298px;
	height:252px;
}
div.withLeftIcon div.BoxPatternFeature1{
	padding-left:105px;
	z-index:99;
	margin:90px 0 0 105px;
	background:#d7f4fc;
}
div.withRightIcon div.BoxPatternFeature1{
	padding-right:205px;
	z-index:99;
	margin:90px 105px 0 0;
	background:#d8f1f0;
}

/*BoxPattern追加*/
div.BoxPatternD{
	margin:0 0 15px;
	padding:15px 0 5px 0;
	border:1px solid #DFDFDF;
	background:#FFF;
}
div.BoxPatternD p,
div.BoxPatternD ul,
div.BoxPatternD dl{
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	color:#333;
}

/*BoxPattern追加*/
div.BoxPatternE{
	margin:0 15px 15px;
	padding:15px 0 5px 0;
	border:1px solid #DFDFDF;
	background:#d0dae8;
}
div.BoxPatternE p,
div.BoxPatternE ul,
div.BoxPatternE dl{
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	color:#333;
}

div.TypeFeature ul.LinkListStyle1 li{
	font-weight:bold;
	font-size:130%;
}
div.TypeFeature ul.LinkListStyle1 li a{
	display:inline-block;
	background:#ae1d46 url('/image/jp/r1/icon/icon_link_right_l_white_hd.gif') no-repeat right center;
	background-size:20px 20px;
	color:#FFF;
	padding:3px 23px 3px 10px;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
}
div.TypeFeature.addSpan ul.LinkListStyle1 li a{
	padding:10px 0;
	background:#ae1d46;
}
div.TypeFeature.addSpan ul.LinkListStyle1 li a span{
	display:inline-block;
	background:url('/image/jp/r1/icon/icon_link_right_l_white_hd.gif') no-repeat right center;
	background-size:20px 20px;
	padding:0 23px 0 10px;
}

div.TypeFeature ul.LinkListStyle1.InlineBlock li{
	display:inline;
}

div.TypeFeature ul.LinkListStyle1 li.NewWin a{
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
	padding-right:25px;
	background-position:calc(100% - 2px) center;
}

div.TypeFeature ul.LinkListStyle1 li.rpaNewWin a span{
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
	padding-right:25px;
	/*background-position:calc(100% - 2px) center;*/
}

/*Windows 10 今後の大型アップデートに備えて〜ページ用上書き*/
div.win10PageGrid div.TypeFeature ul.LinkListStyle1 li a{
	background-color:#009CC3;
	padding:5px 30px 5px 17px;
	background-position-x:calc(100% - 7px);
	border-radius:6px;
	width:740px;
}

div.BoxPatternB.TypeFeature{
	background:#FFF;
	border:1px solid #CFCFCF;
}
div.BoxPatternB div.TypeFeature{
	margin:0 15px 15px;
}
div.BoxPatternB div.TypeFeature ul.LinkListStyle1{
	display:block;
}

dl.TypeFeature1 > dt{
	background:none;
	padding:0;
	background:#FAE5A2;
	display:inline-block;
	font-size:120%;
	font-weight:bold;
}
dl.TypeFeature1 > dt:before{
	content:'';
	display:inline-block;
	margin-right:0.2em;
	line-height:1;
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/icon_checkbox.png') no-repeat 0 0;
	background-size:13px 12px;
	width:13px;
	height:12px;
}
dl.TypeFeature1 > dd dl.ListStyle1:first-child{
	margin-top:20px;
}

div.FlexWrap,
ul.FlexWrap,
dl.FlexWrap{
	display:flex;
	padding:0 30px;
	margin:0 0 5px;
}
div.FlexWrap div.BoxPatternRpa{
	background:#D9D9D9;
	margin-right:5px;
	width:450px;
}
div.FlexWrap div.BoxPatternRpa:last-child{
	margin:0;
}
div.FlexWrap div.BoxPatternRpa p{
	padding:0;
}
div.FlexWrap div.BoxPatternRpa h4{
	font-size:140%;
	color:#FFF;
	padding:8px 0 5px;
	text-align:center;
	background:#4D4D4D;
	margin:0 0 15px;
}
/*div#h2_robotArea div.FlexWrap p.TextStyle1{
	color:#333;
	padding:0 25px;
	font-size:105%;
}*/

div.win10Page ul.win10featurePDF li a{
	border-color: #989898;
	background-color: #ffffff;
	padding: 5px 30px 5px 17px;
	background-position-x: calc(100% - 7px);
	border-radius: 6px;
	width: 300px;
	color:#141414;
}


/*--- フローティングバナー ---*/
@keyframes SlideUp {
	0% { transform:translate(68px,0px); }
	90% { transform:translate(-2px,0px); }
	100% { transform:translate(0px,0px); }
}

#Win10FloatingBannerControler {
	position: fixed;
	right: 20px;
	bottom: 120px;
	display: block;
	z-index: 1000;
	animation: SlideUp ease-in 0.8s 1 normal;
}

#Win10FloatingBannerControler button {
	display: block;
	width: 300;
	height: auto;
	padding: 0;
	white-space: nowrap;
	/*text-indent: 9999px;*/
	overflow: hidden;
	outline: none;
	border-style: none;
	background-image: url("/Prod/comp/soft1/jp1/feature/win10_win11/images/banner.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}
#Win10FloatingBannerControler button:hover,
#Win10FloatingBannerControler button:active,
#Win10FloatingBannerControler button:focus {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}








/* JP1とRPA製品を組み合わせた
JP1パートナー様のソリューション紹介 */

div#h2_5_partner div.TypeFeature{
	padding:15px 15px 0;
}
div#h2_5_partner div.TypeFeature h3{
	background:#267DB4;
	padding:10px;
	color:#FFF;
}
div#h2_5_partner div.TypeFeature h4{
	font-size:100%;
	min-height:45px;
}
div#h2_5_partner div.TypeFeature h4#rpa_plus{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/jp1_UiPath.png') no-repeat right center;
	background-size:226px 45px;
	padding:1em 226px 0 0;
}
div#h2_5_partner div.TypeFeature h4#auto_anywhere{
	background:url('/Prod/comp/soft1/jp1/feature/rpa/images/jp1_AutomationAnywhere.png') no-repeat right center;
	background-size:377px 45px;
	padding:1em 377px 0 0;
}

div#h2_5_partner div.TypeFeature p{ color:#333; }

div#h2_5_partner div.BoxPatternD ul{
	padding-left:0;
	padding-right:0;
}

div#h2_5_partner div.BoxPatternB{
	background:#E3E3E1;
}
div#h2_5_partner div.BoxPatternB h3,
div#h2_5_partner div.BoxPatternB p{ color:#000; }

.FlexSection{
	display:flex;
	margin:0 0 20px;
}

strong{
	font-size:120%;
	color:#303030;
	line-height: 1.7em;
}
mark{
	background:none;
	border-bottom:3px solid #00B3CD;
}

.shadowItem{
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.3), 2px -2px 2px rgba(0, 0, 0 ,0.3), -2px -2px 2px rgba(0, 0, 0, 0.3);
}
.shadowItemWhite{
	text-shadow:2px 2px 2px rgba(255, 255, 255, 0.7), -2px 2px 2px rgba(255, 255, 255, 0.7), 2px -2px 2px rgba(255, 255, 255 ,0.7), -2px -2px 2px rgba(255, 255, 255, 0.7);
}


}
/*
 導入が加速するRPA 運用・管理のポイント
 ****************************************************/
/*コピーボタン独自設定*/
/*div#PopUpContainer.rpaPage p.urlCopyButton{
	padding-top:20px;
	position:static;/*headerのスタイルが干渉するため移動は中止*/
/*}*/


/* 紹介記事
 ****************************************************/
div.BoxPatternB ul.CategoryMark li{
	background-color:#31859c;
	display:inline-block;
	padding:3px 15px 2px;
	margin-left:5px;
	color:#FFF;
	border-radius:7px;
}
div.BoxPatternB ul.CategoryMark li:first-child{
	margin:0;
}


/* 「ざんねんなRPA」を脱するために：「自動化業務のカオス状態」を解決する、RPAレベルアップ術
 ****************************************************/
div#ArticlePageContentsArea.FeatureTitle{
	margin-bottom:20px;
}

div#ArticlePageContentsArea.FeatureTitle div.PageTitleStyle1 h1.Articleheaderh1{
	font-weight: bold;
	font-size: 150%;
	color:#0050a0;
}

div#ArticlePageContentsArea.FeatureTitle div.PageTitleStyle1 h1.Articleheaderh1 span{
	font-weight: bold;
	font-size: 130%;
}

div#ArticlePageContentsArea.FeatureTitle h2.Articleh2{
	font-weight: bold;
	font-size: 150%;
	text-align: left;
	background: none;
	margin: 30px 0 30px 0;
	border-bottom:3px solid #0050a0;
}

div#ArticlePageContentsArea.FeatureTitle p{
	font-size: 100%;
	margin-bottom:20px;
}

div#ArticlePageContentsArea.FeatureTitle p.smalltext{
	font-size: 83%;
}

div#ArticlePageContentsArea.FeatureTitle p.leadtext{
	font-size: 100%;
	margin-bottom:20px;
	color:#666666;
}

div#ArticlePageContentsArea.FeatureTitle img.articleimage{
	border: 2px #0050a0 solid;
}

div#ArticlePageContentsArea.FeatureTitle img.articleimage:hover{
	border: 2px #ae1d46 solid;
}

div#ArticlePageContentsArea.FeatureTitle2 div.PageTitleStyle1 span,
div#ArticlePageContentsArea.FeatureTitle2 div.PageTitleStyle1 p.SubTitle{
	display:block;
	color:#19191A;
	font-weight:bold;
	font-size:150%;
	line-height:130%;
	padding-bottom: 5px;
}

div.TitleDescriptionText{
	background:rgba(255, 255, 255, 0.7);
}


/* JP1/Integrated Management 2
  「システム全体のインテリジェントなIT運用」
   3つのポイント
 ****************************************************/
div#PopUpContents.v1210Page{
	padding-top:20px;
}
div#jp1PageTitleArea1.FeatureTitleWin1210{
	margin-bottom:20px;
}

div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1{
	width:965px;
	margin:0 auto;
	height:280px;
	background:url('/Prod/comp/soft1/jp1/feature/intelligence_itop/images/h1.png') no-repeat top left;
	background-size:100% auto;
	position:relative;
}

div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner{
	width:calc(55% - 20px);
	background:linear-gradient(90deg, rgba(130,72,72, 0.8), rgba(255,255,255, 0));
	margin:0 10px 0 0;
	padding:15px 10px 15px 20px;
	position:absolute;
	top:30%;
}
div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner h1{
	width:100%;
	color:#FFF;
	font-size:85%;
	line-height: 2.5em;
}
div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner h1 a:hover{
	color:#FFF;
}
div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner h1 span{
	font-weight:bold;
	font-size: 130%;
}
div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner h1 span:first-child{
	display:block;
	font-size:170%;
}

h2.v1210other{
	font-size:150%;
	text-align:center;
	background:none;
	font-weight: bold;
	margin:30px 0 15px 0;
}

h2.v1210head2{
	display:flex;
	flex-direction:column;
	font-size:200%;
	font-weight:bold;
	color:#b20000;
}
h2.v1210head2 span{
	width:70px;
	height:77px;
	font-size:22px;
	background:url('/Prod/comp/soft1/jp1/feature/intelligence_itop/images/h2Background.png') no-repeat top left;
	background-size:100px auto;
	color:#FFF;
	margin:0 auto;
	line-height:1.2;
	padding:25px 15px 10px;
}

div.v1210BoxPatternA{
	background-color:#FFF;
	box-shadow:3px 2px 7px rgba(50, 50, 50, 0.2), -3px 0 7px rgba(50, 50, 50, 0.2);
	padding-bottom:30px;
}
div.v1210BoxPatternA h3{
	background:#b20000;
	padding:15px;
	min-height:20px;
	font-size:140%;
	font-weight:bold;
	text-align: center;
}

div.v1210Page ul.LinkListStyle1 li a.MovieIcon{
	display:inline-block;
	background:url('/Prod/comp/soft1/jp1/shared/img/icon/icon_movie.png') no-repeat right center;
	background-size:40px 40px;
	color:#FFF;
	padding:3px 23px 3px 10px;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
}

div.v1210Page ul.LinkListStyle1.TypeFeature li a{
	background-color:#b20000;
	background-image:url('/Prod/comp/soft1/jp1/feature/intelligence_itop/images/icon_movie.png');
	background-repeat:no-repeat;
	padding:15px 55px 15px 20px;
	background-position-x:calc(100% - 7px);
	border-radius:6px;
	font-size:110%;
	background-size:30px 30px;
	font-weight: bold;
}


/*
	安全・安心なテレワークの実施に欠かせない
	「セキュリティ確保」と「労働実態把握」
 ****************************************************/
div#jp1PageTitleArea1.TeleworkTitle div.PageTitleStyle1{
	width:100%;
	height:375px;
	background:url('/Prod/comp/soft1/jp1/feature/telework/images/h1.jpg') no-repeat top right;
	background-size:auto 95%;
	position:relative;
	margin-bottom: -20px;
}
div#jp1PageTitleArea1.TeleworkTitle div#TitleInner{
	position:relative;
	top:56%;
	left:0;
	padding-left:20px;
}
div#jp1PageTitleArea1.TeleworkTitle h1,
div#jp1PageTitleArea1.TeleworkTitle h1 span{
	color:#000;
	font-weight:bold;
	text-shadow: 1px 1px 1px #ffffff;
}
div#jp1PageTitleArea1.TeleworkTitle h1{
	font-size:105%;
}

div#jp1PageTitleArea1.TeleworkTitle h1,
div#jp1PageTitleArea1.TeleworkTitle h1 span{
	font-size:125%;
	line-height:1.4;
	padding-top: 17px;
}

p.InnerLinkHeader{
	font-size:180%;
	font-weight:bold;
}

p.InnerLinkHeader span{
	font-size:90%;
	font-weight:normal;
}

p.InnerLinkHeader + div.featureInnerLinks{
	display:inline-block;
	text-align:left;
	margin-bottom:15px;
}
p.InnerLinkHeader + div.featureInnerLinks a,
p.InnerLinkHeader + div.featureInnerLinks a:visited{
	line-height:1.9em;
	font-weight:bold;
	color:#303030;
	border-bottom: 1px solid #303030;
}

p.InnerLinkHeader + div.featureInnerLinks li a:hover{
	border-bottom: none;
	text-decoration:none;
	opacity:0.8;
}

div#teleworkCheck01{
	background:#B9F1FF url('/Prod/comp/soft1/jp1/feature/telework/images/Point1.jpg') no-repeat 0 0;
}
div#teleworkCheck02{
	background:#C8F2F0 url('/Prod/comp/soft1/jp1/feature/telework/images/Point2.jpg') no-repeat 0 0;
}
div#teleworkCheck01,
div#teleworkCheck02{
	background-size:100% auto;
	padding:50px 15px 30px;
	position:relative;
}

div.CheckPointMarkWrap{
	text-align:center;
	margin-top:-20px;
}
div.CheckPointMarkWrap p.CheckPointMark{
	background-color: #14596b;
	color:#fff;
	border-radius: 100px;
	padding: 4px 30px;
	font-size:120%;
	font-weight:bold;
	display:inline-block;
}

h2.teleworkh2_1,
h2.teleworkh2_2{
	background:#309AB5;
	color:#FFF;
	display:inline-block;
	padding:10px 20px;
	font-weight: bold;
}
h2.teleworkh2_2{
	background:#009789;
}

div#teleworkCheck01 h3,
div#teleworkCheck02 h3{
	padding-left:15px;
	padding-right:15px;
	font-size:130%;
}
div#teleworkCheck01 h3 span{
	color:#5A9BB9;
	background:url('/Prod/comp/soft1/jp1/feature/telework/images/header_sec.png') no-repeat 0 0;
}
div#teleworkCheck02 h3 span{
	color:#3E9DA9;
	background:url('/Prod/comp/soft1/jp1/feature/telework/images/header_time.png') no-repeat 0 center;
}
div#teleworkCheck02 h3 span.safety{
	color:#3E9DA9;
	background:url('/Prod/comp/soft1/jp1/feature/telework/images/header_safety.png') no-repeat 0 center;
	background-size:45px auto;
}

div#teleworkCheck01 h3 span,
div#teleworkCheck02 h3 span{
	padding:20px 20px 20px 60px;
	background-size:50px auto;
}

div#teleworkCheck01 h4,
div#teleworkCheck02 h4{
	background:#B3D5FF;
	padding:15px;
	min-height:20px;
	font-size:120%;
	font-weight:bold;
	text-align: center;
	color: #333;
}

div.teleworkBoxPatternA{
	background-color:#FFF;
	box-shadow:3px 2px 7px rgba(50, 50, 50, 0.2), -3px 0 7px rgba(50, 50, 50, 0.2);
	padding-bottom:30px;
	width: 93%;
	margin-top: -10px;
}

div.Column2 div.teleworkBoxPatternA{
	height: 275px;
	width: 97%;
}

div#teleworkCheck01 div.BoxPatternA p.TextStyle1,
div#teleworkCheck02 div.BoxPatternA p.TextStyle1{
	padding-left: 30px;
}

div#teleworkCheck01 div.Column2 {
	float: left;
	width: 455px;
	margin: 0 0 0 15px;
}

div#teleworkCheck01 div.BoxPatternA div.Column2 {
	float: left;
	width: 400px;
	margin: 0 0 0 15px;
}

div.FlexWrap div.BoxPatternTelework{
	background:#FFF;
	margin-right:5px;
	width:375px;
	border:1px solid #4D4D4D;
}

div.FlexWrap div.BoxPatternTelework:last-child{
	margin:0;
}
div.FlexWrap div.BoxPatternTelework p{
	padding:0;
}
div#teleworkCheck01 div.FlexWrap div.BoxPatternTelework h4{
	font-size:120%;
	color:#FFF;
	padding:8px 0 5px;
	text-align:center;
	background:#4D4D4D;
	margin:0 0 15px;
}

div#teleworkCheck01 div.BoxPatternD,
div#teleworkCheck02 div.BoxPatternD{
	padding:50px 0 5px 0;
}

div#teleworkCheck01 div.BoxPatternD p,
div#teleworkCheck02 div.BoxPatternD p{
	padding-top:30px;
}

div#teleworkCheck01 div.BoxPatternA p,
div#teleworkCheck02 div.BoxPatternA p{
	padding-top:15px;
}

div#teleworkCheck01 div.FlexWrap,
div#teleworkCheck02 div.FlexWrap{
	width:780px;
	margin:0 auto;
}

div.telework div#summary{
	background:#FFF;
	padding:30px 15px;
}
div.telework div#summary div.BoxPatternB{
	background-color:#B3D5FF;
}
div.telework div#summary div.BoxPatternB.default{
	background-color:#f2f2f2;
}
div.telework div#summary div.TypeFeature ul.LinkListStyle1 li a{
	background-color:#F15152;
}

div.telework h2 strong{
	font-size: 100%;
}

div.telework p{
	line-height: 180%;
}

div.telework p strong span{
	font-size:90%;
	border-bottom: 2px solid #ffffff;
}

div.telework p.teleworkStyle1{
	color:#303030;
	line-height:1.7em;
	font-weight: bold;
}

div.telework p.teleworkStyle1 mark{
	background:none;
	border-bottom:3px solid #00B3CD;
}

div.telework p.teleworkCatchCopy{
	color:#0773bd;
	font-size:130%;
	font-weight:bold;
	text-align:center;
}

ul.LinkListStyle1.DxLinkBox.CheckPointBox{
	display: block;
	max-width: 720px;
	margin: 0 auto;
}

ul.LinkListStyle1.DxLinkBox.CheckPointBox li{
	font-weight: bold;
	font-size: 130%;
}

ul.LinkListStyle1.DxLinkBox.CheckPointBox li a{
	display: block;
	text-align: center;
	line-height: 200%;
	padding:10px 30px 10px 17px;
	background-position-x:calc(100% - 7px);
	border-radius:20px;
	max-width:740px;
	margin: 0px auto 30px auto;
	font-size: 90%;
	font-weight: normal;
	color: #fff;
	background: #14596b url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
}

ul.LinkListStyle1.DxLinkBox.CheckPointBox li a span{
	font-size: 115%;
	font-weight: bold;
}

ul.LinkListStyle1.DxLinkBox li{
	font-weight: bold;
	font-size: 130%;
}

ul.LinkListStyle1.DxLinkBox li a{
	display: block;
	text-align: center;
	line-height: 200%;
	padding:10px 30px 20px 17px;
	background-position-x:calc(100% - 7px);
	border-radius:20px;
	max-width:740px;
	margin: 0px auto 80px auto;
	font-size: 90%;
	font-weight: normal;
	color: #fff;
	background: #14596b url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
}

ul.LinkListStyle1.DxLinkBox li a span{
	font-size: 150%;
	font-weight: bold;
}

/*
	「出社前提」からニューノーマルへの転換！
	情報システム部門のリモートワークを推進しよう
 ****************************************************/
div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1{
	width:100%;
	height:375px;
	background:#8FD6F9 url('/Prod/comp/soft1/jp1/feature/remotework/images/h1.png') no-repeat top left;
	background-size:auto 100%;
	position:relative;
	margin:0;
}
div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner{
	padding:50px 0 0 400px;
}
div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 h1{
	font-size:260%;
	font-weight:bold;
	color:#16499C;
	line-height:120%;
	position:relative;
	margin:0 0 20px;
}
div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 h1:before{
	content:"";
	display:inline-block;
	width:380px;
	height:66px;
	background-image:url('/Prod/comp/soft1/jp1/feature/remotework/images/arrow01.png');
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:-400px;
}
div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 h1:after{
	content:"";
	display:inline-block;
	width:280px;
	height:76px;
	background-image:url('/Prod/comp/soft1/jp1/feature/remotework/images/arrow02.png');
	background-repeat:no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0.5em;
	left:9em;
}

div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 h1 span{
	font-size:54%;
	font-weight:bold;
}
div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 p.TextStyle2{
	color:#16499C;
	margin:0 50px 0 0;
	padding-bottom:15px;
}


div#remotework01{
	background:#16499C url('/Prod/comp/soft1/jp1/feature/remotework/images/about_remote.png') no-repeat 0 0;
	color:#FFF;
}
div#remotework02{
	background:#FFF url('/Prod/comp/soft1/jp1/feature/remotework/images/point.png') no-repeat 0 0;
}
div#remotework01,
div#remotework02{
	background-size:100% auto;
	padding:30px 15px;
}
h2.remoteworkh2_1{
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/h2_01.png') no-repeat center 0;
	color:#FFF;
}
h2.remoteworkh2_2{
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/h2_02.png') no-repeat center 0;
	color:#002A68;
}
h2.remoteworkh2_1,
h2.remoteworkh2_2{
	font-size:230%;
	font-weight:bold;
	
	background-size:200px auto;
	padding:130px 0 0;
}

div#remotework02 ul.PointList li:first-child{
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/point01.png') no-repeat top center;
	background-size:50px auto;
}
div#remotework02 ul.PointList li:nth-child(2){
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/point02.png') no-repeat top center;
	background-size:50px auto;
}
div#remotework02 ul.PointList li:last-child{
	border-right:3px solid #16499C;
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/point03.png') no-repeat top center;
	background-size:50px auto;

}
div#remotework02 ul.PointList li{
	padding:70px 15px 20px;
	font-weight:bold;
	color:#002a68;
	border-left:3px solid #16499C;
	font-size:140%;
}

div#remotework02 div.BoxPatternD{
	background:#8FD6F9;
	padding:15px 25px 5px;
}
div#remotework02 div.BoxPatternD h3{
	color:#002a68;
	font-size:160%;
	display:table-cell;
	padding-left:60px;
	height:60px;
	vertical-align:middle;
	padding-bottom: 20px;
	padding-top: 5px;
}
div#remotework02 div.BoxPatternD.point01 h3{
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/point01.png') no-repeat top left;
	background-size:auto 60px;
}
div#remotework02 div.BoxPatternD.point02 h3{
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/point02.png') no-repeat top left;
	background-size:auto 60px;
}
div#remotework02 div.BoxPatternD.point03 h3{
	background:url('/Prod/comp/soft1/jp1/feature/remotework/images/point03.png') no-repeat top left;
	background-size:auto 60px;
}

div#remotework01 p.remoteworkCatchCopy{
	font-size:120%;
}
/*URLコピーボタン ※TOPに上げるので独自スタイルは不要。元の位置に戻す場合は復活させる*/
/*div#remotework01 p.urlCopyButton span{
	background:#619dce;
	border:1px solid #FFF;
}*/

/*div#h2_robotArea p.urlCopyButton span{
	background:#619dce;
	border:1px solid #FFF;
}*/


/*　まとめ　*/
div#remoteSummary{
	background:#098BD3;
	color:#FFF;
	padding:15px 0;
}
div#remoteSummary h2{
	font-weight:bold;
	font-size:180%;
	padding:15px 0;
	border:3px solid #FFF;
	border-left:none;
	border-right:none;
}
div#remoteSummary ol.ListStyle1{
	font-size:150%;
	font-weight:bold;
	padding-left:3em;
}

div#PopUpContents.remotework div.BoxPatternB{
	background:#8FD6F9
}
div.TypeFeature.Remotework ul.LinkListStyle1 li a{
	background-color:#0070C0;
	font-weight:normal;
	font-size:80%;
	text-align:left;
	font-weight: bold;
}

#TopicPath ul li strong,
.MMGlobalNaviStyle.Current a strong{
	font-size:100%;
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){
	.JS body#featureTopPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		width:100%;
		box-sizing:border-box;
		padding:0 30px 15px;
	}
	.JS body#featureTopPage div#jp1PageTitleArea1 div.FlexWrap > a.wrapAnchor{
		position:relative;
	}
	.JS body#featureTopPage div#jp1PageTitleArea1 div.FlexWrap,
	.JS body#featureTopPage div#jp1PageTitleArea1 div#pickupArea{
		position:static;
	}

	body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 > p.TextStyle1{
		margin:0px 55px 0 10px;
	}

	.JS div#featureWrap div.featureSet{
		width:640px;
		margin:0 auto;
	}
	.JS div#PopUpContents{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	/*.JS div#h2_robotArea div.Section,
	.JS div#h2_3_jp1Area div.Section,
	.JS div#h2_4_seminar div.Section,*/
	.JS div#h2_5_partner div.Section{
		padding:0 10px 10px;
	}
	.JS div#PopUpContents p{
		padding-left:15px;
		padding-right:15px;
	}
	/*Windows 10 今後の大型アップデートに〜ページ用*/
	.JS div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		width:100%;
	}
	.JS div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
		padding:5px 260px 5px 10px;
		height:300px;
	}
	.JS div#PopUpContents.win10Page{
		background-size:contain;
		background-position-y:5%;
	}
	.JS div.Grid4 div.h2_guardSection{
		width:100%;
		padding:50px 0;
	}
	.JS div.InnerSection{
		margin:-70px 0;
		padding:40px 10px;
	}
	/* テレワークが急速に普及〜 ページ */
	.JS div#teleworkCheck01 div.FlexWrap,
	.JS div#teleworkCheck02 div.FlexWrap{
		width:80%;
	}
	.JS div#teleworkCheck01 div.FlexWrap p.ImgOnlyStyle img,
	.JS div#teleworkCheck02 div.FlexWrap p.ImgOnlyStyle img{
		/*width:100%;*/
	}
	.JS div#teleworkCheck01 div#secMeasures.FlexWrap p.ImgOnlyStyle{
		width:50%;
	}
	.JS div#teleworkCheck01 div#secMeasures.FlexWrap p.ImgOnlyStyle img{
		width:auto;
	}

	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1{
		height:auto;
		min-height:375px;
	}
	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner{
		padding-left:41.4%;
	}
	.JS div#remoteSummary{
		padding:15px;
	}
	div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1{
		width:100%;
		height: 200px;
	}
	div#teleworkCheck01 div.Column2 {
		float: none;
		width: auto;
		margin: 0 0 0 15px;
}
}

/* for - 964px
=========================================================================================== */
@media screen and (max-width:964px){
	.JS div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1,
	.JS div#jp1PageTitleArea1.FeatureTitle2 div.PageTitleStyle1,
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1,
	.JS div#jp1PageTitleArea1.FeatureTitle1 div.PageTitleStyle1 h1,
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		width:100%!important;
	}
	.JS div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner h1{
		font-size:70%;
		line-height: 1.9em;
	}
	.JS body#featureTopPage div#jp1PageTitleArea1 div#pickupArea > p.TextStyle1 span.pseudoAnchor{
		word-break:break-all;
	}
	/*Windows 10 今後の大型アップデートに〜ページ用*/
	.JS div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		background-size:30% auto;
	}
	.JS div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
		padding-right:calc(30% + 10px);
		height:270px;
	}
	div.win10PageGrid div.TypeFeature ul.LinkListStyle1 li a{
		width:auto;
	}
	
	/* 導入が加速するRPA 運用〜ページ用*/
	.JS div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		margin-bottom:0;
	}
	.JS div.rpaPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		background-size:cover;
		text-align: -webkit-center;
	}
	.JS div.FlexWrap div.BoxPatternRpa h4{ font-size:140%; }
	.JS div.VerticalInnerLinks.win10PageVersion ul{
		width:80%;
	}

}

/* for - 859px
=========================================================================================== */
@media screen and (max-width:859px){
	.JS div#teleworkCheck01 div.FlexWrap div.BoxPatternTelework h4{
		min-height:2.5em;
	}
}

/* for - 767px
=========================================================================================== */
@media screen and (max-width:767px){
	.JS body#featureTopPage div#jp1PageTitleArea1 div.FlexWrap > a.wrapAnchor{
		margin:0 0 15px;
	}
	.JS body#featureTopPage div#jp1PageTitleArea1 div#concernColumn{
		margin:0 auto;
		padding:0 0 15px;
		width:100%;
	}
	
	body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2{
		max-width: none;
	}
	body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 p.ImgOnlyStyle,
	body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 img {
		margin: 0px auto;
	}
	body#featureTopPage div#jp1PageTitleArea1 div#pickupArea2 > p.TextStyle1 {
		/*margin:0px auto 0px auto;*/
		/*bottom: auto;*/
	}
	.JS div#featureWrap div.featureSet{
		width:auto;
		display:block;
	}
	.JS div#featureWrap div.featureSet a.wrapAnchor{
		margin:0 auto;
	}
	.JS div#featureWrap div.featureSet div.featueImgBox div.Inner{
		width:95%;
	}
	/*Windows 10 今後の大型アップデートに〜ページ用*/
	.JS div#PopUpContents.win10Page{
		background-position-y:7%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3{
		/*margin-bottom:20px;*/
	}
	.JS div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1{
		height:200px;
	}
	.JS div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner{
		top:25%;
		width:calc(100% - 20px);
	}
	.JS div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		background:url('/Prod/comp/soft1/jp1/feature/win10_win11/images/h1_767px.png') no-repeat 100% 0;
		background-size:cover;
	}
	.JS div.win10Page div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
		padding-right:10px;
	}
	.JS div#titleText{
		border-left:none;
		padding-left:0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 p.SubTitle,
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		text-shadow:2px 2px 3px #FFF, -2px 2px 3px #FFF, 2px -2px 3px #FFF, -2px -2px 3px #FFF;
	}
	.JS div.FlexWrap{
		display:block;
	}
	.JS div.FlexWrap div.BoxPatternRpa{
		width:auto;
		margin:0;
	}
	.JS div#PopUpContents.win10Page .win10PageGrid h2{
		padding:31% 0 15px;
		font-size:150%;
	}
	.JS div#PopUpContents.win10Page h2#h2_const,
	.JS div#PopUpContents.win10Page h2#h2_guard,
	.JS div#PopUpContents.win10Page h2#h2_summary{
		background-size:30%;
	}
	.JS div#PopUpContents.win10Page h2#h2_resources{
		font-size:150%;
	}
	.JS div.VerticalInnerLinks.win10PageVersion ul{
		width:100%;
	}
	/* 導入が加速するRPA 運用〜ページ用*/
	.JS div#h2_5_partner div.TypeFeature h4#rpa_plus,
	.JS div#h2_5_partner div.TypeFeature h4#auto_anywhere{
		background-size:30% auto;
		padding-right:30%;
	}
	.JS div.v1210BoxPatternA h3{
		background-size:auto;
	}
	
	.JS div#problemsList dl{
		margin:45px 0 0;
	}
	.JS div#problemsList dl:first-child{
		margin:30px 0 0;
	}
	.JS div#rpa03Area div.TypeFeature.addSpan ul.LinkListStyle1 li a{
		min-width:80%;
	}
	.JS h2#rpa01{
		padding:135px 0 0;
		background-position:top center;
	}
	
	h2#rpa02 span,
	h2#rpa03 span:last-child{
		padding:0 0 320px;
	}

	.JS div#teleworkCheck01 div.FlexWrap p.ImgOnlyStyle,
	.JS div#teleworkCheck02 div.FlexWrap p.ImgOnlyStyle{
		text-align:center;
	}
	.JS div#teleworkCheck01 div#secMeasures.FlexWrap p.ImgOnlyStyle{
		width:auto;
	}


/*
	「出社前提」からニューノーマルへの転換！
	情報システム部門のリモートワークを推進しよう
 ****************************************************/
	div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 h1{
		font-size:200%;
		font-weight:bold;
		color:#16499C;
		line-height:140%;
		position:relative;
		margin:0 0 20px;
	}


	.JS div#teleworkCheck01 div.FlexWrap{
		display:flex;
	}

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width:579px){
	.JS body#featureTopPage div#jp1PageTitleArea1 div#pickupArea > p.TextStyle1{
		position:static;
		width:auto;
		padding:10px;
	}
	/*Windows 10 今後の大型アップデートに〜ページ用*/
	.JS div#PopUpContents.win10Page{
		background-position-y:10%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#TitleInner{
		height:20vh;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 span{
		font-size:100%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 p.SubTitle{
		font-size:90%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1{
		height:130px;
		background-size:100%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1 #TitleInner h1{
		font-size:65%;
	}
	.JS .FlexSection{
		display:block;
		margin-bottom:0;
	}
	.FlexSection div.radiusBoxPattern1,
	.FlexSection div.radiusBoxPattern1:first-child{
		margin:0 auto 20px;
		width:auto;
	}
	.JS div#PopUpContents.win10Page .h2_guardSection h3 span.number em{
		width:4em;
		display:table-cell;
		font-size:300%;
		text-align:center;
		vertical-align:middle;
		height:1em;
		font-style:normal;
	}
	div#PopUpContents.win10Page .h2_guardSection h3 span.main{
		font-size:130%;
		padding-top:1.7em;
		display:inline-block;
	}

	/* 導入が加速するRPA 運用〜ページ用*/
	/*.JS h2#h2_robot,
	.JS h2#jp1_rpa,
	.JS h2#h2_4_seminar*/
	.JS h2#desktopandserver{
		background-size:50% auto;
		padding-bottom:50%;
	}

	.JS div#probDescription h3{
		text-align:center;
	}
	.JS div#probDescription h3 span:first-child{
		margin:0 0 15px;
		float:none;
	}
	.JS div#probDescription h3 span:last-child{
		display:block;
		text-align:left;
	}
	.JS div#rpa03Area div.TypeFeature.addSpan ul.LinkListStyle1 li a{
		min-width:auto;
	}

	.JS div.withLeftIcon:before,
	.JS div.withRightIcon:before{
		width:100px;
		margin:0;
		left:calc(50% - 50px);
	}
	.JS div.withLeftIcon:before{
		background-size:100px 142px;
		height:142px;
	}
	.JS div.withRightIcon:before{
		background-size:100px 85px;
		height:85px;
	}
	.JS div.withLeftIcon div.BoxPatternFeature1{
		padding:150px 10px 0;
		margin:0;
	}
	.JS div.withRightIcon div.BoxPatternFeature1{
		padding:90px 10px 10px;
		margin:0;
	}
	.JS div.FlexWrap{
		padding:0 15px;
	}
	.JS div.VerticalInnerLinks.win10PageVersion li{
		padding-top:5px;
	}
	.JS div.VerticalInnerLinks.win10PageVersion li a{
		padding-top:calc(10px + 1.5em);
		margin-top:-2em;
		font-size: 150%;
	}
	
	.JS div.v1210BoxPatternA h3{
		background-size:auto 100%;
	}
	.JS .contentsWidth{
		width:100%;
		padding:0;
	}



	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner{
		padding-left:0;
	}
	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner h1:before,
	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner h1:after{
		width:0;
		height:0;
		background:none;
	}
	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner h1{
		padding:0 20px;
	}
	.JS div#jp1PageTitleArea1.remoteworkTitle div.PageTitleStyle1 div#TitleInner p.TextStyle2{
		padding-left:41.4%;
		color:#FFF;
		text-shadow:2px 1px 0px #16499c, -2px 1px 0px #16499c, 2px -1px 0px #16499c, -2px -1px 0px #16499c
	}
	div#remotework02 ul.PointList.FlexWrap{
		display:block;
	}
	div#remotework02 ul.PointList li{
		padding:70px 15px 20px;
		margin-top:30px;
		font-weight:bold;
		border:none;
		border-bottom:3px solid #16499C;
		font-size:140%;
	}
	div#remotework02 ul.PointList li:last-child{
		border:none;
	}

	/*テレワークが急速に普及 これだけは絶対に押さえておきたいチェックポイント*/
	.JS div.FlexWrap div.BoxPatternTelework{
		width:100%;
	}
	.JS div#teleworkCheck01 div.FlexWrap div.BoxPatternTelework h4{
		min-height:auto;
	}
	.JS div#teleworkCheck01 div.FlexWrap{
		display:block;
	}

}

/* for - 415px
=========================================================================================== */
@media screen and (max-width: 414px){
	.JS body#featureTopPage div#jp1PageTitleArea1 div#concernColumn dl dt{
		padding:130px 15px 0;
		min-height:auto;
		background-position:top center;
	}
	.JS div#featureWrap div.featureSet div.featueImgBox div.Inner{
		width:90%;
	}
	/*システム全体のインテリジェントなIT運用*/
	.JS div#jp1PageTitleArea1.FeatureTitleWin1210 div.PageTitleStyle1{
		background-size:auto 100%;
		background-position-x:right;
	}

	/*テレワークが急速に普及 これだけは絶対に押さえておきたいチェックポイント*/
	div.Column2 div.teleworkBoxPatternA{
	height: 350px;
	}

}

.hoverAction:hover ul.CategoryMark{
	text-decoration:none !important;
}