@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 .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: #ffd331; 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; }
#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: #4f4f4f margin-bottom: 0.7em;}
#sdpf .platforms .imgtxt .txt h4 {font-size: 16px; font-weight: bold;}
#sdpf .platforms .imgtxt .txt a { color: #08357f; }
#sdpf .platforms .imgtxt .txt p { font-size: 14px; color: #4f4f4f; 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 .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; color: #08357f; margin-bottom: 0.4em; line-height: 1.5; }
#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; }

/* parts
**************************************************************************************************************************/
#sdpf .hl01 { text-align: center; margin-bottom: 30px; line-height: 1.47; }
#sdpf .hl01 .label { font-size: 14px; font-weight: bold; color: #08357f; letter-spacing: 0.1em; }
#sdpf .hl01 .label::after { content: ''; display: block; width: 60px; height: 2px; background: #ffd331; margin: 15px auto 18px auto; }
#sdpf .hl01 .ttl { display: block; font-size: 21px; font-weight: bold; color: #000; }
#sdpf .bg01 { background: #fff; /*#eef8fe;*/ }
#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: #08357f; 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 .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 small { font-size: 16px; }
#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 .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: 20vw; }

#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: 6vw; 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: #ffd331; 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; background: #fff; margin: 0; margin-top: 6%; text-align: center; }
#sdpf .solutions .solution.top a { color: #08357f; display: block; padding: 3vw 4vw; border: 1px solid #08357f; 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;
	font-weight: bold;
	line-height: 1;
	text-decoration: underline;
}
#sdpf .lead .more a:hover {
	color: #CC0033;
	text-decoration: none;
}
#sdpf .platform .more { text-align: right; color: #3f3acd !important; font-weight: bold; background: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/common/arw-r01.svg) 100% 50% no-repeat; background-size: 7px 12px; padding-right: 15px; line-height: 1; }
#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-topics { padding: 60px 0 35px 0; }
#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: #08357f; }
#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: #1D2088; }
#sdpf .topics .tag-g ul li {background: #0075C1;}
#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;}
#sdpf .topics .txt p .date { display: block; color: #333; text-align: right; }

#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: #08357f; background: #ffd331; 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: #08357f; }



@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 .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: 14px; 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 .imgtxt:nth-of-type(2) { width: 140%; margin-left: -20%; }
	#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 .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 .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; color: #08357f; 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 .bg01 { }
	#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.detail .outline { margin-bottom: 80px; }
	#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;background: #000;}
	#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 { width: 33.3333333333%; margin-bottom: 0; }
	#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; }
	#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 .solutions{padding:0 16px;display:flex;justify-content:inherit;flex-wrap:wrap;margin-bottom:75px}
	#sdpf .solutions .solution{width:24%;margin-right:1.33%;background:#fff}
	#sdpf .solutions .solution:nth-of-type(4n){margin-right:0}
	#sdpf .solutions .solution a{cursor: inherit}
	#sdpf .solutions .solution a:hover {opacity: 1;}
	#sdpf .solutions .imgtxt .txt dt img{height:60px}
	#sdpf .solutions .imgtxt .txt dt img.triple{height:85px}
	#sdpf .solutions .imgtxt .img p{position:relative}
	#sdpf .solutions .imgtxt .img p:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:#000;opacity:.16;z-index:1}
	#sdpf .solutions .imgtxt .img{height:16vw}
	
	#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-topics {background: #fff; 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; }
	#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 { }

}

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

}

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

}

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



/* モーダル
**************************************************************************************************************************/
#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;
}


@media screen and (min-width: 768px) {
	#sdpf .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 .solutions {
		position: relative;
	}
	
	#sdpf .solutions::after {
		display: block;
		content: '';
		position: absolute;
		bottom: -400px;
		right: -482px;
		width: 591px;
		height: 714.02px;
		background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	#sdpf .area-value {
		background: #fff;
		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;
	}
}