@charset "UTF-8";

/* ここから*/

#sdpf { font-size:16px; font-family: 'Noto Sans JP', sans-serif!important; -webkit-text-size-adjust: 100%; overflow-x: hidden; color: #4f4f4f; }
#sdpf .en { font-family: 'PT Sans', sans-serif; }

.ContactUsButtonHQJp { display: none; }
.no_player#player{ display: none !important; }

/* layout
**************************************************************************************************************************/
#sdpf .is_pc { display:none!important; }

/* common
**************************************************************************************************************************/
#sdpf .pagetitle { width: 100%; height: 68vw; position: relative; }
#sdpf.factory .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/factory/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.workstyle .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/workstyle/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.education .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/education/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.cx .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/cx/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.city .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/city/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.mobility .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/mobility/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.healthcare .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/healthcare/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.construction .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/construction/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf .pagetitle .pagetitle-inner { width: 100%; text-align: center;  position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; }
#sdpf .pagetitle .label { }
#sdpf .pagetitle .label::after { content: ''; display: block; width: 30px; height: 2px; background: #fff; margin: 18px auto 18px auto; }
#sdpf .pagetitle .label img { height: 18px; width: auto;}
#sdpf .pagetitle h1 { color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 0.8em; }
#sdpf .pagetitle .lead { font-size: 14px; line-height: 1.8; margin-bottom: 0; }
#sdpf .descript { padding: 0 16px; }
#sdpf .descript .imgtxt { margin-bottom: 4em; }
#sdpf .descript .imgtxt .img { margin-bottom: 40px; }
#sdpf .descript .imgtxt .img img { width: 100%; height: auto;}
#sdpf .descript .imgtxt .txt { }
#sdpf .descript .imgtxt .txt p { font-size: 14px; color: #4f4f4f; line-height: 1.9; margin-bottom: 1em; }
#sdpf .area-platform { padding: 0 16px; margin-bottom: 5em; }
#sdpf .platforms { }
#sdpf .platforms .platform {clear: both;margin-bottom: 10px;}
#sdpf .platforms a {
	display: block;
	text-decoration: underline;
}
#sdpf .platforms a:hover .imgtxt .txt h3,
#sdpf .platforms a:hover .imgtxt .txt p {
	text-decoration: none;
	color: #CC023A;
}
#sdpf .platforms .imgtxt { margin-bottom: 1.5em; }
#sdpf .platforms .imgtxt .img { margin-bottom: 0.8em; }
#sdpf .platforms .imgtxt .img.img-border{ border:1px solid #ddd; }
#sdpf .platforms .imgtxt .img img { width: 100%; height: auto; }
#sdpf .platforms .imgtxt .txt { }
#sdpf .platforms .imgtxt .txt h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.7em;
}
#sdpf .platforms .imgtxt .txt h4 { font-size: 16px; font-weight: bold; }
#sdpf .platforms .imgtxt .txt a { text-decoration: underline; }
#sdpf .platforms .imgtxt .txt a:hover { color: #CC023A; }
#sdpf .platforms .imgtxt .txt p a::before { content: "\025b6"; margin-right: 4px; font-size: 10px; vertical-align: middle; }
#sdpf .platforms .imgtxt .txt p {
	font-size: 14px;
	color: #333;
	line-height: 1.8;
}
#sdpf .platforms .imgtxt .txt .mov p { line-height: 1.2; margin-top: 3px; }
#sdpf .platforms .imgtxt .txt .mov p small { font-size: 12px; }
#sdpf .platforms .imgtxt .column2,
#sdpf .platforms .imgtxt .column2 .column { height:100%; overflow: hidden; }
#sdpf .platforms .imgtxt .column2 h4 { font-size: 16px; font-weight: bold; line-height: 1.5;  margin: 0 0 10px 0; }
#sdpf .platforms .imgtxt .column2 .mov { position: relative; width: 320px; margin: 10px auto 30px; }
#sdpf .platforms .imgtxt .column2 .mov a::after { content: ''; display: block; width: 80px; height: 80px; position: absolute; top: 50px; left: 120px; background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/common/icon_play_80.png) no-repeat; }
#sdpf .platforms .imgtxt .column2 .mov a:hover::after { top: 50px; left:120px; transform: scale(1.05, 1.05); }
#sdpf .area-case { padding: 0; margin-bottom: 3em; }
#sdpf .cases { padding:0 16px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#sdpf .cases .case { width: 49%; margin-bottom: 4%; }
#sdpf .cases .case a { display: block; color: #08357f; }
#sdpf .cases .case a:hover .txt h3 {
	text-decoration: none;
	color: #CC023A;
}

#sdpf .cases .case a:hover .txt h3 img {
	display: none;
}

#sdpf .cases .case a:hover .txt h3::after {
	display: inline-block;
}


#sdpf .cases .imgtxt { }
#sdpf .cases .img { margin-bottom: 0.6em; }
#sdpf .cases .img p { }
#sdpf .cases .img img { width: 100%; height: auto; }
#sdpf .cases .txt { }
#sdpf .cases .txt h3 {
	font-size: 16px;
	margin-bottom: 0.4em;
	line-height: 1.5;
	text-decoration: underline;
}
#sdpf .cases .txt h3::after {
	content: '';
	display: none;
	width: 13px;
	height: 13px;
	background-image: url(/content/dam/nttcom/hq/jp/about-us/img/icon_new_window_red.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0 0 6px;
	position: relative;
	top: 2.5px;
}
#sdpf .cases .txt h3 img { width: 13px; height: 13px; margin: 0 0 0 6px; }
#sdpf .cases .txt p {  font-size: 14px; color: #4f4f4f; line-height: 1.8;  }
#sdpf.city .descript .imgtxt:nth-of-type(1) .txt { margin-bottom: 2em; }

.bg-none { background: none; }

/* parts
**************************************************************************************************************************/
#sdpf .hl01 { text-align: center; margin-bottom: 30px; line-height: 1.47; }
#sdpf .hl01 .label { font-size: 14px; font-weight: bold; color: #CC023A; letter-spacing: 0.1em; }
#sdpf .hl01 .label::after { content: ''; display: block; width: 60px; height: 2px; background: #D3D3D3; margin: 15px auto 18px auto; }
#sdpf .hl01 .ttl { display: block; font-size: 21px; font-weight: bold; color: #000; }

@media screen and (min-width: 769px) {
	#sdpf .bg01 {
		background: #fff; /*#eef8fe;*/
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_3.svg);
		background-repeat: no-repeat;
		background-size: 812.03px 670.09px;
		background-position: -446px -116px;
	}
}
#sdpf .hl02 { font-size: 21px; font-weight: bold; line-height: 1.47; text-align: center; margin-bottom: 25px; }
#sdpf .hl03 { font-size: 21px; font-weight: bold; line-height: 1.7; text-align: left; color: #000000 !important; margin-bottom: 0.6em; }
#sdpf .hl03.center { text-align: center; }
#sdpf .hl04 { font-size: 21px; font-weight: bold; line-height: 1.7; text-align: center; color: #000000; margin: 1em;}
#sdpf .hl04 small { display: block; font-weight: normal; font-size: 12px; }
#sdpf .hl05 { font-size: 21px; font-weight: bold; line-height: 1.47; text-align: center; margin-bottom: 25px; }
#sdpf .hl05::after { content: ''; display: block; width: 60px; height: 2px; background: #D3D3D3; margin: 15px auto 18px auto; }

/* top
**************************************************************************************************************************/
/* #sdpf .kv { color: #fff; padding: 0; position: relative; height: 375px; overflow: hidden; } */
#sdpf .kv { padding: 0; position: relative; height: auto; overflow: hidden; }
/* #sdpf .kv .kv-txt { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; z-index: 3; } */
/* #sdpf .kv h1 { color: #fff; font-weight: bold; font-size: 28px; line-height: 1.4; margin-bottom: 1em; } */
#sdpf .kv h1 { color: #fff; font-weight: bold; font-size: 28px; line-height: 1.4; }
#sdpf .kv h1 small { font-size: 16px; }
#sdpf .kv h1 img { width: 100%; max-width: 750px; height: auto; }
#sdpf .kv .lead { font-size: 16px; font-weight: bold; text-align: center;}
#sdpf .kv video { height: 120%; width: auto; }
/* #sdpf .kv::after { content: ''; display: block; width: 100%; height: 100%; background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/kv_shadow_sp.png) 50% 50% no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: 2;} */
#sdpf .outline { color: #000; padding: 50px 16px; margin-bottom: 50px; text-align: center; }
#sdpf.detail .outline { padding-top: 40px; padding-bottom: 30px; margin-bottom: 0; }
#sdpf .outline h2 { font-size: 21px; font-weight: bold; margin-bottom: 1.2em; line-height: 1.47; }
#sdpf .outline sup { }
#sdpf .outline p { line-height: 1.85; font-weight: lighter; margin-bottom: 0.6em; }
#sdpf .outline p:last-of-type { margin-bottom: 0; }
#sdpf .outline .area-banners { display: block; padding: 16px; margin-bottom: 75px; }
#sdpf .outline .area-banners .area-banner-item { margin: 0; padding: 16px 0; text-align: center; }
#sdpf .outline .area-banners img { width: 100%; max-width: 500px; height: auto; }
#sdpf .outline .area-banners:not(:last-of-type) {
  margin-bottom: 0;
  padding-bottom: 0;
}

#sdpf .outline .area-banners .area-banner-item-wide img {
  max-width: calc(1000px + 5%);
}

@media screen and (max-width: 768px) {
  #sdpf .outline .area-banners .area-banner-item-wide img {
    max-width: 500px;
  }
}

#sdpf .outline .area-banner-item.area-banner-item-wide:first-child {
  margin: 0;
  padding-bottom: 0;
}

#sdpf .solutions { padding:0 16px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 75px; }
#sdpf .solutions .slick-list { overflow: visible; }
#sdpf .solutions .slick-slide { margin-right: 16px;}
#sdpf .solutions .solution { box-shadow: 0px 0px 10px 2px rgba(4, 0, 0, 0.14);  width: 49%; margin-bottom: 2%; background: #fff; }
#sdpf .solutions a { display: block; }
#sdpf .solutions .imgtxt { position: relative; }
#sdpf .solutions .imgtxt .img { overflow: hidden; /*height: 17vw; min-height:100px;  max-height:200px;*/}

#sdpf .solutions .imgtxt .img p { }
#sdpf .solutions .imgtxt .img p img { width: 100%; }
#sdpf .solutions .imgtxt .txt { padding: 16px; }
#sdpf .solutions .imgtxt .txt dl { }
#sdpf .solutions .imgtxt .txt dt { text-align: center; position:absolute; top: 3vw; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; }

#sdpf .solutions .imgtxt .txt dt::after { content: ''; /*display: block;*/ width: 30px; height: 2px; background: #fff; margin: 15px auto; display: none; }
#sdpf .solutions .imgtxt .txt dt img { height: 38px; width: auto; margin: 0 auto; }
#sdpf .solutions .imgtxt .txt dt img.triple { height: 54px; position: relative; top: -2vw; }
#sdpf .solutions .imgtxt .txt dt span { display: none; }
#sdpf .solutions .imgtxt .txt dd { font-size: 14px; line-height: 2; }
#sdpf .solutions .solution.top { box-shadow: none; width: 100%; padding: 0px 0px; margin: 0; margin-top: 6%; text-align: center; }
#sdpf .solutions .solution.top a { color: #CC023A; display: block; padding: 3vw 4vw; border: 1px solid #CC023A; font-size: 16px; font-weight: bold; line-height: 1.5; }

#sdpf .area-value { padding: 60px 16px 50px 16px; }
#sdpf .lead { margin-bottom: 35px; }
#sdpf .lead.co { margin-top: 60px; padding-top: 60px; border-top: 1px solid #dcdcdc; }
#sdpf .lead .img { }
#sdpf .lead.sdp .img { margin-bottom: 45px; }
#sdpf .lead.co .img { margin-top: 45px; }
#sdpf .lead .img p { }
#sdpf .lead .img img { width: 100%; height: auto; }
#sdpf .lead .txt { }
#sdpf .lead .txt h3 { font-size: 21px; color: #000; font-weight: bold; line-height: 1.33; margin-bottom: 16px; }
#sdpf .lead .txt h3 small { font-size: 13px; display: block; margin-bottom: 20px;}
#sdpf .lead .txt p { font-size: 16px; line-height: 1.8; }
#sdpf .lead .more { margin-top: 30px; }
#sdpf .lead .more a { color: #000; text-decoration: underline; font-weight: bold; line-height: 1; }
#sdpf .lead .more a:hover { color: #CC023A; }
#sdpf .platform .more { text-align: right; font-weight: bold; line-height: 1; text-decoration: underline; }
#sdpf .functions { padding:0; display: flex; justify-content: space-between; flex-wrap: wrap; }
#sdpf .functions .slick-list { overflow: visible; }
#sdpf .functions .slick-slide { margin-right: 16px;}
#sdpf .functions .function { background: #fff; width: 49%; margin-bottom: 2%; }
#sdpf .functions .function:nth-of-type(1) { border: 2px solid #8ed0f8; }
#sdpf .functions .function:nth-of-type(2) { border: 2px solid #eacc04; }
#sdpf .functions .function:nth-of-type(3) { border: 2px solid #9cd178; }
#sdpf .functions .function:nth-of-type(4) { border: 2px solid #e7796a; }
#sdpf .functions .function:nth-of-type(5) { border: 2px solid #e7796a; }
#sdpf .functions .imgtxt { }
#sdpf .functions .img { padding: 32px 16px; text-align: center; min-height: 140px; vertical-align: middle; width: 100%; position: relative; }
#sdpf .functions .img p { }
#sdpf .functions .img img { max-width: 120px; max-height: 120px; position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#sdpf .functions .txt { padding: 0 16px 16px 16px; }
#sdpf .functions .txt h4 { font-weight: bold; margin-bottom: 0.8em; }
#sdpf .functions .txt p { font-size: 14px; line-height: 1.8; }

#sdpf .area-pdf {
	padding: 60px 0 35px 0;
}

@media screen and (min-width: 769px) {
	#sdpf .area-topics {
		padding: 60px 0 35px 0;
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_2.svg);
		background-repeat: no-repeat;
		background-size: 591px 714.02px;
		background-position: calc(100% + 591px - 107px) -290px;
	}
}
#sdpf .topics { padding:0 16px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#sdpf .topics .slick-list { overflow: visible; }
#sdpf .topics .slick-slide { margin-right: 16px;}
#sdpf .topics .topic { width: 49%; margin-bottom: 2%; }
#sdpf .topics .topic a { display: block; color: #000; }
#sdpf .topics .tag-sol,
#sdpf .topics .tag-g { }
#sdpf .topics .tag-sol ul,
#sdpf .topics .tag-g ul { line-height: 1.5; }
#sdpf .topics .tag-sol ul li,
#sdpf .topics .tag-g ul li { display: inline-block; color: #fff; font-size: 12px; padding: 5px 6px; margin: 0 3px 3px 0;}
@media all and (-ms-high-contrast: none) {
    #sdpf .topics .tag-sol ul li,
    #sdpf .topics .tag-g ul li { padding: 5px 6px 2px; }
    #sdpf .topics .tag-g { margin-bottom: 2px; }
}
#sdpf .topics .tag-sol ul li { background: #CC023A; }
#sdpf .topics .tag-g ul li {background: #4C4C4C;}
#sdpf .topics .imgtxt { }
#sdpf .topics .img { margin-bottom: 3px; }
#sdpf .topics .img p { }
#sdpf .topics .img img { width: 100%; height: auto; }
#sdpf .topics .txt { }
#sdpf .topics .txt p {font-size: 16px;line-height: 1.5; text-decoration: underline; }
#sdpf .topics a:hover .txt p {
	color: #CC023A;
	text-decoration: none;
}
#sdpf .topics .txt p .date { display: block; color: #4C4C4C; text-align: right; text-decoration: underline; text-decoration-color: #fff; }

#sdpf .area-news { padding: 0 16px 0 16px; }
#sdpf .area-news .inner { border-top: 1px solid #dcdcdc; padding: 40px 0 60px 0; }
#sdpf .area-news .inner.nobd { border: 0; }
#sdpf .list-news { }
#sdpf .list-news li { margin-bottom: 20px; }
#sdpf .list-news li:last-of-type { margin-bottom: 0; }
#sdpf .list-news .date-category { display: flex; align-items: center; margin-bottom: 5px; }
#sdpf .list-news .date-category .date { font-size: 16px; width: 120px; }
#sdpf .list-news .date-category .category { }
#sdpf .list-news .date-category .category span { font-size: 12px; color: #fff; background: #CC023A; display: inline-block; padding: 3px 12px; border-radius: 20px; font-weight: bold;}
#sdpf .list-news .ttl { display: block; font-size: 16px; line-height: 1.9; width:100%;}
#sdpf .list-news a { color: #000; text-decoration: underline; }
#sdpf .list-news a:hover { color: #CC023A; }


/* education
**************************************************************************************************************************/
#sdpf.education .activity_list li + li{margin-top:60px;}
#sdpf.education .activity_list .txt .hl04{font-size:28px;line-height:1.28;margin-bottom:20px}
#sdpf.education .activity_list .txt .num{display:block;color:#cc0033;font-size:24px;font-weight:700;margin-bottom:10px;font-family:FrutigerNeueLTW10-Regul,FrutigerNeueW01-Regular,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Helvetica,sans-serif}
#sdpf.education .activity_list .txt .num small{font-size:15px;margin-right:10px;font-weight:700}
#sdpf.education .activity_list .txt .num > *{display:inline-block;vertical-align:middle}
#sdpf.education .activity_list .txt p{font-size:16px;line-height:1.75;margin:0}
#sdpf.education .activity_list .txt > *{text-align:left}
#sdpf.education .activity_list .hl04{margin:0}
#sdpf.education .activity_list + .bnr{background:#f0f5f6;max-width: 820px;margin-right: auto;margin-left: auto; margin-top:90px;border-radius: 8px;overflow: hidden;}
#sdpf.education .activity_list + .bnr a{pointer-events:auto;backface-visibility:inherit}
#sdpf.education .activity_list + .bnr .img{margin:0}
#sdpf.education .activity_list + .bnr .txt{padding:20px 30px 10px}
#sdpf.education .activity_list + .bnr .txt .hl04{font-size:20px;line-height:1.2;margin:0 0 10px;text-align:left}
#sdpf.education .activity_list + .bnr .txt p{font-size:14px;letter-spacing:.04em}
#sdpf.education .activity_list + .bnr .txt .arrow{text-align:right;padding-right:24px;background:url(/content/dam/nttcom/hq/jp/business/dx/smart/img/education/arrow.png) right 50% / 16px 14px no-repeat;font-weight:700}

#sdpf .area-platform .divied4{display:flex;width:100%;flex-wrap:wrap;margin-bottom:1em}
#sdpf .area-platform .divied4 li{flex-wrap:initial;flex: 1;text-align:left;position:relative;margin:0 1.42em 1.42em 0}
#sdpf .area-platform .divied4 li:nth-of-type(4n){margin-right:0}
#sdpf .area-platform .divied4 .thumb{width:100%}
#sdpf .area-platform .divied4 li .textArea{padding:1.1em 1.3em 60px;background:#e7edef;}
#sdpf .area-platform .divied4 a{color:#000;display:block}
#sdpf .area-platform .divied4 a:after{pointer-events:none;content:"";position:absolute;width:100%;height:100%;background:#fff;opacity:0;top:0;left:0;transition:opacity .16s}
#sdpf .area-platform .divied4 a:hover:after{opacity:.3}
#sdpf .area-platform .divied4 a:hover .detail,#sdpf .area-platform .divied4 a:hover .pdf{color:#c03}
#sdpf .area-platform .divied4 .tab{background:#fff;display:inline-block;border:#959595 1px solid;font-size:.8em;letter-spacing:.1em;font-weight:400;padding:.2em .8em 0;margin-bottom:.6em;margin-right:1em}
#secCasestudy .divied4 .tab:nth-of-type(3){margin-right:0}
#sdpf .area-platform .divied4 h4{font-weight:700;font-size:1.28em;line-height:1.5;margin-bottom:.2em;min-height:2.4em}
#sdpf .area-platform .divied4 h4.small{font-size:1.15em}
#sdpf .area-platform .divied4 h5{font-size:1.06em;line-height:1.35;margin:.2em 0 .9em;min-height:2.7em}
#sdpf .area-platform .divied4 li p{text-align:justify;font-feature-settings:palt;letter-spacing:.03em}
#sdpf .area-platform .divied4 .detail{position: absolute;right: 1.5em;bottom: 1em;padding-right: 40px;}
#sdpf .area-platform .divied4 .detail:before,#sdpf .area-platform .divied4 .detail:after{content:"";border-bottom:#ca0a37 1px solid;width:1.75em;position:absolute;bottom:.45em;right:0;margin-right:.1em}
#sdpf .area-platform .divied4 .detail:after{transform:rotate(45deg);transform-origin:100% 0;width:.9em}
#sdpf .area-platform .divied4.slick2 ul.slick-dots{margin:0 0 1.6em}
#sdpf .area-platform ul.slick-dots li{display:inline-block;width:1em!important;float:none;padding:0;min-height:0}
#sdpf .area-platform .slick-dots li button{width:1em;height:1em}
#sdpf .area-platform .slick-dots li.slick-active button:before{background-color:#c03}
#sdpf .area-platform .slick-dots li button:before{content:'';font-family:'slick';position:absolute;top:0;left:0;width:1em;height:1em;background:#ccc;font-size:2.3vw;line-height:20px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;text-align:center;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#sdpf.education .area-platform .btn{ width: 100%; margin-top: 40px;text-align: center}
#sdpf.education .area-platform .btn a{padding:20px 40px;transition:all .6s;font-size:18px;display:inline-block;color:#000;border:1px solid #000;font-weight:700;line-height:1.5}

@media only screen and (min-width: 768px){
	#sdpf.education .activity_list li{position: relative;padding-top: 40px;}
	#sdpf.education .activity_list .txt{width:72.8%;box-shadow: -10px 10px 0px 0px #f0f5f6;background:#fff;padding:0 40px 40px;padding-right: calc(10% + 20px);border-radius: 8px;min-height: 260px;}
	#sdpf.education .activity_list .img{position: absolute;top: 0;right: 6%; z-index: 1;float:right;width:30%;border-radius:6px;overflow:hidden;margin: 0;}
	#sdpf.education .activity_list li:nth-of-type(2n) .txt{margin-left: 27.2%;box-shadow: 10px 10px 0px 0px #f0f5f6;padding-right: 40px;padding-left: calc(10% + 20px);}
	#sdpf.education .activity_list li:nth-of-type(2n) .img{right: inherit;left: 6%;}
	#sdpf.education .activity_list + .bnr a{display:flex;align-items:center;width:100%;height:100%;}
	#sdpf.education .activity_list + .bnr .img{width:48.78%;}
	#sdpf.education .activity_list + .bnr .txt{width:51.22%;}
}
@media only screen and (max-width: 767px){
	#sdpf .descript .imgtxt .img{/*max-width:200px;*/margin:0 auto 10px}
	#sdpf.education .activity_list .txt .num{font-size:14px;text-align:center}
	#sdpf.education .activity_list .txt .num small{font-size:14px;margin-right:5px;vertical-align:baseline}
	#sdpf.education .activity_list .txt .hl04{font-size:20px;margin-bottom:10px;text-align:center}
	#sdpf.education .activity_list li + li{margin-top:30px}
	#sdpf.education .activity_list + .bnr{margin-top:40px}
	#sdpf.education .activity_list + .bnr .img {max-width: inherit;}
	
	#sdpf .area-platform .divied4{display:block;margin:1.9em 0 0;margin-left:-2.27vw;white-space:nowrap;width:100%;font-size:3.733vw;padding-bottom:0}
	#sdpf .area-platform .divied4 .slick-list{overflow:visible}
	#sdpf .area-platform .divied4 li{width:43.07vw!important;padding:0 2.27vw;box-sizing:content-box;min-height:0;white-space:normal;display:inline-block;vertical-align:top;background:none;float:none;margin:0}
	#sdpf .area-platform .divied4 li .textArea{padding:.8em 1em}
	#sdpf .area-platform .divied4 .tab{border-width:1px;font-size:.56em;letter-spacing:.05em;padding:0 .7em;margin-bottom:.7em;margin-right:.7em}
	#sdpf .area-platform .divied4 h4{font-size:1.18em;line-height:1.3;margin-bottom:.4em}
	#sdpf .area-platform .divied4 h5{font-size:.8em;line-height:1.35;margin:.2em 0 .9em;min-height:0}
	#sdpf .area-platform .divied4 li p{letter-spacing:.03em;font-size:.8em;line-height:1.55;margin-bottom:2.1em}
	#sdpf .area-platform .divied4 li:nth-of-type(n+5) h4{min-height:2.4em}
	#sdpf .area-platform .divied4 h4.small{font-size:.9em}
	#sdpf .area-platform .divied4 .detail{right:1.5em;bottom:1em}
	#sdpf.education .area-platform .btn{margin-top:10px}
	#sdpf.education .area-platform .btn a{width:100%;padding:10px 20px;font-size:15px}
	#sdpf .area-platform .divied4 .slick-dots{text-align:center;margin:20px 0 0;margin-right:-5vw}
	#sdpf .area-platform .divied4 .slick-dots li.slick-active button:before{background-color:#c03}
	#sdpf .area-platform .divied4 .slick-dots li button{width:1em;height:1em;border:none;background:none;font-size:0}
	#sdpf .area-platform .divied4 .slick-dots li:after{display:none}
	#sdpf .area-platform .divied4 .slick-dots li button:before{font-size:2.3vw;line-height:20px;width:1em;height:1em;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
	#sdpf .area-platform .divied4 .slick-dots.small li button:before{width:.7em;height:.7em}
	#sdpf .area-platform .divied4 .slick-next:before,#sdpf .area-platform .divied4 .slick-prev:before{display:none}
	#sdpf .area-platform .divied4 .slick-prev,#sdpf .area-platform .divied4 .slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:30px;height:30px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;background:url(/content/dam/nttcom/hq/jp/business/dx/smart/img/education/arrow_slider_next.png) no-repeat;right:-5vw;background-size:contain!important;transition:opacity .4s;outline:none!important;z-index:1}
	#sdpf .area-platform .divied4 .slick-prev{background:url(/content/dam/nttcom/hq/jp/business/dx/smart/img/education/arrow_slider_prev.png) no-repeat;right:auto;left:-1.6vw}
	#sdpf .area-platform .divied4 .slick-disabled{opacity:0}
}

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

@media screen and (min-width: 769px) {

	#sdpf .is_pc { display:block!important; }
	#sdpf .is_sp  { display:none!important; }

	/* override
	**************************************************************************************************************************/
	.sectioning_layout-inner { width: auto; }

	/* common
	**************************************************************************************************************************/
	#sdpf .pagetitle { height: 310px; }
	#sdpf.factory .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/factory/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.workstyle .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/workstyle/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.education .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/education/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.cx .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/cx/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.city .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/city/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.mobility .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/mobility/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.healthcare .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/healthcare/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.construction .pagetitle  { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/construction/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf .pagetitle .pagetitle-inner { }
	#sdpf .pagetitle .label { }
	#sdpf .pagetitle .label::after { margin: 22px auto 22px auto; }
	#sdpf .pagetitle .label img { height: 28px; width: auto;}
	#sdpf.education .pagetitle .label img { height: 23px; }
	#sdpf.healthcare .pagetitle .label img { height: 23px; }
	#sdpf .pagetitle h1 { font-size: 32px; line-height: 1;  margin-bottom: 0.8em; }
	#sdpf .pagetitle .lead { font-size: 14px; text-align: center; display: block; }
	#sdpf .descript { padding: 0 16px; max-width: 966px; margin: 0 auto; }
	#sdpf .descript .imgtxt { margin-bottom: 6em; }
	#sdpf .descript .imgtxt .img { margin-bottom: 40px; }
	#sdpf .descript .imgtxt .img img { width: 100%; height: auto; }
	#sdpf .descript .imgtxt .txt { }
	#sdpf .descript .imgtxt .txt p { font-size: 16px; color: #4f4f4f; line-height: 1.9; margin-bottom: 1em; }
	#sdpf .descript a { pointer-events: none; }
	#sdpf.factory .descript .imgtxt:nth-of-type(1) { display: flex; justify-content: space-between; align-items: center;  }
	#sdpf.factory .descript .imgtxt:nth-of-type(1) .img { width: 50%; }
	#sdpf.factory .descript .imgtxt:nth-of-type(1) .img img { position: relative; left: -120px; width: 110%;	}
	#sdpf.factory .descript .imgtxt:nth-of-type(1) .txt { width: 50%; }
	#sdpf.factory .descript {
		max-width: none;
		position: relative;
	}
	#sdpf.factory .descript::after {
		content: '';
		top: 0;
		right: 0;
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-image:url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_2.svg);
		background-size: 591px 714.02px;
		background-position:calc(100% + 610px - 107px) 290px;
		background-repeat: no-repeat;
	}
	#sdpf.factory .descript .imgtxt:nth-of-type(1) {
		max-width: 966px;
		margin: 0 auto 6em;
	}
	#sdpf.factory .descript .imgtxt:nth-of-type(2) {
		max-width: 1307.590px;
		margin: 0 auto 6em;
	}
	#sdpf.workstyle .descript .imgtxt:nth-of-type(2) { width: 110%; margin-left: -5%; }
	#sdpf.cx .descript .imgtxt:nth-of-type(1) { display: flex; justify-content: space-between; align-items: center; width: 140%;  }
	#sdpf.cx .descript .imgtxt:nth-of-type(1) .img { width: 40%; }
	#sdpf.cx .descript .imgtxt:nth-of-type(1) .img img { position: relative; width: 130%; margin-left: -30%;}
	#sdpf.cx .descript .imgtxt:nth-of-type(1) .txt { width: 60%; padding-left: 5%; }
	#sdpf.cx .descript .imgtxt:nth-of-type(1) .txt h3 { font-size: 18px; line-height: 2.36; }
	#sdpf.cx .descript .imgtxt:nth-of-type(2) .txt h3 { text-align: center; }
	#sdpf.cx .descript .imgtxt:nth-of-type(2) .txt iframe { text-align: center; }
	#sdpf.cx .descript .imgtxt:nth-of-type(2),
	#sdpf.cx .descript .imgtxt:nth-of-type(3) { width: 140%; margin-left: -20%; }
	#sdpf.city .descript .imgtxt:nth-of-type(1) { }
	#sdpf.city .descript .imgtxt:nth-of-type(1) h3 { text-align: center; }
	#sdpf.city .descript .imgtxt:nth-of-type(1) .txt { text-align: center;}

	#sdpf.city .descript .imgtxt:nth-of-type(1) { width: 140%; margin-left: -20%; }
	#sdpf.city .descript .imgtxt:nth-of-type(2) { width: 140%; margin-left: -20%; }
	#sdpf.mobility .descript .imgtxt:nth-of-type(1) { width: 140%; margin-left: -20%; }
	#sdpf.healthcare .descript .imgtxt:nth-of-type(1) { width: 140%; margin-left: -20%; }
	#sdpf .area-platform { padding: 0 16px; max-width: 966px; margin: 0 auto; margin-bottom: 5em; }
	#sdpf .platforms { display: flex; justify-content: space-between; flex-wrap: wrap; }
	#sdpf .platforms .platform { width: 48.6%; }
	#sdpf .platforms .platform-wide { width: 100%; }
	#sdpf .platforms a { display: block; }
	#sdpf .platforms a:hover .more { text-decoration: none; color: #CC023A; }
	#sdpf .platforms .imgtxt { }
	#sdpf .platforms .imgtxt .img { }
	#sdpf .platforms .imgtxt .img img {  }
	#sdpf .platforms .imgtxt .txt { }
	#sdpf .platforms .imgtxt .txt h3 { }
	#sdpf .platforms .imgtxt .txt p {  }
	#sdpf .platforms .imgtxt .column2 .column{float: left; width: 280px;}
	#sdpf .platforms .imgtxt .column2 .mov { float:right; width:160px; margin:0; }
	#sdpf .platforms .imgtxt .column2 .mov a::after { width: 40px; height: 40px; top: 25px; left: 60px; background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/common/icon_play_40.png) no-repeat; }


	#sdpf .img2 { float:right; width:160px; margin:0; }
	#sdpf .img2 a::after { width: 40px; height: 40px; top: 25px; left: 60px; }



	#sdpf .platforms .imgtxt .column2 .mov a:hover::after { top: 25px; left:60px; transform: scale(1.05, 1.05); }
	#sdpf .platforms .imgtxt .column2 .mov img{ width:160px; }
	#sdpf .area-case {  padding: 0 16px; max-width: 966px; margin: 0 auto; margin-bottom: 3em; }
	#sdpf .cases { padding: 0; justify-content: flex-start; }
	#sdpf .cases .case { width: 31.5%; margin-bottom: 4%; margin-right: 2.75%; }
	#sdpf .cases .case:nth-of-type(3n) { margin-right: 0; }
	#sdpf .cases .case a { display: block; color: #08357f; }
	#sdpf .cases .imgtxt { }
	#sdpf .cases .img { margin-bottom: 0.6em; }
	#sdpf .cases .img p { }
	#sdpf .cases .img img { width: 100%; height: auto; }
	#sdpf .cases .txt { }
	#sdpf .cases .txt h3 { font-size: 16px; margin-bottom: 0.4em; line-height: 1.5; }
	#sdpf .cases .txt p {  font-size: 14px; color: #4f4f4f; line-height: 1.8;  }
	
	

	/* parts
	**************************************************************************************************************************/
	#sdpf .hl01 { margin-bottom: 60px; }
	#sdpf .hl01 .label { font-size: 16px; }
	#sdpf .hl01 .label::after { width: 80px; height: 3px;  margin: 18px auto 26px auto; }
	#sdpf .hl01 .ttl { font-size: 28px; }
	#sdpf .hl02 { font-size: 28px; margin-bottom: 40px; }
	#sdpf .hl03 { font-size: 28px; margin-bottom: 0.8em; }
	#sdpf .hl04 { font-size: 32px; margin: 1em;}
	#sdpf .hl04 small { font-size: 12px; }
	#sdpf .hl05 { font-size: 28px; margin-bottom: 40px; }
	#sdpf .hl05::after {  width: 80px; height: 3px;  margin: 18px auto 26px auto;}

	/* top
	**************************************************************************************************************************/
	/* #sdpf .kv { height: 300px; } */
	#sdpf .kv .kv-txt { }
	/* #sdpf .kv h1 { font-size: 43px; line-height: 1.56; margin-bottom: 0.6em; text-align: left; padding-left: 10%; letter-spacing: -0.02em; } */
	#sdpf .kv h1 small { font-size: 29px; }
	#sdpf .kv .lead { font-size: 27px; text-align: left; padding-left: 10%;}
	#sdpf .kv video { width: 100%; height: auto; }
	/* #sdpf .kv::after { background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/kv_shadow.png) 50% 50% no-repeat; background-size: cover; } */
	/* #sdpf .outline { padding: 80px 16px 0 16px; max-width: 966px; margin:0 auto 80px auto; } */
	
	
	
	#sdpf .kv h1 img { width: 100%; max-width: 100%; }
	#sdpf .outline { padding: 80px 16px 0; max-width: 966px; margin: 0 auto 80px; }

	#sdpf.top-page .outline {
		padding: 60px 67px 0;
		margin: 0 auto;
		padding: 60px 0 0 0;
	}

	#sdpf.construction .outline,
	#sdpf.healthcare .outline,
	#sdpf.mobility .outline,
	#sdpf.top-page .outline {
		max-width: none;
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_1.svg);
		background-repeat: no-repeat;
		background-size: 862.75px 1015.06px;
		background-position: -630px -390px;
	}

	#sdpf.workstyle .outline,
	#sdpf.education .outline,
	#sdpf.cx .outline,
	#sdpf.city .outline,
	#sdpf.factory .outline {
		position: relative;
		max-width: 100%;
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_1.svg);
		background-repeat: no-repeat;
		background-size: 862.75px 1015.06px;
		background-position: -630px -250px;
	}

	#sdpf .area-solutions {
		position: relative;
	}

	#sdpf .outline-list {
		margin: 0 auto;
		max-width: 966px;
	}

	#sdpf.city .outline::after,
	#sdpf.education .outline::after,
	#sdpf.cx .outline::after,
        #sdpf.workstyle .outline::after {
		position: absolute;
		content: '';
		display: block;
		width: 591px;
		height: 714.02px;
		bottom: -420px;
		right: -500px;
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_2.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	#sdpf.city .outline::after {
		bottom: -1580px;
	}
	
	#sdpf.cx .outline::after {
		bottom: -1020px;
	}

	#sdpf.education .outline::after {
		bottom: -1250px;
	}
	#sdpf.construction .outline::after {
		bottom: -2000px;
	}

	#sdpf.detail .outline { margin-bottom: 80px; }
	#sdpf .outline .area-banners { display: flex; justify-content: center; }
	#sdpf .outline .area-banner-item:first-child { margin-right: 5%; }
	#sdpf .outline .area-banner-item:last-child { margin-right: 0; }
	
	
	#sdpf .outline h2 { font-size: 32px; }
	#sdpf .outline sup { }
	#sdpf .outline p { line-height: 2; }

	#sdpf .solutions {padding: 0;width: 100%;margin-bottom: 0;display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start; }
	#sdpf .solutions .slick-list { overflow: visible; }
	#sdpf .solutions .slick-slide { margin-right: 0;}
	#sdpf .solutions .solution { box-shadow: none; width: 25%; background: none; margin-bottom: 0; }
	#sdpf.detail .solutions .solution {  margin-bottom: 0; }
	/*#sdpf.detail .solutions .solution:not(.top) { background-color: #000; }*/
	#sdpf .solutions a { display: block; }

	#sdpf .solutions .imgtxt { position: relative; }
	#sdpf .solutions .imgtxt .img { overflow: hidden; height: auto; }
	#sdpf .solutions .imgtxt .img p { }
	#sdpf .solutions .imgtxt .img p img { width: 100%; position: relative; z-index: 1; -webkit-transition: all 0.6s; transition: all 0.6s; margin-top: 0;}
	#sdpf .solutions .imgtxt .img::after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0 ; left: 0; background: #000; opacity: 0.16; z-index: 2; -webkit-transition: all 0.6s; transition: all 0.6s; }
	#sdpf .solutions .imgtxt .txt { padding: 0 20px; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 3;  }
	#sdpf .solutions .imgtxt .txt dl { }
	#sdpf .solutions .imgtxt .txt dt { position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	#sdpf .solutions .imgtxt .txt dt::after { display: none; -webkit-transition: all 0.6s; transition: all 0.6s; }
	#sdpf .solutions .imgtxt .txt dt img { height: 60px; }
	#sdpf.detail .solutions .imgtxt .txt dt img { height: 25px; }
	#sdpf .solutions .imgtxt .txt dt img.triple { height: 86px; top:0 }
	#sdpf .solutions .imgtxt .txt dt span { display: block; margin-bottom: 15px;}
	#sdpf.detail .solutions .imgtxt .txt dt span img { height: 20px; }
	#sdpf .solutions .imgtxt .txt dl:hover dt img { }
	#sdpf .solutions .imgtxt .txt dd { color: #fff; display: none; -webkit-transition: all 0.6s; transition: all 0.6s; }
	#sdpf .solutions a:hover { opacity: 1; }
	#sdpf .solutions a:hover .img::after { opacity: 0.6; }
	#sdpf .solutions a:hover .img img { filter: blur(4px); transform: scale(1.1); }
	#sdpf .solutions a:hover .imgtxt .txt dt::after { display: block; }
	#sdpf .solutions a:hover .imgtxt .txt dd { display: block; }
	#sdpf.detail .solutions a:hover span { display: none; }

	#sdpf.detail .solutions .solution.top { width: 100%; padding-top: 40px; margin-top: 0; position: relative; z-index: 2; }
	#sdpf .solutions .solution.top a { padding: 20px 40px;  -webkit-transition: all 0.6s; transition: all 0.6s; font-size: 20px; display: inline-block; }
	#sdpf .solutions .solution.top a br { display: none; }
	#sdpf .solutions .solution.top a:hover { opacity: 0.6; }
	#sdpf.detail .solutions .solution.top a:hover span { display: block; }

	#sdpf .area-value { padding: 95px 16px 50px 16px; }
	#sdpf .lead { margin-bottom: 0px; display: flex; justify-content: space-between; align-items: center; }
	#sdpf .lead .img { }
	#sdpf .lead .img p { }
	#sdpf .lead .img img { width: 100%; height: auto; }
	#sdpf .lead .txt { }
	#sdpf .lead .txt h3 { font-size: 24px; margin-bottom: 16px; line-height: 1.6; }
	#sdpf .lead .txt h3 small { font-size: 16px; margin-bottom: 22px;}
	#sdpf .lead .txt p { line-height: 2; }
	#sdpf .lead.sdp { width: 1020px; margin: 0 auto 50px auto; position: relative; left: -20px;}
	#sdpf .lead.sdp .img { width: 493px; margin-bottom: 0; }
	#sdpf .lead.sdp .txt { width: 470px; }
	#sdpf .lead.co { margin-top: 55px; padding-top: 75px; border-top: 1px solid #dcdcdc; width: 918px; margin: 0 auto 50px auto; display: block; }
	#sdpf .lead.co .imgtxt-inner { display: flex; justify-content: space-between; align-items: center; }
	#sdpf .lead.co .img { width: 493px; margin-top: 0; }
	#sdpf .lead.co .txt { width: 550px; }
	#sdpf .lead.co .img img { position: relative; right: -70px;}
	#sdpf .lead .more {}
	#sdpf .lead .more a {  }

	#sdpf .functions { padding-left: 0; margin-left: 0; width: 920px; margin: 0 auto 55px auto; display: flex; justify-content: flex-start; flex-wrap: wrap; }
	#sdpf .functions .slick-list {  }
	#sdpf .functions .slick-slide { margin-right: 0;}
	#sdpf .functions .function { width: 31.4%; margin: 0 2.9% 2.9% 0; }
	#sdpf .functions .function:nth-of-type(3n) { margin-right: 0; }
	#sdpf .functions .function:nth-of-type(1) { border: 3px solid #8ed0f8; }
	#sdpf .functions .function:nth-of-type(2) { border: 3px solid #eacc04; }

	#sdpf .functions .function:nth-of-type(3) { border: 3px solid #9cd178; }
	#sdpf .functions .function:nth-of-type(4) { border: 3px solid #e7796a; }
	#sdpf .functions .function:nth-of-type(5) { border: 3px solid #e7796a; }
	#sdpf .functions .imgtxt { }
	#sdpf .functions .img { padding: 15px 0; text-align: center; min-height: 150px; }
	#sdpf .functions .img p { }
	#sdpf .functions .img img { max-width: 125px; max-height: 125px; }
	#sdpf .functions .txt { padding: 0 20px 20px 20px; }
	#sdpf .functions .txt h4 { }
	#sdpf .functions .txt p { }

	#sdpf .area-pdf {
		padding: 184px 67px 60px 67px;
	}
	#sdpf .area-topics { padding: 184px 67px 60px 67px;}
	#sdpf .topics { padding-left: 0; width: 100%; overflow: visible; display: flex; flex-wrap: wrap; }
	#sdpf .topics .slick-list { }
	#sdpf .topics .slick-slide { margin-right: 0;}
	#sdpf .topics .topic { width: 23.5%; margin: 0 2% 1% 0; }
	#sdpf .topics .topic:nth-of-type(4n) { margin-right: 0; }
	#sdpf .topics .topic a { }
	#sdpf .topics .imgtxt { }
	#sdpf .topics .img {  }
	#sdpf .topics .img p { }
	#sdpf .topics .img img {  }
	#sdpf .topics .txt { }
	#sdpf .topics .txt p {  }

	#sdpf .area-news {
		padding: 0 67px 0 67px;
		position: relative;
	}
	#sdpf .area-news .inner { padding: 60px 0 60px 0; }


	#sdpf .list-news { max-width: 966px; margin: 0 auto; }
	#sdpf .list-news li { margin-bottom: 20px; display: flex; align-items: flex-start;  border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;  }
	#sdpf .list-news li:last-of-type { border: 0; margin-bottom: 0; }
	#sdpf .list-news .date-category { display: flex; align-items: center; margin-bottom: 5px; }
	#sdpf .list-news .date-category .date { width: 157px; }
	#sdpf .list-news .date-category .category { }
	#sdpf .list-news .date-category .category span { width: 133px; padding: 3px 0; text-align: center; }
	#sdpf .list-news .ttl { padding-left: 20px; width:80%;}
	#sdpf .list-news a { }
	
	
	
	
	#sdpf.mobility .area-solutions::before,
	#sdpf.healthcare .area-news::before,
	#sdpf.workstyle .area-news::before,
	#sdpf.factory .area-news::before {
		display: block;
		transform: scale(-1, 1);
		top: -490px;
		right: -336px;
		content: '';
		position: absolute;
		width: 812.03px;
		height: 670.09px;
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_3.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		z-index: -1;
	}
	

}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 1300px) {
}

@media screen and (min-width: 480px) {
}

/* モーダル
**************************************************************************************************************************/
#modal-content .modal_inner{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: none;
  width: 690px;
  margin: 0;
  padding: 0;
  background: #fff;
  z-index: 99999;
}
#modal-content.is-show .modal_inner{
  display:block;
}
#modal-content .modal_item{
  position: relative;
  display: none;
}
#modal-content .modal_item.is-show{
  display: block;
}
#modal-content .modal_item.is-show .modal_target_wrap{
  position:relative;
  overflow:hidden;
  width:100%;
  padding-top:56.25%;
}
#modal-content .modal_item.is-show iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.modal_close{
  position: absolute;
  top: -40px;
  right: 0;
}
.modal_close .close_icon{
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 35px;
}
.modal_close .close_icon::before,
.modal_close .close_icon::after{
  content: "";
  position: absolute;
  top: 18px;
  right: 0;
  display: inline-block;
  width: 36px;
  height: 2px;
  background: #fff;
}
.modal_close .close_icon::before{
  transform: rotate(45deg);
}
.modal_close .close_icon::after{
  transform: rotate(-45deg);
}

#modal-overlay{
  z-index:9999;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba( 0,0,0, 0.75 );
}
#modal-content.is-show #modal-overlay{
  display:block;
}