@charset 'utf-8';

/* ==================== START COMMON ==================== */
div.sectioning_layout-outer{
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_iaas.png') top center no-repeat;
}
.tabLayout.tabItemWrapper div a{
	height: auto;
}
figure.ecl_img{
	text-align: center;
	margin:25px auto;
}
main.ecl_page.ecl_home figure.ecl_img img{
    display: block;
    width: 300px;
    height: 200px;
    background: #f1f1f1;
    margin: auto;
}
div.clear{
	clear: both;
}
main.ecl_page nav,
section.ecl_sec nav{
	display: block;
	z-index: auto;
	position: static;
}

main.ecl_page ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
main.ecl_page ul.disc{
	list-style: disc inside;
    padding: 0 20px;
}
main.ecl_page p{
}
main.ecl_page .navy{
	font-weight: bold;
	color: #004386;
}
main.ecl_page .btn_line:hover{
	color: #fff;
	background-color: #004386;
}
main.ecl_page .btn_line:hover a{
	color: #fff;
}
main.ecl_page .btn_tgl:hover{

}
main.ecl_page em.attr_new{
	vertical-align:text-top;
	color: #c00;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
}
main.ecl_page section.ecl_sec p a{
	border-bottom: dotted 1px #004386;
	margin: 0 4px;
}

main.ecl_page.ecl_nothome .ecl_nav_tab,
.tabNavigation, .tabNavi-transition{
	margin-bottom:0;
}

main.ecl_page section.ecl_sec{
	clear: both;
	height: 100%;
	overflow: hidden;
	padding: 75px 0 25px 0;
}
main.ecl_page section.ecl_sec#features{
	padding-bottom: 0;
}
main.ecl_page section.ecl_sec#event,
main.ecl_page section.ecl_sec#report{
	padding: 0;
}
main.ecl_page section.ecl_sec#channel{
	padding-top: 30px;
}
main.ecl_page div.firstSection div.top_h1 figure{
    text-align: center;
}


main.ecl_page div.firstSection h3{
	font-size: 20px;
	text-align: left;
	margin-bottom: 10px;
}
main.ecl_page div.secondSection h3{
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	margin: 0 auto 50px auto;
}
main.ecl_page h4{
	font-size: 18px;
	margin-bottom: 10px;
}
main.ecl_page strong,
main.ecl_page .bold{
	font-weight: bold;
}
main.ecl_page strong ul.entries li.entry{
	display: block;
	/* overflow: hidden; */
	/* width: auto; */
}
main.ecl_page.ecl_home #event strong,
main.ecl_page.ecl_event strong{
	display:initial;
}
main.ecl_page section.ecl_sec small{
	color:#666;
	font-size: 13px;
	line-height: 1.5;
	padding-top: 15px;
	display: block;
}
main.ecl_page div.firstSection section.ecl_sec{

}
main.ecl_page section.ecl_sec{
}
main.ecl_page section.ecl_sec .column2,
main.ecl_page section.ecl_sec .column3{
    overflow: hidden;
}
main.ecl_page section.ecl_sec .column2 .column{
	float: left;
	width: 47.5%;
    max-width: fit-content;
	margin: 0 10px;
}
main.ecl_page section.ecl_sec .column3 .column{
	float: left;
	width: 30.5%;
    max-width: fit-content;
	margin: 0 10px;
}
main.ecl_spotfire article figure img{
    max-width: 90%;
}
main.ecl_page section.ecl_sec .column figure img,
main.ecl_page section.ecl_sec .column picture img{
    max-width: 100%;
    max-width: -webkit-fill-available;
    vertical-align: top;
}
main.ecl_page section.ecl_sec article,
main.ecl_page section.ecl_sec#event h4,
main.ecl_page section.ecl_sec#report h4{
	width: 1260px;
	margin-right: auto;
	margin-left: auto;
}
main.ecl_page section.ecl_sec#banner article{
	width: 1118px;
}
main.ecl_page.ecl_nothome section.ecl_sec article{
	clear: both;
	width: 840px;
	height: 100%;
	overflow: hidden;
	margin: 20px auto 100px auto;
}
main.ecl_page.ecl_event section.ecl_sec article,
main.ecl_page.ecl_report section.ecl_sec article,
main.ecl_page.ecl_ondeman section.ecl_sec article{
	width: auto;
}
main.ecl_page.ecl_nothome section.ecl_sec article:last-of-type{
	margin-bottom: 0;
}
main.ecl_page.ecl_nothome.ecl_event section.ecl_sec article,
main.ecl_page.ecl_nothome.ecl_ondemand section.ecl_sec article{
	width: auto;
}
main.ecl_page.ecl_nothome.ecl_event section.ecl_sec article ul.entries li.entry{
	margin: 0 58px;
}
main.ecl_page.ecl_nothome.ecl_ondemand section.ecl_sec article ul.entries li.entry{
	margin: 0 13px 30px;
}
main.ecl_page.ecl_home div.more{
	text-align: right;
	margin-top: 20px;
}
main.ecl_page.ecl_nothome div.more{
	text-align: center;
	margin-top: 20px;
}
main.ecl_page div.more a{
	display: inline-block;
	padding: 12px 40px;
	text-decoration: none;
}
main.ecl_page.ecl_home section#service article div.more{
	text-align: left;
	margin-bottom: 50px;
}
main.ecl_page.ecl_home section#service article div.column div.more{
	float: right;
	width: 30%;
	text-align: right;
	margin: 0 0 20px 0;
}
main.ecl_page.ecl_home section#service article div.column p{
	float: left;
	width: 69%;
}
main.ecl_page.ecl_home section#service article div.column{
	height: 100%;
	overflow: hidden;
}
main.ecl_page .enc_line{
	border: 1px solid #ccc;
	padding: 20px;
}
main.ecl_page .btn_line{
	color: #004386;
	border: 1px solid #004386;
	padding: 15px;
	margin-top: 15px;
}
main.ecl_page section#service .btn_line{
	color: #fff;
	border: 1px solid #fff;
	background: none;
}
main.ecl_page section#service .btn_line:hover{
	color: #004386;
	background: #fff;
	border: 1px solid #fff;
}
main.ecl_page .btn_fill{

}
main.ecl_page.ecl_nothome article .btn_tgl{
	border: 1px solid #004386;

}
main.ecl_home section#case .btn_tgl{
	background: #dfdfdf;
}
main.ecl_home section#case .btn_tgl:hover,
main.ecl_news section#news .btn_tgl:hover,
main.ecl_event section#event .btn_tgl:hover,
main.ecl_report section#report .btn_tgl:hover{
	background: #004386;
	color: #fff;
}
main.ecl_page section#service .btn_tgl{
	background: #222b51;
	color: #fff;
}
main.ecl_news section#news .btn_tgl:hover,
main.ecl_event section#event .btn_tgl:hover,
main.ecl_report section#report .btn_tgl{
	/* background: #f1f1f1; */
}
main.ecl_news section#news .btn_tgl:hover,
main.ecl_event section#event .btn_tgl:hover,
main.ecl_report section#report .btn_tgl:hover{
	background: #004386;
}


div.ecl_back{
	margin: 10px;
}

div.ecl_back a{
	font-size: 13px;
	font-weight: bold;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow1.png') left center no-repeat;
	width: 100%;
	padding: 10px 15px;
}
div.ecl_back a:hover{
	text-decoration: underline;
}

main.ecl_page div.secondSection ul.entries{
	height: 100%;
	overflow: hidden;
}
main.ecl_page ul.entries li.entry{
	/* float: left; */
	display: inline-block;
	height: 100%;
	overflow: hidden;
	vertical-align: top;
}
main.ecl_page section.ecl_sec#link ul.entries li.entry{
	display:block;
}
main.ecl_page div.firstSection ul.entries li.entry{
	width: 300px;
}
main.ecl_page div.SecondSection ul.entries li.entry{
	width: 285px;
}
main.ecl_page ul.entries li.entry ul.data{
	font-size: 16px;
}
main.ecl_page section#pickup ul.entries li.entry ul.data li.attr_img,
main.ecl_page section#event ul.entries li.entry ul.data li.attr_img,
main.ecl_page section#report ul.entries li.entry ul.data li.attr_img{
	text-align: center;
	/* background: #ccc; */
	/* width: 300px; */
	/* height: 200px; */
}
main.ecl_page section#pickup ul.entries li.entry ul.data li.attr_img img{
	width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: 0% 100%;
}
main.ecl_page div ul.entries li.entry ul.data li.attr_img{
	margin-bottom: 4px;
}
main.ecl_page div.secondSection ul.entries li.entry ul.data li.attr_img{
	width: 285px;
	margin-bottom: 4px;
}
main.ecl_page.ecl_home section#movie ul.entries li.entry ul.data li.attr_img{
	width: 320px;
}
main.ecl_page div.secondSection section#case ul.entries li.entry ul.data li.attr_img{
	width: 200px;
	height: 200px;
	background: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 4px;
}
main.ecl_page ul.entries li.entry ul.data li.attr_cat{
	margin-bottom: 4px;

}
main.ecl_page ul.entries li.entry ul.data li.attr_cat span{
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #444;
	padding: 3px 7px;
}
main.ecl_page ul.entries li.entry ul.data li.attr_h{
	margin-bottom: 4px;

}
main.ecl_page div.firstSection ul.entries li.entry ul.data li.attr_h,

main.ecl_page div.firstSection ul.entries li.entry ul.data li.attr_p{
	width: 290x;
}
main.ecl_page div.secondSection ul.entries li.entry ul.data li.attr_h,
main.ecl_page div.secondSection ul.entries li.entry ul.data li.attr_p{
	width: 285px;
}
main.ecl_page ul.entries li.entry ul.data li.attr_p{

}
main.ecl_page ul.entries li.entry ul.data li.attr_tag{

}

/* ===== END COMMON ===== */







/* ===== END NAV TAB ===== */
main.ecl_page div.tabNavigation{

}
main.ecl_page div.tabNavigation div.tabItemWrapper{

}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem{
	position: relative;
}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem span{
	
}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem a span{

}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem a span:after{
	content: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow2.png');
	/* position:absolute; */
	/* right : 72px; */
	/* bottom:1px; */
	margin-left: 10px;
	padding-top: -25px;
}
/* ===== END NAV TAB ===== */

/* ===== START NAV SUB ===== */
main.ecl_page nav.ecl_nav_sub{
	font-size: 21px;
	text-align: center;
}
main.ecl_page nav.ecl_nav_sub ul{
	
}
main.ecl_page nav.ecl_nav_sub ul li{
	display: inline-block;
	position:relative;
}
main.ecl_page nav.ecl_nav_sub ul li a{
	display: block;
	padding: 10px 30px 10px 20px;
	margin:0 10px;
	
}
main.ecl_page nav.ecl_nav_sub ul li a:after{
	content: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow2.png');
	position:absolute;
	right: 22px;
	bottom:15px;
}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem a span:hover,
main.ecl_page nav.ecl_nav_sub ul li a:hover{
	background: #a04488;
	color: #fff;
}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem a span:hover:after,
main.ecl_page nav.ecl_nav_sub ul li a:hover:after{
	content: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow2hover.png');
}
main.ecl_page div.tabNavigation div.tabItemWrapper div.tabItem a span{
	display:block;
	height: 100%;
}
/* ===== END NAV SUB ===== */

/* ===== START NAV UTILIZING  ===== */

/* ===== END NAV UTILLIZING ===== */


/* ===== START NAV SUPPORT-SERVICE  ===== */
main.ecl_page nav#ecl_support-service li,
main.ecl_page nav#ecl_support-service h3,
main.ecl_page nav#ecl_support-service h4,
main.ecl_page nav#ecl_support-service h5,
main.ecl_page nav#ecl_support-service h6,
main.ecl_page nav#ecl_support-service p,
main.ecl_page nav#ecl_support-service a,
main.ecl_page nav#ecl_support-service img{
	/* display: none; 取り急ぎ背景画像で代用 */
}
main.ecl_page nav#ecl_support-service h4{
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/parts_dx.png') top center no-repeat;
	padding: 100px 0 28px 0;
	margin: 0 5px;
}
main.ecl_page nav#ecl_support-service article{

}
main.ecl_page nav#ecl_support-service article h5{
	font-size: 21px;
	line-height: 1.5;
	font-weight: bold;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow5-1.png') left 12px no-repeat;
	padding-left: 20px;
}
main.ecl_page nav#ecl_support-service article h5 span{
	font-size: 16px;
	font-weight: normal;
	color: #666;
	margin-left: 10px;
}
main.ecl_page nav#ecl_support-service article div.btn_line{
	display: table;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 20px;
}
main.ecl_page nav#ecl_support-service article div.btn_line h6{
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0;
}
main.ecl_page nav#ecl_support-service article div.btn_line h6 a{
}
main.ecl_page nav#ecl_support-service article ul.dir1{

}
main.ecl_page nav#ecl_support-service article ul.dir1 li.dir1{
	float: left;
	width: 24%;
	height: 100%;
	overflow: visible;
	margin: 0 2px 50px 2px;
}
main.ecl_page nav#ecl_support-service article ul.dir1 li.dir1 ul.dir2{

}
main.ecl_page nav#ecl_support-service article ul.dir1 li.dir1 ul.dir2 li.dir2{

}
/* ===== END NAV SUPPORT-SERVICE ===== */


/* ===== START NAV SITEMAP ===== */
section#ecl_sitemap{
	background: #f9f9f9;
	height: 100%;
	overflow: hidden;
	padding: 50px 10px;
}
section#ecl_sitemap nav{
	width: 1260px;
	margin: auto;
}
section#ecl_sitemap nav div.dir1{
	float: left;
}
section#ecl_sitemap nav div.dir1 h5{
	border-left: solid 4px #333;
	padding-left: 6px;
}
section#ecl_sitemap nav div.dir1 h5,
section#ecl_sitemap nav div.dir1 div.dir2 h6{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}
section#ecl_sitemap nav div.dir1 ul.dir1,
section#ecl_sitemap nav div.dir1 ul.dir2-1{
	list-style: none;
	padding-left: 0;
	margin-right: 50px;
}
section#ecl_sitemap nav div.dir1 ul.dir1 li.dir1,
section#ecl_sitemap nav div.dir1 div.dir2 ul.dir2 li.dir2{
	font-size: 15px;
	line-height: 1.9;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow3.png') left 10px no-repeat;
	padding-left: 11px;
}
section#ecl_sitemap nav div.dir1 div.dir2{
	float: left;
}
section#ecl_sitemap nav div.dir1 div.dir2 ul.dir2{
	list-style: none;
}
section#ecl_sitemap nav div.dir1 div.dir2 ul.dir2 li.dir2{

}
/* ===== END NAV SITEMAP ===== */

/* ==================== END COMMON ==================== */





/* ==================== START ECL_PAGE ECL_HOME ==================== */

/* ===== START PROMOTION ===== */
main.ecl_page div.firstSection div.sectioning_layout-outer div.sectioning_layout-inner div.grid_contents.groupSet.allPd{
	min-height: 540px;
}
@media screen and (max-width:768px) {
    main.ecl_page div.firstSection div.sectioning_layout-outer div.sectioning_layout-inner div.grid_contents.groupSet.allPd{
    	min-height: auto;
    }
}
main.ecl_page div.firstSection div.sectioning_layout-outer div.sectioning_layout-inner div.grid_contents div.grid_cols div.par01 div.image img{

}
main.ecl_page div.firstSection div.sectioning_layout-outer div.sectioning_layout-inner div.grid_contents div.grid_cols div.par01 div.TitleHn h4.t-l{
	font-size: 21px;
	margin: 20px 0;
}
main.ecl_page div.firstSection div.sectioning_layout-outer div.sectioning_layout-inner div.grid_contents div.grid_cols div.par01 div.text p{

}
main.ecl_page ul.banner {
	margin-bottom: 50px;
}
main.ecl_page ul.banner li {
	width: 300px;
	height: 76px;
	background-size: cover;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
}
main.ecl_page ul.banner li:nth-of-type(1) {
	background-image: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ondemand_top.png');
}
main.ecl_page ul.banner li img {
	background-color: rgba(0, 0, 0, 0.4);
}
main.ecl_page ul.banner li img:hover{
	background-color: rgba(0, 0, 0, 0.2);
}
/* ===== END PROMOTION ===== */



/* ===== START お知らせ ===== */
main.ecl_home section#news{

}
main.ecl_home section#news h3{

}
main.ecl_home section#news article{

}
main.ecl_home section#news article ul{

}
main.ecl_home section#news article ul li{

}
main.ecl_home section#news article ul li dl{
	margin-bottom: 10px;
}
main.ecl_home section#news article ul li dl dt{
	font-weight: bold;
}
main.ecl_home section#news article ul li dl dd{

}
/* ===== END お知らせ ===== */


/* ===== START ピックアップ ===== */
main.ecl_page section#pickup{
    margin-bottom: 100px;
}
main.ecl_page section#pickup article ul.entries li.entry ul.data li.attr_cat{
    
}
main.ecl_page section#pickup article ul.entries li.entry ul.data li.attr_p{
    
}
/* ===== END ピックアップ ===== */


main.ecl_page section.ecl_sec article
main.ecl_page section.ecl_sec article{
	width: 1260px;
	margin: auto;
}
/* ===== START サービス特長 ===== */
main.ecl_page section#features{

}
main.ecl_page section#features article{

}
main.ecl_page section#features article.art1{
	height: 473px;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ecl_top_e.png') left center no-repeat;
}
main.ecl_page section#features article h4{
	font-size: 30px;
	margin: 0 0 0 20px;
}
main.ecl_page section#features article.art1 p{
	padding: 45px 0 0 600px;
}
main.ecl_page section#features article.art2{
	height: 724px;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ecl_top_c.png') right bottom no-repeat;
}
main.ecl_page section#features article.art2 div.wrap{
	width: 660px;
	margin: 50px 0 0 285px;
}
main.ecl_page section#features article.art2 div.wrap p{
	margin: 20px 0;
}
main.ecl_page section#features article.art2 div.wrap p strong{
	font-size: 21px;
	font-weight: normal;
}
main.ecl_page section#features article.art2 div.wrap div.btn_line{
	float: right;
	display: inline-block;
	margin-left: 20px;
}
main.ecl_page section#features article.art2 div.wrap div.btn_line a{

}
main.ecl_page section#features article.art2 div.wrap div.mov{
	margin-top: 75px;
}
main.ecl_page section#features article.art2 div.wrap div.mov iframe{
	width: 660px;
	height: 372px;
}
main.ecl_page section#features article.art3{
	height: 670px;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ecl_top_l.png') left bottom no-repeat;
}
main.ecl_page section#features article.art3 div.wrap{
	padding: 160px 0 0 480px;
}
main.ecl_page section#features article.art3 div.wrap ul{

}
main.ecl_page section#features article.art3 div.wrap ul li{

}
main.ecl_page section#features article.art3 div.wrap ul li dl{
	display: table;
	clear: both;
	height: 100%;
	overflow: visible;
	margin-bottom: 54px;
}
main.ecl_page section#features article.art3 div.wrap ul li dl dt{
	display: inline-table;
	width: 220px;
	font-size: 15px;
	font-weight: bold;
	padding-right: 5px;
}
main.ecl_page section#features article.art3 div.wrap ul li dl dd{
	display: inline-table;
}
/* ===== END サービス特長 ===== */

/* ===== START NAV Enterprise Cloudの活用事例 ===== */
main.ecl_page nav#ecl_utilizing{
	width: 1260px;
	height: 100%;
	overflow: hidden;
	margin: auto;
}
main.ecl_page nav#ecl_utilizing h4{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/parts_utilizing.png') -40px center no-repeat;
	padding: 13px 20px 20px 10px;
	margin-left: 50px;
	margin-bottom: 15px;
}
main.ecl_page nav#ecl_utilizing ul{
	font-size: 15px;
	font-weight: bold;
}
main.ecl_page nav#ecl_utilizing ul li{
	float: left;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_arrow4.png') left 15px no-repeat;
	padding-left: 20px;
	margin-left: 50px;
}
main.ecl_page nav#ecl_utilizing ul li a{
	display: block;
	border-top: solid 4px #ddd;
	padding-top: 5px;
}
main.ecl_page nav#ecl_utilizing ul li a:hover{
	border-color: #8b186d;
}
main.ecl_page.ecl_nothome nav#ecl_utilizing{
	 margin-bottom: 100px;
}
main.ecl_page.ecl_migration nav#ecl_utilizing ul li.li01 a,
main.ecl_page.ecl_hybrid nav#ecl_utilizing ul li.li02 a,
main.ecl_page.ecl_recovery nav#ecl_utilizing ul li.li03 a,
main.ecl_page.ecl_management nav#ecl_utilizing ul li.li04 a,
main.ecl_page.ecl_utilization nav#ecl_utilizing ul li.li05 a,
main.ecl_page.ecl_gpu nav#ecl_utilizing ul li.li06 a{
	border-color: #8b186d;
}
/* ===== END NAV Enterprise Cloudの活用事例 ===== */


/* ===== START NAV お客さまのデジタルトランスフォーメーション(DX)実現を強力にサポートするサービス ===== */
main.ecl_page nav#ecl_support-service{

clear: both;
}
main.ecl_page nav#ecl_support-service h3{

}
main.ecl_page nav#ecl_support-service article{
	clear: both;
	width: 1260px;
	margin: auto;
}
main.ecl_page nav#ecl_support-service article h4{

}
main.ecl_page nav#ecl_support-service article h4 span{

}
main.ecl_page nav#ecl_support-service article ul.dir1{
	font-size: 16px;
	width: 1260px;
	overflow: visible;
	margin: auto;
	padding: 0 17px;
}
main.ecl_page nav#ecl_support-service article li.dir1{

}
main.ecl_page nav#ecl_support-service article ul.dir2{
	border-top: solid 4px #ddd;
	padding-top: 5px;
}
main.ecl_page nav#ecl_support-service article ul.dir2:hover{
	border-color: #8b186d;
}
main.ecl_page.ecl_wasabi nav#ecl_support-service article.sdpf li.dir1.li01 ul.dir2,
main.ecl_page.ecl_informatica nav#ecl_support-service article.sdpf li.dir1.li02 ul.dir2,
main.ecl_page.ecl_anonymous nav#ecl_support-service article.sdpf li.dir1.li03 ul.dir2,
main.ecl_page.ecl_datarobot nav#ecl_support-service article.sdpf li.dir1.li04 ul.dir2,
main.ecl_page.ecl_deeptector nav#ecl_support-service article.sdpf li.dir1.li05 ul.dir2,
main.ecl_page.ecl_gpu nav#ecl_support-service article.sdpf li.dir1.li06 ul.dir2{
	border-color: #8b186d;
}
main.ecl_page.ecl_oracle nav#ecl_support-service article.cloud-shift li.dir1.li01 ul.dir2,
main.ecl_page.ecl_erp nav#ecl_support-service article.cloud-shift li.dir1.li02 ul.dir2{
	border-color: #8b186d;
}
main.ecl_page nav#ecl_support-service article li.dir2{

}
main.ecl_page nav#ecl_support-service article li.attr_h{
	font-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 80px;
}
main.ecl_page nav#ecl_support-service article li.attr_h a{
	display: block;
	color: #fff;
	padding: 10px 15px;
}
main.ecl_page.ecl_home nav#ecl_support-service article li.attr_h a{
	height: 125px;
	padding: 5px 8px;
}

}
main.ecl_page nav#ecl_support-service article li.attr_img{

}
main.ecl_page nav#ecl_support-service article li.attr_img a{
	display: block;
	border-top: solid 4px #ddd;
	padding-top: 4px;
}
main.ecl_page nav#ecl_support-service article li.attr_img a:hover,
main.ecl_page.ecl_oracle nav#ecl_support-service article.cloud-shift li.li01 li.attr_img a,
main.ecl_page.ecl_erp nav#ecl_support-service article.cloud-shift li.li02 li.attr_img a{
	border-color: #8b186d;
}
main.ecl_page nav#ecl_support-service article li.attr_p{

}
main.ecl_page nav#ecl_support-service article li.attr_p a{

}
main.ecl_page nav#ecl_support-service article li.attr_tag{
	color: #999;
}
main.ecl_page nav#ecl_support-service article li.attr_tag span{
	margin-right: 10px;
}
/* ===== END NAV お客さまのデジタルトランスフォーメーション(DX)実現を強力にサポートするサービス ===== */


/* ===== START イベント・資料 ===== */
main.ecl_page section#event-report{

}
main.ecl_page section#event article ul.entries li.entry ul.data li.attr_h{
    background-position: bottom center;
    background-repeat: no-repeat;
}
main.ecl_page section#report article ul.entries li.entry ul.data li.attr_h{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
main.ecl_page section#event article ul.entries li.entry ul.data li.attr_h a{
    display: block;
    overflow: hidden;
    height: 135px;
}
main.ecl_page.ecl_event section#event article ul.entries li.entry ul.data li.attr_h a{
    width: 300px;
}
main.ecl_page.ecl_home section#report article ul.entries li.entry ul.data li.attr_h a{
    display: block;
    overflow: hidden;
    width: 280px;
    height: 135px;
    padding: 20px 10px;
}
main.ecl_page.ecl_home section#report article ul.entries li.entry ul.data li.attr_h a{
	color: #000;
}
main.ecl_page.ecl_home section#report article ul.entries li.entry ul.data li.attr_h a{
    height: 200px;
    text-indent: -8000px;
}
main.ecl_page section#event article ul.entries li.entry ul.data li.attr_p span{
    font-size:12px;
}
main.ecl_page section#report{
	margin-bottom: 0;
}
main.ecl_page section#report{

}
/* ===== END イベント・資料 ===== */


/* ===== START オンデマンド ===== */
main.ecl_page.ecl_ondemand section.ecl_head div.ecl_back{
    margin-bottom: 10px;
}
main.ecl_page.ecl_ondemand div#ecl_ondemand_top_img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1260px;
    height: 250px;
    background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ondemand_top_vignetting.png') center;
}
main.ecl_page.ecl_ondemand div#ecl_ondemand_bottom_img::before{
	content: '';
	width: 1260px; height: 90px;
    background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ondemand_bottom_vignetting.png') center;
}
main.ecl_page.ecl_ondemand .tabNavigation{
    background: none;
}
main.ecl_page.ecl_ondemand .tabNavigation .tabLayout{
    width: 70%;
    text-align: center;
    margin: auto;
}
main.ecl_page.ecl_ondemand  div.tabNavigation div.tabItemWrapper div.tabItem{
    position: relative;
    display: inline-block;
    height: 46px;
    border: none;
    margin: 4px;
}
main.ecl_page.ecl_ondemand  div.tabNavigation div.tabItemWrapper div.tabItem.active a{
    color: #fff;
    background: #801B74;
}
main.ecl_page.ecl_ondemand .tabLayout.tabItemWrapper div a{
    height: auto;
    display: block;
    background: #f7f7f7;
    line-height: 46px;
    padding: 0 20px;
}
main.ecl_page.ecl_ondemand .tabLayout.tabItemWrapper div a:hover{
    background: #801B74;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data{
    width: 286px;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h{
	position: relative;
    background-position: bottom center;
    background-repeat: no-repeat;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h a::before{
    content: '';
    background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ondemand_img_vignetting.png') center;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 286px;
    height:  164px;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h a{
    display: block;
    overflow: hidden;
    width: 286px;
    height: 164px;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h a:hover:before{
	background: none;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h img{
	border-radius: 10px;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h span.mark{
	position: absolute;
	top: 12px;
	right: 12px;
	background: #333;
	color: #ccc;
	font-size: 12px;
	padding: 2px 5px;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h a span.mark{
	background: #c90000;
	color: #fff;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h small{
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 12px;
	background: #000;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 2px 3px;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h small span{
    background: #c90000;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h h3{
	position: absolute;
	top: 20px;
	left: 12px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_h h3 span{
	background: rgba( 255, 255, 2255, 0.8 );
	color: #000;
	line-height: 1.5;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_p ul{
	display: inline-table;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_t ul li{
	display: table-cell;
	font-size: 14px;
    
    /* temp style START */
	display: inline-block;
	background: #f7f7f7;
    color: #666;
	padding: 5px 10px;
	margin: 2px 4px 2px 0;
    /* temp style END */
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_t ul li a{
	display: block;
	background: #f7f7f7;
	padding: 5px 10px;
	margin: 2px 4px 2px 0;
}
main.ecl_page.ecl_ondemand section#channel article ul.entries li.entry ul.data li.attr_t ul li a:hover{
	background: #801B74;
	color: #fff;
}
/* ===== END オンデマンド ===== */


/* ===== START 紹介映像 ===== */

/* ===== END 紹介映像 ===== */


/* ===== START 導入事例 ===== */
main.ecl_page div.wrap{

}
main.ecl_home section#case{
	background: #f1f1f1;
}
main.ecl_home section#case h3{
	color: #333;
}
main.ecl_home section#case p{
	text-align: center;
	margin-bottom: 50px;
}
main.ecl_home section#case ul.entries{
  display:flex;
  flex-wrap:wrap;
  width:786px;
  margin: auto;
}
main.ecl_home section#case ul.entries li.entry{
	margin: 0 25px 25px 25px;
}
main.ecl_home section#case ul.entries li.entry ul.data{
	/* height:340px; */
	margin-bottom: 20px;
}
main.ecl_home section#case ul.entries li.entry ul.data li{
	width: 200px;
}
main.ecl_home section#case ul.entries li.entry ul.data li.attr_img{
	margin-bottom: 4px;
}
main.ecl_home section#case ul.entries li.entry ul.data li.attr_img a{
	display: table-cell;
	overflow: hidden;
	width: 200px;
	height: 200px;
	vertical-align: middle;
}
main.ecl_home section#case ul.entries li.entry ul.data li.attr_h{
	font-weight: bold;
	margin-top: 10px;
}
main.ecl_home section#case ul.entries li.entry ul.data li.attr_p{
	height: 100%;
}
main.ecl_home section#case div.more{
	text-align: center;
	margin-bottom: 50px;
}
main.ecl_home section#case div.more a.btn_tgl{

}
/* ===== END 導入事例 ===== */

/* ===== START 関連サイト ===== */
main.ecl_page section#banner article ul.entries{
	display: table-cell;
	margin: auto;
}
main.ecl_page section#banner article ul.entries li.entry{
    margin: 0 10px 10px 10px;
}
main.ecl_page section#banner article ul.entries li.entry img{
    /* width: 537px; */
}
/* ===== END 関連サイト ===== */

/* ===== START 関連サービス ===== */
main.ecl_page section#link article ul.entries li.entry{
    float: none;
    font-size: 18px;
    line-height: 2;
}
/* ===== END 関連サービス ===== */

/* ===== START サービス一覧 ===== */
main.ecl_page section#service{
	color: #fff;
	background: #0c193d;
	padding: 50px 50px 0 50px;
}
main.ecl_page section#service h3{
	color: #fff;
}
main.ecl_page section#service p a{
	color: #fff;
	border-bottom: dotted 1px #fff;
	margin: 0 4px;
}
main.ecl_page section#service ul a{
	color: #fff;
	border-bottom: dotted 1px #fff;
}
main.ecl_page section#service p a:hover,
main.ecl_page section#service ul a:hover{
	text-decoration: none;
}
main.ecl_page section#service li{
	margin: 15px 6px;
}
main.ecl_page section#service ul.dir1{
	clear: both;
	font-size: 20px;
}
main.ecl_page section#service li.dir1{
	float: left;
}
main.ecl_page section#service li.dir1-1{

}
main.ecl_page section#service li.dir1-2{

}
main.ecl_page section#service li.dir1-3{

}
main.ecl_page section#service li.dir1-4{

}
main.ecl_page section#service ul.dir2{

}
main.ecl_page section#service li.dir2{
	margin-bottom: 50px;
}
main.ecl_page section#service li.dir2 span{
	color: #ffd601;
}
main.ecl_page section#service ul.dir3{
	font-size: 18px;
}
main.ecl_page section#service li.dir3{

}
main.ecl_page section#service li.dir3 span{
    font-size: 14px;
	color: #fff;
}
main.ecl_page section#service div.more{

}
/* ===== END サービス一覧 ===== */




/* ===== START /enterprise-cloud/news ===== */
main.ecl_page.ecl_news section.ecl_sec#ecl_news_head{

}
main.ecl_page.ecl_news section.ecl_sec#ecl_news_entries{

}
main.ecl_page.ecl_news section.ecl_sec#ecl_news_entries article{

}
main.ecl_page.ecl_news section.ecl_sec#ecl_news_entries article small{
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
}
main.ecl_page.ecl_news section.ecl_sec#ecl_news_entries article h3{
	font-size: 21px;
	text-align: left;
}
main.ecl_page.ecl_news section.ecl_sec#ecl_news_entries article p{

}


main.ecl_page.ecl_home nav#ecl_support-service{
	margin-top: 100px;
}
main.ecl_page.ecl_dx nav#ecl_support-service{
	
margin: 100px 5px 0 5px;
}

main.ecl_page.ecl_dx nav#ecl_support-service h4,
main.ecl_page.ecl_dx nav#ecl_support-service article{

}
/* ===== END /enterprise-cloud/news ===== */


/* ===== START /enterprise-cloud/event ===== */
main.ecl_page.ecl_event section.ecl_sec#event article ul.entries li.entry{
	margin-bottom: 50px;
}
main.ecl_page.ecl_event section.ecl_sec#event article ul.entries li.entry ul.data li.attr_p{
	width: 300px;
}
/* ===== END /enterprise-cloud/event ===== */


/* ===== START /enterprise-cloud/lp/ondemand ===== */

/* ===== END /enterprise-cloud/lp/ondemand ===== */


/* ===== START /enterprise-cloud/report ===== */
main.ecl_page.ecl_report section.ecl_sec#report article ul.entries{
	
}
main.ecl_page.ecl_report section.ecl_sec#report article ul.entries li.entry{
	/*width: 49.7%;*/
	width: 33%;
	margin-bottom: 40px;
}
main.ecl_page.ecl_report section.ecl_sec#report article ul.entries li.entry ul.data{
	
}
main.ecl_page.ecl_report section.ecl_sec#report article ul.entries li.entry ul.data li.attr_img{
	margin: auto;
}
main.ecl_page.ecl_report section.ecl_sec#report article ul.entries li.entry ul.data li.attr_h{
	font-size: 16px;
	margin: 10px;
}
main.ecl_page.ecl_report section.ecl_sec#report article ul.entries li.entry ul.data li.attr_p{
	margin: 0 10px 50px 10px;
}
/* ===== END /enterprise-cloud/report ===== */

/* ===== START /enterprise-cloud/sdpf/ & /enterprise-cloud/cloud-shift/ ===== */
main.ecl_dx section.ecl_head{
	margin-bottom: 20px;
}
main.ecl_dx section.ecl_head div.column{
	height: 100%;
	overflow: hidden;
	margin: 10px 0 5px 0;
}
main.ecl_dx section.ecl_head div.column div.ecl_vender{
	float: left;
	margin-left: 10px;
}
main.ecl_dx section.ecl_head div.column ul.data{
	float: right;
	margin-right: 10px;
}
main.ecl_dx section.ecl_head div.column ul.data li.attr_type{
	float: left;
	height: 40px;
}
main.ecl_dx section.ecl_head div.column ul.data li.attr_type#ico_sdpf_type{
	margin-right: 10px;
}
main.ecl_dx section.ecl_head div.column ul.data li.attr_type#ico_sdpf{
	
}
main.ecl_dx section.ecl_head div.ecl_dx_img,
main.ecl_dx div.ecl_dx_img{
	clear: both;
	width: 1260px;
	height: 250px;
	background-position: center;
	background-repeat: no-repeat;
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 50px;
}
main.ecl_dx div.ecl_dx_img{
	height: 90px;
	overview: hidden;
}
main.ecl_dx section.ecl_head div.ecl_dx_img h1{
	margin: 0;
}
main.ecl_dx section.ecl_head div.ecl_dx_img h5{
	font-size: 18px;
	margin: 0;
}
main.ecl_dx section.ecl_head div.ecl_dx_img h1,
main.ecl_dx section.ecl_head div.ecl_dx_img h4,
main.ecl_dx section.ecl_head div.ecl_dx_img h5{
	color: #fff;
	text-align: center;
	line-height: 1.25;
	padding: 0 20px;
}
section.ecl_head h2{
	text-align: center;
	padding-top: 100px;
}
section.ecl_sec h3{
	font-size: 34px;
	text-align: center;
	margin-bottom: 50px;
}
section.ecl_sec#ecl_news_entries h3{
	margin-bottom: 20px;
}
main.ecl_dx section.ecl_sec h3{
	margin-bottom: 75px;
}
section.ecl_sec.nothome h3,
section.ecl_sec.nothome article{
	width: 840px;
	margin: auto;
}
section.ecl_sec article h2{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
section.ecl_sec aside{
	width: 794px;
	border-radius: 10px;
	padding: 20px;
	margin: 50px auto 0 auto;
}
section.ecl_sec aside.explain{
	background: #f7f7f7;
}
section.ecl_sec aside.relation{
	border: double 3px #ccc;
}
section.ecl_sec aside .btn_line a{

line-height: 1.5;

/* font-size: 12px; */
}
 section.ecl_sec aside h5,
 section.ecl_sec aside h6{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0 0 5px 0;
	border-bottom: solid 1px #333;
	display: inline;
}

section.ecl_sec aside p{
	font-size: 14px;
	border-top: solid 1px #333;
	padding-top: 10px;
	margin: 5px 0 0 0;
}
section.ecl_sec.ecl_nothome article{
	margin-top: 100px;
}
section.ecl_sec.ecl_nothome article h4,
main.ecl_dx section.ecl_sec article h4{
	font-size: 23px;
	font-weight: bold;
	border-bottom: solid 4px #004386;
	padding-bottom: 7px;
	margin: 0 0 20px 0;
}

main.ecl_erp article div.column{
	height:100%;
	overflow: hidden;
}
main.ecl_erp article div.column .left{
	float: left;
	width: 85%;
}
main.ecl_erp article div.column figure{
	float: right;
	width: 13%;
}
main.ecl_erp article div.column figure img{
	width: 100%;
	border: solid 1px #eee;
}
main.ecl_erp article div.column .left div.btn_line{
	font-size: 14px;
}

main.ecl_erp article ol{
	
}
main.ecl_erp article ol li{
	margin-bottom: 20px;
}
main.ecl_erp article ol li dl{
	
}
main.ecl_erp article ol li dl dt{
	font-weight: bold;
}
main.ecl_erp article ol li dl dt dd{
	
}

main.ecl_erp article table{
	margin-top: 25px;
}
main.ecl_erp article table tr th{
	text-align: center;
	vertical-align: middle;
	margin: 15px 5px;
}
main.ecl_erp article table tr td{
	vertical-align: middle;
	line-height: 1.75;
	margin: 15px 5px;
}
main.ecl_erp article table thead{
	
}
main.ecl_erp article table thaed tr{
	
}
main.ecl_erp article table thaed tr th{
	
}
main.ecl_erp article table tbody{
	
}
main.ecl_erp article table tbody tr{
	
}
main.ecl_erp article table tbody tr th{
	width: 14%;
}
main.ecl_erp article table tbody tr td{
	width: 36.5%;
	padding-left: 80px;
}
main.ecl_erp article table tbody tr td span{
	font-size: 14px;
}

.ico_circle{
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_circle.png') left 40px center no-repeat;
}
.ico_triangle{
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_triangle.png') left 40px center no-repeat;
}
.ico_cross{
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/ico_cross.png') left 40px center no-repeat;
}

/* ===== START /enterprise-cloud/scene/ ===== */
main.ecl_scene section.ecl_sec#ecl_scene_head{
	text-align: center;
	padding: 0;
	margin: 0;
}
main.ecl_scene section.ecl_sec#ecl_scene_head h1{
	display: block;
	font-size:18px;
	margin-bottom: 5px;
}
main.ecl_scene section.ecl_sec#ecl_scene_head h1 span{
	font-size:30px;
}
main.ecl_scene section.ecl_sec#ecl_scene_head h4{
	font-size: 16px;
	font-weight: normal;
	color: #333;
	border-top: solid 1px #ccc;
	display: inline-block;
	padding: 5px 20px 0 20px;
	margin: 0;
}
main.ecl_scene section.ecl_sec#overview{

}
main.ecl_page section.ecl_sec .lssue-effect div.column,
main.ecl_scene section.ecl_sec#overview div.column{
	display: table;
	border-collapse: separate;
	border-spacing: 40px 0;
	height: 100%;
	overflow: hidden;
	background: url('/content/dam/nttcom/hq/jp/business/services/cloud/iaas/enterprise-cloud/img/scene_arrow.png') center no-repeat;
	margin: 50px auto;
}
main.ecl_page section.ecl_sec .lssue-effect div.column h5,
main.ecl_scene section.ecl_sec#overview div.column h5{
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
}
main.ecl_page section.ecl_sec .lssue-effect div.column h5 ul,
main.ecl_scene section.ecl_sec#overview div.column h5 ul{

}
main.ecl_page section.ecl_sec .lssue-effect div.column h5 ul li,
main.ecl_scene section.ecl_sec#overview div.column h5 ul li{

}
main.ecl_page section.ecl_sec .lssue-effect div.column div.lssue,
main.ecl_page section.ecl_sec .lssue-effect div.column div.effect,
main.ecl_scene section.ecl_sec#overview div.column div.lssue,
main.ecl_scene section.ecl_sec#overview div.column div.effect{
	width: 49.5%;
	display: table-cell;
	font-size:15px;
	border: solid 6px #3cf;
	padding: 20px;
	margin: 0 20px;
}
main.ecl_page section.ecl_sec .lssue-effect div.column div.lssue,
main.ecl_scene section.ecl_sec#overview div.column div.lssue{
	border-color: #ccc;
	/* margin: 0 20px 20px 0; */
}

main.ecl_page section.ecl_sec .lssue-effect div.column div.effect,
main.ecl_scene section.ecl_sec#overview div.column div.effect{}

main.ecl_page section.ecl_sec .lssue-effect div.column div.lssue ul,
main.ecl_page section.ecl_sec .lssue-effect div.column div.effect ul,
main.ecl_scene section.ecl_sec#overview div.column div.lssue ul,
main.ecl_scene section.ecl_sec#overview div.column div.effect ul{
	list-style: disc;
}
main.ecl_page section.ecl_sec .lssue-effect div.column div.lssue ul li,
main.ecl_page section.ecl_sec .lssue-effect div.column div.effect ul li,
main.ecl_scene section.ecl_sec#overview div.column div.lssue ul li,
main.ecl_scene section.ecl_sec#overview div.column div.effect ul li{
	padding: 5px 0;
	margin-left: 20px;
}
main.ecl_scene section.ecl_sec#feature{

}
main.ecl_scene section.ecl_sec#consider{

}
main.ecl_scene section.ecl_sec#case{

}
main.ecl_scene section.ecl_sec#case article{
	height: 100%;
	overflow: hidden;
	background: #f1f1f1;
	border-radius: 20px;
	padding: 50px;
}
main.ecl_scene section.ecl_sec#case article ul.dir1{

}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1{
	float: left;
	width: 32%;
	margin-right: 5px;
}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2{
	position: relative;
}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2 li.dir2{
	
}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2 li.dir2.attr_img{
	display: table-cell;
	width: 200px;
	height: 200px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2 li.dir2.attr_img a{

}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2 li.dir2.attr_h{

}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2 li.dir2.attr_p{
	width: 200px;
	font-size: 14px;
}
main.ecl_scene section.ecl_sec#case article ul.dir1 li.dir1 ul.dir2 li.dir2.attr_p span{
	display: inline-block;
	font-weight: bold;
	margin: 10px 0;
}
/* ===== END /enterprise-cloud/scene/ ===== */

/* ===== START js accordion ===== */
main.ecl_home #ecl_case_list_tgl.active{font-size:0;}
main.ecl_home #ecl_case_list_tgl.active::before{content:'＋';font-size:16px;transform:rotate(45deg);display:inline-block;margin-right:10px;}
main.ecl_home #ecl_case_list_tgl.active::after{content:'閉じる';font-size:16px;}
main.ecl_home #service_lineup_tgl.active{font-size:0;}
main.ecl_home #service_lineup_tgl.active::before{content:'＋';font-size:16px;transform:rotate(45deg);display:inline-block;margin-right:10px;}
main.ecl_home #service_lineup_tgl.active::after{content:'閉じる';font-size:16px;}
main.ecl_home #ecl_case_list2{display:none;}
main.ecl_home #service_lineup{display:flex;flex-wrap:wrap;}
main.ecl_home #service_lineup > *{flex:1;}
main.ecl_home #service_lineup .dir3{display:none;}

main.ecl_event #ecl_event_list_tgl.active{font-size:0;}
main.ecl_event #ecl_event_list_tgl.active::before{content:'＋';font-size:16px;transform:rotate(45deg);display:inline-block;margin-right:10px;}
main.ecl_event #ecl_event_list_tgl.active::after{content:'閉じる';font-size:16px;}
main.ecl_event #ecl_event_list1,main.ecl_event #ecl_event_list2{overflow:hidden;}
main.ecl_event #ecl_event_list2{display:none;}

main.ecl_report #ecl_report01_list1,
main.ecl_report #ecl_report02_list1,
main.ecl_report #ecl_report03_list1,
main.ecl_report #ecl_report04_list1,
main.ecl_report #ecl_report01_list2,
main.ecl_report #ecl_report02_list2,
main.ecl_report #ecl_report03_list2,
main.ecl_report #ecl_report04_list2{overflow:hidden;}
main.ecl_report #ecl_report01_list2,
main.ecl_report #ecl_report02_list2,
main.ecl_report #ecl_report03_list2,
main.ecl_report #ecl_report04_list2{display:none;}
main.ecl_report #ecl_report01_list_tgl.active,
main.ecl_report #ecl_report02_list_tgl.active,
main.ecl_report #ecl_report03_list_tgl.active,
main.ecl_report #ecl_report04_list_tgl.active{font-size:0;}
main.ecl_report #ecl_report01_list_tgl.active::before,
main.ecl_report #ecl_report02_list_tgl.active::before,
main.ecl_report #ecl_report03_list_tgl.active::before,
main.ecl_report #ecl_report04_list_tgl.active::before{content:'＋';font-size:16px;transform:rotate(45deg);display:inline-block;margin-right:10px;}
main.ecl_report #ecl_report01_list_tgl.active::after,
main.ecl_report #ecl_report02_list_tgl.active::after,
main.ecl_report #ecl_report03_list_tgl.active::after,
main.ecl_report #ecl_report04_list_tgl.active::after{content:'閉じる';font-size:16px;}
/* ===== END js accordion ===== */



@media screen and (max-width:980px) {
    figure.ecl_img img,
    section.ecl_sec aside,
    main.ecl_page section.ecl_sec article,
    main.ecl_page section.ecl_sec#event h4,
    main.ecl_page section.ecl_sec#report h4,
    main.ecl_home section#case ul.entries,
    main.ecl_page.ecl_nothome section.ecl_sec article,
    main.ecl_page.ecl_nothome.ecl_event section.ecl_sec article,
    main.ecl_page.ecl_nothome nav#ecl_utilizing,
    main.ecl_page nav#ecl_support-service article,
    main.ecl_page nav#ecl_support-service article ul.dir1,
    main.ecl_page nav#ecl_support-service article li.attr_h a,
    main.ecl_page section.ecl_sec .lssue-effect div.column div.lssue,
    main.ecl_page section.ecl_sec .lssue-effect div.column div.effect,
    main.ecl_scene section.ecl_sec#overview div.column div.lssue,
    main.ecl_scene section.ecl_sec#overview div.column div.effect,
    section#ecl_sitemap nav{
	    width: 100%;
	   }
    main.ecl_home section#case ul.entries li.entry{
    	margin: 0 10px;
    }
    main.ecl_page nav#ecl_utilizing{
    	width:100%;
    }
    main.ecl_page nav#ecl_utilizing h4{
    	margin-left: 0;
    }
    main.ecl_page nav#ecl_utilizing ul li{
    	margin: 0 50px 25px 0;
    }
    section#ecl_sitemap{
    	padding: 50px 20px;
    }
}
@media screen and (max-width:768px) {
	main.ecl_ondemand section.ecl_head div.ecl_dx_img h1{
		font-size: 28px;
	}
	main.ecl_page.ecl_ondemand div#ecl_ondemand_top_img::before{
		left: -630px;
	}
	main.ecl_dx section.ecl_head div.ecl_dx_img, main.ecl_dx div.ecl_dx_img{
		overflow: hidden;
	}
	
    main.ecl_page section.ecl_sec .column2 .column,
    main.ecl_page section.ecl_sec .column3 .column{
        float: none;
        width: 100%;
    }

    main.ecl_page div.secondSection ul.entries{
    	text-align: center;
    }
	main.ecl_page div.firstSection ul.entries li.entry{
		text-align: left;
        margin-bottom: 50px;
	}
	
	main.ecl_page section#features article.art1{
		height: 553px;
		background-position: center 80px;
	}
    main.ecl_page section#features article h4{
    }
    main.ecl_page section#features article.art1 p{
    	float: right;
	    padding: 110px 10px 0 170px;
    }
    main.ecl_page section#features article.art1 p br{
    	display: none;
    }
    main.ecl_page section#features article.art2{
	    height: 640px;
    }
    main.ecl_page section#features article.art2 div.wrap{
	    width: 100%;
	    padding-right: 40px;
	    margin: 50px 0 0 20px;
    }
    main.ecl_page section#features article.art2 div.wrap div.mov{
    	margin-top: 470px;
    	text-align: center;
    }
    main.ecl_page section#features article.art2 div.wrap div.mov iframe{
    	width: 330px;
    	height: 186px;
    }
    main.ecl_page section#features article.art3{
    	height: 890px;
    	background-position: bottom left -330px;
    }
    main.ecl_page section#features article.art3 div.wrap{
    	padding: 370px 0 0 140px;
    }
    main.ecl_page section#features article.art3 div.wrap ul li dl{
	    margin: 0 20px 20px 0;
    }
    main.ecl_page section#features article.art3 div.wrap ul li dl br{
    	display: none;
    }
    main.ecl_page section#features article.art3 div.wrap ul li dl dt{
	    width: 100%;
    	font-size: 13px;
    }
    main.ecl_page section#features article.art3 div.wrap ul li dl dd{
    	font-size: 12px;
    }


    main.ecl_page nav#ecl_utilizing ul li{
    	float: none;
    	margin-right: 0;
    }
    main.ecl_page nav#ecl_utilizing ul li br{
    	display: none;
    }
    main.ecl_page nav#ecl_support-service h4{
    	font-size: 18px;
    }
	main.ecl_page nav#ecl_support-service article{
	    
	}
	main.ecl_page nav#ecl_support-service article ul.dir1 li.dir1{
		width: 32%;
	}
	main.ecl_page nav#ecl_support-service article li.attr_h{
		font-size: 15px;
	}
	main.ecl_page nav#ecl_support-service article li.attr_p,
	main.ecl_page nav#ecl_support-service article li.attr_tag{
		font-size: 14px;
	}
	main.ecl_page nav#ecl_support-service article li.attr_h br,
	main.ecl_page nav#ecl_support-service article li.attr_p br{
		display: none;
	}


    main.ecl_page section#pickup,
    main.ecl_page nav#ecl_utilizing,
	main.ecl_page nav#ecl_support-service article,
	main.ecl_page section.ecl_sec#event,
	main.ecl_page section.ecl_sec#report,
	main.ecl_page section.ecl_sec#movie,
	main.ecl_page section.ecl_sec#link{
		padding: 0 20px 0 20px;
	}
	main.ecl_page section.ecl_sec#event ul.entries li.entry,
	main.ecl_page section.ecl_sec#report ul.entries li.entry{
		margin:0 0 50px 0;
	}

	main.ecl_page.ecl_home section#service article div.column p{
		margin-bottom: 20px;
	}
	main.ecl_page.ecl_home section#service article div.column p,
	main.ecl_page.ecl_home section#service article div.column div.more{
		float: none;
		width: auto;
	}
	main.ecl_home #service_lineup{
		display:inline;
	}
	main.ecl_page section#service li.dir1{
		float: none;
	}
	main.ecl_page section.ecl_sec#banner article{
		width: 100%;
	}
	main.ecl_page section#banner article ul.entries li.entry img{
		width: 440px;
	}
}
@media screen and (max-width:480px) {
	
}