*{overflow-wrap:break-word;	word-wrap:break-word;}
#Contents,#Contents h3,#Contents h4{color:#262626;}
[class^="services"] h4{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/circle.svg") no-repeat left top 0.25rem / 1rem 1rem; padding-left:1.5rem; font-size:1.25rem; margin-top:2rem;}
[id^="hcs"] #Contents h2 span,[id^="xas"] #Contents h2 span{background:none; color:inherit; display:inline-block; padding:0;}
#Contents .ef_fullw{width:100%;	margin-left:0; margin-right:0;}
#Contents .ef_Section{width:100%;}
#Contents .ef_Section h1,#Contents .ef_Section .lead{padding:0; box-sizing:border-box; margin:auto; max-width:1275px;	line-height:1.2;}
#Contents .text{line-height:170%;}
#Contents .textCenter{margin:0 auto;}
#Contents .col3 > li .title sup{position:relative; top:-0.6rem;}
#Contents .linkButton{background:#D30000; border-radius:6px; padding:1rem; display:inline-block; margin:1rem 0; max-width:568px; width:100%; box-sizing:border-box;}
#Contents a .linkButton{color:#fff; font-weight:bold; text-decoration:none;}
#Contents .linkButton:hover,.textButton:hover{opacity:0.7;}
[class^="services"] #feature .text,[class^="services"] #feature .textCenter{margin-bottom:0;}
.ef_em{font-weight:bold;color:#c60000;}
.Grid4 [class^="ef_pageTitle2"]{color:#fff; text-shadow: 0 0 0.4em #000, 0 0 0.4em #000; display:flex; justify-content:flex-start; font-weight:bold; align-items:center;}
.Grid4 [class^="ef_pageTitle2"] .ef_Section{padding-top:0;}
.Grid4 [class^="ef_pageTitle2"] .ef_Section h1{font-weight:bold; margin-bottom:0.5rem !important;}
.Grid4 [class^="ef_pageTitle2"] .ef_Section h1 .sub{
  font-size:1rem;
	padding:6px 16px;
  font-weight:bold;
	background:#fff;
	border-radius:30px;
	color:#000;
	text-shadow:none;
	display:table;
	box-shadow:0 0 0.4em rgba(0,0,0, 0.5);
	margin-bottom:6px;
	line-height:100%;
}
aside.surfaceLink,#customerCase .ef_Section,#hilights .ef_Section{max-width:1245px; margin: auto;}
#Contents object{position:relative;}

/* モジュール非適用 */
#xas #about h2,#xas #about .nav a,.closeLink *,.closeLink a,.features a,.features h3,.boxLink a,#xas_solution a{color:#fff; text-decoration:none;}
.relatedLink a{color:#1E1E1E; text-decoration:none;}

/* --- Link Icon --- */
/* 赤：遷移 */
#Contents .textLink a[target^="_blank"][href^="/products/it/everflex/"][href$=".pdf"]{
	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon_red_arrow.svg");
}
#hcs .textLink a,
#customerCase a .textLink strong,
.textLink span a,
.surfaceLink a .textLink,
.textLink span a{
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon_red_arrow.svg") no-repeat right 20px center / 16px 16px;
	font-weight:bold;
	color:#333 !important;
	text-decoration:none !important;
	transition:all .5s;
}
aside.surfaceLink a[target^="_blank"],
#hcs .textLink a[target^="_blank"],
#customerCase a[target^="_blank"] .textLink strong,
.textLink span a[target^="_blank"],
.textLink span a[target^="new"],
.surfaceLink a[target^="_blank"] .textLink{
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_red_otherwindow.svg") no-repeat right 20px center / 16px 16px;
}
aside.surfaceLink a:hover,
#hcs .textLink a:hover,
#customerCase a:hover .textLink strong,
.textLink span a:hover,
.surfaceLink a:hover .textLink{
	background-position:right 15px center;
	transition:all .5s;
}
/* 白：別ウィンドウ */
.ButtonStyle2 .newwin a{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon_red_otherwindow_white.svg");	background-position:right 4px center;}
.ButtonStyle2 .newwin a:hover{background-position:right 4px center;}

/* 白：メール */
#Contents .linkButton .mail{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/mail_w.svg") no-repeat center right; padding-right:2rem;}




/* --- Banner Link --- */
div.surfaceLink{max-width:1275px;}
#Contents [class^="bannerLink"]{
	position:relative;
	font-weight:bold;
	max-width:770px;
	margin:0 auto 2rem;
  height:150px;
	text-align:center;
	background:no-repeat;
	color:#fff;
	text-shadow: 0 0 0.4em #000, 0 0 0.4em #000;
	display:flex;
	justify-content:flex-start;
	border-radius:4px;
	flex-wrap:wrap;
	box-sizing: border-box;
	align-items:center;
}
#Contents [class^="bannerLink"]:hover{opacity:0.7;}
#Contents [class^="bannerLink"] a{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
  box-sizing: border-box;
	color:#fff;
	text-decoration:inherit;
	position:absolute;
	top:0;
	left:0;
}
#Contents [class^="bannerLink"]:hover{transition: all 0.3s ease;}
#Contents [class^="bannerLink"] .title:after{
	content:"";
	background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_white_arrow.svg) no-repeat center;
  height: 25px;
  width: 25px;
  position: absolute;
  z-index: 10;
  right: 15px;
  bottom: 15px;
}
#Contents [class^="bannerLink"]  a[target^="_blank"] .title:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon_white_otherwindow.svg) no-repeat center;}

#Contents .bannerLinkInquiry{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bnr_inquiry_bg.jpg") no-repeat; margin-top:50px;}



/* --- X as a Services専用 --- */
[id^="xas"] .inquiry{margin-top:50px;}
[id^="xas"] .inquiry p{
  font-weight:bold;
	text-align:center;
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bnr_inquiry_bg.jpg") no-repeat;
	background-size:cover;
	max-width:770px;
	margin:auto;
  text-shadow:0 0 0.2em #000, 0 0 0.2em #000;
	display:flex;
  align-items:center;
  justify-content:center;
	/*box-shadow:2px 2px 6px rgb(0 0 0 / 70%);*/
}
[id^="xas"] .inquiry a{
	display:block;
	max-width:770px;
}
[id^="xas"] .inquiry a:link,[id^="xas"] .inquiry a:visited{
  color:#fff;
	text-decoration:none;
	width:100%;
	height:100%;
	margin:auto;
}
[id^="xas"] .inquiry a:hover{
  opacity:0.8;
}
[id^="xas"] .inquiry a span{
	background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_white_arrow.svg) no-repeat;
	background-position:center right 10px;
	background-size:25px;
	transition:all 0.3s ease;
	padding-right:45px;
}
[id^="xas"] .inquiry a:hover span{
	background-position:center right 0;
}
[id^="xas"] .surfaceLink .textLink{text-align:right;}



/* ---  TextLink --- */
.textButton{position:relative; background:#F2F2F2; border-radius:110px; font-size:1.125rem; font-weight:bold; text-align:center; width:90%; max-width:940px; margin:auto;}
.textButton a{text-decoration:none !important; display:block; width:100%; height:100%; color:#064772; box-sizing:border-box;}
.textButton a:after{content:""; background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/arrow_blue.svg") no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:0.5rem; transition:all 0.3s ease;}
.textButton a:hover:after{position:relative; left:3px; transition:all 0.3s ease;}
.textButton{line-height:1.2;}
.textButton span{font-size:0.875rem;}
.textLink{margin:15px 0 0;}
#Contents .new_InnerLink a:link,#Contents .new_InnerLink a:visited{color:#fff; text-decoration:none; width:100%; height:100%;	margin:auto; position:relative;}
.Grid4 [class^="ef_pageTitle2"]{background-size:cover; background-position:center; background-repeat:no-repeat;}
.ef_CatchCopy1{font-size:1.8em; font-weight:bold;}
.ef_CatchCopy2{
	font-weight:bold;
	font-size:2em;
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bg_catch_bar.gif") no-repeat bottom center;
	padding:0 0 0.5em 0;
	margin-bottom:2rem;
}
.ef_CatchCopy3{
	font-weight:bold;
	font-size:1.2em;
}
.ef_inPageLink1{
	background:#dfdfdf;
	padding:3em 0;
}
.ef_inPageLink1 ul,.clmn li a p.img,.textCenter{
	text-align:center;
}
.ef_inPageLink1 li{
	display:inline-block;
	background:#fff;
	border-radius:2em;
	padding:0.5em 1em;
	font-weight:bold;
	margin:0.5em;
}
.ef_inPageLink1 li:hover{
	background:#000;
}
.ef_inPageLink1 li a{
	color:#000;
	text-decoration:none;
}
.ef_inPageLink1 li:hover a{
	color:#fff;
}
.ef_sp02 .clmn li a:hover{
	border:2px #c60000 solid;
	transition:all .3s ease-out;
}
.Grid4 .ef_h2{
	font-size:1.5em;
	font-weight:bold;
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bg_ttl_bar1.gif") no-repeat bottom left;
	padding:0 0 0.2em 0;
	color:#000;
}
.Grid4 .ef_h3{
	font-weight:bold;
	padding:0 0 0 0.5em;
	color:#000;
	border-left:#c60000 solid 4px;
}
.Grid4 .ef_inPageLink1 li a{
	display:inline-block;
}
.Grid4 .ef_sp02{
	background:#dfdfdf;
	padding:4em 0; 
}
.ef_sp02 .clmn{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	flex-wrap:wrap;
} 
.ef_sp02 .clmn li{
	display:flex;
	align-items:stretch;
}
.ef_sp02 .clmn li a{
	text-decoration:none;
	color:#000;
	padding:1em 0;
	border:2px #c8c8c8 solid;
	margin-bottom:30px;
	background:#fff;
	width:100%;
}
.ef_sp02 .clmn li a p.ttl{
	margin:0 1em;
	font-weight:bold;
}
.ef_sp02 .clmn li a p.ttl em{
	font-style:normal;
}
.ef_sp02 .clmn li a p.txt{
	margin:0 1em;
	font-size:0.9em;
}
.ef_sp02 .clmn li a p.txt2{
	margin:0 1em;
	font-size:0.8em;
}
.box{
	background:#fff;
	box-shadow:0 0 0.3em rgba(0,0,0, 0.3);
}
.mb05em{margin-left:0.5em !important;margin-right:0.5em !important;}
.bg,.gpBG{background:#F2F2F2;}
.bgB{background:#1A6A9C; color:#fff;}
.bgB a:link,.bgB a:visited,#hilights a:link,#hilights a:visited,#hilights a:link object sup,#hilights a:visited object sup{color:#fff;}
.gpBG{padding:5rem 0;}
.new_CatchCopy h2{color:#025D8F; background:inherit; font-weight:bold; text-align:center;}
.checked li:before{content:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/checked_w.svg");}
.resultArrow{width:20%;	max-width:100px !important;}
.digression h2{font-weight:bold; background:inherit;}
.digression .container{border-radius:4px; background:#fff; padding:2rem; text-align:center; box-sizing: border-box;}
.digression .container .text{line-height:1.7; text-align:left;}
.digression .diagram img{width:100%; max-width:754px;}
.digression .diagram span{display:block; text-align:right;}
#partners ul{margin-bottom:2rem; display:flex; width:100%; flex-wrap:wrap;}
#partners ul li{text-align:center;}
#partners ul li img{max-width:274px; box-shadow:#ccc 2px 2px 6px; margin-bottom:1rem;}
#partners ul a{color:#262626; text-decoration:none;}

#inquiry{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case06.png"); background-position:top -160px center; background-repeat:no-repeat;}

.FooterPageTopWrapper{
	position:absolute;
	max-width:1275px;
	width:calc(100% - 15px); 
	display:none;
	z-index:10;
	pointer-events:none;
}
#FooterPageTop{
	position:relative;
	display:block;
	width:40px;
	height:40px;
	right:0;
	margin:0 0 0 auto;
	pointer-events:all;
}
.wordSearch{
	margin:0 0.5rem;
	font-weight:bold;
	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_search.svg");
	background-repeat:no-repeat;
	padding-left:1.4rem;
	background-size:1rem;
	background-position:0.2rem;
}


/* ---  AccordionMenu --- */
.acMenu.normal .content {max-height:0; overflow:hidden;}
.acMenu.type1 .content {max-height:150px; overflow:hidden;}
.acMenu.type2 .content {max-height:45px; overflow:hidden;}
.acMenu label:hover {cursor:pointer;}
.acMenu .toggle,.acMenu .close:checked ~ label {display:none;}
.acMenu > section {position:relative;}
.acMenu label > h4{margin-bottom:0;}
.acMenu > section label:hover h3,.acMenu > section input:checked ~ label h3{color:#000;	backface-visibility:hidden;}
.acMenu .readmore,.acMenu .content {-webkit-backface-visibility:hidden;	backface-visibility:hidden; transform:translateZ(0); transition:all 0.3s;}
.acMenu.type1 .readmore,.acMenu.type2 .readmore{position:absolute !important; z-index:2;}
.acMenu.type2 .close{position:relative; z-index:2;}
.acMenu .close{position:relative;}
.acMenu .DcList img{width:100%;}
.acMenu .toggle:checked + .readmore + .content {max-height:8000px; transition:all 1.5s;}
.acMenu .toggle:checked + .readmore + .content:before{display:none !important;}
.acMenu .toggle:checked + .readmore{display:none;}
.acMenu .ImgOnlyStyle{padding-top:2rem;}

/* パネル */
.col2,.col2L,.col3,.col4,.col6,.flexContainer{display:flex;	justify-content:space-between; flex-wrap:wrap;}
/*#hcs #hilights .col3{justify-content:center; gap:60px;}*/
.col2,.col2L{align-items:center;}
.col2 .right.photo,.col2L .right.photo{width:320px; margin-left:4rem;}
#xas #about .col3{justify-content:center;}
#whats .col2,#about .col2,#whats .col2L,#about .col2L{justify-content:space-between;}
[class^="services"] #feature li{border-radius:4px;	padding:2rem 1rem;}
#feature [class*="col"] li{display:flex; justify-content:space-between; flex-direction:column;}
#about .col2 .photo img,#about .col2L .photo img{position:relative;}
#reason .col3 .title{display:flex; align-items:center; justify-content:center; font-weight:bold; text-align:center;	margin-bottom:1rem;}
#reason .col3 .title .middle{line-height:140%;}
#reason [class^="col"] .title{font-size:1.75rem;}
#reason h2 a:link,#reason sup a:link{background:inherit; color:inherit; text-decoration:underline;}
#reason h2 a:hover,#reason sup a:hover{text-decoration:none;}
#reason h2 sup,#reason .pct sup{vertical-align: 0.9rem;}
[class^="services"] .title .middle{font-size:1.5rem;}
#xas #reason [class^="col"] > li, #xas [class^="services"] #feature li {border-radius: 12px; padding: 2rem 1.5rem; /*box-shadow: 0 0 0.3em rgba(0,0,0, 0.3);*/}

	/* /everflex/services/vm.html 「サービスソリューション」箇所の表示順をパネル表示時に入れ替え*/
	@media screen and (min-width: 995px) {
		#listItem1 { order: 1; }
		#listItem2 { order: 2; }
		#listItem3 { order: 3; }
		#listItem4 { order: 4; }
		#listItem5 { order: 5; }
		#listItem6 { order: 6; }
	}
	@media screen and (max-width: 994px) {
		#listItem1 { order: 1; }
		#listItem2 { order: 3; }
		#listItem3 { order: 5; }
		#listItem4 { order: 2; }
		#listItem5 { order: 4; }
		#listItem6 { order: 6; }
	}
	/* /everflex/services/vm.html 「サービスソリューション」箇所の表示順をパネル表示時に入れ替え*/


/* Features */
[class^="services"] .features{display:flex;	justify-content:space-between; color: #fff; gap:2px;}
#Contents .features h3{color: #fff;}
[class^="services"] .features li{background:linear-gradient(180deg, #0E2A4F, #1B539E); position:relative; box-sizing:border-box; width:100%}
[class^="services"] .features li a{padding:1rem; display: flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
[class^="services"] .features li:hover{opacity:0.8; transition:all 0.3s ease;}
[class^="services"] .features h3{/*flex-basis:65px;*/}


[class^="services"] #about a,
.boxLink a,
.closeLink .textLink,
#xas_solution a{
	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_arrow_w.svg");
	background-repeat:no-repeat;
	background-position:center right 1rem;
}
[class^="services"] #about a:hover,
.boxLink a:hover,
.closeLink .textLink:hover,
#xas_solution a:hover{
	opacity:0.7;
	transition:all 0.3s ease;
	background-position:center right 0.5rem;
}


[class^="services"] #about a[target^="_blank"],
.boxLink a[target^="_blank"],
.closeLink .textLink a[target^="_blank"],
#xas_solution a[target^="_blank"]{
	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_newwin_w.svg");
}
#xas #about a,.closeLink .textLink,#xas_solution a{padding:1rem 2rem 1rem 0;}
#xas_solution a{padding:0 2.5rem 0 0;}

/* ---  Hightlights --- */
#hilights ul li a[target^="_blank"]{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon_white_otherwindow.svg");}
#hilights ul li a[target^="_blank"][href^="/products/it/everflex/"][href$=".pdf"]{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_white_arrow.svg");}
#hilights ul li > a,aside.surfaceLink a{text-decoration:none; height:100%; background-size:22px; background-repeat:no-repeat; display:inline-block;}
#hilights ul li > a{background-image:url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_white_arrow.svg); background-position:bottom 12px right 12px;}

/* ---  関連サービス（背景画像付き）のリンクボックス --- */
.relatedLinkArea{background-image: url(/Prod/comp/OSD/pc/businesspc/workspace/img/services/bg_related.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.relatedLink{display:flex; flex-wrap:wrap;}
.relatedLink li{background:linear-gradient(140deg, #FFFFFF, #EEEEEE); position:relative; box-sizing:border-box; width:100%}
.relatedLink li a{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_arrow_b.svg"); background-position:bottom 12px right 12px; background-repeat:no-repeat; display:block; height:100%;}
.relatedLink li a[target^="_blank"]{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_newwin_b.svg");}
.relatedLink li:hover{opacity:0.8; transition:all 0.3s ease;}
.relatedLink li .text{padding:1rem 1rem 2rem;}
.relatedLink .text span{display:block; font-size:0.875rem;}
.relatedLink .text span.title{font-weight:bold;font-size:1rem;}

/* ---  関連リンク（青→緑グラデーション背景）のリンクボックス --- */
.closeLink,.closeLink li{display:flex;}
.closeLink li a{display:flex; padding:2rem !important;}
.closeLink h3{text-align: center;}
.closeLink li:nth-child(odd){background: linear-gradient(rgba(42,143,143,1),rgba(27,122,158,1)); justify-content: end;}
.closeLink li:nth-child(even){background: linear-gradient(rgba(27,122,158,1),rgba(42,143,143,1)); justify-content: start;}
.closeLink li:only-child {width:100%;}
#Contents .closeLink h3{color: #fff;}


/* ---  ユースケース（左画像/右グレー吹き出しテキスト）のリンクボックス --- */
.imgLink{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.imgLink .txt{position:relative; box-sizing: border-box; background-color:#F2F2F2;}

/* BoxLink InnerLink */
.innerLinkArea.arrow{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/services/arrow_down.png") no-repeat center top; text-align:center;}
.boxLink{max-width:500px; margin:1rem auto;}
.boxLink a{background-color:#1B539E; display:block; padding:0.5rem 2rem 0.5rem 0.5rem;}
.boxLink .title{font-weight:bold; display:block;}


/* ---  Inner Link（ハイブリッドクラウドソリューションで使用） --- */
.new_ImgLink a .textLink:before{
	content:"";
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/arrow_blue.svg") no-repeat;
	width:1.3rem;
	height:1.3rem;
	display:inline-block;
  vertical-align:middle;
  margin-right: 6px;
}
/* --- Inner Link --- */
#Contents .new_InnerLink.col3 {width:100%; max-width:1020px;}
#Contents .new_InnerLink.col3 > li{border-radius:4px;}
#Contents .new_InnerLink a{
	padding:1rem 2.5rem 1rem 0.5rem;
	position:absolute;
  top:0;
  right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
}
#Contents .new_InnerLink a:link:after{
	content:"";
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/circle_arrow_down_w.svg") no-repeat;
	display:flex;
	align-items:center;
	width:30px;
	height:30px;
	position:absolute;
	right:8px;
	transition:all .2s;
}
#Contents .new_InnerLink a:hover:after{margin-top:10px;	transition:all .2s;}
.new_ImgLink a .textLink{text-indent:-1.7rem; padding-left:3.5rem !important;}
.new_ImgLink a[target^="_blank"] .textLink:before{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/otherwindow_blue.svg") no-repeat;}
#Contents ul.new_ImgLink h3{font-size:1.25rem; line-height:1.5; color:#333;}
#Contents ul.new_ImgLink li{margin-bottom:20px;}
#Contents ul.new_ImgLink a{display:block; text-decoration:none;	position:relative; color:#000; overflow:hidden;}
#Contents ul.new_ImgLink [id^="usecase"] a:after{content:""; position:absolute; top:0; width:100%; height:100%; background-size:100% auto; z-index:1;	transition:all .3s ease-out;}
#Contents ul.new_ImgLink .usecase{background:#fff;}
#Contents ul.new_ImgLink .usecase .photo{display:flex; width:100%; height:auto; transition:all .3s ease-out; align-items: center;}
#Contents ul.new_ImgLink .usecase .photo img{}
#Contents ul.new_ImgLink [id^="usecase"] .styleH3,#Contents ul.new_ImgLink .usecase .styleH3,
#Contents ul.new_ImgLink [id^="usecase"] h3,#Contents ul.new_ImgLink .usecase h3{color:#fff; background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_k90.png); padding:0.5rem 2rem; margin:0; text-align:center; border-radius:4px 4px 0 0;}
#Contents ul.new_ImgLink [id^="usecase"] .textLink,#Contents ul.new_ImgLink .usecase .textLink{border-radius:0 0 4px 4px;}
#Contents ul.new_ImgLink [id^="usecase"] a:link > div,#Contents ul.new_ImgLink .usecase a:link > div{position:absolute; bottom:0; right:0; z-index:2; box-shadow:0px 0px 0.3em rgba(0,0,0,0.5);}
#Contents ul.new_ImgLink [id^="usecase"] a:link > div p,#Contents ul.new_ImgLink .usecase a:link > div p{background:#fff; margin:0;}
#Contents .new_ImgLink [id^="usecase"] a:hover:after,#Contents .new_ImgLink .usecase a:hover .photo{transform:scale(1.1);}
#Contents ul.new_ImgLink [id^="usecase"] a:link,#Contents ul.new_ImgLink .usecase a:link{display:block; width:100%; height:100%; display:flex; align-items:center;}
#Contents ul.new_ImgLink li#usecase001 a:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case01.png) no-repeat top center / cover;}
#Contents ul.new_ImgLink li#usecase002 a:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case02.png) no-repeat top center / cover;}
#Contents ul.new_ImgLink li#usecase003 a:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case03.png) no-repeat top center / cover;}
#Contents ul.new_ImgLink li#usecase004 a:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case04.png) no-repeat top center / cover;}
#Contents ul.new_ImgLink li#usecase005 a:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case05.png) no-repeat top center / cover;}
#Contents ul.new_ImgLink li#usecase006 a:after{background:url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case06.png) no-repeat top center / auto 100%;}
#Contents ul.new_ImgLink li#usecase007 a:after{background: #a1cbd6 url(/Prod/comp/OSD/pc/businesspc/workspace/img/bg_case07.jpg) no-repeat 8% center / auto 100%;}


/* ---  Hybrid Cloud Solution --- */
#hcs #reason h2 span{font-size:1rem;}
#hcs #reason img{width:100%;}
#hcs #reason{background:#B8DEF8;}
#hcs #reason h2{color:#074872; font-weight:bold; background:inherit;}
#hcs #reason h2 span{display:block; margin-bottom:0.25rem;}
#hcs #reason .flexContainer > div{background:#fff; color:#074872; box-sizing:border-box; border-radius:4px; box-shadow:2px 2px 0.3em rgba(0,0,0,0.16);}
#hcs #reason .flexContainer .quest{color:inherit; text-align:center; font-weight:bold; line-height:1.4; margin-bottom:0.5rem;}
#hcs #reason .flexContainer .quest span{display:block;}
#hcs #reason .flexContainer .pct{min-height:5rem; text-align:center; font-weight:bold;color:#137ABF;}
#hcs #reason .flexContainer .pct a:link,#hcs #reason .flexContainer .pct a:visited{color:#137ABF;}
#hcs #reason .flexContainer .pct:after{content:""; display:block; width:150px; height:25px; border-radius:50%; background:#B8DEF8; box-sizing:border-box; margin:0 auto 20px; top:-5px; position:relative;}
#hcs #reason ul.flexContainer{max-width:1011px; margin:0 auto 45px;}
#hcs #reason ul.flexContainer.checked li{padding:12px; margin:0 auto 16px; background:#1A6A9C; color:#fff; align-items:center; font-weight:bold; border-radius:4px; display:flex;}
#hcs #reason ul.flexContainer.checked li:before{width:30px; height:30px; margin-right:12px; margin-right:0.5rem; display:block; vertical-align:middle;}
#hcs #reason .acMenu .content > div{border-top:dotted 4px #1A6A9C;}
#hcs #reason .acMenu .content p{}
#hcs #reason .acMenu{max-width:1011px; margin:0 auto 45px;}
#hcs #reason .acMenu h3{color:#1A6A9C; margin:1rem 0; text-align:center;}
#hcs #reason .acMenu {border:solid 4px #1A6A9C;	background:#fff; border-radius:4px; display:block; line-height:140%; box-sizing:border-box;}
#hcs #reason .acMenu > section input:checked ~ label.readmore::after,.acMenu > section input:checked ~ label.readmore::before,.acMenu .readmore:hover::after,.acMenu .readmore:hover::before{transition:all 1.5s;}
#hcs #reason .acMenu > section input:checked ~ label{}
#hcs #reason .acMenu .content p{line-height:180%; margin-bottom:1rem;}
#hcs #reason .bgB{max-width:1011px; border-radius:4px; margin:auto; padding:2rem; box-sizing:border-box;}
#hcs #reason .bgB .flexContainer{align-items:center;}
#hcs #reason .bgB h3{color:#fff;}
#hcs #feature h2,#hcs #lineup h2{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bg_h2a.png"); background-size:contain; padding:4px; position:relative;}
#hcs #feature h2 span,#hcs #lineup h2 span{display:block; padding:2rem 0.5rem; background:#fff; z-index:1; position: relative;}
#hcs #feature h2:before,#hcs #lineup h2:before{content:""; background:#fff; position:absolute; top:20%; left:-1%; height:60%; width:101%;}
#hcs #feature .acMenu{position:relative;}
#hcs #feature .acMenu > section{text-align:center;}
#hcs #feature .acMenu h3{color:#fff; border-bottom:solid #fff 4px; display:inline-block; margin-bottom:1rem;}
#hcs #feature .acMenu .title{font-size:1.25rem; font-weight:bold; margin:1rem 0; text-align:center;}
#hcs #feature .acMenu .content{text-align:left;}
#hcs #feature .acMenu .photo{max-width:300px; box-shadow:2px 2px 0.3em rgba(0,0,0,0.16); margin:auto;}
#hcs .acMenu .readmore,#hcs .acMenu .close{color:#1A6A9C; font-weight:bold; text-align:right; padding-right:2rem; animation-name:fadeup; animation-duration:1.5s; animation-iteration-count:1;}
#hcs #reason .acMenu .readmore,#hcs #reason .acMenu .close{font-size:1rem;}
#hcs #feature .acMenu .readmore,#hcs #feature .acMenu .close{font-size:0.875rem;}
#hcs .acMenu .readmore{right:2rem; background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/circle_arrow_down_b.svg") no-repeat right center;}
#hcs #reason .acMenu .readmore{margin-top:6.5rem;}
#hcs #feature .acMenu .readmore{margin-top:3.5rem;}
#hcs .acMenu .readmore:hover,#hcs #feature .acMenu .close:hover{opacity:0.7;}
#hcs .acMenu .close{display:block; background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/circle_close_b.svg") no-repeat right center;}
#hcs .acMenu .content:before{content:""; display:block;	position:absolute; width:100%; animation-name:fadeup; animation-duration:0.5s; animation-iteration-count:1;}
#hcs #feature .acMenu .content:before{height:3rem; background:linear-gradient(rgba(255,255,255,0) 30%,rgba(255,255,255,1)) 60%;}
#hcs #reason .acMenu .content:before{height:8rem;	background:linear-gradient(rgba(255,255,255,0) 30%,rgba(255,255,255,1) 60%); bottom:0;}
#hcs #lineup .container{max-width:1011px; margin:0 auto 45px;}
#hcs #lineup h3{color:inherit;}
#hcs #lineup .text{margin-bottom:1rem;}
#hcs #lineup a:hover img{opacity:.8;}
#hcs #dataMobility{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/hybrid_cloud/bg_hcs02.jpg"); background-position:top center; background-repeat:no-repeat;}
#feature [class^="col"] > li{margin-bottom:15px;}
.box.surfaceLink p.ButtonStyle1 a {font-size:100%;}
.box.surfaceLink p.ButtonStyle1 a:link,.box.surfaceLink p.ButtonStyle1 a:visited {padding:19px 27px 19px 25px;}
.box.surfaceLink p.ButtonStyle1 a:hover,.box.surfaceLink p.ButtonStyle1 a:active {padding:19px 29px 19px 25px;}
#hcs #Contents,#cs #Contents,[class^="services"] #Contents{padding-right:0;	padding-left:0;}
#hcs .Grid4,#cs .Grid4,[class^="services"] .Grid4{padding:0;}
#hcs .Grid4 .ef_pageTitle2_1{background-size:cover;	background-position:center;}



/* ---  Cloud Storage --- */
#cs .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkCs{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/cloud_storage/bg_pgttl0.png") left / cover;}
#cs [id^="feature"] .Section{padding-top:0;}
#cs [id^="feature"] h2,#cs #lineup h2{background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bg_h2b.png"); background-size:contain; padding:4px; position:relative;}
#cs [id^="feature"] h2 span,#cs #lineup h2 span{display:block; padding:2rem 0.5rem; background:#fff; z-index:1; position: relative;}
#cs [id^="feature"] h2:before,#cs #lineup h2:before{content:""; background:#fff; position:absolute; top:20%; left:-1%; height:60%; width:102%;}
#cs [id^="feature"] h3{color:inherit;}
#cs [id^="feature"] .line{border-bottom:1px solid #00A8D4; padding-bottom:1.5rem; margin-bottom:1.5rem;}
#cs [id^="feature"] .line:after{content:""; display:block; width:100px; height:3px; background:#00A8D4; margin-top:1px; margin-top:1.4rem; position:absolute;}
#cs [id^="feature"] .number{background:#EBF5F9; padding:2rem;}
#cs #commitment{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/cloud_storage/bg_cs01.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}
#cs #commitment h2,#cs #commitment .ef_contents > .text{color:#fff;}
#cs #commitment .flexContainer{background:#fff;}
/*#cs .ef_pageTitle2_1 .ef_Section{background:linear-gradient(90deg,rgba(0,114,165,0) 0%,rgba(0,114,165,0.8) 20%,rgba(0,114,165,0) 50%); padding:1rem;}*/



/* ---  XaaS全体 --- */
.services .Grid4 .ef_pageTitle2_1{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/services/brd_xas.png");}
.servicesSub .Grid4 .ef_pageTitle2_1{background-image: linear-gradient(132deg, rgba(27, 83, 158, 1), rgba(14, 42, 79, 1));}
#xas #about .nav{display:flex; flex-wrap:wrap; font-weight:bold;}
#xas .lead{margin-bottom:2rem;}
#xas #reason [class^="col"] > li,[class^="services"] #feature{background:linear-gradient(#D1DFFF,#F6F2FD); color:#333;}
[id^="xas_"] #customerCase .ef_contents{max-width: 1000px;}
#xas #feature .col4{margin-top:0;}
#xas #feature .title{text-align:center;}
#xas #feature .title .middle{line-height:140%; margin-bottom:12px; display:block;}
#xas #feature li{background:#fff;}
#xas_solution{background: linear-gradient(140deg, #1B539E, #0E2A4F); margin:3rem 0; padding:5rem 0;}
#xas_solution ul{display:flex; font-weight:bold; flex-wrap:wrap; text-align:center; justify-content:center;}
#xas_solution h2{color:#fff; background:none;}

/* ---  XaaS内リンクアイコン --- */
[class^="services"] #Contents .features li a{
	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_arrow_down_w.svg");
	background-repeat:no-repeat;
	background-position:center bottom 1rem;
	padding:1.5rem 1.5rem 2.5rem;
	height:100%;
	box-sizing:border-box;
}
[class^="services"] #Contents .features li a:hover{
	background-position:center bottom 0.5rem;
}
[class^="services"] #Contents .closeLink a{background-image:none;}
#xas #about{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/services/bg_serv01.jpg");	background-size:cover; background-position:top center; background-repeat:no-repeat;}
#xas #about .nav .title{background-color:#001634; border:1px solid #99A5B5; padding-right:2rem; color:#fff; display: block; text-align:center;}
#xas #about .nav li ul{padding:0 30px;}
#xas #about .nav li ul li a{display:block;}
#xas #about ul.nav ul li{box-sizing:border-box; position:relative; border-bottom:1px solid #99A5B5;}
#xas #about ul li.sol09 > a,aside.surfaceLink a{background-image:url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon_red_otherwindow.svg); background-position:bottom 10px right 10px;}
aside.surfaceLink a{color:#262626;}
#xas #partners .textLink{background:inherit; text-align:left;}
#xas #partners .txt{box-sizing:inherit;}
#xas #customerCase .lateralLink,#xas #Contents .surfaceLink{background:inherit; border:inherit;}
#xas #linkHcs .textLink span a, #xas #customerCase a .textLink strong, #xas .surfaceLink a .textLink {
  background: url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon_red_arrow.svg) no-repeat;
  background-position: right 10px center;
  background-size: 20px;
  font-weight: bold;
  color: #333 !important;
  text-decoration: none !important;
  transition: all .5s;
}


/*
#xas_solution ul li{position:relative;}
#xas_solution ul li a{
	text-decoration:none;
	color:#262626;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
  padding: 1rem;
  box-sizing: border-box;
}*/
/*
#xas_management .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasManagement{background-image:url("/products/it/everflex/services/img/brd_xas_management.png");}
#xas_storage .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasStorage{background-image:url("/products/it/everflex/services/img/brd_xas_storage.png");}
#xas_hci .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasHci{background-image:url("/products/it/everflex/services/img/brd_xas_hci.png");}
#xas_vdi .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasVdi{background-image:url("/products/it/everflex/services/img/brd_xas_vdi.png");}
#xas_server .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasServer{background-image:url("/products/it/everflex/services/img/brd_xas_server.png");}
#xas_nearcloud .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasNearcloud{background-image:url("/products/it/everflex/services/img/brd_xas_nearcloud.png");}
#xas_vm .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasVm{background-image:url("/products/it/everflex/services/img/brd_xas_vm.png");}
#xas_workspace .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasVm{background-image:url("/products/it/everflex/services/img/brd_xas_workspace.png");}
#xas_missioncritical .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkXasMissioncritical{background-image:url("/products/it/everflex/services/img/brd_xas_missioncritical.png");}
*/
#Contents .bannerLinkXasNearcloud{background-image: url(/Prod/comp/OSD/pc/businesspc/workspace/img/services/brd_xas.png);}
[id^="xas_"] #feature li{background:#fff; border-radius:12px; padding:2rem 1.5rem; /*box-shadow:0 0 0.3em rgba(0,0,0, 0.3);*/}
[id^="xas_"] #feature .title {text-align: center; margin-bottom: 12px;}

/*[id^="xas_"] #about .planContainer{border:#020C51 2px solid;}*/
[id^="xas_"] #about .planContainer .container{display:flex;}
[id^="xas_"] #about [class^="col"] li:hover{opacity:0.8; transition:all .5s;}
[id^="xas_"] #about [class^="col"] li h3{color:#fff;	display:flex;	align-items:center;	justify-content:center; text-align: center;}
[id^="xas_"] #about .planContainer .container > *,.Section [class^="photo"] img,#partners .logo img{width:100%;}
[id^="xas_"] #about [class^="col"] li p{font-size:0.9rem; flex:1; text-align:left;}
[id^="xas_"] #about [class^="col"] li a{
	color:#fff;
	text-decoration:none;
	transition:all .5s;
	box-sizing: border-box;
}
[id^="xas_"] #about [class^="col"] li a:after{
	content:url(/Prod/comp/OSD/pc/businesspc/workspace/img/arrow_w.svg);
  display: block;
	width: 30px;
  margin: auto;
	transition:all .5s;
}
[id^="xas_"] #about [class^="col"] li a:before{
	content: "";
	/*background: linear-gradient(180deg, #010731, #01073100);*/
	position: absolute;
	display: block;
	height: 6px;
	width: 86%;
	bottom: 16px;
}
[id^="xas_"] #about [class^="col"] li a:hover:after{
	position:relative;
  display: block;
	bottom:-3px;
	transition:all .5s;
}
[id^="xas_"] #about [class^="col"] li a:hover:before{
	content: "";
	/*background: linear-gradient(180deg, #010731, #01073100);*/
	position: absolute;
	display: block;
	height: 6px;
	width: 86%;
	bottom: 13px;
  z-index: 2;
}
/*
#xas #about [class^="col"] li[class^="sol"]{
	background:#fff;
	background-size:110px;
	background-position:center top 10%;
	background-repeat:no-repeat;
	box-shadow:0 0 0.4em rgba(0,0,0, 0.1);
}
#xas #about [class^="col"] li.sol01{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon01.svg");}
#xas #about [class^="col"] li.sol02{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon02.svg");}
#xas #about [class^="col"] li.sol03{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon03.svg");}
#xas #about [class^="col"] li.sol04{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon04.svg");}
#xas #about [class^="col"] li.sol05{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon05.svg");}
#xas #about [class^="col"] li.sol06{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon06.svg");}
#xas #about [class^="col"] li.sol07{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon07.svg");}
#xas #about [class^="col"] li.sol08{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon08.svg");}
#xas #about [class^="col"] li.sol09{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon09.svg");}
#xas #about [class^="col"] li.sol10{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon10.svg");}
#xas_solution .col6{justify-content:flex-start;}
#xas_solution .col6 li[class^="sol"]{	background-size:48%; background-position:center top 10%;	background-repeat:no-repeat; margin-bottom:60px;}
#xas_solution .col6 li.sol01{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon01g.svg");}
#xas_solution .col6 li.sol02{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon02g.svg");}
#xas_solution .col6 li.sol03{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon03g.svg");}
#xas_solution .col6 li.sol04{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon04g.svg");}
#xas_solution .col6 li.sol05{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon05g.svg");}
#xas_solution .col6 li.sol06{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon06g.svg");}
#xas_solution .col6 li.sol07{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon07g.svg");}
#xas_solution .col6 li.sol08{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon08g.svg");}
#xas_solution .col6 li.sol10{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon10g.svg");}
#xas_solution .col6 li.sol01.current,#xas_solution .col6 li.sol01:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon01b.svg");}
#xas_solution .col6 li.sol02.current,#xas_solution .col6 li.sol02:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon02b.svg");}
#xas_solution .col6 li.sol03.current,#xas_solution .col6 li.sol03:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon03b.svg");}
#xas_solution .col6 li.sol04.current,#xas_solution .col6 li.sol04:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon04b.svg");}
#xas_solution .col6 li.sol05.current,#xas_solution .col6 li.sol05:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon05b.svg");}
#xas_solution .col6 li.sol06.current,#xas_solution .col6 li.sol06:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon06b.svg");}
#xas_solution .col6 li.sol07.current,#xas_solution .col6 li.sol07:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon07b.svg");}
#xas_solution .col6 li.sol08.current,#xas_solution .col6 li.sol08:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon08b.svg");}
#xas_solution .col6 li.sol10.current,#xas_solution .col6 li.sol10:hover{	background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/icon/icon10b.svg");}

#xas_solution .col6 li h3{color:#333;	text-align:center;}
*/

/* ---  Sitemap --- */
#sitemap .Section ul li{margin-bottom:10px;	font-weight:bold;	line-height:180%;}
#sitemap .Section ul li ul{margin-top:10px;}
#sitemap .Section ul.subList{padding-left:1rem;}
#sitemap .Section a:link{padding:0 20px 0 0; background-repeat:no-repeat; background-position:right center; background-size:16px 16px;}
#sitemap .Section a:link,#sitemap .Section a:visited {color:#000; text-decoration:none; background-image:url(/image/jp/r1/icon/icon_link_right_xl_hd.gif);}
#sitemap .Section a:hover,#sitemap .Section a:active {color:#b1000e; text-decoration:underline; background-image:url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);}
#sitemap .Section a[target^="_blank"]{background-image:url(/image/jp/r1/icon/icon_new_window_hd.gif);}


/* ▼ リンク */
/*
.lateralLink [class^="photo"],.bundleLink [class^="photo"]{
	border:1px solid #dfdfdf;
}
*/
.surfaceLink .title{
  font-size:1.1875rem;
	font-weight:bold;
}
.surfaceLink .titleL,.surfaceLink .textLink,.textLink{
	font-weight:bold;
}
.surfaceLink{
	position:relative;
	margin:auto;
}
.surfaceLink .mark{
	padding:0.5rem;
	color:#fff;
	font-weight:bold;
  background:red;
}
.surfaceLink .textLink,.textLink{
	font-weight:bold;
}
.surfaceLink .textS{
  font-size:0.8rem;
}
#customerCase .lateralLink,#Contents .surfaceLink {
	border:1px solid #D1D1D1;
}
#customerCase .lateralLink,#Contents .surfaceLink {
	background:#fff;
}
#customerCase a,.surfaceLink a {
	color:#333;
	text-decoration:none;
}

/* アイコン（右下）　*/
#hilights ul li > a,aside.surfaceLink a{
  text-decoration:none;
  height:100%;
  background-size:22px;
  background-repeat:no-repeat;
  display:inline-block;
}
#hilights ul li > a{
  background-position:bottom 12px right 12px;
}
aside.surfaceLink a{
  background-image:url(/Prod/comp/OSD/pc/businesspc/workspace/img/icon_red_arrow.svg);
  background-position:bottom 10px right 10px;
}
aside.surfaceLink a{
  color:#262626;
}
#hilights [class^="col"] > li{
	overflow:hidden;
	margin-bottom:15px;
}
#hilights img{
	height:100%;
	width:auto;
}
#hilights img,.surfaceLink img{
	transition:all .5s;
}
#hilights a:hover img,.surfaceLink a:hover img{
	transition:all .5s;
	transform:scale(1.2);
}
#hilights [class^="col"] > li .sub{
	font-weight:bold;
}
#hilights ul li{
	background:#3A3A3A;
}
#hilights ul li a{
	color:#fff;
	text-decoration:none;
  width:100%;
}
#hilights [class^="photo"],.surfaceLink [class^="photo"]{
	overflow:hidden;
}
#hilights [class^="photo"] img[src*="/Prod/comp/OSD/pc/businesspc/workspace/img/top/"]{
	height:auto;
	width:100%;
}
#hilights [class^="photo"]{
	display:flex;
	align-items:start;
	justify-content:center;
}
#hilights ul .sub{padding:12px 18px 0;font-size:1rem;}
#hilights ul .title{padding:0 18px 30px;font-size:0.875rem;}
#hilights .ImgOnlyStyle .ModalYouTubeLink span{position:inherit;}
#hilights .ImgOnlyStyle .ModalYouTubeLink:before,#hilights .ImgOnlyStyle .ModalYouTubeLink:after,#hilights .ImgOnlyStyle .ModalYouTubeLink span:after{top:30%;}



/* ---  Cloud Storage --- */
#Contents .new_CatchCopy2{
	background-color:#00A8D4;
	overflow:hidden;
}
#Contents .new_CatchCopy2 ul{
	background-color:#9AEAFF;
	position:relative;
	padding:12px 12px;
	text-align:right;
	font-weight:bold;
	font-size:1.1rem;
}
#Contents .new_CatchCopy2 ul li{position:relative;}
#Contents .new_CatchCopy2 ul li a{padding-right:2rem;	z-index:1; position:relative; z-index:2; color:#262626; text-decoration:none;}
#Contents .new_CatchCopy2 ul li a:hover,#Contents .new_CatchCopy2 ul li:hover:after,#Contents .new_InnerLink > *:hover {opacity:0.7;}
#Contents .new_CatchCopy2 ul li:after{
	content:'';
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/cloud_storage/circle_arrow_down_k.svg") no-repeat;
	display:inline-block;
	width:20px;
	height:20px;
  margin:0px 0 0 0.2rem;
  position:absolute;
  top:0.17rem;
	right:0.3rem;
}

/*クラウドイラスト
#Contents .new_CatchCopy2 ul:before{
	content:'';
	background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/cloud_storage/cloud2.svg") no-repeat;
	display:block;
	width:150px;
	height:100px;
	position:absolute;
	top:-8px;
	left:15px;
}
*/

#Contents .new_CatchCopy2 h2{
  text-shadow:#002E3A 0px 0 5px;
	width:90%;
	margin:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
  font-size:200%;
	color:#fff;
	font-weight:bold;
	background:none;
	padding-bottom:15px;
}
#Contents .new_CatchCopy2 h2 span{
	text-shadow:none;
	background:#fff;
	color:#03708D;
	padding:12px;
	text-align:center;
	margin:35px 0 15px 0;
	width:90%;
  font-size:87.5%;
}
#Contents .new_InnerLink > *{
  text-shadow:0 0 0.1em #3a616c, 0 0 0.1em #3a616c;
	text-align:center;
	font-size:1.125rem;
	line-height:1.5rem;
	font-weight:bold;
	color:#fff;
	position:relative;
	overflow:hidden;
}
#hcs #Contents .new_InnerLink > *{background:linear-gradient(#1A6A9C, #238FB7);}
#cs #Contents .new_InnerLink > *{background:linear-gradient(#00A8D4, #6DD4EF);}


/* H2後ろにライン装飾 */
.digression h2:after {content:""; height:3px; position:absolute; right:0; margin-top:1.5rem;}
#hcs .digression h2:after {background:#262626;}
#cs .digression h2:after {background:#fff;}
@media screen and (min-width:1301px) {#hcs .digression h2:after {width:38vw;}	#cs .digression h2:after {width:57vw;}}
@media screen and (min-width:1201px) and (max-width:1300px) {#hcs .digression h2:after {width:32%;}	#cs .digression h2:after {width:50%;}}
@media screen and (min-width:1101px) and (max-width:1200px) {#hcs .digression h2:after {width:25%;}	#cs .digression h2:after {width:50%;}}
@media screen and (min-width:1000px) and (max-width:1100px) {#hcs .digression h2:after {width:17%;}	#cs .digression h2:after {width:50%;}}


/* hyper-vページ用 */
#hyper-v .dl_list_box {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 0 30px;
}

#hyper-v .dl_list_box > div {
	background: #96C5FD;
	color: #333;
	border-radius: 8px;
	width: calc(calc(100% - 32px) / 3);
	padding: 15px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

#hyper-v .dl_list_box > div > dt {
	text-align: center;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.3;
	height: 3.5625rem;
	align-content: center;
	position: relative;
}

#hyper-v .dl_list_box > div > dt::after {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 2px;
	left: calc(50% - 20px);
	bottom: -5px;
	background-color: #333;
}

#hyper-v .dl_list_box > div > dd {
	padding: 20px 0 15px;
	font-size: 0.9rem;
}

#hyper-v .dl_list_box_list > li {
	list-style: none;
	line-height: 1.4;
	text-indent: -10px;
	padding-left: 10px;
}

#hyper-v .dl_list_box_list > li::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #262626;
	vertical-align: 0.2em;
	margin: 0 5px 0 0;
}

#hyper-v .dl_list_box_list > li + li {
	margin-top: 0.5em;
}

#hyper-v .dl_list_box_list ul > li {
	list-style: none;
	padding-left: calc(1em + 5px);
	text-indent: calc(-1em - 5px);
}

#hyper-v .dl_list_box_list ul > li::before {
	content: "−";
	display: inline-block;
	margin: 0 5px 0 0;
	text-indent: 0;
	width: 1em;
}

#hyper-v .dl_list_box_list sup {
	display: inline;
}

#hyper-v #operation > div > dt {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 57px;
}

#hyper-v #operation #o_monitoring > dt {
	background-image: url(/products/it/everflex/services/vm/hyper-v/img/operation_monitoring.png);
	background-size: 74px auto;
}

#hyper-v #operation #o_management > dt {
	background-image: url(/products/it/everflex/services/vm/hyper-v/img/operation_management.png);
	background-size: 65px auto;
}

#hyper-v #operation #o_maintenance > dt {
	background-image: url(/products/it/everflex/services/vm/hyper-v/img/operation_maintenance.png);
}

#hyper-v #operation #o_contact > dt {
	background-image: url(/products/it/everflex/services/vm/hyper-v/img/operation_contact.png);
	background-size: 60px auto;
}

#hyper-v #operation #o_recovery > dt {
	background-image: url(/products/it/everflex/services/vm/hyper-v/img/operation_recovery.png);
}

#hyper-v #operation #o_report > dt {
	background-image: url(/products/it/everflex/services/vm/hyper-v/img/operation_report.png);
	background-size: auto 50px;
}






/* ------------- ブラウザ1300以下 ----------------------*/
@media print, screen and (max-width:1300px) {
	.textButton.wide span{/*display:block; */margin-bottom:0.5rem}
	#Contents .ef_pageTitle2_1 {
    padding:0 1rem;
	}
	#Contents .ef_contents{
		width:95%;
		margin:auto;
	}
	#about02 [class^="photo"],#about03 [class^="photo"]{
		background-size:cover;
	}
}
/* ------------- ブラウザ999以下 ----------------------*/
@media screen and (max-width:999px){
	.digression h2{font-size:1.375rem; margin-bottom:1rem !important; text-align:center; line-height:1.2;}
	#hcs .digression h2{border-bottom:#262626 3px solid;}
	#cs .digression h2{border-bottom:#fff 3px solid;}
}
/* ------------- ブラウザ998以上 ----------------------*/
@media print, screen and (min-width:998px) {
	#Contents ul.new_ImgLink [id^="usecase"] .styleH3,#Contents ul.new_ImgLink .usecase .styleH3,#Contents ul.new_ImgLink [id^="usecase"] h3,#Contents ul.new_ImgLink .usecase h3{font-size:1.75rem; font-weight:bold;}
	#Contents ul.new_ImgLink.col1 [id^="usecase"] a:link > *,#Contents ul.new_ImgLink.col1 .usecase a:link > *{width:50%;}
	#Contents ul.new_ImgLink li#usecase002 a:after{background-position:top -120px center;}
	#Contents ul.new_ImgLink li#usecase005 a:after{background-position:top -80px center;}
	#Contents ul.new_ImgLink [id^="usecase"] a:link > div,#Contents ul.new_ImgLink .usecase a:link > div{margin:2rem;}
	#Contents ul.new_ImgLink [id^="usecase"] a:link > div p,#Contents ul.new_ImgLink .usecase a:link > div p{padding:1rem 2rem; line-height:1.8rem;}
	#Contents ul.new_ImgLink [id^="usecase"] a:link > div p.textLink,#Contents ul.new_ImgLink .usecase a:link > div p.textLink{padding-top:0;}
	#Contents ul.new_ImgLink [id^="usecase"] [class^="photo"] img,#Contents ul.new_ImgLink .usecase [class^="photo"] img{width:90%; height:100%;}
	#Contents .new_InnerLink.col3 > li{width:calc(98% /3);}
	.Section .photo1 {max-width:800px; margin:auto;}
	.Section .photo2 {max-width:900px; margin: auto;}
	.Grid4 .ef_pageTitle2_1{height:200px;}
	.Grid4 .ef_pageTitle2_2{height:130px;}
	.Grid4 .ef_h3{font-size:1em;}
	.Grid4 .ef_inPageLink1 li a{display:inline-block;	width:20em;}
	.Grid4 .ef_contents .ef_Section{width:978px;}
	.col2 .left{width:calc(100% - (4rem + 344px));}
	[class^="services"] #feature .col4 > li{width:19%;}
	[class^="services"] #feature .col3 > li{width:27%;}
/*	#about .Section{padding:5rem 0;}
	.lateralLink [class^="photo"],.bundleLink [class^="photo"] {
		width:443px;
		height:260px;
		border:1px solid #dfdfdf;
		margin-right:2rem;
		overflow:hidden;
    background:#fff;
    display:flex;
    align-items:center;
	}*/
	.lateralLink .textContainer{width:calc(100% - 500px);}
	.innerLinkArea .text{margin-bottom:5rem;}
	.surfaceLink .textContainer{
		width:calc(100% - 400px);
		padding:0 24px;
		box-sizing:border-box;
	}
	/*.bundleLink .textContainer{box-sizing:border-box;	padding-right:2rem;	width:calc(100% - 483px);}*/
	.surfaceLink .mark{
		padding:1rem 2.5rem 1rem 0.5rem;
		position:absolute;
	  top:0;
	  right:0;
		display:flex;
		align-items:center;
		justify-content:center;
		box-sizing:border-box;
	}
	.surfaceLink [class^="photo"] {
		width:400px;
		margin:0;
		border:0;
	}
	.relatedLinkArea{padding:4rem;}
	#customerCase .lateralLink [class^="photo"],
	#Contents .ef_contents{
    max-width:1275px;
    margin-left:auto;
    margin-right:auto;
	}
	.ef_sp02 .clmn{max-width:1100px;}
	.ef_sp02 .clmn li{flex-basis:calc((100% - 30px) / 2);	width:calc((100% - 30px) / 2);}
	.ef_sp02 .clmn li a p.ttl{font-size:1.1em;}
	.ef_sp02 .clmn li a p.ttl em{font-size:1.5em;}
	[class^="col"] [class^="photo"].colLeft,[class^="col"] [class^="photo"].colRight{width:100%; overflow:hidden;	background-repeat:no-repeat; display:flex; align-items:center;}
	.col2 [class^="photo"].colLeft,.col2 [class^="photo"].colRight{max-width:300px;}
	.col2 .colLeft,.col2 .colRight{width:calc(100% - 364px);}
	.col2L [class^="photo"].colLeft,.col2L [class^="photo"].colRight{max-width:650px;}
	.col2L .colLeft,.col2L .colRight{width:calc(100% - 714px);}
	[class^="col2"] [class^="photo"].colLeft{margin-right:4rem;}
	[class^="col2"] [class^="photo"].colRight{margin-left:4rem;}
	#about01 [class^="photo"]{background-size:250%;	background-position:center;}
	#about02 [class^="photo"]{background-size:175%;	background-position:top right;}
	#about03 [class^="photo"]{background-size:150%;	background-position:top right;}
	#whats .col2 [class^="photo"].left{max-width:462px;	margin-right:4rem;}
	#Contents .col3 > li{width:29.5%;}
	.box{padding:2.5rem;}
	.FooterPageTopWrapper{top:calc(100% - 205px);}
	#FooterPageTop{top:0 !important;}
	#hilights .col3 > li{width:30%;}
	#hilights .col4 > li{width:23.5%;}
	#hilights [class^="photo"]{height:240px;}
	#hilights [class^="photo"] img{height:100%; max-width:inherit;}
	#Contents ul.new_ImgLink.col1 li{width:100%; max-height: 330px;}
	#Contents ul.new_ImgLink.col2 li{flex-basis:calc((100% - 40px) / 2); max-width:calc((100% - 40px) / 2);}
	#Contents .new_ImgLink{
	  display:flex;
	  justify-content:space-between;
	  margin:2em auto;
	  flex-wrap:wrap;
		max-width:1185px;
	}
	.digression .ef_contents > *{margin:0 45px;}
	.digression h2{margin-bottom:1rem !important;}

	/* --- min998 --- Hybrid Cloud Solution --- */
	#hcs #reason .flexContainer > div{width:calc(100% / 3 - 10px); padding:2rem;}
	#hcs #reason ul.flexContainer.checked li{width:calc(100% / 2 - 40px);}
	#hcs #reason .bgB .flexContainer > *:nth-child(odd){width:calc(100% - 324px);}
	#hcs #reason .bgB .flexContainer > *:nth-child(even){width:300px; margin-left:24px;}
	#hcs #feature .acMenu > section{width:calc(100% / 3 - 6rem);}
	#hcs #feature .acMenu:before{content:""; background:#262626; display:block; position:absolute; height:182px; width:100%;}
	#hcs #feature .acMenu > section{padding:2rem;}
	#hcs #feature .acMenu.type2 .content{max-width:400px;}
	#hcs #feature .acMenu{margin-top:40px;}
	#hcs #about .col2 .colLeft,#hcs #about .col2 .colRight{width:calc(100% - 282px);}
	#hcs #about .col2 [class^="photo"].colLeft,#hcs #about .col2 [class^="photo"].colRight{max-width:250px;	height:250px;}
	#hcs #about [class^="col2"] [class^="photo"].colLeft{margin-right:2rem;}
	#hcs #about [class^="col2"] [class^="photo"].colRight{margin-left:2rem;}

	/* --- min998 --- Cloud Storage --- */
	#cs .ef_contents > * {width:97%; margin-right:auto; margin-left:auto; box-sizing:border-box;}
	#cs .ef_contents > h2 {width:97%; margin-bottom:2rem;}
	#cs [id^="feature"] .number{display:flex;}
	#cs [id^="feature"] .number .photo img{width:45px; margin-right:1rem; max-width:inherit;}
	#cs [id^="feature"] .flexContainer{margin-bottom:2rem;}
	#cs .flexContainer > div:nth-child(odd) {width: calc(100% - 570px); box-sizing: border-box;}
	#cs .flexContainer > div:nth-child(even) {width: 540px;}

	/* --- min998 --- X as a Services --- */
	#xas #reason .col3 > li{width:26%;}
	#xas #about .nav{gap:56px;}
	#xas #about .nav > li{width:calc((100% - 112px)/3);}
	#xas_solution ul{gap:28px 56px;}
	#xas_solution ul li{width:calc((100% - 112px)/3);}
	#xas_vm #about .col3 li{width:calc((100% - 3px * 3)/4);}
	[id^="xas_"] #about .col3 li{width:33.2%;}
	[id^="xas_"] #about .col4 li{width:calc((100% - 3px * 3)/4);}
	/*	#xas #about .col3 > li:nth-child(1){margin-left:25px;}*/
	#xas #about [class^="col"] > li:nth-of-type(3n),#xas #about [class^="col"] > li:last-child{margin-right:0;}
	/*[id^="xas_"] #about [class^="col"] li{border-radius: 8px 8px 0 0;}*/
	[id^="xas_"] #about [class^="col"] li a{padding:7% 7% 1%;}
	[id^="xas_"] #about .planContainer .container div:nth-child(n + 2) {margin-left:2rem;}
	[id^="xas_"] #about .planContainer .container [class^="photo"] {max-width:400px;}
	[id^="xas_"] #about .planContainer .container .photo_s {max-width:300px;}
	/*#xas_solution .col6 li[class^="sol"]{width:14%;	height:100px;}
	#xas_solution .col6 li h3{margin-top:85px;}*/
	#xas_vdi #about .col3 li h3,#xas_missioncritical #about .col4 li h3{flex-basis:65px;}
	#xas_nearcloud #about .col3 li h3{flex-basis:100px;}
	.relatedLink.column3 li{width:calc(100% / 3);}
	.relatedLink.column4 li{width:calc(100% / 4);}
	.imgLink > *{width: calc((100% - 50px) / 2);}
	.imgLink .txt{margin-left:50px;}
	.imgLink .txt:before {
		content: "";
		height: 27px;
		width: 24px;
		aspect-ratio: cos(30deg);
		clip-path: polygon(100% 0, 0 50%, 100% 100%);
		background: #f2f2f2;
		left: -22px;
		top: 45%;
		position: absolute;
	}


}



/* ------------- ブラウザ997以下 ----------------------*/
@media screen and (max-width:997px) {
	#Contents ul.new_ImgLink [id^="usecase"] a:link > div,#Contents ul.new_ImgLink .usecase a:link > div{margin:1rem; width:calc(100% - 2rem);}
	#Contents ul.new_ImgLink [id^="usecase"] a:link > div p,#Contents ul.new_ImgLink .usecase a:link > div p{padding:1rem; font-size:0.875rem;}
	#Contents ul.new_ImgLink [id^="usecase"] .styleH3,#Contents ul.new_ImgLink .usecase .styleH3,#Contents ul.new_ImgLink [id^="usecase"] h3,#Contents ul.new_ImgLink .usecase h3{font-size:1.25rem; font-weight:bold;}
	#Contents ul.new_ImgLink .usecase a:link{display:block;}
	#Contents ul.new_ImgLink .usecase a:link > div{position:inherit;}
	#Contents ul.new_ImgLink .usecase .photo{width:inherit;}
	#Contents .flexContainer{display:inherit;}
	#Contents .new_InnerLink.col3 > li{width:100%; margin-bottom:1rem;}
	#customerCase .textContainer{padding:15px; box-sizing:border-box;}
	#customerCase .textLink{margin:0;}
	#Contents .ef_contents{width:auto; margin-left:15px; margin-right:15px;}
	[class^="col2"] [class^="photo"]{width:100%; overflow:hidden; background-repeat:no-repeat; display:flex; align-items:center;}
	#whats .col2 [class^="photo"]{max-width:500px; margin:0 auto 2rem;}
	#linkUsecase.lateralLink [class^="photo"]{margin-bottom:1rem;}
	.lateralLink [class^="photo"]{max-height:500px;}
	/*.bundleLink .textContainer{box-sizing:border-box;	padding:15px;}*/
	.textContainer{width:100%;}
	.box{padding:1.5rem;}
	#partners .logo{width:120px;}
	#partners .txt{margin-left:1rem; box-sizing:border-box; width:calc(100% - 148px);}
	#FooterPageTop{top:-60px;}
	.col3 > li,.col4 > li{width:100%;	box-sizing:border-box;}
	#customerCase .lateralLink,.surfaceLink{display:flex;	flex-direction:column-reverse;}
	.surfaceLink .lateralLink [class^="photo"],
	.surfaceLink .lateralLink .textLink,
	#customerCase .lateralLink [class^="photo"],
	#customerCase .lateralLink .textLink{
		border:0;
	}
	.relatedLinkArea{padding:1rem;}
	.surfaceLink .title,.surfaceLink .text{margin:15px !important;}
	.surfaceLink .textS{margin:0 15px 15px !important;}
	.surfaceLink .titleL,.surfaceLink .title{padding:15px 15px 0 15px;}

	/* --- max997 --- Hybrid Cloud Solution --- */
	#hcs #reason .flexContainer > div{max-width:500px; margin:0 auto 1rem; width:90%; padding:1.5rem;}
	#hcs #reason ul.flexContainer.checked li{max-width:800px;}
	#hcs #reason .bgB .flexContainer > *:nth-child(even){max-width:600px; margin:2rem auto 0;}
	#hcs #feature .acMenu > section{margin-top:3rem; width: 49%;}
	#hcs #feature .acMenu > section:nth-child(n + 3){margin-top:6rem;}
	#hcs #feature .acMenu > section:before {content: ""; background: #262626; display: block; position: absolute; height: 182px; width: 100%;}
	#hcs #feature .acMenu h3{margin-top:2rem;}
	#hcs #feature .acMenu > section > * {position:relative; z-index:2;}
	#hcs #feature .acMenu{}
	#hcs #feature .acMenu .content{padding:0 2rem;}
	#hcs #about .col2 [class^="photo"]{height:250px; margin-bottom:1rem;}
	#hcs #about02 .col2{flex-direction:column-reverse;}

	/* --- max997 --- Cloud Storage --- */
	#cs [id^="feature"] .photo{max-width:600px; margin:0.5rem auto;}
	#cs [id^="feature"] .number{margin-top:2rem; padding:1.5rem;}
	#cs [id^="feature"] .number .photo{float:left; margin:0;}
	#cs [id^="feature"] .number .photo img{max-width:inherit; width:40px; margin-right:0.5rem;}
	#cs #feature03 .flexContainer {display:flex; flex-direction:column-reverse;}
	#cs [id^="feature"] h2,#cs #lineup h2{margin-bottom:1rem;}
	#cs [id^="feature"] {margin-top:2rem;}
	#cs .digression .photo{margin-top:1rem;}

	/* --- max997 --- X as a Services --- */
	#xas #about .nav{gap:28px;}
	#xas #about .nav > li{width:calc((100% - 28px)/2);}
	#xas_solution ul li{width:calc((100% - 112px)/2);}
	#xas_solution ul{gap:28px;}
	[id^="xas_"] #about [class^="col"] li{margin-bottom:3px; /*border-radius: 8px;*/}
	[id^="xas_"] #about [class^="col"] li:last-child{margin-bottom:0; /*border-radius: 8px 8px 0 0;*/}
	[id^="xas_"] #about [class^="col"] li a{padding:3% 3% 0.5%;}
	[id^="xas_"] #about .planContainer .container{/*flex-wrap:wrap;*/	flex-direction:column-reverse;}
	[id^="xas_"] #about .planContainer .container div:nth-child(n + 2) {margin-bottom:15px;}
	[id^="xas_"] #about .planContainer .container .photo_s{max-width:400px;	margin:auto;}
	.imgLink > *{width: 100%; max-width: 600px;}
	/*.imgLink .txt{margin-top:50px;}*/
	.imgLink .txt:before {
    content: "";
    height: 24px;
    width: 27px;
    aspect-ratio: cos(30deg);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
		background: #f2f2f2;
    left: 50%;
    top: -22px;
    position: absolute;
	}

	/* hyper-vページ用 */
	#hyper-v .dl_list_box > div {
		width: calc(calc(100% - 16px) / 2);
	}
}


/* ------------- ブラウザ768〜997 ----------------------*/
@media screen and (min-width:768px) and (max-width:997px) {
	/*#hcs #feature .acMenu.type2 .content{max-width:350px;}*/
	.Grid4 .ef_pageTitle2_1{height:200px;}
	.Grid4 .ef_pageTitle2_2{height:130px;}
	.Grid4 .ef_h3{font-size:1em;}
	.Grid4 .ef_inPageLink1 li a{display:inline-block;	width:20em;}
	#Contents{min-width:100%;}
	#Contents .ef_Section{margin-left:auto;	margin-right:auto; padding-top:20px;}
	.ef_pageTitle2_1 .ef_Section{padding-top:0 !important;}
	.ef_sp02 .clmn li a p.ttl{font-size:1.1em;}
	.ef_sp02 .clmn li a p.ttl em{font-size:1.5em;}
	.ef_CatchCopy1{margin-left:15px; margin-right:15px;}
	.ef_sp02 .clmn li{flex-basis:calc((100% - 20px) / 2);	width:calc((100% - 20px) / 2);}
	#Contents .linkButton{font-size:1.625rem;}
	[id*="about"] [class^="photo"]{background-size:100%; background-position:center center;}
	#reason .col3 > li,[class^="services"] #feature .col4 > li{width:90%;	margin:0 auto 1rem;}
	#hilights [class^="col"] > li{width:49%;}
	#hilights [class^="photo"],#hilights [class^="photo"].diversion {height:25vh;	max-height:200px;}
	#hcs .GridSet,[class^="services"] .GridSet{max-width:none; margin:0;}
	#xas #reason .col3 > li, #xas [class^="services"] #feature .col4 > li {width: 90%; margin: 0 auto 1rem;}
	/*#xas #about .col3 {width:80%;}
	#Contents ul.new_ImgLink .usecase .photo{width:70%; margin:1rem auto;}
	#xas_solution .col6 li h3 {margin-top:8rem;}*/
}



/* ------------- ブラウザ768以上 ----------------------*/
@media print, screen and (min-width:768px) {
	#Contents .linkButton{font-size:1.125rem;}
	.Grid4 [class^="ef_pageTitle2"] .ef_Section h1{font-size:2em;}
	.Grid4 [class^="ef_pageTitle2"] .ef_Section h1 span{font-size:0.875rem;}
	.Section{padding:3rem 0;}
	.surfaceLink .titleL{font-size:1.5rem;}
	.surfaceLink .textLink,.textLink{font-size:1rem;}
	.imgLink .txt{padding:70px;}
	.textLink.right{text-align:right;}
	.textButton span{margin-left:1rem;}
	.textButton a{padding:0.8rem 2rem 0.8rem 0.8rem;}
	.new_CatchCopy h2{font-size:2rem;}
	.new_CatchCopy h2 span{font-size:1.75rem;}
	.new_InnerLink.col3{margin:2rem auto;}
	[class^="services"] .title{/*min-height:5rem;*/}
	/*[class^="services"] .Grid4 .ef_pageTitle2_1{background-position:top 40% left;	background-size:100%;}*/
	.inquiry p{min-height:150px; margin-top:50px; font-size:1.8rem;}
	.inquiry a p{padding-left:70px;}
	.textLink span a,#customerCase a .textLink strong,.surfaceLink a .textLink{padding:15px 44px 15px 0;}
	.lead{font-size:1.25rem; line-height:2rem;}
	[id^="xas"] .ef_contents .lead{max-width:1050px; margin:auto; margin-bottom:2rem;/* font-size:1.125rem; line-height:1.8rem;*/}
	[id^="xas"] .ef_contents .lead:last-child{margin-bottom:0;}
	.digression h2,#hcs #feature h2 span,#hcs #lineup h2 span,#cs [id^="feature"] h2 span,#cs #lineup h2 span{font-size:2em;}
	.digression h2 span{font-size:1rem;}
	.digression .diagram span{font-size:0.875rem;}
	.digression .text{font-size:1.125rem; line-height:180% !important;}
	#partners ul{justify-content: center; gap:144px;}
	#partners ul li{max-width:274px; width:20%;}
	#inquiry h3{font-size:2em;}
	#Contents ul.new_ImgLink.col1 a{min-height:330px;}
	#Contents ul.new_ImgLink.col2 a{min-height:573px;}

	/* --- min768 --- banner --- */
	#Contents .bannerLinkCs{background-position:left -100px center; background-size:150%;}
	#Contents .bannerLinkInquiry{background-position:left center; background-size:cover;}
	#Contents [class^="bannerLinkXas"]{background-position:left -60px top -35px; background-size:120%;}
	#Contents [class^="bannerLink"] .title{font-size:2rem; line-height:1.2;}
	#Contents [class^="bannerLink"] .title span{font-size:1rem; display:block; margin-bottom:0.5rem;}
	#Contents [class^="bannerLink"] .lead{font-size:1rem; line-height:1.2; margin-top:0.5rem;}

	/* --- min768 --- Hybrid Cloud Solution --- */
	#hcs .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkHcs{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/hybrid_cloud/bg_pgttl0.jpg");}
	#hcs #feature .acMenu{display:flex; justify-content:space-between; flex-wrap:wrap;}
	#hcs #reason .acMenu .content > div{margin:0 3rem 2.5rem; padding-top:2rem;}
	#hcs #reason h2{font-size:2.25rem;}
	#hcs #reason h2 span{font-size:1.625rem;}
	#hcs #reason .flexContainer .quest{font-size:1.375rem;}
	#hcs #reason .flexContainer .quest span{font-size:1.0625rem;}
	#hcs #reason .flexContainer .pct,#hcs #reason .acMenu h3,#hcs #reason .bgB h3,#hcs #lineup h3,#hcs #feature .acMenu h3{font-size:1.75rem;}
	#hcs #reason .flexContainer .pct span{font-size:3.125rem; line-height:140%;}
	#hcs #reason ul.flexContainer.checked li{font-size:1.3125rem;}
	#hcs #reason .acMenu .content p{font-size:1.0625rem;}
	#hcs #reason .ef_contents > h2:nth-of-type(2){margin-top:100px;}
	#hcs #lineup .text{line-height:1.8rem;}
	#hcs #feature h2,#hcs #lineup h2{margin-bottom:40px;}

	/* --- min768 --- Croud Storage --- */
	#cs [id^="feature"]{font-size:1.125rem;}
	#cs [id^="feature"] p{line-height:170% !important;}
	#cs [id^="feature"] h3{font-size:1.25rem;}

	/* --- min768 --- X as a Services --- */
	#xas .surfaceLink .textLink{font-size: 1.1875rem; text-align: right;}
	/*[id^="xas_"] #about .planContainer{padding:2rem;}*/
	[id^="xas_"] #about .planContainer {padding: 2rem;}
	[id^="xas_"] #about .planContainer section/*:nth-child(n+2)*/{margin-top:50px;}
	[id^="xas_"] #about [class^="col"] li h3,[id^="xas_"] #about .planContainer .ef_h2{font-size:1.5rem;}

	/* --- min768 --- Usecase --- */
	.closeLink li:first-child:nth-last-child(2),.closeLink li:first-child:nth-last-child(2) ~ li {width:50%;}
	.closeLink li:first-child:nth-last-child(1){justify-content:center;}
	.closeLink li div{max-width:500px; padding:0 70px;}
}


/* ------------- ブラウザ767以下 ----------------------*/
@media screen and (max-width:767px) {
	.Section{padding:30px 0;}
	#xas #about .Section,#xas #partners.Section{padding:60px 0;}
	.lead{font-size:1rem; line-height:1.4rem; text-align:left;}
	.textButton a{padding:0.8rem 1.5rem;}
	.new_InnerLink.col3{margin:1rem auto 0;}
	.JS h2{margin:auto;}
	.Grid4 [class^="ef_pageTitle2"]{height:30vw;}
	.Grid4 [class^="ef_pageTitle2"] .ef_Section h1{font-size:1.625rem;}
	.Grid4 [class^="ef_pageTitle2"] .ef_Section h1 span{font-size:0.75rem;}
	.Grid4 [class^="ef_pageTitle2"] .ef_Section{padding-top:0 !important;}
	.Grid4 [class^="ef_pageTitle2"] .ef_Section > *{margin:0 0;}
	.Grid4 .ef_h2{padding:0 0 0.4em 0;}
	.Grid4 .ef_inPageLink1 li a{display:inline-block;}
	.ef_CatchCopy1{font-size:7vw; font-weight:bold; margin:0 5vw;}
	.ef_CatchCopy2{font-weight:bold; font-size:1.375rem; background:url("/Prod/comp/OSD/pc/businesspc/workspace/img/bg_catch_bar.gif") no-repeat bottom center; padding:0 0 0.5em 0; line-height:130%; margin-bottom:20px !important;}
	.ef_CatchCopy3{font-weight:bold; font-size:4vw;}
	.ef_inPageLink1{padding:10vw 0;}
	.ef_inPageLink1 li{font-size:3vw;}
	.ef_sp02 .clmn li a{display:block;}
	.ef_sp02 .clmn li a p.ttl{font-size:5vw;}
	.ef_sp02 .clmn li a p.ttl em{font-size:7vw;}
	.box{padding:15px;}
	.textLink span a,#customerCase a .textLink strong,.surfaceLink a .textLink{padding:15px 35px 15px 15px;}
	.surfaceLink a .textLink{margin:15px;}
	.imgLink .txt{padding:30px;}
	.textLink span{background-position:right center !important;	display:block; text-align:center;}
	.textLink span a{display:block;	background-position:right 10px center; /*width:100%;	height:100%;*/}
	aside.surfaceLink a[target^="_blank"],
	#hcs .textLink a[target^="_blank"],
	#customerCase a[target^="_blank"] .textLink strong,
	.textLink span a[target^="_blank"],
	.textLink span a[target^="new"],
	.surfaceLink a[target^="_blank"] .textLink{
		background-position:right 10px center;
	}
	.surfaceLink .titleL{font-size:1.2rem;}
	.inquiry p{font-size:1.2rem; min-height:100px;}
	[class^="services"] .Grid4 .ef_pageTitle2_1{background-position:top 50% left 16%;	background-size:350%;}
	.new_CatchCopy h2{font-size:1.25rem;}
	.new_CatchCopy h2 span{font-size:1rem;}
	#partners ul li{width:calc((100% - 144px) /2);}
	#partners ul{gap:60px 144px;}
	.digression .diagram span{font-size:0.75rem;}
	.digression h2,#hcs #feature h2 span,#hcs #lineup h2 span,#cs [id^="feature"] h2 span,#cs #lineup h2 span{font-size:1.25em;}
	#Contents .text{font-size:0.875rem;}
	#reason .col3 > li,[class^="services"] #feature .col4 > li{/*width:100%;*/ margin:0 auto 1rem;}
	#hilights{padding:50px 0;}
	#hilights [class^="photo"],#hilights [class^="photo"].diversion {max-height:280px;}
	#partners .textLink span a{padding:15px 35px 15px 0;}
	#partners .textLink{margin-top:0;}
	#partners .textLink{border:none; padding:0;}
	#partners .textLink span{text-align:left;}
	#Contents ul.new_ImgLink.col1 a{min-height:270px;}

	/* --- max767 --- banner --- */
	#Contents .bannerLinkCs{background-position:left center; background-size:250%;}
	#Contents .bannerLinkInquiry{background-position:left center; background-size:cover; margin-left:15px; margin-right:15px;}
	#Contents [class^="bannerLinkXas"]{background-position:-45px; background-size:170%;}
	#Contents [class^="bannerLink"] .title{font-size:1.5rem; line-height:1.2;}
	#Contents [class^="bannerLink"] .title span{font-size:0.875rem; line-height:1.2; display:block;}
	#Contents [class^="bannerLink"] .lead{font-size:1rem; line-height:1.2; margin-top:0.5rem;}

	/* --- max767 --- Hybrid Cloud Solution --- */
	#hcs #reason h2,#hcs #reason .bgB h3,#hcs #feature .acMenu h3,#hcs #feature h2 span,#hcs #lineup h2 span{font-size:1.375rem; line-height: 1.2;}
	#hcs #reason .flexContainer .quest,#hcs #reason .acMenu h3{font-size:1.25rem;}
	#hcs #reason h2 span{font-size:0.875rem;}
	#hcs #reason .flexContainer .quest span{font-size:1.0625rem;}
	#hcs #feature .acMenu .content{font-size:0.875rem; margin:0 0 5rem 0;}
	#hcs #feature .acMenu > section{margin:20px 0; width: 100%;}
	#hcs #feature h2,#hcs #lineup h2{margin-bottom:20px;}
	#hcs #reason .flexContainer .pct{font-size:1.3125rem;}
	#hcs #reason .flexContainer .pct span{font-size:2.375rem; line-height:140%;}
	#hcs #reason ul.flexContainer.checked li{font-size:1.0625rem;}
	#hcs #reason .acMenu .content p,#hcs #lineup .text,.digression .text,#dataMobility .text{font-size:1rem;}
	#hcs #reason .ef_contents > h2:nth-of-type(2){margin-top:50px;}
	#hcs #lineup h3{font-size:1.25rem; margin-bottom: 0.1rem;}
	#hcs [id*="about"] [class^="photo"] {height:200px; background-size:150%; background-position:center center;}
	#hcs #reason .acMenu h3{margin:1rem;}
	#hcs #reason .acMenu .content > div{margin:0 1rem 1rem; padding-top:1rem;}
	#hcs .Grid4 .ef_pageTitle2_1,#Contents .bannerLinkHcs{background-image:url("/Prod/comp/OSD/pc/businesspc/workspace/img/hybrid_cloud/bg_ttl2.jpg");}
	.textButton.wide{border-radius:inherit; width:100%;}

	/* --- max767 --- X as a Services --- */
	[id^="xas_"] .textLink{background:#fff; border:1px solid #dfdfdf;}
	[id^="xas_"] #about .planContainer{padding:15px;}
	[id^="xas_"] #about .planContainer section{margin-top:25px;}
	[id^="xas_"] #about .col3 li h3,[id^="xas_"] #about .planContainer .ef_h2{font-size:1.3125rem;}
	/*#xas #about .col3 li{width:100%;}
	#xas_solution .col6 li h3{margin-top:7rem;}*/
	#xas #about .nav > li{width:calc(100%);}

	/* --- max767 --- Cloud Storage --- */
	#cs [id^="feature"] h3{font-size:1rem;}
	#inquiry h3{font-size:1.25rem;}

	/* --- max767 --- Usecase --- */
	.closeLink{flex-direction:column;}
	.closeLink a,.closeLink div{width:100%;}

	/* --- max767 --- Features --- */
	.features,.relatedLink{flex-direction:column;}

	/* hyper-vページ用 */
	#hyper-v .Grid4 .ef_h2 {
		font-size: 1.3125rem;
	}

	#hyper-v .dl_list_box > div {
		width: 100%;
	}
}
@media screen and (max-width:600px) {
	/*#xas_solution .col6 li h3 {margin-top:5rem;}*/
	#xas #about [class^="col"] li[class^="sol"]{
		background-size:70px;
		background-position:center top 5%;
	}
	#xas #about h3{
		font-size:1.2rem;
		min-height:62px;
		margin:5rem 0.5rem 0;
	}
	#xas #about [class^="col"] > li{margin-bottom:0.8rem;}
	#xas #about [class^="col"] > li p{margin:0.1rem 0.5rem 0;}

}
@media screen and (min-width:465px) and (max-width:1275px) {
	/* タブレットだけ非表示 */
	.tbExc{display:none;}
}
@media screen and (min-width:465px){
	/* 465以上では非表示（スマホでは表示） */
	.dispSp,.spOnly{display:none;}
	#Contents [class^="bannerLink"] a{padding:2rem;}
}
@media screen and (max-width:464px) {
	/* 465以下では非表示（タブレットPCでは表示） */
	.dispPc,.pcOnly{display:none;}
	#hcs #reason .flexContainer .pct:after{top:0;}
	#hilights [class^="photo"],#hilights [class^="photo"].diversion {max-height:200px;}
	#Contents ul.new_ImgLink.col1 a{min-height:330px;}
	#xas_solution .col6 li[class^="sol"]{width:50%;	margin-bottom:2rem; height:120px;}
	#Contents [class^="bannerLink"] a{padding:1rem;}
	#xas_solution ul li{width:100%;}
	#xas_solution ul{gap:28px;}
	#partners ul li{width:100%;}
	#partners ul li img{max-width:200px !important;}
}
/* 改行位置の個別調整 */
@media screen and (min-width:465px) and (max-width:1020px) {.new_InnerLink.col3 br{display:none;}}

/* 印刷設定 */
@media print{body{zoom:80%;}}

@keyframes fadeup {from{opacity:0; transform:translateY(5px);}to{opacity:1; transform:translateY(0);}}


/* 文字サイズ */
.closeLink h3{font-size:1.75rem;}
@media print, screen and (min-width:998px) {
	#xas #about .nav .title,.features h3{font-size:1.5rem;}
}
@media print, screen and (max-width:997px) {
	#xas #about .nav .title{font-size:1.25rem;}
}


/*
font-size:3.125rem; → 50px
font-size:2.375rem; → 38px
font-size:2.25rem; → 36px
font-size:2em; → 32px
font-size:1.75rem; → 28px
font-size:1.625rem; → 26px
font-size:1.375rem; → 22px
font-size:1.3125rem; → 21px
font-size:1.25rem; → 20px
font-size:1.1875rem; → 19px
font-size:1.125rem; → 18px
font-size:1.0625rem; → 17px
font-size:0.875rem; → 14px
font-size:0.75rem; → 12px
*/