@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.industry .pagetitle  { background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/industry/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.workstyle .pagetitle  { background: url(https://www.ntt.com/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(https://www.ntt.com/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(https://www.ntt.com/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(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/city/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.generative-ai .pagetitle  { background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/generative-ai/title_generative.jpg) 50% 50% no-repeat; background-size: cover;}
#sdpf.mobility .pagetitle  { background: url(https://www.ntt.com/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(https://www.ntt.com/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(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/worksite/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 { max-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(https://www.ntt.com/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(https://www.ntt.com/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: 48px; font-weight: bold; font-style: italic; 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 .jp {display: block; color: #666; font-size: 14px; font-weight: bold; font-style: normal; letter-spacing: normal;}
#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(https://www.ntt.com/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 .l-news {max-width: 775px; margin: 20px auto 120px;}
#sdpf .l-news .hl01 {margin-bottom: 30px; text-align: left;}
#sdpf .l-news .hl01 .label::after {content: none;}
#sdpf .l-news_detail .block {display: flex; justify-content: space-between;}
#sdpf .l-news_detail .date {width: 157px; margin: 0; font-size: 16px; text-align: left;}
#sdpf .l-news_detail .ttl {width: calc(100% - 157px); text-align: left;}
#sdpf .l-news_detail .ttl a {color: #211816; font-size: 16px;}
#sdpf .l-news_detail .ttl a:hover { color: #CC023A; opacity: 1;}

@media screen and (max-width: 768px) {
  #sdpf .l-news {padding: 0 16px;}
  #sdpf .l-news_detail .block {display: block;}
  #sdpf .l-news_detail .date {width: 100%;}
  #sdpf .l-news_detail .ttl {width: 100%;}
}

#sdpf .outline .img {margin-top: 30px;}

#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: #000; display: block; padding: 3vw 4vw; border: 1px solid #000; font-size: 12px; line-height: 1.5; border-radius: 7px;}

#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(https://www.ntt.com/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(https://www.ntt.com/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; border: none; border-radius: 0; display: block; min-height: auto;}
#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: 769px){
	#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: 768px){
	#sdpf .descript .imgtxt .img{/*max-width:200px;*/margin:0 auto 10px}
  #sdpf .descript .imgtxt .img figure {text-align: center;}
	#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(https://www.ntt.com/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(https://www.ntt.com/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}

  #sdpf .platforms .imgtxt .mov {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
  #sdpf .platforms .imgtxt .mov iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}

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

@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.industry .pagetitle  { background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/industry/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.workstyle .pagetitle  { background: url(https://www.ntt.com/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(https://www.ntt.com/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(https://www.ntt.com/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(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/city/bg-title_pc.jpg) 50% 50% no-repeat; background-size: cover;}
  #sdpf.generative-ai .pagetitle  { background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/generative-ai/title_generative.jpg) 50% 50% no-repeat; background-size: cover;}
	#sdpf.mobility .pagetitle  { background: url(https://www.ntt.com/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(https://www.ntt.com/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(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/worksite/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 { max-width: 100%; height: auto; display: block; margin: 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.industry .descript .imgtxt:nth-of-type(1) { display: flex; justify-content: space-between; align-items: center;  }
	#sdpf.industry .descript .imgtxt:nth-of-type(1) .img { width: 50%; }
	#sdpf.industry .descript .imgtxt:nth-of-type(1) .img img { position: relative; left: -120px; width: 110%;	}
	#sdpf.industry .descript .imgtxt:nth-of-type(1) .txt { width: 50%; }
	#sdpf.industry .descript {
		max-width: none;
		position: relative;
	}
	#sdpf.industry .descript::after {
		content: '';
		top: 0;
		right: 0;
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-image:url(https://www.ntt.com/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.industry .descript .imgtxt:nth-of-type(1) {
		max-width: 966px;
		margin: 0 auto 6em;
	}
	#sdpf.industry .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(https://www.ntt.com/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; font-size: 24px;}
	#sdpf .hl01 .label { font-size: 48px; }
	#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(https://www.ntt.com/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.industry .outline {
		position: relative;
		max-width: 100%;
		background-image: url(https://www.ntt.com/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(https://www.ntt.com/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.industry .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(https://www.ntt.com/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 (max-width: 768px) {
  #sdpf .hl01 .label {font-size: 26px;}
  #sdpf .hl01 .jp {font-size: 14px;}
}

@media screen and (max-width: 479px) {
  #sdpf .hl01 {font-size: 1.3rem;}
  #sdpf .hl01 .label {font-size: 10vw}
  #sdpf .hl01 .jp {font-size: 2.9vw;}
}

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

/* =========================================================
	.contact-info
 * ====================================================== */
.contact-info {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
  .contact-info {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/business/cmn/img/dcc_temp/img_bg.jpg");
  }
}

@media screen and (max-width: 768px) {
  .contact-info {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/business/cmn/img/dcc_temp/img_bg_sp.jpg");
  }
}

.contact-info__inner {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 20px;
  width: 100%;
}

.contact-info__list {
  padding: 51px 0 58px !important;
}

@media screen and (min-width: 769px) {
  .contact-info__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.contact-info__item {
  background-color: #ffffff;
}

@media screen and (min-width: 769px) {
  .contact-info__item {
    padding: 34px 70px 50px !important;
    width: calc(50% - 20px);
  }
  .contact-info__item:not(:first-of-type) {
    margin: 0 0 0 40px;
  }
}

@media screen and (max-width: 768px) {
  .contact-info__item {
    padding: 34px 24px 45px !important;
    width: 100%;
  }
  .contact-info__item:not(:first-of-type) {
    margin: 30px 0 0;
  }
}

.contact-info__item--title {
  color: #cc023a;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  text-align: center;
}

.contact-info__item--title.tt-bk {
  color: #333;
}

.contact-info__item--text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin: 15px 0 0;
}

.contact-info__item--tel {
  color: #cc023a;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
  text-align: center;
}

.contact-info__item--note {
  font-size: 12px;
  font-size: 0.75rem;
}

.contact-info__item--buttons {
  margin: 18px 0 0;
}

@media screen and (min-width: 769px) {
  .contact-info__item--buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 450px;
  }
}

@media screen and (max-width: 768px) {
  .contact-info__item--buttons {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .contact-info__item--buttons p {
    margin-bottom: 10px;
    margin-right: 10px;
    width: 220px;
  }
  .contact-info__item--buttons p:nth-of-type(even) {
    margin-right: 0;
  }
  .contact-info__item--buttons p:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .contact-info__item--buttons p {
    margin-bottom: 10px;
    width: 100%;
  }
  .contact-info__item--buttons p:last-of-type {
    margin-bottom: 0;
  }
}

.contact-info__item--buttons p a {
  background-color: #cc023a;
  border-radius: 6px;
  border: 1px solid #000;
  color: #fff !important;
  display: block;
  font-family: FrutigerNeueLTW10-Regul,FrutigerNeueW01-Regular,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 15px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  width: 100%;
}

.contact-info__item--buttons p a::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/cmn/img/arrow-right-accent.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  width: 6px;
}

.contact-info__item--buttons p a:hover {
  opacity: 0.8;
}

.contact-info__item--buttons p a.btn-yellow {
  background-color: #fed33e;
  color: #000;
}

.contact-info__item--buttons p a.btn-yellow::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/business/cmn/img/dcc_temp/icon_arrow_right_black.svg");
}


/* =========================================================
	OPEN HUB
 * ====================================================== */
.sectioning-openHub {
  margin-top: 80px;
}
.sectioning-openHub .sectioning_layout-inner{
  width: 1366px;
  padding: 0 0 140px;
}
.openHub_txt{
  margin: 32px 0 0 !important;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
  color: #211816;
}
.openHub_link{
  margin: 45px 0 0 !important;
}
.openHub_link .primary_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 44px;
  background: #C70033;
  border-radius: 7px;
  color: #fff!important;
  font-size: 12px;
  text-decoration: none!important;
  text-shadow: none;
}
.openHub_link .primary_link::after{
  content: "";
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
  display: inline-block;
  background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/new/icon_arrow-r.png) no-repeat center / contain;
  width: 7px;
  height: 10px;
}
.openHub_link .primary_link-new_window::after{
  background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/new/icon_new_window.png) no-repeat center / contain;
  width: 10px;
  height: 9px;
}
.openHub_link .primary_link:hover{
  color: #fff;
  opacity: .75;
}


/* swiper部分 */
.swiper_wrap {
  margin-top: 40px;
}
.swiper_wrap .section-heading{
  text-align: left;
}
.swiper_wrap .swiper_intro{
  width: calc(100% - 300px);
  margin: 10px 0 0;
  font-size: 16px;
}
.swiper_wrap .slide-card{
  position: relative;
  margin: -32px auto 0;
  padding: 70px 0 0;
}
.swiper_wrap .slide-card .swiper-wrapper{
  margin-top: 20px;
}
.swiper_wrap .slide-card .swiper-slide{
  width: 344px;
}
.swiper_wrap .slide-card .card-slider-accessory{
  position: absolute;
  top: 0;
  right: 50px;
  justify-content: right;
  margin: 0;
}

.swiper_wrap .slide-card .card .card_sub{
  font-size: 14px;
  font-weight: bold;
}
.swiper_wrap .slide-card .card .card_img{
  margin: 6px 0 0;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.3953488372093%;
  overflow: hidden;
}
.swiper_wrap .slide-card .card .card_img .tag{
  display: block;
  padding: 3px 0;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
.swiper_wrap .slide-card .card .card_img .tag-active{
  background: #C70033;
}
.swiper_wrap .slide-card .card .card_img .tag-archive{
  background: #022C80;
}
.swiper_wrap .slide-card .card .card_img .tag-finish{
  background: #4C4C4C;
}

.swiper_wrap .slide-card .card .card_img img{
  width: 100%;
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper_wrap .slide-card .card .card_ttl{
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.swiper_wrap .slide-card .card:hover .card_ttl{
  transition: all .25s linear 0s;
  color: #C70033;
}
.swiper_wrap .slide-card .card .card_txt{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.5;
}
.swiper_wrap .slide-card .card .card_tag{
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0;
}
.swiper_wrap .slide-card .card .card_tag span{
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 3px 11px;
  border-radius: 100vh;
  background: #C70033;
  color: #fff;
  font-size: 12px;
}
.swiper_wrap .slide-card .card .card_date{
  margin: 12px 0 0;
  line-height: 1.5;
  font-size: 12px;
}
.swiper_block-jounal{
  padding: 145px 0 0;
  background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/new/bg-journal.png) no-repeat top 53px right -356px / 952px;
}



@media screen and (max-width: 768px) {
  .sectioning-openHub{
    padding: 0 16px;
  }
  .sectioning-openHub .sectioning_layout-inner{
    width: 100%;
    padding: 0 0 100px;
  }
  .openHub_heading img{
    width: 362px;
  }
  .openHub_txt{
    margin-top: 10px !important;
  }
  .openHub_link{
    margin-top: 20px !important;
  }
  
  /* swiper部分 */
  .swiper_wrap{
    margin-top: 40px;
  }
  .swiper_wrap .swiper_intro{
    width: 100%;
    padding-right: 12px;
  }
  .swiper_wrap .slide-card{
    margin: 0 auto;
    padding: 0 0 0 1vw;
  }
  .swiper_wrap .slide-card .swiper-slide{
    width: 70vw;
  }
  .swiper_wrap .slide-card .card-slider-accessory{
    position: relative;
    top: auto;
    right: auto;
    margin-top: 45px;
  }
  .card-slider-accessory .slider-control{
    justify-content: flex-start;
  }
  .swiper_wrap .slide-card .card .card_ttl{
    margin-top: 13px;
  }
  .swiper_wrap .slide-card .card .card_txt{
    margin-top: 6px;
  }
  .swiper_block-jounal{
    padding-top: 135px;
    background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/new/bg-journal.png) no-repeat top 48px left 218px / 467px;
  }
}
@media screen and (max-width: 479px) {
  .openHub_heading img{
    width: 75vw;
  }
  .openHub_txt{
    font-size: 3.3vw;
  }
  .swiper_wrap .swiper_intro{
    font-size: 3.3vw;
  }

  .swiper_wrap .slide-card .card .card_sub{
    font-size: 2.9vw;
  }
  .swiper_wrap .slide-card .card .card_img .tag{
    font-size: 2.3vw;
  }
  .swiper_wrap .slide-card .card .card_tag{
    margin: 15px 2px 0;
  }
  .swiper_wrap .slide-card .card .card_tag span{
    font-size: 2.5vw;
    padding: 3px 7px;
  }
  .swiper_wrap .slide-card .card .card_date{
    font-size: 2.5vw;
  }
  .swiper_wrap .slide-card .card .card_ttl{
    font-size: 3.3vw;
  }
  .swiper_wrap .slide-card .card .card_txt{
    font-size: 2.9vw;
  }

  .swiper_block-jounal{
    padding-top: 28vw;
    background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/new/bg-journal.png) no-repeat top 10vw left 45.42vw / 97.3vw;
  }

}

/* =========================================================
	fixed menu
 * ====================================================== */
#fixed_menu {
  position: fixed;
  top: 480px;
  right: 30px;
  width: 180px;
  z-index: 10;
}
#fixed_menu .menuList {
  padding: 10px;
  background-color: #666;
}
#fixed_menu .menuList > li {
  line-height: 2;
}
#fixed_menu .menuList > li a {
  color: #fff;
  font-size: 14px;
}
#fixed_menu .menuList > li a:hover {
  text-decoration: underline;
}
#fixed_menu .menuBtn {
	display: none;
}
#fixed_contact {
  position: fixed;
  top: 640px;
  right: 30px;
  width: 180px;
  background: rgb(204, 2, 58);
  border: 1px solid rgb(0, 0, 0);
  padding: 10px 14px;
  box-shadow: rgba(0, 0, 0, 0.16) 3px 3px 2px;
  font-family: FrutigerNeueLTW10-Bold, "Frutiger Neue W01 Bd", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Helvetica, sans-serif;
  letter-spacing: 0.15em;
  border-radius: 8px;
  text-align: center;
  margin-top: 15px;
  z-index: 10;
}
#fixed_contact a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  padding: 0 10px 0 0;
}
#fixed_contact a::before {
  background-image: url(https://www.ntt.com/content/dam/nttcom/hq/cmn/img/arrow-right-accent.svg);
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 13px;
  margin: auto;
  content: "";
  width: 6.409px;
  height: 9.561px;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  #fixed_menu {
    right: 0;
    top: auto;
    bottom: 85px;
    width: 40%;
  }
  #fixed_menu .menuList {
    display: none;
    margin-left: auto;
  }
  #fixed_menu .menuList > li a {
    font-size: 12px;
  }
  #fixed_menu .menuBtn {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 30px 0 10px;
    color: #fff;
    font-size: 12px;
    background-color: #5c5c5c;
	}
  #fixed_menu .menuBtn::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: url(https://www.ntt.com/content/dam/nttcom/hq/jp/business/dx/smart/img/common/ico-close.svg) left top / 100% auto no-repeat;
    transform:rotate(45deg);
  }
  #fixed_menu .menuBtn.open::after {
    transform:none;
  }
  #fixed_contact {
    top: auto;
    right: 0;
    bottom: 15px;
    width: 50%;
    padding: 10px;
	  margin-left: auto;
	  margin-top: 15px;
  }
  #fixed_contact a {
    font-size: 15px;
  }
}

/* =========================================================
	latest-news
 * ====================================================== */

/*背景打消し*/
#sdpf.city .outline,
#sdpf.education .outline,
#sdpf.industry .outline,
#sdpf.healthcare .outline,
#sdpf.mobility .outline{
	background:none;
}

/*最新ニュース背景*/
@media screen and (min-width: 769px){
.latest-news_wrap{
	position: relative;
	max-width: 100%;
	background-image: url(https://www.ntt.com/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 -370px;
	background-color:#f6f6f6;
	padding: 60px 0;
	margin: 0 0 3em;
	}
}
@media screen and (max-width: 768px){
	.latest-news_wrap{
		background-color:#f6f6f6;
		padding: 60px 16px;
		margin: 0 0 60px;
	}
}

/*最新ニュース*/
#sdpf .latest-news { }
#sdpf .latest-news li { margin-bottom: 20px; }
#sdpf .latest-news li:last-of-type { margin-bottom: 0; }
#sdpf .latest-news .date-category { display: flex; align-items: center; margin-bottom: 5px; }
#sdpf .latest-news .date-category .date { font-size: 16px; width: 140px; text-align: left; line-height:1.9; }
#sdpf .latest-news .date-category .category { }
#sdpf .latest-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 .latest-news .ttl { display: block; font-size: 16px; line-height: 1.9; text-align: left; width:100%;}
#sdpf .latest-news a { color: #000; text-decoration: underline; }
#sdpf .latest-news a:hover { color: #CC023A; }

@media screen and (min-width: 769px) {
	#sdpf .latest-news { max-width: 966px; margin: 0 auto;}
	#sdpf .latest-news li { margin-bottom: 15px; display: flex; align-items: flex-start; /*border-bottom: 1px solid #dcdcdc;*/ padding-bottom: 15px; }
	#sdpf .latest-news li:last-of-type { border: 0; margin-bottom: 0; }
	#sdpf .latest-news .date-category { display: flex; align-items: center; margin-bottom: 5px; }
	#sdpf .latest-news .date-category .date { width: 157px; text-align: left;}
	#sdpf .latest-news .date-category .category { }
	#sdpf .latest-news .date-category .category span { width: 133px; padding: 3px 0; text-align: center; }
	#sdpf .latest-news .ttl { padding-left: 20px; width:80%;}
	#sdpf .latest-news a { }
}

/*すべて見る*/
.view_all_wrap{
	max-width: 966px;
	margin: 30px auto 0;
	text-align:left;
}
.view_all {
	display: inline-block;
	line-height: 1.25;
	padding-left: 16px;
	position: relative;
	transition: all 0.5s 0s ease;
}
.view_all::before {
	border-color: #333;
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: "";
	display: inline-block;
	height: 8px;
	left: 0;
	position: absolute;
	top: 2px;
	transform: rotate(135deg);
	transition: all 0.3s 0s ease;
	width: 8px;
}
.view_all:hover {
	color: #c03 !important;
	text-decoration: none;
	transition: color .3s ease, text-decoration .3s ease;
}
.view_all:hover::before {
	border-color: #c03;
	top: 4px;
}

/*ワークスタイル 最新ニュース背景*/
.workstyle-latest-news_wrap{
	background-color:#f6f6f6;
	padding: 60px 0;
	margin: 0 0 120px;
}
@media screen and (max-width: 768px) {
	.workstyle-latest-news_wrap{
		padding: 60px 16px;
		margin: 0 0 60px;
	}
}



/*関連コンテンツ*/
.relation-contents {
  margin-top: 80px;
}

.relation-contents__inner {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .relation-contents__inner {
    padding: 0 50px;
  }
}

@media screen and (max-width: 768px) {
  .relation-contents__inner {
    padding: 0 20px;
  }
}

.relation-contents__title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: normal;
  margin: 0 0 40px;
  text-align: center;
}

.relation-contents__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 769px) {
  .relation-contents__item {
    width: calc(100% / 4 - 29px * 3 / 4);
  }
  .relation-contents__item:not(:nth-of-type(4n)) {
    margin: 0 calc(21.7px * 4 / 3) 0 0 !important;
  }
  .relation-contents__item:nth-of-type(n + 5) {
    margin-top: 42px;
  }
}

@media screen and (max-width: 768px) {
  .relation-contents__item {
    width: calc(100% / 2 - 21px / 2);
  }
  .relation-contents__item:nth-of-type(odd) {
    margin: 0 21px 0 0 !important;
  }
  .relation-contents__item:nth-of-type(n + 3) {
    margin-top: 30px !important;
  }
}

.relation-contents__item--image {
  /*height: 110px;*/
  overflow: hidden;
  padding: 0;
  width: 100%;
  position: relative;
  aspect-ratio: 1 / 0.3624;/* 596x216 */
  background;yellow;
}

.relation-contents__item--image img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.relation-contents__item--group {
  background-color: #f2f2f2;
}

@media screen and (min-width: 769px) {
  .relation-contents__item--group {
    padding: 18px 17px 20px;
  }
}

@media screen and (max-width: 768px) {
  .relation-contents__item--group {
    padding: 14px 10px 12px;
  }
}

.relation-contents__item--title {
  font-size: 15px;
  /*font-size: 0.9375rem;*/
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}

.relation-contents__item--text {
  margin: 10px 0 0 !important;
  line-height: 1.5 !important;
}

@media screen and (min-width: 769px) {
  .relation-contents__item--text {
    font-size: 14px;
    /*font-size: 0.875rem;*/
  }
}

@media screen and (max-width: 768px) {
  .relation-contents__item--text {
    font-size: 12px;
    /*font-size: 0.75rem;*/
  }
}


.relation-contents__item--button a {
  border-radius: 0;
  background-color: #4C4C4C;
  color: #fff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  padding-left: 15px;
  padding-right: 45px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 769px) {
  .relation-contents__item--button a {
    font-size: 17px;
    /*font-size: 1.0625rem;*/
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .relation-contents__item--button a {
    font-size: 11px;
    /*font-size: 0.6875rem;*/
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.relation-contents__item--button a:hover {
  background-color: #000;
}

.relation-contents__item--button a::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/cmn/img/arrow-right-accent.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 18px;
  top: 0;
  width: 6px;
}

.relation-contents__item--button a::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7px;
}

.relation-contents__item--button{
  display: flex;
  align-items: center;
}

.relation-contents__item:last-child{
	margin-right:0 !important;
}

/* 20250425 Smart Healthcare ニュース追加 */

#sdpf .latest-news .ttl-top { display: block; font-size: 16px; line-height: 1.9; text-align: left; width:100%;}

@media screen and (min-width: 769px) {
  #sdpf .latest-news .ttl-top {
      padding-left: 0;
      width: 100%;
  }
}