@charset "UTF-8";



.sectioning_layout-inner {
	width: 100% !important;
}





body {
	background: none !important;
}
#navi_sec {
	color: #000;
	font-size: 90%;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Helvetica,sans-serif;
	line-height: 1.3;
}
#navi_sec a:hover{
	opacity: 0.7;
}
#navi_sec .nowrap {
	white-space: nowrap;
}
#navi_sec .icon-new {
	max-width: 95px;
	width: 80%;
	position: absolute;
}
#navi_sec .icon-new img {
	max-width: 100%;
	height: auto;
}
#navi_sec .btn-link {
	
}
#navi_sec .btn-link a {
	margin: 12px 0;
	padding: 9px 3px 9px 42px;
	max-width: 405px;
	background: #4c97b3 url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_icon_btn.png) no-repeat 11px 50%;
	border:-1px solid #4c97b3;
	border-radius: 10px;
	font-weight: bold;
	font-size: 100%;
	color: #fff;
	display: block;
}
#navi_sec .btn-link.cmn a {
	border-radius: 20px;
	background: #4c97b3 url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_icon_btn.png) no-repeat 35% 50%;
	text-align: center;
}

	#navi_sec #contents-header {
		width: 100%;
		background: #926f9f;
		border-top: 1px solid #434343;
	}
	#navi_sec #contents-header h1 {
		margin: 0 auto;
		width: 970px;
		line-height: 0;
	}
	#navi_sec #contents-header h1 img {
		max-width: 970px;
	}

	#navi_sec .pick-up {
		margin: 10px auto 0;
		padding: 30px;
		background: #fbf6e9;
	}
	#navi_sec .pick-up .icon-new {
		top: -7%;
		right: 0;
	}
	#navi_sec .pick-up.t01 {
		padding-top: 0;
		background: none;
	}
	#navi_sec .pick-up .inner {
		margin: 0 auto;
		padding-right: 530px;
		width: 953px;
		background: url(/content/dam/nttcom/hq/jp/bizon/images/sec/cybersec03.png) no-repeat 452px 0;
		position: relative;
	}
	#navi_sec .pick-up .inner2 {
		margin: 45px auto 0;
		width: 953px;
		position: relative;
	}
	#navi_sec .pick-up.t01 .inner {
		padding-right: 307px;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_pick_up_t01_img.jpg) no-repeat 677px 0;
	}
	
	
/*-------------------------------------------------------
*
*   t04
*
*-------------------------------------------------------*/
	#navi_sec .pick-up.t04 {
		padding: 0;
		background: none;
	}
	#navi_sec .pick-up.t04 .inner .cover {
		overflow: hidden;
	}
	#navi_sec .pick-up.t04 .inner {
		padding-right: 0;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_img_t04.jpg) no-repeat 677px 0;
	}
	#navi_sec .pick-up.t04 .inner.bnr {
		margin:0 auto 60px;
		padding: 0 0 60px;
		background: none;
		border-bottom: 1px dashed #808080;
	}
	#navi_sec .pick-up.t04 .inner.bnr img {
		max-width: 953px;
		width: 100%;
	}
	#navi_sec .pick-up.t04 .summary {
		width: 50%;
		float: left;
	}
	#navi_sec .pick-up.t04 .btn-link a {
		margin-top: 25px;
		width: 50%;
		float: right;
	}

/*-------------------------------------------------------
*
*   t05
*
*-------------------------------------------------------*/

	#navi_sec .pick-up.t05 {
		padding: 0;
		background: none;
	}
	#navi_sec .pick-up.t05 .inner .cover {
		overflow: hidden;
	}
	#navi_sec .pick-up.t05 .inner {
		padding-right: 0;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_img_t05.jpg) no-repeat 677px 0;
	}
	#navi_sec .pick-up.t05 .inner.bnr {
		margin:0 auto 60px;
		padding: 0 0 60px;
		background: none;
		border-bottom: 1px dashed #808080;
	}
	#navi_sec .pick-up.t05 .inner.bnr img {
		max-width: 953px;
		width: 100%;
	}
	#navi_sec .pick-up.t05 .summary {
		width: 50%;
		float: left;
	}
	#navi_sec .pick-up.t05 .btn-link a {
		margin-top: 25px;
		width: 50%;
		float: right;
	}

/*-------------------------------------------------------
*
*   t06
*
*-------------------------------------------------------*/

	#navi_sec .pick-up.t06 {
		background: none;
		background-color: #e9e9e9;
	}
	#navi_sec .pick-up.t06 .inner .cover {
		overflow: hidden;
	}
	#navi_sec .pick-up.t06 .inner {
		padding:30px;
		background: url(/content/dam/nttcom/hq/jp/bizon/images/sec/cybersec01.png) no-repeat 500px 30px !important;
	}
#navi_sec .pick-up.t06 .h2-sub{
	font-size: 14px;
	}
	#navi_sec .pick-up.t06 .h2-main{
		width: 50%;
	}
	#navi_sec .pick-up.t06 .inner.bnr {
		margin:0 auto 60px;
		padding: 0 0 60px;
		background: none;
		border-bottom: 1px dashed #808080;
	}
	#navi_sec .pick-up.t06 .inner.bnr img {
		max-width: 953px;
		width: 100%;
	}
	#navi_sec .pick-up.t06 .summary {
		width: 50%;
		/*float: left;*/
	}
	#navi_sec .pick-up.t06 .btn-link a {
		margin-top: 20px;
		width: 50%;
		/*float: right;*/
	}
	#navi_sec .pick-up.t06 .icon-new {
		top: 0;
	}
/*-------------------------------------------------------
*
*   t07
*
*-------------------------------------------------------*/

	#navi_sec .pick-up.t07 {
		padding: 0;
		background: none;
		margin: 30px 0px;
		background-color: #e9e9e9;
	}
	#navi_sec .pick-up.t07 .inner .cover {
		overflow: hidden;
	}
	#navi_sec .pick-up.t07 .inner {
		padding:30px;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_img_t07.jpg) no-repeat 500px 30px !important;
	}
#navi_sec .pick-up.t07 .h2-sub{
	font-size: 14px;
}
	#navi_sec .pick-up.t07 .h2-main{
		font-size:20px;
}
	#navi_sec .pick-up.t07 .inner.bnr {
		margin:0 auto 60px;
		padding: 0 0 60px;
		background: none;
		border-bottom: 1px dashed #808080;
	}
	#navi_sec .pick-up.t07 .inner.bnr img {
		max-width: 953px;
		width: 100%;
	}
	#navi_sec .pick-up.t07 .summary {
		width: 50%;
		/*float: left;*/
	}
	#navi_sec .pick-up.t07 .btn-link a {
		margin-top: 20px;
		width: 50%;
		/*float: right;*/
	}

/*-------------------------------------------------------
*
*   t08
*
*-------------------------------------------------------*/

	#navi_sec .pick-up.t08 {
		background-color: #e9e9e9;
	}

	#navi_sec .pick-up.t08 .inner {
		background: url(/content/dam/nttcom/hq/jp/bizon/images/sec-2019trend01.png) no-repeat 390px 0;
		background-size: 70%;
	}
	#navi_sec .pick-up.t08 .btn-link {
		margin: 0 auto;
		width: 953px;
		display: -webkit-flex;
		display: flex;
		-ms-flex: 0 1 auto;
		justify-content: end;
	}
	#navi_sec .pick-up.t08 .btn-link a {
		width: 100%;
	}
	#navi_sec .pick-up.t08 .h2-main{
		font-size:20px;
}
/*-------------------------------------------------------
*
*   pick-up
*
*-------------------------------------------------------*/
	#navi_sec .pick-up h2 {
		margin: 0;
	}
	#navi_sec .pick-up.t01 h2 {
		font-size: 200%;
	}
	#navi_sec .pick-up h2 span {
		margin: 8px 0;
		font-weight: bold;
	}
	#navi_sec .pick-up h2 .h2-main {
		display: block;
	}
	#navi_sec .pick-up h2 .sub-txt01 {
		color: #815890;
		font-size: 50%;
		display: block;
		font-weight: normal;
	}
	#navi_sec .pick-up h2 .h2-sub {
		font-size: 50%;
		display: block;
	}
	#navi_sec .pick-up .tags {
		padding: 0;
		list-style: none;
		font-weight: bold;
		overflow: hidden;
	}
	#navi_sec .pick-up .tags li {
		margin-right: 10px;
		padding: 4px 12px;
		background: #66c746;
		text-align: center;
		color: #fff;
		font-size: 90%;
		float: left;
	}
	#navi_sec .pick-up .summary {
		text-indent: 1em;
		clear: both;
	}
	#navi_sec .pick-up .link {
		margin: 15px 0 0;
	}

/*-------------------------------------------------------
*
*   cmn-hx
*
*-------------------------------------------------------*/
	#navi_sec .cmn-h2 {
		margin: 45px 0 30px;
		border-bottom: 6px solid #926f9f;
		clear: both;
	}
	#navi_sec .cmn-h2 h2 {
		margin: 0 auto;
		padding:  13px 0 12px 68px;
		width: 953px;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_icon_h2.png) no-repeat 0 50%;
		color: #926f9f;
		font-size: 150%;
		font-weight: bold;
	}
	#navi_sec .cmn-h3 {
		margin-bottom: 30px;
		font-size: 180%;
		text-align: center;
		font-weight: bold;
	}
	#navi_sec .cmn-block .link02 {
		margin: 0 0 7px;
		color: #034587;
		line-height: 1.3;
		font-weight: bold;
	}
	#navi_sec .cmn-block .link02:before {
		margin-right: 6px;
		content: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_icon_h4.png);
	}
	#navi_sec .link-all {
		margin: 0 auto 30px;
		width: 953px;
		color: #0593bf;
		text-align: right;
		position: relative;
		top: -40px;
	}
	#navi_sec .link-all a {
		padding: 0 0 0 15px;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_icon_arrow_r.png) no-repeat 0 50%;
	}
	
	#navi_sec .cmn-block {
		margin: 0 auto;
		width: 953px;
	}
	#navi_sec .cmn-block ul {
		margin: 0;
		padding: 0 23px;
		list-style: none;
		overflow: hidden;
	}
	#navi_sec .cmn-block ul li {
		width: 48%;
		float: left;
	}
	#navi_sec .cmn-block ul li:nth-child(odd) {
		margin-right: 29px;
	}

/*-------------------------------------------------------
*
*   t02
*
*-------------------------------------------------------*/
	#navi_sec .cmn-block.t02 {
		padding-left: 310px;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_pic_t02.jpg) no-repeat 0 0;
	}
	#navi_sec .cmn-block.t02 ul li {
		margin: 0;
		padding-bottom: 20px;
		width: 100%;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_bg_li_t02.gif) repeat-x 0 90%;
		font-weight: bold;
		float: none;
	}
	#navi_sec .cmn-block.t02 ul li:last-child {
		padding-bottom: 0;
		background: none;
	}
	#navi_sec .cmn-block.t02 ul li .inner {
		padding-left: 203px;
		min-height: 110px;
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/sn_bg_col01_t02.gif) no-repeat 0 0;
		font-size: 90%;
	}
	#navi_sec .cmn-block.t02 ul li.col02 .inner {
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/sn_bg_col02_t02.gif) no-repeat 0 0;
	}
	#navi_sec .cmn-block.t02 ul li.col03 .inner {
		background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/sn_bg_col03_t02.gif) no-repeat 0 0;
	}
	#navi_sec .cmn-block.t02 p {
		color: #000;
	}
	#navi_sec .cmn-block.t02 ul.tags {
		padding: 10px 0 15px;
		list-style: none;
		font-weight: bold;
		overflow: hidden;
	}
	#navi_sec .cmn-block.t02 ul.tags li {
		margin-right: 2%;
		padding: 5px 1% 3px;
		width: 25%;
		background: #66c746;
		text-align: center;
		color: #fff;
		font-size: 90%;
		float: left;
	}
	#navi_sec .cmn-block.t02 ul.tags li:last-child {
		margin-right: 0;
	}

/*-------------------------------------------------------
*
*   t03
*
*-------------------------------------------------------*/
	#navi_sec .cmn-block.t03 {
		margin-bottom: 50px;
		overflow: hidden;
	}
	#navi_sec .cmn-block.t03 .right,
	#navi_sec .cmn-block.t03 .left {
		width: 50%;
		float: left;
	}
	#navi_sec .cmn-block.t03 .right .title,
	#navi_sec .cmn-block.t03 .left .title {
		line-height: 0;
	}
	#navi_sec .cmn-block.t03 .link02 {
		margin: 5px 0 0;
		font-size: 90%;
	}
	#navi_sec .cmn-block.t03 ul {
		padding: 0;
		overflow: hidden;
	}
	#navi_sec .cmn-block.t03 ul li {
		margin: 0;
		padding: 10px 10px 20px;
		max-width: 198px;
		background: #ebebeb;
		line-height: 1.5;
		float: left;
	}
	#navi_sec .cmn-block.t03 ul li p {
		font-size: 80%;
	}
	#navi_sec .cmn-block.t03 ul.tags {
		padding: 5px 0 15px;
		list-style: none;
		font-weight: bold;
		overflow: hidden;
	}
	#navi_sec .cmn-block.t03 ul.tags li {
		margin-right: 2%;
		padding: 5px 1% 3px;
		width: 50%;
		background: #66c746;
		text-align: center;
		color: #fff;
		font-size: 75%;
		float: left;
	}
	#navi_sec .mail-magazine {
		margin: 0 auto;
		max-width: 953px;
		width: 100%;
		position: relative;
		top: -38px;
	}
	#navi_sec .mail-magazine a {
		max-width: 376px;
		display: block;
		float: right;
	}
	.hot {
		padding: 30px 0 45px;
		background: #eee;
		clear: both;
		position: relative;
	}
	.hot .main_title{
		margin: 0 0 15px;
		color: #926f9f;
		text-align: center;
		font-size: 180%;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.hot .wrap_3c{
		margin-bottom: 15px;
	}
	.hot .wrap_3c .bnr{
		float: left;
	}
	.hot .wrap_3c .bnr:first-child{
		margin-left: 0;
	}
	.hot .wrap_3c .tag{
		width: 8em;
		text-align: center;
		background: #66c746;
		color: #fff;
		font-size: 0.8em;
		padding: 3px;
		margin: 10px 0;
	}
	.bx-wrapper .bx-prev {
	    background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/prev.png) no-repeat 0 0 !important;
	    left: -56px !important;
	}
	.bx-wrapper .bx-controls-direction a {
	    height: 54px !important;
	    margin-top: -13px !important;
	}
	.bx-wrapper .bx-next {
	    background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/next.png) no-repeat 0 0 !important;
	    right: -56px !important;
	}
	.bx-wrapper .bx-controls-direction a {
	    height: 54px !important;
	    margin-top: -13px !important;
	}
	.bx-wrapper .bx-next:hover {
		background-position: 0 0 !important;
	}











	@media screen and (max-width: 768px) {

		#navi_sec .nowrap {
			white-space: normal;
		}

		#navi_sec #contents-header h1 {
			max-width: 970px;
			width: 100%;
		}
		#navi_sec #contents-header h1 img {
			max-width: 100%;
			width: 100%;
		}
		#navi_sec .pick-up .inner {
			padding: 0;
			width: 100%;
			background: none;
		}
		#navi_sec .pick-up .inner2 {
			padding: 0;
			width: 100%;
		}
		#navi_sec .pick-up.t01 .inner,
		#navi_sec .pick-up.t04 .inner,
		#navi_sec .pick-up.t05 .inner,
		#navi_sec .pick-up.t06 .inner,
		#navi_sec .pick-up.t07 .inner{
			padding: 0;
			background: none;
		}
		#navi_sec .pick-up .link {
			text-align: center;
		}
		#navi_sec .pick-up .link img {
			max-width: 400px;
			width: 100%;
		}
		#navi_sec .cmn-h2 h2 {
			max-width: 953px;
			width: 100%;
		}
		#navi_sec .cmn-h3 {
			text-align: left;
		}
		#navi_sec .link-all {
			margin: 15px auto 30px;
			max-width: 953px;
			width: 100%;
			position: static;
		}
		#navi_sec .cmn-block {
			margin: 0 auto;
			max-width: 953px;
			width: 100%;
		}
		#navi_sec .cmn-block ul {
			margin: 0;
			padding: 0;
		}
		#navi_sec .cmn-block ul li {
			margin-bottom: 15px;
			width: 100%;
			text-align: center;
			float: none;
		}
		#navi_sec .cmn-block ul li:nth-child(odd) {
			margin-right: 0;
		}
		#navi_sec .cmn-block.t01 li img {
			max-width: 435px;
			width: 100%;
		}
		
		#navi_sec .cmn-block.t01 .inner p img {
			width: 100%;
		}
		
		#navi_sec .cmn-block.t02 {
			padding-left: 0;
			background: none;
		}
		#navi_sec .cmn-block.t02 ul li {
			margin: 0;
			padding-bottom: 20px;
			width: 100%;
			background: url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_bg_li_t02.gif) repeat-x 0 90%;
			float: none;
		}
		#navi_sec .cmn-block.t02 ul.tags {
			margin: 0 auto;
			max-width: 150px;
		}
		#navi_sec .cmn-block.t02 ul.tags li {
			width: 45%;
		}
		#navi_sec .cmn-block.t02 p {
			text-align: left !important;
		}


		#navi_sec .cmn-block.t03 .right,
		#navi_sec .cmn-block.t03 .left {
			width: 100%;
			float: none;
		}
		#navi_sec .cmn-block.t03 .left {
			margin-bottom: 15px;
		}
		#navi_sec .cmn-block.t03 .title {
			text-align: center;
		}
		#navi_sec .cmn-block.t03 .title img {
			max-width: 435px;
			width: 100%;
		}
		#navi_sec .cmn-block.t03 ul {
			margin: 0 auto;
			max-width: 434px;
		}
		#navi_sec .cmn-block.t03 ul li {
			padding: 10px 20px 20px;
			max-width: 394px;
			width: 100%;
			background: #ebebeb;
			text-align: left;
			float: none;
		}
		#navi_sec .cmn-block.t03 ul li img {
			max-width: 217px;
			width: 100%;
		}
		#navi_sec .cmn-block.t03 ul.tags li {
			width: 20%;
		}
		#navi_sec .pick-up.t04 .summary {
			width: 100%;
			float: none;
		}
		#navi_sec .pick-up.t04 .btn-link a {
			width: 100%;
			float: none;
		}
		#navi_sec .pick-up.t05 .summary {
			width: 100%;
			float: none;
		}
		#navi_sec .pick-up.t05 .btn-link a {
			width: 100%;
			float: none;
		}
		
		#navi_sec .pick-up.t06 h2,
		#navi_sec .pick-up.t06 ul.tags,
		#navi_sec .pick-up.t06 .cover{
			padding: 10px 10px 0px;
		}
		
		#navi_sec .pick-up.t06 .summary {
			width: auto;
			float: none;
		}
		#navi_sec .pick-up.t06 .btn-link a {
			width: auto;
			margin: 10px 0px;
			float: none;
		}
		
		#navi_sec .pick-up.t07 h2,
		#navi_sec .pick-up.t07 ul.tags,
		#navi_sec .pick-up.t07 .cover{
			padding: 10px 10px 0px;
		}
		
		#navi_sec .pick-up.t07 .summary {
			width: auto;
			float: none;
		}
		#navi_sec .pick-up.t07 .btn-link a {
			width: auto;
			margin: 10px 0px;
			float: none;
		}
		#navi_sec .pick-up.t08 .btn-link {
			display: block;
		}
		
		
		
		#navi_sec .mail-magazine a img {
			max-width: 376px;
			width: 100%;
		}




}



	@media screen and (max-width: 480px) {
		#navi_sec .cmn-block.t02 ul li .inner,
		#navi_sec .cmn-block.t02 ul li.col02 .inner,
		#navi_sec .cmn-block.t02 ul li.col03 .inner {
			padding-left: 0;
			min-height: 110px;
			background: none;
		}
		#navi_sec .btn-link.cmn a {
			background: #4c97b3 url(/content/dam/nttcom/hq/jp/business/lp/navi_sec/img/ns_icon_btn.png) no-repeat 20% 50%;
			text-align: center;
		}






	}