@charset "UTF-8";
/*!
 * 
*/
body,h1,h2,h3,h4,h5{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;

}
/* =========================================================
 * ページ共通
 * @
 * ====================================================== */
body {
	background-image: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/bg-l-ocn-business.jpg);
	font-size:14px;
}
/*パンくずけし*/
.breadcrumb_body{
	/*display:none;*/
}
#ocn_business .ocn_business_breadcrumbs{
	width:960px;
	margin:0 auto;
}
#ocn_business .ocn_business_breadcrumbs ul{
	margin:0;
	padding:0;
	margin-top:10px;
}
#ocn_business .ocn_business_breadcrumbs li{
	display:inline;
	margin: 0;
	font-size:12px;
}
.sub_backTo-top {
	margin: 22px 0;
}


#ocn_business .ocn_business_breadcrumbs li a:after{
	content:"  ＞  ";
}
#ocn_business .moreBt{
	text-align:center;
	margin:20px auto 50px;
}
#ocn_business .moreBt a{
	display:inline-block;
	padding:15px;
	border:1px solid #5e71a0;
	border-radius:7px;
	font-weight:bold;
	width:280px;
	font-size:16px;
}
#ocn_business .moreBt a:hover{
	color:#fff;
	background:#193477;
}
.ob_section_header {
	position: relative;
	margin: 60px 0 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 1;
	font-size:32px;
/*	font-weight:bold;*/
}
.ob_section_header span{
	font-size:80%;
}
.ob_section_header:before {
	content: "";
	position: absolute;
	bottom: -32px;
	left: 50%;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top: 16px solid #ccc;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ob_section_header:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-top: 14px solid #fff;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pc_only{
	display:block !important;
}
.sp_only{
	display:none !important;
}
#cont01,#cont01-2,#cont02,#cont03{
	padding-top:100px;
	margin-top:-40px;
}
#cont02,#cont03{
	padding-top:100px;
	margin-top:-80px;
}
#cont03.ob_mobile_section_header{
	padding-top:80px;
}
.appServices_inner .btn_area a.pdf{
	width:270px;
}
.appServices_inner .btn_area a.pdf::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_download.png);
}
.appServices_inner .btn_area a.form{
	width:300px;
	padding: 10px 5px 10px 10px;
}
.appServices_inner .btn_area a.form::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_download.png);
}
.appServices_inner .btn_area a.form span{
	font-size:12px;
}
@media screen and (max-width: 480px) {
	body {
		background-image: none;
	}
	.pc_only{
		display:none !important;
	}
	.sp_only{
		display:block !important;
	}
	.ob_section_header{
		font-size:1.5rem;
	}
	
	#ocn_business .ocn_business_breadcrumbs{
		width:90%;
	}
	#cont01,#cont02,#cont03{
		padding-top:60px;
		margin-top:-40px;
	}
	main.service_kobetsu .add_breadcrumbs.spPer90{
		width:90% !important;
	}
	.spPer90{
		width:90% !important;
		margin-left:auto;
		margin-right:auto;
	}
	.appServices_inner .btn_area a.form,.appServices_inner .btn_area a.pdf{
		width:100%;
	}
	.appServices_inner .btn_area a.form{
		padding:10px 30px 10px 10px;
	}
}

/* =========================================================
 * メニュー
 * @
 * ====================================================== */
.ob_menu {
	z-index: 969;
	position: fixed;
	width: 100%;
	background: #e1e3e6;
	font-size:14px;
}
.ob_menu a{
	color:#333;
}
.ob_menu .ob_menu_parent li a{
	color: #004386;
	position: relative;
}
.ob_menu .ob_menu_parent.current,
.ob_menu .current{
	background:#b0b4bb;
}
.ob_menu_mobileToggle {
	display: none;
}
.ob_menu .ob_menu_parent li a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_navarrow.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}


.ob_menu ul {
	letter-spacing: -.5em;
}
.ob_menu li {
	letter-spacing: normal;
}

main.service_kobetsu ul.ob_menu_wrap {
	width: 1280px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

.ob_menu_wrap > li {
	display: inline-block;
	/* padding: 16px 30px; */
	margin: 0;
}


main.service_kobetsu .ob_menu_wrap li {
	margin: 0;
}

main.service_kobetsu ul.ob_menu_wrap > li {
	display: inline-block;
}
main.service_kobetsu ul.ob_menu_wrap > li a {
	display: block;
	padding: 16px 30px;
}





.ob_menu_wrap > li:hover {
	background: #b0b4bb;
	cursor: pointer;
}
.ob_menu_wrap > li.contact{
	background: #fed531;
}
.ob_menu_wrap > li.customer{
	background: #7782ae;
}
.ob_menu_wrap > li.contact:hover {
	background: #fede61;
}
.ob_menu_wrap > li.customer:hover {
	background: #5386d2;
}
.ob_menu_wrap > li.customer a{
	color:#fff;
}
.ob_menu .ob_menu_parent li:hover a{
	color: #fff;
}
.ob_menu .ob_menu_parent li:hover a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_navarrow_hover.png);
}

.ob_menu_parent {
	position: relative;
}

.ob_menu_child {
	display: none;
	position: absolute;
	list-style: none;
	top: 100%;
	left: -1px;
	margin: 0;
	padding: 0;
	background: #e1e3e6;
	border-top: 1px solid #b0b4bb;
	text-align: left;
	width:265px;
}

.ob_menu_child a {
	display: block;
	width: 100%;
	padding: 12px 20px;
}

.ob_menu_child a:hover {
	background: #5e71a0;
	color: #fff;
}



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

	.ob_menu_mobileToggle {
		display: block;
		padding: .5rem;
	}

	main.service_kobetsu ul.ob_menu_wrap {
		display: none;
		width: 100%;
		text-align: left;
	}
	main.service_kobetsu ul.ob_menu_wrap > li {
		display: list-item;
		padding: 0;
		background-color: #193477;
		border-top: 1px solid #fff;
	}
	.ob_menu_wrap > li.contact{
		background: #193477;
	}
	.ob_menu_wrap > li.customer{
		background: #193477;
	}
	.ob_menu_wrap > li.contact:hover {
		background: #193477;
	}
	.ob_menu_wrap > li.customer:hover {
		background: #193477;
	}
	.ob_menu_wrap > li,
	.ob_menu_wrap > li > a {
		color: #fff;
	}
	.ob_menu_wrap > li > a {
		display: block;
		padding: 16px;
	}
	
	.ob_menu .ob_menu_parent.current{
		background:#193477;
	}
	.ob_menu .ob_menu_parent li:hover a {
		color: #004386;
	}

	.ob_menu .ob_menu_parent li a:hover:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_navarrow.png);
	}

	.ob_menu_wrap > li:hover {
		background: #193477;
	}

	.ob_menu_child a:hover{
		background: #fff;
		color: #004386;
	}

	.ob_menu_child {
		display: none;
		position: static;
		list-style: none;
		top: auto;
		left: auto;
		margin: 0;
		padding: 0;
		background: #fff;
		border-top: none;
	}
	.ob_menu_child >li {
		border-top: 1px solid #d7d9dd;
	}

	span.ob_menu_mobileToggle{
		position: relative;
	}

	span.ob_menu_mobileToggle:before {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/sp_menu_icon01.png);
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -12px;
	}

	span.ob_menu_mobileToggle.menu-open:before {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/sp_menu_icon02.png);
	}

	.ob_menu_wrap > li>a{
		position: relative;
	}

	.ob_menu_wrap > li:not(.ob_menu_parent) > a:before{
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
		position: absolute;
		top: 50%;
		right: 14px;
		margin-top: -12px;
	}

	.ob_menu_wrap > li.ob_menu_parent>a:before{
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_plus.png);
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -12px;
	}

	.ob_menu_wrap > li.ob_menu_parent.child-open>a:before{
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_minus.png);
	}

	ul.ob_menu_wrap{
		height: 350px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		border-bottom: 1px solid #ccc;
	}
	ul.ob_menu_wrap:last-child{
		border-bottom: none;
	}
	.ob_menu_child{
		width: 100%;
	}

}

/* =========================================================
 * タイトル
 * @
 * ====================================================== */
#ocn_business h1{
	font-size:42px;
	margin:30px auto 30px;
	line-height:1;
/*	font-weight:bold;*/
}
#ocn_business h1 img{
	vertical-align:bottom;
	margin-right:30px;
}
@media screen and (max-width: 480px) {
	#ocn_business h1{
		font-size:2rem;
		margin:20px auto 10px;
	}
	#ocn_business h1 img{
		margin-right:10px;
		vertical-align:middle;
	}
}
/* =========================================================
 * メインスライダー
 * @
 * ====================================================== */
.cs_sliderWrap {
	width: 960px;
	margin: 0 auto;
}

/*スライダー上書き*/
.bx-wrapper{
	margin:0 auto 40px;
}
.bx-wrapper .bx-prev{
	left:-50px;
}
.bx-wrapper .bx-next{
	right:-50px;
}
.bx-wrapper .bx-pager{
	bottom:30px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	width:60px;
	height:6px;
}

@media screen and (max-width: 480px) {
	.cs_sliderWrap {
		width: 100%;
	}
	/*スライダー上書き*/
	.bx-wrapper{
		margin:0 auto 0;
	}
	.bx-wrapper .bx-prev{
		left:10px;
	}
	.bx-wrapper .bx-next{
		right:10px;
	}
	.bx-wrapper .bx-pager{
		bottom:10px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a{
		width:60px;
		height:6px;
	}
}

/* =========================================================
 * メイン画像
 * @
 * ====================================================== */
 .cs_top_img {
	width: 960px;
	margin: 0 auto 40px;
}
@media screen and (max-width: 480px) {
	.cs_top_img {
		width: 100%;
	}
}


/* =========================================================
 * トピックス・お知らせ
 * @
 * ====================================================== */
.topics_infoWrap {
	width: 960px;
	margin: 0 auto;
	background:#f4f5f6;
	padding:30px 0;
	display:table;
	table-layout:fixed;
}
.topics_infoWrap .topics,
.topics_infoWrap .info{
	display:table-cell;
	padding:0 30px;
}
.topics_infoWrap .info{
	border-left:1px solid #ccc;
}
.topics_infoWrap h2{
	font-size:20px;
	margin:0 auto 20px;
	font-weight:bold;
}
.topics_infoWrap ul{
	list-style:none;
	margin:0;
	padding:0;
}
.topics_infoWrap ul li{
	font-size:14px;
	padding-bottom:5px;
}
.topics_infoWrap ul li a{
	text-decoration:underline;
}

.topics_infoWrap .info ul{
	display:table;
}
.topics_infoWrap .info ul li{
	display:table-row;
}
.topics_infoWrap .info ul li a,
.topics_infoWrap .info ul li .date{
	display:table-cell;
	padding-bottom:5px;
}
.topics_infoWrap .info ul li .date{
	white-space: nowrap;
	padding-right:15px;
	font-weight:bold;
}
.topics_infoWrap .info .info_detail{
	text-align:right;
	font-size:14px;
	margin-top:15px;
}

.rightArrow{
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow.png) no-repeat right center;
	padding-right:15px;
	font-weight:bold;
}
@media screen and (max-width: 480px) {
	.topics_infoWrap {
		width: 100%;
		display:block;
		padding:20px 0;
	}
	.topics_infoWrap .topics,
	.topics_infoWrap .info{
		display:block;
		width:100%;
		padding:0 20px;
	}
	.topics_infoWrap .topics{
		padding-bottom:20px;
	}
	.topics_infoWrap .info{
		border-left:none;
		border-top:1px solid #ccc;
		padding-top:20px;
	}
}
.onc_for_businessWrap {
	width: 960px;
	margin: 20px auto;
	display:table;
	border-bottom:1px solid #ccc;
}
.onc_for_businessWrap .ocn_logo,
.onc_for_businessWrap .ocn_text,
.onc_for_businessWrap .ocn_detail{
	display:table-cell;
	vertical-align:middle;
	padding-bottom:20px;
}
.onc_for_businessWrap .ocn_text{
	padding:0 30px 20px;
}
.onc_for_businessWrap .ocn_logo{
	padding-left:30px;
}
.onc_for_businessWrap .ocn_detail{
	vertical-align:bottom;
	white-space: nowrap;
	text-align:right;
	padding-right:30px;
}
@media screen and (max-width: 480px) {
	.onc_for_businessWrap {
		width: 90%;
		display:block;
	}
	.onc_for_businessWrap .ocn_logo,
	.onc_for_businessWrap .ocn_text,
	.onc_for_businessWrap .ocn_detail{
		display:block;
	}
	.onc_for_businessWrap .ocn_text{
		padding:0 0 20px;
	}
	.onc_for_businessWrap .ocn_logo{
		text-align:center;
		padding-left:0;
	}
	.onc_for_businessWrap .ocn_detail{
		padding-right:0;
	}
}
/* =========================================================
 * 目的から探す
 * @
 * ====================================================== */
.searchPurpose {
	width: 960px;
	margin: 0 auto;
}
.searchPurpose h3{
	text-align:center;
	font-size:24px;
}
.searchPurpose ul{
	margin:0;
	padding:0;
	list-style:none;
	display:table;
	width:100%;
	border-collapse: separate;
	border-spacing: 20px 0;
	table-layout:fixed;
	margin-bottom:10px;
}
.searchPurpose ul li{
	display:table-cell;
	vertical-align:middle;
	padding:10px 5px 10px 10px;
	background:#193477;
	margin-right:10px;
	font-size:16px;
}
.searchPurpose ul li span{
	font-size:14px;
}
.searchPurpose ul li:hover{
	opacity:0.8;
}
.searchPurpose ul li a{
	display:block;
	color:#fff;
	padding:10px;
	position: relative;
}
.searchPurpose ul li a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
@media screen and (max-width: 480px) {
	.searchPurpose {
		width: 100%;
	}
	.searchPurpose ul{
		margin-bottom:0;
	}
	.searchPurpose ul li{
		float:left;
		width:44%;
		margin-right:0;
		margin-bottom:10px;
	}
	.searchPurpose ul li:nth-of-type(2n){
		float:right;
	}
	.searchPurpose ul li span{
		font-size: 10px;
	}
}
/* =========================================================
 * サービス一覧
 * @
 * ====================================================== */
.serviceList {
	width: 960px;
	margin: 0 auto;
}

.serviceList_body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin: 0;
	padding: 0;
}
.serviceList_body li {
	list-style: none;
}

.serviceList_parent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc((100% - 98px) / 4 );
	background: #fff;
}
.serviceList_parent > a,
.serviceList_parent > span {
	width: 100%;
	height:154px;
	background-color: #f4f5f6;
	text-align:center;
	padding:20px;
	font-size:16px;
	font-weight:bold;
	border:1px solid #ccc;
	border-bottom:none;
}

.serviceList_parent:not(:first-child) {
	margin-left: 30px;
}
.serviceList_parent:nth-child(5n) {
	margin-left: 0;
}
.serviceList_parent:nth-child(n + 5) {
	margin-top: 30px;
}
.serviceList_child {
	margin: 0;
	padding: 20px;
	border:1px solid #ccc;
}
.serviceList_child li{
	padding-bottom:5px;
}
.serviceList_child li a{
	text-decoration:underline;
}
@media screen and (max-width: 480px) {
	.serviceList {
		width: 90%;
	}

	.serviceList_body {
		display: block;
		width: 100%;
		border-bottom:1px solid #ccc;
	}

	.serviceList_parent {
		width: 100%;
	}
	.serviceList_parent > a,
	.serviceList_parent > span{
		height:auto;
		text-align:left;
		background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_plus.png) right 10px center no-repeat #f4f5f6;
		display:block;
	}
	.serviceList-active > a{
		background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_minus.png) right 10px center no-repeat #f4f5f6;
	}
	.serviceList_parent > a img,
	.serviceList_parent > span img{
		display:none;
	}
	.serviceList_parent > a br,
	.serviceList_parent > span br{
		display:none;
	}
	.serviceList_parent:not(:first-child) {
		margin-left: 0;
	}
	.serviceList_parent:nth-child(n + 5) {
		margin-top: 0;
	}


	.serviceList_child {
		display: none;
		padding:0;
		border:none;
	}
	.serviceList_child li{
		padding:10px;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	.serviceList_child li a{
		text-decoration:none;
		background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow.png) right 10px center no-repeat #fff;
		display:block;
	}

}

/* =========================================================
 * サービス一覧(リンク無し)
 * @
 * ====================================================== */
.serviceList_nolink {
	width: 960px;
	margin: 0 auto;
}

.serviceList_nolink_body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin: 0;
	padding: 0;
}
.serviceList_nolink_body li {
	list-style: none;
}

.serviceList_nolink_parent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc((100% - 60px) / 3 );
	background: #fff;
}
.serviceList_nolink_parent > a,
.serviceList_nolink_parent > span {
	width: 100%;
	height:149px;
	background-color: #f4f5f6;
	text-align:center;
	padding:20px;
	font-size:16px;
	font-weight:bold;
	border:1px solid #ccc;
	border-bottom:none;
}

.serviceList_nolink_parent:not(:first-child) {
	margin-left: 30px;
}
.serviceList_nolink_parent:nth-child(4n) {
	margin-left: 0;
}
.serviceList_nolink_parent:nth-child(n + 4) {
	margin-top: 30px;
}
.serviceList_nolink_child {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 20px 20px 10px;
	border:1px solid #ccc;
}
.serviceList_nolink_child li{
	padding-bottom:10px;
	display: inline-block;
	width: calc(50% - 5px);
}
.serviceList_nolink_child li:nth-child(even) {
	margin-left: 10px;
}

.serviceList_nolink_child li span{
	text-decoration: none;
	background: #b9c3d4;
	padding: 6px 3px;
	text-align: center;
	border-radius: 5px;
	display: block;
	font-size: 0.8rem;
	color: #333333;
}

@media screen and (max-width: 480px) {
	.serviceList_nolink {
		width: 90%;
	}
	.serviceList_nolink_body > li{
		width: 100%;
	}
	.serviceList_nolink_parent:not(:first-child){
		margin-top: 30px;
		margin-left: 0;
	}

}





/* =========================================================
 * 注目のサービス
 * @
 * ====================================================== */
.featuredServices {
	width: 960px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.featuredServices .featuredServicesBox{
	width:31%;
}
.featuredServices .featuredServicesBox.col3{
	width:48%;
}
.featuredServices .featuredServicesBox .featuredServicesTxtWrap{
	background:#f4f5f6;
	padding:20px 0;
}
.featuredServices .featuredServicesBox .featuredServicesImg img{
	width:100%;
}
.featuredServices .featuredServicesTxt{
	padding:0 20px;
}
.featuredServices .featuredServicesBox h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:0;
}
.featuredServices .featuredServicesBox.col3 h3{
	font-size:24px;
	text-align:center;
}
.featuredServices .featuredServicesBox .detail{
	padding:10px 20px 0;
	text-align:right;
}
.featuredServices .featuredServicesBox .detail a{
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow.png) right center no-repeat;
	padding-right:15px;
}
.featuredServices .featuredServicesBox.col3 h4{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:0;
	line-height:1.5;
}
@media screen and (max-width: 480px) {
	.featuredServices {
		width: 90%;
		display:block;
	}
	.featuredServices .featuredServicesBox{
		width:100%;
		margin-bottom:30px;
	}
	.featuredServices .featuredServicesBox.col3{
		width:100%;
	}
}


/* =========================================================
 * 事例スライダー
 * @
 * ====================================================== */
.ex_sliderWrap {
	width: 960px;
	margin: 0 auto 30px;
}
.ex_sliderWrap ul{
	list-style:none;
	margin:0;
	padding:0;
}
.ex_slider_item {
	width: 960px;
	background-color: #e8eaef;
}
.ex_item_heading {
	width: 100%;
	padding: 25px 40px;
	background-color: #5e71a0;
}
.ex_item_heading h3{
	color: #fff;
	font-size: 1.6rem;
	margin:0;
	line-height:1.5;
}
.ex_item_body_wrap{
	padding-bottom:40px;
}
.ex_item_body{
	padding: 40px 40px 0;
	display:table;
	width:100%;
}
.ex_item_body .ex_item_img,
.ex_item_body .ex_item_txt{
	display:table-cell;
	vertical-align:top;
}
.ex_item_body .ex_item_txt{
	padding-left:30px;
}
.ex_item_body .ex_item_txt_box{
	margin-bottom:30px;
}
.ex_item_body .ex_item_txt h4{
	font-size:16px;
	font-weight:bold;
	margin:0;
	border-bottom:1px solid #333;
	padding-bottom:5px;
}
.ex_item_body .ex_item_txt_box p{
	padding: 10px 0 0 30px;
}
.ex_item_body .ex_item_txt_box ul{
	margin-top:10px;
}
.ex_item_body .ex_item_txt_box .task li{
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_task.png) no-repeat left top 10px;
	padding:5px 0 5px 20px;
}
.ex_item_body .ex_item_txt_box .improvement li{
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_check.png) no-repeat left top 10px;
	padding:5px 0 5px 20px;
}
.ex_item_body_wrap .detail_bt a{
	background: #193477;
	display: block;
	color: #fff;
	padding: 15px 10px;
	position: relative;
	text-align:center;
	margin:0 auto;
	width:240px;
	font-weight:bold;
}
.ex_item_body_wrap .detail_bt a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
@media screen and (max-width: 480px) {
	.ex_sliderWrap{
		width: 90%;
	}
	.ex_slider_item{
		width: 100%;
	}
	.ex_slider_item:not(:first-child){
		display:none;
	}
	.ex_item_heading{
		padding:20px;
	}
	.ex_item_heading h3{
		font-size: 1.3rem;
	}
	.ex_item_body_wrap{
		padding-bottom:20px;
	}
	.ex_item_body{
		display:block;
		padding:20px;
	}
	.ex_item_body .ex_item_img, .ex_item_body .ex_item_txt{
		display:block;
	}
	.ex_item_body .ex_item_img img{
		width:100%;
	}
	.ex_item_body .ex_item_txt{
		padding-left:0;
	}
	.ex_item_body .ex_item_txt_box{
		margin:30px 0 0 0;
	}
	.ex_item_body .ex_item_txt_box p{
		padding: 10px 0 0 0;
	}
	.ex_item_body_wrap .detail_bt a{
		width:90%;
	}
	/** ----------------------------------------
	* 導入事例をもっと見る
	* -------------------------------------- */
	.caseStudiesMore_bt{
		text-align: center;
	}
	.caseStudiesMore_bt a{
		display: inline-block;
		font-weight: bold;
		width: 60%;
		margin: 20px 0;
		padding: 13px;
		border: 2px solid #193477;
		border-radius: 5px;
	}
}

/* =========================================================
 * キーワードから探す
 * @
 * ====================================================== */
.search_word{
	width: 960px;
	margin: 0 auto 90px;
}
.search_word h2{
	text-align:center;
	margin: 90px 0 30px;
	font-size: 32px;
	line-height:1;
}
#searchform {
	width: 50%;
	display: block;
	position: relative;
	margin:0 auto;
	border:1px solid #ccc;
	border-radius:5px;
	padding:22px 15px;
}
#keywords {
	width: 80%;
	position: absolute;
	top: 12px;
	left: 12px;
	border: 1px solid #FFF;
}
#searchBtn {
	position: absolute;
	top: 10px;
	right: 10px;
}
@media screen and (max-width: 480px) {
	.search_word{
		width: 100%;
	}
	#searchform {
		width: 90%;
	}
	.search_word h3{
		text-align:center;
	}
	.wellSearched{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width:90%;
		margin:0 auto 15px;
	}
	.wellSearched div{
		width:48%;
		text-align:center;
		background:#f4f5f6;
		border:1px solid #ccc;
	}
	.wellSearched div a{
		display:block;
		padding:15px;
	}
	.wellSearched div a img{
		margin-bottom:10px;
	}
}
/* =========================================================
 * バナースライダー
 * @
 * ====================================================== */
.bnr_sliderWrap {
	width: 960px;
	margin: 30px auto 90px;
}
@media screen and (max-width: 480px) {
	.bnr_sliderWrap {
		width: 75%;
	}
	.bnr_sliderWrap img {
		width: 100%;
	}
	
	.bnr_sliderWrap .bx-controls-direction a{
		margin-top: -10px;
	}

	.bnr_sliderWrap .bx-prev{
		left: -38px;
	}
	.bnr_sliderWrap .bx-next{
		right: -38px;
	}
}

/* =========================================================
 * ご検討中のお客さま・ご契約中のお客さま
 * @
 * ====================================================== */
.contacts_wrap{
	 background: #f4f5f6;
	 border-top: 1px solid #193477;
	 border-bottom: 1px solid #193477;
}

.contacts_block{
	width: 960px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 0;
	display: table;
	table-layout: fixed;
}

.contacts_block > div h3{
	margin-top: 0;
	text-align: center;
	font-weight: bold;
}

.contacts_block > div h3 span{
	margin-right: 10px;
}

.contacts_block > div > p{
	margin-bottom: 30px;
}

.contact_item01{
	border-right: 1px solid #ccc;
	padding-right: 20px;
	display: table-cell;
	width: 75%;
}

.contact_item02{
	padding-left: 20px;
	display: table-cell;
	width: 25%;
}

.contact_item01 ul{
	margin: 0 0 20px -20px;
	padding: 0;
	list-style: none;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
	table-layout: fixed;
}

.contact_item01 ul li{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 5px 10px 10px;
	background: #fed531;
	margin-right: 10px;
	font-size: 16px;
}

.contact_item01 ul li a{
	display: block;
	padding: 10px;
	position: relative;
}

.contact_item01 ul li a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
}

.contact_item01 ul li span{
	font-size: 14px;
}

.contact_link{
	background: #7782AE;
	padding: 10px 5px 10px 10px;
	font-size: 16px;
	line-height: 1.5;
}

.contact_link a{
	display: block;
	color: #fff;
	padding: 10px;
	position: relative;
}
.contact_link a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
}
.contact_link a span{
	display: block;
}

.contacts_tel div{
	font-weight: bold;
	display:table;
}
.contacts_tel div span{
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
	line-height:1.5;
}
.contacts_tel .tel{
	font-size: 36px;
	margin: 0 10px;
}

.contacts_tel .tel img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}

.contacts_tel .reception{
	font-weight: normal;
	font-size: 14px;
}

.contact_item01 ul li:hover,
.contact_link:hover {
	opacity: 0.8;
}

@media screen and (max-width: 480px) {
	.contacts_block {
		width: 90%;
		display: block;
	}

	.contacts_block > div h3 span{
		display: block;
	}

	.contact_item01,
	.contact_item02{
		width: 100%;
		display: block;
	}

	.contact_item01{
		border-right: none;
		padding-right: 0;
		border-bottom: 1px solid #ccc;
		padding-bottom: 30px;
	}

	.contact_item01 ul{
		margin: 0 0 20px 0;
		display: inline-block;
		width: 100%;
	}

	.contact_item01 ul li{
		display: block;
		width: calc(100% - 15px);
		margin-bottom: 15px;
	}

	.contacts_tel div {
		text-align: center;
		display:block;
	}

	.contacts_tel div > span{
		display: block;
	}
	.contacts_tel .tel{
		font-size:1.8rem;
	}
	.contacts_tel .tel img{
		width: 10%;
	}

	.contact_item02{
		padding-top: 30px;
		padding-left: 0;
	}

	.contact_link a span{
		display: inline-block;
	}

}
/*# sourceMappingURL=ocn-business_add.css.map */







/* =========================================================
 * 下層ページ共通
 * 
 * ====================================================== */

/*ご検討中のお客さま*/
.consideration{
	border-top:1px solid #193477;
	border-bottom:1px solid #193477;
	background:#f4f5f6;
	padding:20px 0;
}
.consideration .inner{
	width:960px;
	margin:0 auto;
	display: table;
}
.consideration .inner div{
	display: table-cell;
	vertical-align:middle;
}
.consideration .consideration_ttl{
	font-size:20px;
	font-weight:bold;
}
.consideration .consideration_bt{
	padding:0 20px;
}
.consideration .consideration_bt a{
	display:block;
	font-size:18px;
	background:#fed531;
	padding:30px 20px;
	font-weight:bold;
	position: relative;
}
.consideration .consideration_bt a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
}
.consideration .consideration_bt a:hover{
	opacity:0.8;
}
.consideration .consideration_tel{
	padding-left:30px;
	border-left: 1px solid #ccc;
	text-align:center;
}
.consideration .consideration_tel .txt{
	font-weight:bold;
	font-size:14px;
}
.consideration .consideration_tel .tel{
	font-weight:bold;
	font-size:30px;
}
.consideration .consideration_tel .tel img{
	margin-right:5px;
}
.consideration .consideration_tel .reception{
	font-size:12px;
}
@media screen and (max-width: 480px) {
	.consideration .inner {
		width: 90%;
		display: block;
	}
	.consideration .inner div{
		display: block;
	}
	.consideration .consideration_ttl{
		text-align: center;
	}
	.consideration .consideration_bt {
		padding: 0;
		margin:20px auto;
	}
	.consideration .consideration_tel{
		padding-left:0;
		border-left: none;
		border-top: 1px solid #ccc;
		padding-top:20px;
	}
}

/*ご検討中のお客さま縦並び*/
.consideration.row_ver{
	padding:40px 0 20px;
}
.consideration.row_ver .inner,
.consideration.cell_ver .inner,
.consideration.row_ver .consideration_ttl,
.consideration.row_ver .consideration_bt,
.consideration.row_ver .consideration_tel,
.consideration.cell_ver .consideration_tel{
	display:block;
	text-align:center;
	border:none;
	padding-left:0;
}
.consideration.row_ver .consideration_bt{
	display:inline-block;
	margin-top:30px;
}
.consideration.row_ver .consideration_tel,
.consideration.cell_ver .consideration_tel{
	display:table;
	margin:10px auto 0;
}
.consideration.row_ver .consideration_tel .tel,
.consideration.cell_ver .consideration_tel .tel{
	font-size:36px;
}
.consideration.row_ver .consideration_tel p,
.consideration.cell_ver .consideration_tel p{
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;
	text-align:left;
}
.consideration.row_ver .consideration_bt a{
	padding: 30px 60px 30px 20px;
	font-size:16px;
	text-align:left;
}
.consideration.row_ver .consideration_bt a::after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow2.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 20px;
}
@media screen and (max-width: 480px) {
	.consideration.row_ver .consideration_ttl,
	.consideration.cell_ver .inner .consideration_ttl{
		line-height:1.5;
	}
	.consideration.row_ver .consideration_tel,
	.consideration.cell_ver .inner .consideration_tel{
		display:block;
	}
	.consideration.row_ver .consideration_tel p,
	.consideration.cell_ver .inner .consideration_tel p{
		display:block;
		text-align:center;
		padding:0;
	}
	.consideration.row_ver .consideration_tel p br,
	.consideration.cell_ver .inner .consideration_tel p br{
		display:none;
	}
	.consideration.row_ver .consideration_tel,
	.consideration.cell_ver .inner .consideration_tel{
		padding-left:0;
		border-left: none;
		border-top: 1px solid #ccc;
		padding-top:20px;
		text-align:center;
		margin-top:0;
	}
	.consideration.row_ver .consideration_tel .tel,
	.consideration.cell_ver .inner .consideration_tel .tel{
		font-size:30px;
	}
	.consideration.row_ver .consideration_bt a,
	.consideration.cell_ver .inner .consideration_bt a{
		line-height:1.5;
	}
}
.consideration.row_ver .consideration_bt_wrap{
	display:table;
	width:100%;
	table-layout:fixed;
	margin-top:25px;
}
.consideration.row_ver .consideration_bt_wrap .consideration_bt{
	display:table-cell;
	background: #fed531;
	line-height:1.3;
	border-left:5px #f4f5f6 solid;
	border-right:5px #f4f5f6 solid;
}
.consideration.row_ver .consideration_bt_wrap .consideration_bt.first{
	border-left:none;
	border-right:10px #f4f5f6 solid;
}
.consideration.row_ver .consideration_bt_wrap .consideration_bt.last{
	border-left:10px #f4f5f6 solid;
	border-right:none;
}
.consideration.row_ver .consideration_bt_wrap .consideration_bt a,{
	padding: 10px 60px 10px 20px;
}
.consideration.row_ver .consideration_bt_wrap .consideration_bt span{
	font-size:12px;
}
@media screen and (max-width: 480px) {
	.consideration.row_ver .consideration_bt_wrap,
	.consideration.row_ver .consideration_bt_wrap .consideration_bt{
		display:block;
	}
	.consideration.row_ver .consideration_bt_wrap .consideration_bt,
	.consideration.row_ver .consideration_bt_wrap .consideration_bt.first,
	.consideration.row_ver .consideration_bt_wrap .consideration_bt.last{
		border:none;
		margin-top:10px;
	}
}
/*ご検討中のお客さま 2つ並びVer*/
.consideration.cell_ver .inner div{
	display:block;
}
.consideration.cell_ver .inner .consideration_tel{
	display: table;
}
.consideration.cell_ver .inner .cell_ver_wrap{
	display:table;
	width:100%;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block{
	display:table-cell;
	width:50%;
}
.consideration.cell_ver .inner .cell_ver_wrap .consideration_ttl{
	margin:20px auto;
}
@media screen and (max-width: 480px) {
	.consideration.cell_ver .inner .cell_ver_wrap{
		display:block;
	}
	.consideration.cell_ver .inner .consideration_tel{
		display: block;
	}
	.consideration.cell_ver .cell_ver_wrap .cell_ver_block{
		display:block;
		width:100%;
	}
	.consideration.cell_ver .inner .cell_ver_wrap .consideration_bt a{
		text-align:left;
		padding: 20px;
	}
}
/*ページ内リンク*/
.innerLink_block{
	width:960px;
	margin:60px auto 0;
	padding-bottom:20px;
}
.innerLink_block ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
	table-layout: fixed;
	margin-bottom: 10px;
}
.innerLink_block ul li {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 5px 10px 10px;
	background: #193477;
	margin-right: 10px;
	font-size: 16px;
}
.innerLink_block ul li a {
	display: block;
	color: #fff;
	padding: 10px;
	position: relative;
}
.innerLink_block ul li a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_innerlink_arrow.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
.innerLink_block.rows ul{
	border-collapse:collapse;
}
.innerLink_block ul li{
	border-left:20px solid #fff;
}
.innerLink_block ul li.first{
	border-left:none;
}
.innerLink_block.rows li span{
	font-size:11px;
}
@media screen and (max-width: 480px) {
	.innerLink_block {
		width: 90%;
		margin:20px auto;
	}
	.innerLink_block ul,
	.innerLink_block ul li{
		display:block;
	}
	main.service_kobetsu .innerLink_block ul li{
		margin-right:0;
		margin-bottom:10px;
	}
	.innerLink_block ul li{
		border-left:none;
	}
	
}
/*4つのポイント*/
.fourPoints{
	width:960px;
	margin:60px auto;
}
.fourPoints h3{
	text-align:center;
	font-weight:bold;
}

.fourPoints_body {
	width: 960px;
	margin: 60px auto 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.fourPoints_box{
	width:23%;
	border:1px solid #ccc;
	border-top:5px solid #193477;
}
.fourPoints_ttl{
	background:#e8eaef;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	border-bottom:1px solid #ccc;
	padding:55px 10px 20px;
	position:relative;
}
/*文字が入りきらない場合*/
.fourPoints_ttl.small_f{
	font-size:19px;
}
.fourPoints_ttl.row2{
	padding:40px 10px 20px;
}
.fourPoints_ttl img{
	position:absolute;
	left:0;
	right:0;
	top:-33px;
	margin: auto;
}
.fourPoints_txt{
	padding:20px;
}
@media screen and (max-width: 480px) {
	.fourPoints {
		width: 90%;
		margin:20px auto;
	}
	.fourPoints_body {
		width: 100%;
		display:block;
	}
	.fourPoints_box{
		width:100%;
		margin-bottom:30px;
	}
	.fourPoints_ttl,
	.fourPoints_ttl.row2{
		padding:40px 10px 20px;
	}
}
/*サービスの利用例*/
.useCase_wrap{
	width:960px;
	margin:0 auto 60px;
}
.useCase_box{
	float:left;
	width:48%;
	
}
.useCase_box:nth-of-type(2){
	float:right;
}
.useCase_box .useCase_txt{
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #f4f5f6;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

.useCase_box .useCase_txt:before{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #f4f5f6;
	z-index: 2;
}

.useCase_box .useCase_txt:after{
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #ccc;
	z-index: 1;
}
.useCase_box .useCase_txt h4{
	border-left:5px solid #193477;
	padding-left:15px;
	font-weight:bold;
	margin:0;
	margin-bottom:10px;
}
.useCase_box .useCase_txt p{
	font-size:14px;
}
.useCase_box .useCase_img{
	text-align:center;
	padding:20px 0;
}
.caseStudy_ttl{
	text-align:center;
	font-weight:bold;
}
@media screen and (max-width: 480px) {
	.useCase_wrap {
		width: 90%;
		margin:0 auto;
	}
	.useCase_box{
		float:none;
		width:100%;
		
	}
	.useCase_box:nth-of-type(2){
		float:none;
	}
	
	.useCase_box .useCase_img img{
		width:100%;
	}
}
/*汎用エリア*/
.generalpurpose{
	width:960px;
	margin:0 auto; /*余白は好きに*/
}
@media screen and (max-width: 480px) {
	.generalpurpose{
		width:100%;
		margin:0 auto; /*余白は好きに*/
	}
	.generalpurpose img{
		width:100%;
	}
}


/* サービス情報スライド */
.desc_sliderWrap{
	width: 960px;
	margin: 50px auto 90px;
}

.desc_slider{
	margin: 0px;
}

.desc_slider li a{
	display: inline-block;
	border: 2px solid #004386;
}

.desc_slider li .txtbox{
	font-size: 14px;
	padding: 15px 20px;
}

.desc_slider li .ttl{
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.desc_slider li .more{
	font-size: 14px;
	background: #004386;
	color: #fff;
	text-align: right;
	padding: 5px 30px 5px 10px;
	position: relative;
}

.desc_slider li .more:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -10px;
	margin-left: 10px;
}

@media screen and (max-width: 480px) {
	.desc_sliderWrap{
		width:90%;
		margin:30px auto;
	}
}


/* =========================================================
 * VPN
 * @vpn.html
 * ====================================================== */

.featuredServices_vpn{
	width:960px;
	margin:0 auto;
}
.featuredServices_vpn h3{
	text-align:center;
	font-weight:bold;
}
.featuredServices_vpn p{
	font-size:16px;
}
@media screen and (max-width: 480px) {
	.featuredServices_vpn{
		width:90%;
	}
}

/* =========================================================
 * mobile
 * @mobile.html
 * ====================================================== */
/** ----------------------------------------
 * ページ内 レイアウト
 * -------------------------------------- */
.ob_mobile_contents {
	width: 960px;
	margin: 0 auto;
}

.ob_mobile_contents ul {
	margin: 0;
	padding: 0;
}
.ob_mobile_contents li {
	list-style: none;
}

/** ----------------------------------------
 * サービスの特長
 * -------------------------------------- */
.ob_mobile_service_message{
	width: 960px;
	margin: 40px auto;
	text-align: center
}
.ob_mobile_service_message p{
	font-size:16px;
}
.ob_mobile_service_message p span{
	font-weight: bold;
}
.ob_mobile_ttl_S span{
	font-weight: normal;
}

/** ----------------------------------------
 * サービスの利用例
 * -------------------------------------- */
/* サービスの利用例 */
.ob_mobile_serviceList{
	margin-bottom:80px;
}
.ob_mobile_serviceList h3{
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
}
.ob_mobile_serviceList h3 span{
	font-weight: normal;
}
.ob_mobile_serviceImgList_body{
	padding: 0;
}
.ob_mobile_serviceImgList_parent{
	display: inline-block;
	list-style-type: none;
	width: calc((100% - 62px) / 3 );
}
.ob_mobile_serviceImgList_parent:not(:first-child){
	margin-left: 26px;
}
.ob_mobile_serviceImgList_parent img{
	width: 100%;
}

.ob_mobile_appServices_inner{
	position: relative;
}
.ob_mobile_appServices_box:nth-child(2) .btn_area{
	position: absolute;
	right: 0;
	left: 0;
	bottom: 20px;
}
.oneColumn .appServices_box:nth-child(2) .btn_area{
	position: static;
}
/* サービスの利用例 4個Ver*/
.column4 .ob_mobile_serviceImgList_parent{
	display: inline-block;
	list-style-type: none;
	width: calc((100% - 62px) / 4 );
}
.column4 .ob_mobile_serviceImgList_parent:not(:first-child){
	margin-left: 15px;
}


/** ----------------------------------------
 * コース選択
 * -------------------------------------- */
.ob_mobile_chooseable h2 {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

/** ----------
 * サービスラインナップ
 * -------- */
.ob_mobile_chooseable_lineup .appServices_section {
	padding-top: 0;
	background: none;
}

.ob_mobile_chooseable_lineup .appServices_inner {
	background: #fff;
}
.ob_mobile_chooseable_lineup .appServices_inner .txtArea ul {
	text-align: left;
}
.ob_mobile_chooseable_lineup .appServices_inner .txtArea li {
	list-style: inside disc;
	padding-left: 1rem;
	text-indent: -1rem;
}

.ob_mobile_chooseable_lineup .appServices_inner .itemArea table {
	width: 100%;
}

.ob_mobile_chooseable_lineup .appServices_box table th{
	padding: 10px 0 5px;
	font-size: .875rem;
	vertical-align: middle;
}

.ob_mobile_chooseable_lineup .appServices_box table td {
	padding: 10px 0 5px 10px;
	font-size: .875rem;
	vertical-align: middle;
}

.ob_mobile_chooseable_lineup .appServices_box table td span{
	font-weight: bold;
	font-size: 1.2rem;
	margin-right: 3px;
}

.ob_mobile_chooseable_lineup .appServices_box:nth-child(2) .itemArea_img{
	padding-top: 5px;
}

.appServices_box table th.lineupTable_heading {
	padding: 30px 0 10px 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.5rem;
	text-align: center;
}

.ob_mobile_chooseable_lineup .appServices_box table th {
	width: 120px;
}
.ob_mobile_chooseable_lineup .appServices_box table th span {
	padding: 7px 0;
}

/** ----------
 * モバイルサービスラインナップ
 * -------- */
 .ob_lineup_section_header{
	border-bottom: none;
	padding-top: 60px;
	padding-bottom: 0;
	margin-top: 0;
	font-size: 25px;
}
.ob_lineup_section_header:before{
	border: none;
}
ul.ob_lineup_list{
	padding: 0;
	margin: 30px 0;
}
ul.ob_lineup_list li{
	list-style-type: none;
	width: calc((100% - 58px) / 3);
	display: inline-block;
	margin-right: 20px;
}
ul.ob_lineup_list li:last-child{
	margin-right: 0px;
}
.ob_lineup_list_gray{
	height: 104px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 30px 20px;
	position: relative;
	font-size: 1rem;
	font-weight: bold;
	background: #f4f5f6;
}
.ob_lineup_list_gray span{
	line-height: 40px;
}
.ob_lineup_list_gray:before{
	content: "";
	position: absolute;
	bottom: -32px;
	left: 50%;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top: 16px solid #ccc;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ob_lineup_list_gray:after{
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-top: 14px solid #f4f5f6;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ob_lineup_list_link{
	margin-top: 30px
}
.ob_lineup_list_link a{
	background: #193477;
	display: block;
	color: #fff;
	padding: 15px;
	position: relative;
	font-size:16px;
}
.ob_lineup_list_link a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
}
.ob_line_up_btn_area{
	text-align: center;
	margin-bottom:80px;
}
.ob_line_up_btn_area a{
	display: inline-block;
	font-weight: bold;
	padding: 15px;
	border: 1px solid #193477;
	border-radius: 5px;
	font-size:16px;
}


/** ----------------------------------------
 * ページ内 共通パーツ
 * -------------------------------------- */
.ob_mobile_contactBox {
	width: 100%;
	margin: 60px auto 0;
	border: 1px solid #6077a2;
}

@media screen and (max-width: 480px) {
	/** ----------------------------------------
	* ページ内 レイアウト
	* -------------------------------------- */
	.ob_mobile_contents{
		width: 90%;
	}
	/** ----------------------------------------
	* ページ内 共通パーツ
	* -------------------------------------- */
	.ob_mobile_contactBox{
		border: none;
		margin: 0 auto;
	}
	.ob_mobile_contactBox_body{
		width: 90%;
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	.ob_mobile_contactBox_body > div:nth-child(1){
		width: 100%;
		border-right: none;
		margin: 20px auto;
		padding: 0;
	}
	.ob_mobile_contactBox_body > div:nth-child(2){
		width: 100%;
		padding: 20px 0;
		border-left: none;
		border-top: 1px solid #ccc;
	}
	/** ----------------------------------------
	* サービスの特長
	* -------------------------------------- */
	.ob_mobile_service_message{
		width: 90%;
	}
	/** ----------------------------------------
	* サービスの利用例
	* -------------------------------------- */
	.cs_top_img img{
		width: 100%;
	}
	.ob_mobile_serviceImgList_parent,.column4 .ob_mobile_serviceImgList_parent{
		width: 100%;
		margin: 0;
	}
	.ob_mobile_serviceImgList_parent:not(:first-child),.column4 .ob_mobile_serviceImgList_parent:not(:first-child){
		margin-top: 20px;
		margin-left: 0;
	}
	.ob_mobile_appServices_box:nth-child(2) .btn_area{
		position: unset;
	}
	
	/** ----------------------------------------
	* コース選択
	* -------------------------------------- */
	.ob_mobile_chooseable h2 {
		margin: 0 15px 20px;
	}
	/** ----------
	* 課金コントロール
	* -------- */
	.ob_mobile_chooseable_control p{
		margin: 20px 15px 0;
	}
	.ob_mobile_chooseable_control_img img{
		display: block;
		width: 90%;
		margin: 30px auto;
	}
	.ob_mobile_chooseable_lineup .appServices_box:nth-child(2) .itemArea_img{
		padding: 0;
	}
	.appServices_inner .itemArea_img img{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	/** ----------
	* モバイルサービスラインナップ
	* -------- */
	.ob_mobile_section_header#cont03{
		padding-top:80px;
	}
	.ob_lineup_section_header{
		padding: 0 20px;
	}
	ul.ob_lineup_list li{
		width: 100%;
		margin-right: 0;
	}
	ul.ob_lineup_list li:not(:first-child){
		margin-top: 50px;
	}
	.ob_line_up_btn_area a{
		width: 80%;
	}

}

/* =========================================================
 * security
 * @security.html
 * ====================================================== */
/** ----------------------------------------
* ページ内リンクボタン
* -------------------------------------- */
.ob_security_innerLink ul{
	text-align: center;
}
.ob_security_innerLink ul li{
	text-align: left;
	width: calc(100% / 3);
	display: inline-block;
	margin-right: 20px;
}

/** ----------------------------------------
* ページ内レイアウト
* -------------------------------------- */
.featuredServices .featuredServicesBox.col3 h3.ttl_S{
	font-size: 20px;
}
.securityService_point{
	width: 960px;
	margin: 50px auto 40px;		
}
.securityService_point_txt{
	font-size: 20px;
}
.securityService_point_img{
	text-align: center;
	margin-top: 20px;
}
.appServices_points{
	position: relative;
}
.appServices_points > ul.list_two{
	position: absolute;
	top: 32%;
}
.appServices_points > ul.list_three{
	position: absolute;
	top: 23%;
}
.appService_info{
	width: 960px;
	margin: 100px auto 40px;
}
.appService_info .sub_ttl{
	font-size: 20px;
}
.appService_info h3{
	font-weight: bold;
	margin-top: 5px;
	padding: 0 20px;
	background: #fff;
}
.appService_info_top,
.appService_info h3{
	display: inline-block;
}
.appService_info_inner{
	padding: 40px 30px 30px 30px;
	border: 1px solid #cccccc;
	position: relative;
}
.appService_info_top{
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
}

/** ----------------------------------------
* セキュリティサービス
* -------------------------------------- */
.appServices_box_wrap:last-child .appServices_inner .btn_area{
	/* padding-bottom: 20px; */
}
.appServices_inner .btn_area a{
	margin-top: 20px;
}
.appService_info_inner .btn_area a{
	width: 210px;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 5px 15px 10px;
	background: #193477;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin-top: 15px;
}
.appService_info_inner .btn_area a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px
}
.appService_info_inner .txt{
	margin-top: 20px;
}
.appService_info_inner .txt_main{
	font-size: 16px;
	font-weight: bold;
}

.appService_info_inner .itemArea ul{
	font-size: 12px;
	list-style-type: none;
	padding-left: 16px;
}

.appService_info_inner .itemArea ul li{
	position: relative;
	display: inline-block;
}
.appService_info_inner .itemArea ul li:before{
	content: "※";
	position: absolute;
	top: 3%;
	left: -17px;
}
@media screen and (max-width: 480px) {
	/** ----------------------------------------
	* ページ内リンクボタン２つの場合
	* -------------------------------------- */
	.ob_security_innerLink{
		width: 60%;
	}
	.ob_security_innerLink ul li{
		width: calc(100% / 2);
		margin-right: 0;
	}
	/** ----------------------------------------
	* ページ内レイアウト
	* -------------------------------------- */
	.securityService_point{
		width: 100%;
	}
	.appService_info{
		width: 90%;
	}
	.securityService_point_txt{
		padding: 0 40px;
		font-weight: bold;
	}
	.securityService_point_img img{
		width: 90%;
	}
	.appService_info_inner {
		padding: 80px 30px 30px 30px;
	}
	.appServices_points,
	.appServices_points > ul.list_two,
	.appServices_points > ul.list_three{
		position: unset;
	}
	.appService_info h3 {
		padding: 0 10px;
		margin: 5px 40px 0px 40px;
	}
	.appService_info_top{
		top: -60px;
	}
	.appService_info_inner .btn_area a{
		width: 100%;
	}
}



/* =========================================================
 * faq
 * @faq.html
 * ====================================================== */
/** ----------
* ページ内共通
* -------- */
.faq_section{
	width: 960px;
	margin: 40px auto 0;
}
.faq_section_gray{
	border-top: solid 1px #193477;
	border-bottom: solid 1px #193477;
	margin-top: 60px;
	background-color: #f4f5f6;
	padding-bottom: 40px;
}

/** ----------
* タイトル
* -------- */
.faq_ttl_img.faq_section{
	margin-top: 0;
}
.faq_ttl{
	padding-top: 53px;
}
.faq_ttl h2{
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 40px;
}
.faq_ttl p{
	margin-top: 3rem;
}
/* よくある質問トップ */
.faq_top_head h2{
	font-size: 24px;
	color: #000;
	background-color: #f4f5f6;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 30px 30px 20px;
}
.faq_top_item{
	padding: 0 20px 20px 20px;
	background-color: #f4f5f6;
}
.faq_top_item ul{
	padding-left:20px;
}
.faq_top_item.item_col2 ul{
	float: left;
	width: 46%;
}
.faq_top_item.item_col2 ul:nth-child(2){
	float: right;
}
.faq_top_item ul li{
	list-style-type: disc;
}
.faq_top_item ul li{
	padding-bottom: 15px;
	position: relative;
}
.faq_top_item ul li:last-child{
	padding-bottom: 0;
}

.faq_top_item .faq_keyword a:not(:first-child):before{
	margin: 0 0.6rem 0 0.5rem;
	content: "|";
	color: #004386;
}
.faq_top_item ul li a,
.faq_top_item .faq_keyword a,
.faq_inner_item a{
	text-decoration:underline;
}
.faq_inner_item .r-arrow a{
	text-decoration:none;
}
.faq_top_wrap .faq_top_block:nth-child(2){
	margin-top: 40px;
}

/** ----------
* 法人向けOCNサービス全体について
* -------- */
.ob_faq_section_header{
	margin-top: 30px;
	padding-top: 30px;
	font-size: 35px;
	font-weight: normal;
}
.faq_section_gray .ob_faq_section_header:after{
	border-top: 14px solid #f4f5f6;
}
.ob_faq_section_header span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 40px 0 10px 0;
}

.faq_inner_block > ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
.faq_service_all_inner_block > ul{
	padding-left: 0;
}

.faq_service_all_inner_block > ul >li{
	vertical-align: top;
	margin-right: 0px;
	font-size: 16px;
	width: calc((100% - 52px) / 3);
	display: inline-block;
}
.faq_service_all_inner_block > ul >li:not(:first-child){
	padding-left: 15px;
}

.faq_service_all_inner_block > ul >li h2{
	background: #004386;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	height: 100px;
}
.faq_service_all_inner_block > ul >li:not(:last-child) h2{
	line-height: 60px;
}

.faq_service_each_inner_block > ul{
	padding-left: 0;
}
.faq_service_each_inner_block > ul >li{
	vertical-align: top;
	margin-right: 0px;
	font-size: 16px;
	width: calc((100% - 56px) / 4);
	display: inline-block;
}
.faq_service_each_inner_block > ul >li:not(:first-child){
	padding-left: 13px;
}
.faq_service_each_inner_block > ul >li h3{
	padding: 30px 0;
	border-top: solid 4px #193477;
	background-color: #e8eaef;
	color: #333;
	font-size: 16px;
	text-align: center;
	height: 104px;
	margin-bottom: 0;
}
.faq_service_each_inner_block.faq_section .faq_innerlist{
	margin: 0;
}
.faq_service_each_inner_block.more{
	text-align: right;
}
.faq_service_each_inner_block.more a span{
	font-weight: normal;
}

.faq_section .faq_inner_item{
	font-size: 14px;
	background: #fff;
	padding: 10px;
}
.faq_section .faq_innerlist{
	padding-left: 20px;
	margin: 20px 0;
}
.faq_section .faq_innerlist li{
	list-style-type: disc;
	margin-bottom: 0.5rem;
}
.faq_section .faq_innerlist li a:hover,
.faq_section .link_component a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	text-decoration: underline;
}

/** ----------
* コンテンツエリア
* -------- */
.faq_contacts_block{
	float: left;
	width: 48%;
}
.faq_contacts_block:nth-child(2){
	float: right;
}
.faq_contacts_head{
	text-align: center;
}
.faq_contacts_txt h4{
	margin-bottom: 50px;
	padding-left: 1rem;
	border-left: solid 4px #193477;
}
.faq_contacts_txt p{
	margin-bottom: 25px;
}

.faq_contacts_btn a{
	padding: 25px 20px;
	display: block;
	position: relative;
	margin-bottom: 25px;
}

.faq_contacts_btn.btn-yellow a{
	background-color: #fed531;
	color: #333;
}
.faq_contacts_btn a:after{
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	right: 30px;
	top: calc(50% - 5px);
	border: 1px solid;
	transform: rotate(-45deg);
}
.faq_contacts_btn.btn-yellow a:after{
	border-color: transparent #333 #333 transparent;
	background-color: #fed531;
}
.faq_contacts_btn.btn-blue a{
	background-color: #7782AE;
	color: #fff;
}
.faq_contacts_btn.btn-blue a:after{
	border-color: transparent #fff #fff transparent;
	background-color: #7782AE;
}
.btn-col2 p{
	float: left;
	width: 48%;
}
.btn-col2 p:nth-child(2){
	float: right;
}
@media screen and (max-width: 480px) {
	/** ----------
	* ページ内共通
	* -------- */
	.faq_section{
		width: 100%;
		margin: 20px auto 0;
	}
	/* タイトル */
	.faq_ttl p{
		margin-top: 2rem;
	}
	/* よくある質問トップ */
	.faq_top_block:nth-child(2){
		margin-top: 40px;
	}
	.faq_top_head h2{
		margin-top: 0;
	}
	.faq_top_item{
		border-top: 1px solid #ccc;
		padding: 20px;
	}
	.faq_top_item ul{
		padding-left:0;
	}
	.faq_top_item.item_col2 ul{
		float: unset;
		width: 100%;
	}
	/** ----------
	* 法人向けOCNサービス全体について
	* -------- */
	.ob_faq_section_header{
		margin-top: 20px;
		padding-top: 0;
		font-size: 1.5rem;
	}
	.faq_service_all_inner_block > ul >li{
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.faq_service_all_inner_block > ul >li h2{
		margin-top: 0;
	}
	.faq_service_all_inner_block > ul >li:not(:first-child){
		padding-top: 40px;
		padding-left: 0;
	}
	.faq_service_each_inner_block > ul >li{
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.faq_service_each_inner_block > ul >li:not(:first-child){
		padding-top: 40px;
		padding-left: 0;
	}
	/** ----------
	* コンテンツエリア
	* -------- */
	.faq_contacts_block{
		float: unset;
		width: 90%;
		margin: 0 auto;
	}
	.faq_contacts_txt h4{
		margin-bottom: 20px;
	}
	.faq_contacts_block:nth-child(2){
		float: unset;
		margin-top: 40px;
	}
	.btn-col2 p{
		float: unset;
		width: 100%;
	}

}











/** ------------------------------------------------------------------------------------------------------------------------
 * 2018.3.23以降　追加
 * ----------------------------------------------------------------------------------------------------------------------- */

/** ------------------------------------------------------------
 * ===================================================
 * メインスライダー
 * ===================================================
 * ----------------------------------------------------------- */
.cs_sliderWrap.cs_sliderWrap-bottomPager {
	padding-bottom: 68px;
}
.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager {
	bottom: -20px;
}
.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager.bx-default-pager a:hover,
.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #193477;
}
.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager.bx-default-pager a {
	background: #8c99bb;
}



/** ------------------------------------------------------------
 * ===================================================
 * サービス情報
 * ===================================================
 * ---------------------------------------------------------- */

.appServices_body-top{
	text-align: center;
}

.appServices_body{
	width: 960px;
	margin: 0 auto 20px;
}
.appServices_section.oneColumn{
	padding-bottom:40px;
}
.appServices_box_wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;
}

.oneColumn .appServices_box_wrap{
	display:block;
	text-align:center;
}

.ob_vpn_appServices_box_wrap{
	margin-top: 40px;
}

.appServices_body h3{
	font-weight: bold;
	text-align:center;
	margin-top:40px;
}

.appServices_box{
	width: 48%;
	margin-bottom:60px;
}
/*20181204 OCN光 IPoEサービス　標準プラン　概要　3カラム*/
.appServices_box.col3{
	width: 31%;
	margin-bottom:60px;
}
.oneColumn .appServices_box{
	margin-left: auto;
	margin-right: auto;
}
.appServices_inner{
	border-top: 4px solid #193477;
	/* background: #f4f5f6; */
	background: #fff;
	padding: 20px 20px 30px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.appServices_inner.ob_mobile_appServices_inner{
	border-bottom: none;
	border-right: none;
	border-left: none;
}
.appServices_inner .txtArea .subttl{
	font-size: 16px;
}

.appServices_inner .txtArea .ttl{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight:bold;
}

.appServices_inner .txtArea .txt{
	text-align: left;
}

.appServices_inner .txtArea{
	font-size: 14px;
}

.appServices_inner .itemArea{
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 30px;
}

.appServices_inner .itemArea ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.appServices_inner .itemArea ul li{
	background: #6077a2;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.appServices_inner .itemArea ul li .fs_s{
	font-size:12px;
}
.appServices_inner .itemArea ul.col4 li{
	width: calc((100% - 64px) / 2);
	margin-bottom: 20px;
	padding: 10px;
}

.appServices_inner .itemArea ul.col4 li:nth-child(odd){
	margin-right: 20px;
}

.appServices_inner .itemArea ul.col3{
	width: 100%;
	margin-bottom:30px;
}

.appServices_inner .itemArea ul.col3 li{
	width: calc((100% - 84px) / 3);
	height: 80px;
	padding: 10px;
}

.appServices_inner .itemArea ul.col3 li:not(:last-child){
	margin-right: 8px;
}

.appServices_inner .itemArea ul.col3 li p{
	display: inline-block;
	vertical-align: middle;
	display: table-cell;
	width: 120px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}

.appServices_inner .itemArea .sum{
	line-height: 1;
	font-weight:bold;
	font-size:16px;
}
.appServices_inner .itemArea .note{
	font-size:12px;
	margin-top:5px;
}

.appServices_inner .itemArea .sum span{
	font-size: 36px;
}

.appServices_inner .btn_area.no_sum{
	margin-top: 88px;
}

.appServices_inner .btn_area a{
	width: 210px;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 5px 15px 10px;
	background: #193477;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin-top:30px;
}

.appServices_inner .btn_area a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
}
.appServices_inner .btn_area.blank a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_blank.jpg);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
}
.appServices_box table{
	margin:20px 0 15px;
}
.appServices_box table th,
.appServices_box table td{
	border:none;
	background:none;
	padding:5px 10px;
}
.appServices_box table th span{
	background:#b9c3d4;
	padding:7px 15px;
	text-align:center;
	border-radius:5px;
	display:block;
}
.grayBox .appServices_inner{
	border-top: 1px solid #ccc;
	/* background: #f4f5f6; */
	background: #fff;
	padding: 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.grayBox .appServices_inner .txtArea{
	background:#f4f5f6;
	padding:10px 20px;
	border-bottom:1px solid #ccc;
}
.grayBox .appServices_inner .txtArea .ttl{
	margin-bottom:0;
}
.grayBox .appServices_inner .itemArea{
	padding: 10px 20px 20px;
}
.appServices_inner .itemArea ul.listPack li{
	text-align: center;
	position: relative;
}
.appServices_inner .itemArea ul.listPack li:not(:first-child){
	margin-top: 35px;
}

.appServices_inner .itemArea ul.listPack li:not(:first-child):before{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_plus_circle.png);
	position: absolute;
	top: -52%;
	margin-top: -8px;
	right: 0;
	left: 0;
}
.appServices_inner .itemArea ul.listPack li span{
	width: 80%;
	display: inline-block;
	background: #6077a2;
	border-radius: 5px;
	padding: 10px 15px;
	color: #fff;
}
.appServices_box_one{
	width: 100%;
	margin-bottom:40px;
}
.appServices_box_one .appServices_points_wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;
}
.appServices_box_one .appServices_points_wrap ul,
.appServices_box_one .appServices_points_wrap div{
	width:48%;
}
.appServices_box_one .appServices_points_wrap div{
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/ftth_service_bg.jpg) top left;
	padding:30px;
}
.appServices_box_one .appServices_points_wrap div table{
	margin:0;
}
@media screen and (max-width: 480px) {
	.appServices_body{
		width:90%;
		margin:0 auto; /*余白は好きに*/
	}
	.appServices_box_wrap{
		display:block;
	}
	.appServices_box{
		width:100%;
		margin-bottom:30px;
	}
	/*20181204 OCN光 IPoEサービス　標準プラン　概要　3カラム*/
	.appServices_box.col3{
		width:100%;
		margin-bottom:30px;
	}
	.appServices_inner{
		padding-top:10px;
		padding-bottom:20px;
	}
	.appServices_inner .itemArea ul{
		text-align:center;
	}
	.appServices_inner .itemArea ul li{
		display:block;
		margin:0 auto;
	}
	.appServices_inner .itemArea ul.col4 li,
	.appServices_inner .itemArea ul.col3 li{
		margin-bottom:10px;
		width:auto;
	}
	.appServices_inner .itemArea ul.col4 li:nth-child(2n+1),
	.appServices_inner .itemArea ul.col3 li:not(:last-child){
		margin-right:auto;
	}
	.appServices_inner .itemArea ul.col3 li{
		height:auto;
	}
	.appServices_inner .itemArea ul.col3 li p{
		width:100%;
		height:auto;
		display:block;
	}
	.appServices_inner .itemArea ul.col3 li p br{
		display:none;
	}
	.appServices_inner .btn_area.no_sum{
		margin-top:20px;
	}
	.appServices_inner .itemArea .sum span{
		font-size: 1.5rem;
	}
	.appServices_inner .itemArea ul.listPack li{
		padding-left: 0;
		text-indent: 0;
	}
	.appServices_inner .itemArea ul.listPack li span{
		width: 100%;
	}
	.appServices_box_one .appServices_points_wrap{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.appServices_box_one .appServices_points_wrap ul,
	.appServices_box_one .appServices_points_wrap div{
		width:100%;
	}
	.appServices_box_one .appServices_points_wrap div{
		margin-top:20px;
		padding:15px;
	}
	.appServices_box_one .appServices_points_wrap div th{
		white-space:nowrap;
	}
	.appServices_box table th{
		white-space:nowrap;
	}
}

/* ----------
2018.03.23追加
 * --------*/
.ob_section_header.ob_section_header-appServices {
	margin: 60px 0 0;
}

.appServices_section {
	padding-top: 40px;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/bg_appservices_body.png) left top repeat;
}

/* 
 * ポイント
 */

/* ----- 打消し ----- */
.appServices_inner .itemArea ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.appServices_inner .itemArea ul li {
	background: none;
	color: #333;
	display: list-item;
	text-align: left;
	vertical-align: baseline;
}

/* ----- ポイント部分 ----- */
.appServices_points {
	display: block;
	border: 1px solid #6077a2;
}

.appServices_points:before {
	content: "POINT";
	display: block;
	padding: 10px;
	background: #6077a2;
	color: #fff;
	font-size:16px;
	font-weight:bold;
}

.appServices_points li {
	display: block;
	margin: 1rem;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}
.appServices_points li p {
	font-size: 18px;
	font-weight:bold;
}
.appServices_points li p:before {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 10px;
	background:  url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_appservices_check.png) left center no-repeat;
	background-size: contain;
}

.appServices_points sup {
	font-size: .6rem;
}

@media screen and (max-width: 480px) {
	.appServices_section {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.appServices_inner .itemArea ul li {
		margin: 1rem;
		padding-left: 1.5rem;
		text-indent: -1.5rem;
	}
	.appServices_inner .itemArea ul li:not(:first-child) {
		margin-top: .5rem;
		margin-bottom: 0;
	}
	.appServices_inner .itemArea ul li:last-child {
		margin-bottom: 1rem;
	}

	.appServices_inner .btn_area a {
		width: 100%;
	}

}


/* 
 * 料金
 */

/* ----- 打消し ----- */
.appServices_inner .itemArea {
	border-top: none;
	margin-top: 0;
}

.appServices_inner .itemArea .sum {
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight:bold;
}
.appServices_inner .itemArea .sum span {
	font-size: 1rem;
}


/* ----- 料金部分 ----- */
.price {
	margin-top: 20px;
}
.price .sum {
	font-size: 1.2rem;
	line-height: 1.2;
	font-weight:bold;
}
.price .price_body {
	color: #666;
	font-size: 1.8rem;
	line-height: 1;
}
.price .price_body span {
	color: #ff7d00;
	font-size: 3.75rem;
	font-weight:bold;
}
.appServices_inner .itemArea .note {
	margin-top: 1rem;
	font-size: .75rem;
	line-height: 1;
}

.itemArea_subheading {
	margin: 30px 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.25rem;
	text-align: center;
}

/**
 * 09 Apr 2018
 * mobile用に追加
 */
@media screen and (max-width: 480px) {
	.itemArea_subheading {
		padding: 48px 0 10px 0;
		border-bottom: 1px solid #ccc;
		font-size: 1.5rem;
		text-align: center;
	}
}


/** ------------------------------------------------------------
 * ===================================================
 * お知らせ
 * ===================================================
 * ---------------------------------------------------------- */
.ocn_info{
	width:960px;
	margin:80px auto 60px;
}
.ocn_info h3{
	font-weight:bold;
	font-size:20px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.ocn_info ul{
	list-style:none;
	margin:0;
	padding:0;
}
.ocn_info p,.ocn_info ul li{
	line-height:1.8;
}
.ocn_info ul li a{
	text-decoration:underline;
}
.ocn_info ul li a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_blank.jpg);
	display: inline-block;
	width: 14px;
	height: 12px;
}
@media screen and (max-width: 480px) {
	.ocn_info{
		width:90%;
	}
}


/** ------------------------------------------------------------
 * ===================================================
 * ローカルナビ 20180326 新要素
 * ===================================================
 * ----------------------------------------------------------- */
.ob_localNavi {
	display: none;
}

@media screen and (max-width: 480px) {
	.ob_localNavi {
		display: block;
		width: 90%;
		margin: 0 auto 40px;
		border: 1px solid #ccc;
	}
	.ob_localNavi_body {
		margin: 0;
		padding: 0;
	}
	
	.ob_localNavi li {
		list-style: none;
		background: #f4f5f6;
		border-top: 1px solid #ccc;
	}
	.ob_localNavi_body > li:first-child {
		border-top: none;
	}

	.ob_localNavi li a {
		display: block;
		padding: .5rem 1rem;
	}
	.ob_localNavi li a:after {
		content: ">";
		float: right;
		font-weight: 700;
	}

	/* ---------- 親 ---------- */
	.ob_localNavi .ob_localNavi_parent > a:after {
		content: "+";
	}

	.ob_localNavi_parent.child-open {
		background: #ccc;
	}
	.ob_localNavi .ob_localNavi_parent.child-open > a:after {
		content: "-";
	}

	/* ---------- 子 ---------- */
	.ob_localNavi_child {
		display: none;
		margin: 0;
		padding: 0;
	}

	.ob_localNavi_child li {
		background: #fff;
	}

	.ob_localNavi_child li a {
		padding: .5rem 1.5rem;
	}

	/* ---------- 子(テキストの前に逆三角) ---------- */
	.ob_localNavi_child li span{
		display: inline-block;
		padding: .5rem 2rem;
		position: relative;
	}
	.ob_localNavi_child li span:before{
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_caret_down.png);
		position: absolute;
		top: 55%;
		margin-top: -12px;
		left: 15px;
	}

	


}




/** ------------------------------------------------------------
 * モバイルだけの調整
 * ----------------------------------------------------------- */
@media screen and (max-width: 480px) {

/** ------------------------------------------------------------
 * ===================================================
 * ページ内リンク
 * ===================================================
 * ----------------------------------------------------------- */
	.innerLink_block ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-align: center;
		flex-wrap: nowrap;
	}

	.innerLink_block li {
		width: calc(100% / 3);
	}
	.innerLink_block li:not(:first-child) {
		margin-left: 4.5%;
	}

	.innerLink_block ul li a:after {
		position: static;
		display: block;
		top: auto;
		right: auto;
		margin-top: 0;
	}
	
	.innerLink_block.rows ul{
		flex-wrap: wrap;
	}
	.innerLink_block.rows ul li{
		width:43%;
	}
	.innerLink_block.rows li:not(:first-child){
		margin-left:0;
	}
}

/*2018.03.29*/
.tabSection #js-first_element .grid_contents {
	padding: 0;
}

/*2018.03.30*/
.bg-content .new_inner .c_wrap .top_d_box.gray_ver .top_head{
	background:#585a5c;
}
.bg-content .new_inner .c_wrap .top_d_box.gray_ver .top_head_sub a{
	background:#a3a6a7;
}
.bg-content .new_inner .c_wrap .top_d_box.gray_ver .top_head::after{
	border-color: transparent transparent #585a5c #585a5c;
	background-color: #585a5c;
}
.bg-content .new_inner .c_wrap .top_d_box.gray_ver .top_head_sub a::after {
	background-color: #a3a6a7;
}




/** ------------------------------------------------------------
 * Apr 06 2018 トップの5つの項目の表示
 * ----------------------------------------------------------- */
.searchPurpose ul,
.searchPurpose ul li {
	box-sizing: border-box;
}

.searchPurpose ul {
	display: -ms-flex;
	display: flex;
}

.searchPurpose ul li {
	display: block;
	width: calc((100% - 20px) / 3);
	margin: 0;
	padding: 0;
}
.searchPurpose ul li:not(:first-child) {
	margin-left: 10px;
}

.searchPurpose ul li a {
	padding:20px 15px 20px 20px;
}

/* .searchPurpose ul li{
	display:table-cell;
	vertical-align:middle;
	
	background:#193477;
	margin-right:10px;
	font-size:16px;
} */




@media screen and (max-width: 480px) {
	.searchPurpose ul:not(:first-child) {
		margin-top: 10px;
	}
	.searchPurpose ul li {
		display: table-cell;
	}
	.searchPurpose ul li a {
		padding:10px 5px 10px 10px;
	}

}





/** ------------------------------------------------------------
 * Apr 16 2018 課題管理対応
 * ----------------------------------------------------------- */

/* ------------------------------
 * ID:IL1
 * --------------------------- */
.cs_slider {
	margin: 0;
}

/* ------------------------------
 * ID:IL2
 * --------------------------- */
 .cs_sliderWrap .bx-wrapper .bx-controls-direction a {
	width: 40px;
	height: 40px;
}

.cs_sliderWrap .bx-wrapper .bx-prev {
	left: -70px;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/l_arrow.png) no-repeat left top;
}
.cs_sliderWrap .bx-wrapper .bx-prev:hover {
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/l_arrow_hover.png) no-repeat left top;
}

.cs_sliderWrap .bx-wrapper .bx-next {
	right: -70px;
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/r_arrow.png) no-repeat top left;
}
.cs_sliderWrap .bx-wrapper .bx-next:hover {
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/r_arrow_hover.png) no-repeat top left;
}


/* ------------------------------
 * ID:IL4
 * --------------------------- */
.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager {
	bottom: -32px;
}

.cs_sliderWrap .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 8px;
}


/* ------------------------------
 * ID:IL5
 * --------------------------- */
.ob_section_header {
	margin-bottom: 44px;
}


/* ------------------------------
 * ID:IL6
 * --------------------------- */
.cs_sliderWrap.cs_sliderWrap-bottomPager {
	padding-bottom: 30px;
}



/* ------------------------------
 * ID:IL9
 * --------------------------- */
.searchPurpose ul {
	margin-bottom: 0;
}
.searchPurpose ul:nth-child(n + 2) {
	margin-top: 20px;
}

.searchPurpose ul li:not(:first-child) {
	margin-left: 20px;
}
.searchPurpose ul li {
	display: block;
	width: calc((100% - 41px) / 3);
	margin: 0;
	padding: 0;
}


/* ------------------------------
 * ID:IL10
 * --------------------------- */
#ocn_business .moreBt {
	height: 50px;
}

#ocn_business .moreBt a {
	display: inline-block;
	padding: 16px;
	background: #fff;
	border: none; /*1px solid #004386;*/
	box-shadow: 0 0 0 1px #004386;
	border-radius: 7px;
	font-weight: bold;
	width: 278px;
	font-size: 16px;
}

#ocn_business .moreBt a:hover {
	width: 280px;
	padding: 17px;
	background: #fff;
	/*border: 3px solid #004386;*/
	/*box-shadow: inset 1px 1px 0 2px #004386 ,inset -1px -1px 0 2px #004386;*/
	box-shadow: 0 0 0 3px #004386;
	color: #004386;
}


/* ------------------------------
 * ID:IL11,IL12
 * --------------------------- */
.serviceList_parent > a.serviceList_header {
	display: flex;
	padding: 15px 19px 19px;
	flex-direction: column;
}

.serviceList_header_icon {
	height: 60px;
	padding-bottom: 5px;
}
.serviceList_header_txt {
	display: table;
	width: 100%;
	height: calc(100% - 60px);
	background-image: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/service_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.serviceList_header_txt span {
	display: table-cell;
	padding: 4px 14px 0;
	vertical-align: middle;
	line-height: 1.4;
}


/* ------------------------------
 * ID:IL14
 * --------------------------- */
.search_word h2 {
	font-weight: bold;
}


/* ------------------------------
 * ID:IL15
 * --------------------------- */
#searchform * {
	outline: none;
}


/* ------------------------------
 * ID:IL16
 * --------------------------- */
.bnr_slider {
	margin: 0;
}


/* ------------------------------
 * ID:IL17
 * --------------------------- */
 .bnr_sliderWrap .bx-wrapper .bx-controls-direction a {
	width: 40px;
	height: 40px;
}

.bnr_sliderWrap .bx-wrapper .bx-prev {
	left: -70px;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/l_arrow.png) no-repeat left top;
}
.bnr_sliderWrap .bx-wrapper .bx-prev:hover {
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/l_arrow_hover.png) no-repeat left top;
}

.bnr_sliderWrap .bx-wrapper .bx-next {
	right: -70px;
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/r_arrow.png) no-repeat top left;
}
.bnr_sliderWrap .bx-wrapper .bx-next:hover {
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/r_arrow_hover.png) no-repeat top left;
}


/* ------------------------------
 * ID:IL18
 * --------------------------- */
.contact_item01_txt {
	padding-right: 30px;
}


/* ------------------------------
 * ID:IL19
 * --------------------------- */
#ocn_business .sub_backTo-top {
	margin: 22px 0;

}




/** ------------------------------------------------------------
 * Apr 17 2018 課題管理にない　PC合わせ
 * ----------------------------------------------------------- */

/* ------------------------------
 * ID:
 * --------------------------- */
#ocn_business h1,
#ocn_business h2 {
	font-weight: bold;
}

.serviceList_parent > a.serviceList_header {
	height: 150px;
}


/* ------------------------------
 * 目的からさがす
 * --------------------------- */
.searchPurpose ul {
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	flex-wrap:wrap;
	width:100%;
}

.searchPurpose ul li:nth-child(4n) {
	margin-left: 0;
}
.searchPurpose ul li:nth-child(n + 4) {
	margin-top: 20px;
}


/* ---------- フッター上のコンタクト　左 ---------- */
/* 上部 */
.contact_item01 {
	width: 70%;
	padding-right: 30px;
}

.contact_item01_txt {
	padding-right: 0;
}

.contact_item01 ul {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	border-spacing: 0;
}
.contact_item01 ul li {
	display: table;
	width: calc((100% - 40px) / 3);
	height: 80px;
	margin: 0;
	padding: 0;
}


.contact_item01 ul li a {
	position: static;
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 0 0 0 20px;
	margin: 0;

	background-image: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/service_arrow.png);
	background-position: right 16px center;
	background-repeat: no-repeat;

	vertical-align: middle;

}

.contact_item01 ul li a:after {
	display: none;
}

.contact_item01 ul li span {
	display: inline-block;
	text-indent: -.5rem;
}
.contact_item01 ul li span:first-letter {
	letter-spacing: 0;
}

/* 下部 */
.contacts_tel {
	margin-top: 10px;
}
.contacts_tel div {
	width: 100%;
}

.contacts_tel div span {
	padding-right: 0;
}

.contacts_tel div span.txt {
	width: 29%;
}

.contacts_tel div span.tel {
	width: 49%;
	letter-spacing: -.03em;
}

.contacts_tel div span.reception {
	width: 22%;
	padding-left: .5em;
	padding-right: 0;
	font-size: 12px;
	text-indent: .5em;
}


/* ---------- フッター上のコンタクト　右 ---------- */
.contact_item02 {
	width: 30%;
	padding-left: 30px;
}
.contact_link {
	display: table;
	width: 100%;
	height: 80px;
	padding: 0;
	background: #7782AE;
	font-size: 16px;
	line-height: 1.5;
}

.contact_link a {
	display: table-cell;
	height: 100%;
	padding: 0 0 0 20px;
	background-image: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	background-position: right 16px center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.contact_link a:after {
	display: none;
}


.serviceList_nolink_parent img{
	margin-bottom:10px;
}
/** ------------------------------------------------------------
 * Apr 17 2018 課題管理対応　スマホ合わせ
 * ----------------------------------------------------------- */
@media screen and (max-width: 480px) {


/* ------------------------------
 * Top Slider
 * --------------------------- */
	.cs_sliderWrap .bx-wrapper .bx-prev {
		left: 10px;
	}
	.cs_sliderWrap .bx-wrapper .bx-next {
		right: 10px;
	}

	.cs_sliderWrap.cs_sliderWrap-bottomPager {
		padding-bottom: 0;
	}
	.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager {
		bottom: 20px;
	}
	.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #fff;
	}
	.cs_sliderWrap-bottomPager .bx-wrapper .bx-pager.bx-default-pager a {
		background: rgba(255,255,255, .5);
	}


	.bnr_sliderWrap .bx-wrapper .bx-prev {
		left: -50px;
	}
	.bnr_sliderWrap .bx-wrapper .bx-next {
		right: -50px;
	}


/* ------------------------------
 * 目的から探す
 * --------------------------- */

	.searchPurpose {
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.searchPurpose ul {
		border-spacing: 0;
	}

	.searchPurpose ul li {
		display: table;
		width: calc((100% - 20px) / 2);
	}
	.searchPurpose ul li a {
		display: table-cell;
		width: 100%;
		padding: 10px 20px 10px 10px;
		vertical-align: middle;
	}

	.searchPurpose ul li a:after {
		top: 50%;
		right: 10px;
		margin-top: 0;
		transform: translateY(-50%);
	}




	.searchPurpose ul li:nth-child(4n) {
		margin-left: 20px;
	}
	.searchPurpose ul li:nth-child(odd) {
		margin-left: 0;
	}
	.searchPurpose ul li:nth-child(n + 3) {
		margin-top: 20px;
	}



.serviceList_parent > a.serviceList_header{
	height:auto;
	display:block;
}
.serviceList_header_txt{
	background:none;
}

.contact_item01{
	width:100%;
	padding-right: 0;
}
.contact_item01 ul{
	display:block;
}
.contact_item01 ul li{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.contacts_tel div span.txt,
.contacts_tel div span.tel,
.contacts_tel div span.reception{
	width:100%;
}
.contacts_tel div span.reception br{
	display:none;
}
.contact_item02{
	width:100%;
	padding-left:0;
}
.contact_link{
	text-align:center;
}




#cont03.ob_mobile_section_header{
	padding-top:20px;
}






}
/** ------------------------------------------------------------
 * Apr 17 2018 課題管理対応　スマホ合わせ ここまで
 * ----------------------------------------------------------- *










}
/** ------------------------------------------------------------
 * May 28 2018 下層ページデザイン修正
 * ----------------------------------------------------------- *


/* =========================================================
 * 帯域確保型サービス
 * @jouji
 * ====================================================== */
.ob_mobile_chooseable_lineup.jouji .appServices_inner .itemArea{
	padding-top:0;
}
.ob_mobile_chooseable_lineup.jouji table{
	border: 2px #fff solid;
	border-collapse: separate;
	border-spacing: 10px;
}
.ob_mobile_chooseable_lineup.jouji table td{
	line-height:1.5;
}
.ob_mobile_chooseable_lineup.jouji table th{
	background:#b9c3d4;
	border-radius: 5px;
	text-align:center;
	font-weight:bold;
}
.ob_mobile_chooseable_lineup.jouji .appServices_inner .btn_area a{
	margin-top:0;
}
.ob_mobile_chooseable_lineup.jouji .appServices_box table{
	margin:10px 0 15px;
}
.ob_mobile_chooseable_lineup.jouji table td sup{
	font-size:70%;
}
@media screen and (max-width: 480px) {
	.ob_mobile_chooseable_lineup.jouji table th{
		white-space:nowrap;
	}
	.ob_mobile_chooseable_lineup.jouji .appServices_body{
		width:98%;
	}
	.ob_mobile_chooseable_lineup.jouji .appServices_section{
		padding-bottom:0;
		margin-bottom:0;
	}
}

/* =========================================================
 * オプション・その他
 * @option
 * ====================================================== */

.option_header{
	text-align:center;
	font-size:24px;
}
.ob_mobile_chooseable_lineup.option .appServices_inner .itemArea{
	padding-top:0;
}
.serviceKaisen{
	border:1px solid #6077a2;
}
.serviceKaisen .serviceKaisenTtl{
	background:#6077a2;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px;
}
.serviceKaisen div{
	padding:15px;
}
.serviceKaisen a{
	text-decoration:underline;
}
.caption_box{
	position: relative;
	margin-top: 1em;
	padding: 40px 20px 30px;
}

.appServices_inner.caption_box .txtArea .ttl.caption{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 24px;
	padding: 0 1em;
	margin: 0;
	transform: translateY(-50%) translateX(0);
}
.caption_box .caption span{
	background:#fff;
	padding:10px;
}
.caption_box .txt{
	font-size:16px !important;
}

@media screen and (max-width: 480px) {
	.option_H1header{
		margin-bottom:30px;
	}
	.appServices_inner .itemArea .serviceKaisen ul li{
		text-indent:0;
		padding-left:0;
	}
	.appServices_inner.caption_box .txtArea .ttl.caption{
		font-size:1.3rem;
	}
	.caption_box.second{
		margin-top:4em;
	}
	.caption_box .caption span{
		line-height:1.8;
	}
	.option .appServices_section{
		margin-bottom:0;
	}
}

/* =========================================================
 * IPアドレス登録情報の確認・変更
 * @ni/ip
 * ====================================================== */

/* ----------------------------------------
 * タブ - タブ部分
 * ------------------------------------- */
 .niip_tab_Navi {
	position: static;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin:60px auto 0;
	width:960px;
}
.niip_tab_Navi_item {
	background: #c7cacf;
	cursor: pointer;
	font-weight:bold;
	font-size:18px;
	min-width: 320px;
	margin-left: 1px;
	text-align:center;
	line-height: 1;
}
.niip_tab_Navi_item a{
	padding:37px 1rem;
	display:block;
	color:#000;
}

.niip_tab_Navi_item.niip_tab-active {
	position: relative;
	padding: 42px 1rem;
	background: #f4f5f6;
	cursor: default;
	border:1px solid #193477;
	border-bottom:none;
	margin-left: 0;
}
.niip_tab_Navi_item.niip_tab-active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 0;
	border-bottom:1px solid #f4f5f6;
}

.niip_tab_Navi_item.niip_tab-active  + .niip_tab_Navi_item {
	margin-left: 0;
}




@media screen and (max-width: 480px) {
	.niip_tab_Navi {
		display: none;
	}
}


/* ----------------------------------------
 * タブ - コンテンツ部分
 * ------------------------------------- */
.niip_tab_sp_header {
	display: none;
}
.niip_tab_content {
	display: none;
	padding-bottom: 80px;
	border-top: 1px solid #193477;
	border-bottom: 1px solid #193477;
	background:#f4f5f6;
}
.niip_tab_content.niip_cont-visible {
	display: block;
}

.ob_section_header.ob_section_header-niip {
	padding-left: 1.8rem;
	padding-right: 1.8rem;
	font-weight: bold;
}
.ob_section_header.ob_section_header-niip:after {
	border-top: 14px solid #f4f5f6;
}


.niip_tab_content_body {
	width: 960px;
	margin: 0 auto;
}


@media screen and (max-width: 480px) {
	.niip_tab_contents {
		margin-top: 60px;
		padding: 0 1rem;
	}

	.niip_tab_sp_header {
		position: relative;
		display: block;
		margin-top: 30px;
		background:#f4f5f6;
		border: 1px solid #193477;
		font-size: 1.25rem;
		font-weight: bold;
	}
	.niip_tab_sp_header.niip_tab_sp_header-active{
		padding: 2rem 1rem;
		background:#e1e3e6;
	}
	.niip_tab_sp_header a{
		display: block;
		padding: 2rem 1rem;
	}
	.niip_tab_sp_header:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow3.png);
		position: absolute;
		top: 50%;
		right: 1.25rem;
		transform: translateY(-50%);
	}
	.niip_tab_sp_header.niip_tab_sp_header-active:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow_down.png);
	}

	.ob_section_header-niip {
		margin: 0 0 30px;
		padding-top: 40px;
	}

	.niip_tab_content {
		border: 1px solid #193477;
		border-top: none;
	}
	.niip_tab_content:not(:first-child) {
	}
	.niip_tab_content_body {
		width: 100%;
		padding: 0 1.8rem;
	}

}



/* ----------------------------------------
 * タブ - 共通
 * ------------------------------------- */
/* ----------
 * コンテンツのボックス
 * ------- */

.niip_ip_options {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.niip_ip_options-ctr {
	justify-content: center;
}
.niip_ip_options_item {
	width: 48%;
	padding: 23px 30px 28px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 4px solid #193477;
}

.niip_ip_options_item_title {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	text-align: center;
	line-height: 1;
	font-weight:bold;
}
.niip_ip_options_item_title span {
	display: block;
	margin-top: 12px;
}

.niip_ip_options_item p {
	margin-top: 30px;
	font-size: .875rem;
	line-height: 2;
}

.niip_ip_options_item p:first-line {
	line-height: 1;
}
@media screen and (max-width: 480px) {
	.niip_ip_options {
		flex-direction: column;
		justify-content: flex-start;
	}
	.niip_ip_options_item {
		width: 100%;
		padding: 23px 30px 28px;
	}
	.niip_ip_options_item:nth-child(n + 2) {
		margin-top: 1.8rem;
	}
}



/* ----------
 * テーブル
 * ------- */
.niip_tab_content table {
	width: 100%;
	margin-top: 30px;
}

.niip_tab_content table th {
	width: calc(100% / 3);
	background-color: #6077a2;
	color: #fff;
	text-align: center;
}
.niip_tab_content table td {
	height: 5rem;
	background-color: #fff;
	text-align: center;
	line-height: 2;
}
@media screen and (max-width: 480px) {
	.niip_tab_content table td {
		height: auto;
	}
}



/* ----------
 * ボタン
 * ------- */
.niip_btn,
a.niip_btn {
	position: relative;
	display: block;
	width: calc(100% - 20px);
	margin-top: 30px;
	padding: 18px 1rem;
	background: #193477;
	color: #fff;
	text-align: center;
}
/* インラインブロックに */
.niip_btn-ib,
a.niip_btn-ib {
	display: inline-block;
	width: auto;
	padding: 18px 2.5rem;
}

/* ブランクアイコン */
.niip_btn-blank:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_blank.jpg);
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
}
/* 矢印アイコン */
.niip_btn-arrow:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
}

@media screen and (max-width: 480px) {
	.niip_btn,
	a.niip_btn {
		width: 100%;
		font-size: 90%;
		text-align: left;
	}
	.niip_btn > span,
	a.niip_btn > span {
		display: block;
	}

	/* ブランクアイコン */
	.niip_btn-blank:after {
		right: 1rem;
	}
	/* 矢印アイコン */
	.niip_btn-arrow:after {
		right: 1rem;
	}

}




/* ----------------------------------------
 * タブ1つ目　確認
 * ------------------------------------- */
.niip_tab_content-verify .niip_tab_content_body li {
	margin-top: 40px;
	line-height: 1.8;
}


/* ----------------------------------------
 * タブ2つ目　変更
 * ------------------------------------- */
.niip_content_whiteArea {
	margin-top: 30px;
	padding: 22px 1rem;
	background: #fff;
	line-height:1.3;
}

.niip_tab-change_subheading {
	margin-top: 80px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1;
	font-weight: bold;
}
.niip_tab_content-change em {
	display: block;
	margin-top: 30px;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: bold;
}

.niip_tab-change_price {
	display: flex;
	margin-top: 30px;
	width:100%;
}
.niip_tab-change_price > div {
	border: 1px solid #ccc;
	width:100%;
	justify-content:center;
}
.niip_tab-change_price > div:first-child {
	border-top: 1px solid #ccc;
	border-right: none;
}
.niip_tab-change_price > div:last-child {
	border-bottom: 1px solid #ccc;
	border-left: none;
}


.niip_tab-change_price table,
.niip_tab-change_price table th,
.niip_tab-change_price table td {
	margin: 0;
	border: none;
}

.niip_content_whiteArea-flow {
	padding: 30px 1rem;
}

.niip_tab_content-change ol li {
	width: auto;
}
@media screen and (max-width: 480px) {
	.niip_tab-change_price {
		flex-direction: column;
	}
	.niip_tab-change_price > div {
		border: 1px solid #ccc;
	}
	.niip_tab-change_price > div:first-child {
		border-bottom: none;
		border-right: 1px solid #ccc;
	}
	.niip_tab-change_price > div:last-child {
		border-top: none;
		border-left: 1px solid #ccc;
	}

	/* ----------
	* テーブル
	* ------- */
	/* .niip_tab_content.niip_tab_content-change table {
		box-sizing: border-box;
		display: block;
	}
	.niip_tab_content.niip_tab_content-change table tbody,
	.niip_tab_content.niip_tab_content-change table tr,
	.niip_tab_content.niip_tab_content-change table th,
	.niip_tab_content.niip_tab_content-change table td {
		box-sizing: border-box;
		display: block;
		width: 100%;
	} */

	.niip_content_whiteArea-flow img {
		width: 100%;
	}

}



/* ----------------------------------------
 * タブ3つ目　継続
 * ------------------------------------- */

.niip_continue_textBox {
	padding: 30px 2rem;
	background: #fff;
	border: 1px solid #ccc;
}
.niip_continue_textBox em {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 2;
}
main.service_kobetsu .niip_continue_textBox ul {
	margin-top: 30px;
}
.niip_continue_textBox li:not(:first-child) {
	margin-top: 40px;
}

.niip_continue_textBox li {
	font-weight: bold;
	line-height: 1;
}
.niip_continue_textBox li p {
	margin-top: 1rem;
	font-weight: normal;
	line-height: 1.6;
}


/* =========================================================
 * ドメイン・IP・DNS関連サービス
 * @ni
 * ====================================================== */

.ni_header{
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
.ni_link{
	width:960px;
	margin:30px auto;
}
.searchPurpose.ni_link ul li.first{
	margin-left:0 !important;
}
.searchPurpose.ni_link ul li:nth-child(4n){
	margin-left: 20px;
}
.searchPurpose.ni_link ul li a{
	padding:30px 15px 30px 20px;
}
.searchPurpose.ni_link ul li.rows a{
	padding:20px 15px 20px 20px;
}
.searchPurpose.ni_link ul li.oneline a{
	padding:30px 15px 20px 20px;
}
.niFaq_section {
	padding: 55px 0;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/bg_appservices_body.png) left top repeat;
	text-align:center;
	margin-bottom:80px;
}
.niFaq_section h2{
	margin-top:0;
}
.niFaq_section .btn_area a {
	width: 210px;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 5px 15px 10px;
	background: #193477;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin-top: 30px;
}
.niFaq_section .btn_area a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px
}
#cont02.ni_header, #cont03.ni_header {
	margin-top: 0;
}
#ni_cont03{
	padding-top:80px;
}
@media screen and (max-width: 480px) {
	.ni_header{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.ni_link{
		width:90%;
		margin:10px auto;
	}
	#ni_cont03{
		padding-top:80px;
		margin-top:-40px;
	}
	#ni_cont04{
		padding-top:80px;
		margin-top:-100px;
	}
	.searchPurpose.ni_link ul li {
		width:100% ;
	}
	.searchPurpose.ni_link ul li{
		margin-left:0 !important;
		margin-right:0 !important;
		margin-top: 20px !important;
	}
	.niFaq_section .inner{
		width:90%;
		margin:0 auto;
	}
}

main.service_kobetsu .bnr_sliderWrap ul li,
main.service_kobetsu .cs_sliderWrap ul li{
	margin-left:0;
}

/* =========================================================
 * ホスティング
 * @hosting
 * ====================================================== */
.hostingTxt{
	text-align:center;
	width:90%;
	margin:60px auto 0;
}
main.service_kobetsu .innerLink_block.two_block ul li{
	margin-left:0;
}
.innerLink_block.two_block{
	width:635px;
	margin:40px auto 0;
}

.innerLink_block.two_block ul li a{
	padding:20px;
}
.hosting_header{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin-bottom:30px;
}
.hosting_txt{
	text-align:center;
	margin-bottom:30px;
}
.hosting .appServices_inner{
	padding:30px;
}
.hosting .txtArea .txt{
	text-align:left;
	line-height:1.8;
}
.hosting .txtArea .txt .isp{
	border:1px solid #d43f3f;
	border-radius:2px;
	padding:0 3px;
	color:#ce2424;
	font-weight:bold;
}
.itemAreaWrap{
	margin-top:30px;
}
.itemAreaWrap .leftArea{
	float:left;
	width:190px;
}
.itemAreaWrap .rightArea{
	float:right;
	width:190px;
}
.itemAreaWrap .bizTtl{
	background:#6077a2;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
.itemAreaWrap .bizBox{
	border:1px solid #6077a2;
	padding:15px;
}
.itemAreaWrap .bizBox p{
	font-weight:bold;
}
.itemAreaWrap .bizBox .ttl{
	font-size:16px;
}
.itemAreaWrap .bizBox .subttl{
	font-size:14px;
	margin-top:20px;
}
.itemAreaWrap .bizBox .price{
	font-size:18px;
	margin-top:0;
}
.itemAreaWrap .bizBox .price span{
	font-size:28px;
	color:#ff7d00;
}
.itemAreaWrap .bizBox .note{
	font-weight:normal;
	font-size:12px;
}
.appServices_inner .itemAreaWrap  .btn_area a {
	width: 190px;
	margin-top: 0;
}
.appServices_inner .itemAreaWrap .btn_area a.blank:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_blank.jpg);
}

.hosting .serviceKaisen .serviceKaisenTtl{
	padding:20px;
}
.hosting .serviceKaisen div{
	padding: 30px 15px 15px;
}
.hosting .serviceKaisen ul li{
	margin-left:0 !important;
}
.hosting .serviceKaisen ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin: 0;
	padding: 0;
}
.hosting .serviceKaisen ul li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc((100% - 46px) / 3 );
	background:#f4f5f6;
	border:1px solid #ccc;
	margin-right:20px;
	margin-bottom:20px;
	text-align:center;
}
.hosting .serviceKaisen ul li:nth-of-type(3){
	margin-right:0;
}
.hosting .serviceKaisen ul li a{
	text-decoration:none;
	position: relative;
	padding:20px;
	font-weight:bold;
}

.hosting .serviceKaisen ul li a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow2.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
}
.hosting .serviceKaisen .serviceKaisenTtl span{
	background:#fff;
	border-radius:2px;
	padding:0 3px;
	color:#ce2424;
	font-weight:bold;
	font-size:12px;
}
@media screen and (max-width: 480px) {
	.innerLink_block.two_block{
		width:90%;
	}
	.innerLink_block.two_block li{
		width: calc(100% / 2);
	}
	.hosting_txt{
		width:90%;
		margin:0 auto 30px;
	}
	.itemAreaWrap .leftArea,
	.itemAreaWrap .rightArea{
		float:none;
		width:100%;
	}
	.appServices_inner .itemAreaWrap .btn_area a{
		width:100%;
		margin-bottom:30px;
	}
	.hosting .appServices_inner{
		padding-bottom:0;
	}


	.hosting .serviceKaisen ul {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}


	.hosting .appServices_inner .itemArea ul li {
		width: calc((100% - 24px) / 2 );
		margin: 0;
	}

	.hosting .appServices_inner .itemArea ul li:nth-child(n + 3) {
		margin-top: 20px
	}

	.hosting .appServices_inner .itemArea ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
		height: 100%;
	}

	.hosting .itemArea .btn_area{
		margin-bottom:30px;
	}

}


main.service_kobetsu .innerLink_block_flex ul li{
	margin-left:0;
}
.innerLink_block_flex{
	width:960px;
	margin:0 auto;
}
.innerLink_block_flex ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	list-style:none;
}
.innerLink_block_flex ul li{
	width: calc((100% - 60px) / 3 );
	padding: 10px 5px 10px 10px;
	background: #193477;
	font-size: 16px;
}
.innerLink_block_flex ul li:nth-child(n + 4) {
	margin-top: 20px
}
.innerLink_block_flex ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
	color:#fff;
	padding: 20px 40px 20px 10px;
	text-align:left;
}

.innerLink_block_flex ul li a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_innerlink_arrow.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;

}
@media screen and (max-width: 480px) {
	.innerLink_block_flex{
		width:90%;
	}
.innerLink_block_flex ul li{
	width: calc((100% - 20px) / 2 );
	}
	.innerLink_block_flex ul li:nth-child(n + 4) {
		margin-top: 0;
	}
	.innerLink_block_flex ul li:nth-child(n + 3) {
		margin-top: 20px;
	}

}
/* =========================================================
 * サービス一覧
 * @service
 * ====================================================== */
.service_header{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin-bottom:30px;
}
#cont01.service_header{
	padding-top:130px;
}
.business_service .price{
	font-weight:bold;
	font-size: 18px;
	margin-top:0;
	margin-bottom:15px;
}
.business_service .price span{
	font-size:32px;
	color:#ff7d00;
}
.business_service .appServices_inner .itemArea{
	padding-top:0;
}
.business_service .appServices_box{
	margin-bottom:40px;
}
.business_service .appServices_inner .btn_area a.blank:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_blank.jpg);
}
#cont04.service_header, #cont05.service_header,#cont06.service_header,#cont07.service_header,#cont08.service_header,#cont09.service_header {
	padding-top: 100px;
	margin-top: -80px;
}
@media screen and (max-width: 480px) {
	#cont01.service_header{
		padding-top:90px;
	}
	#cont02.service_header{
		padding-top:40px;
	}
	.business_service .appServices_section{
		margin-bottom:0;
		padding-bottom:0;
	}
	.business_service .appServices_inner{
		padding-top:20px;
	}
}



/* =========================================================
 * 導入事例
 * @case
 * ====================================================== */
.innerLink_block_flex.case{
	margin-top:60px;
}
.business_case .appServices_inner{
	border-top:none;
	padding:0;
}
.business_case .appServices_box h3{
	background:#6077a2;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:20px;
	margin-top:0;
}
.business_case .appServices_box h3.case01{
	padding:30px 20px 20px 20px;
}
.business_case .appServices_inner .txtArea{
	padding:0 20px;
}
.business_case .appServices_inner .itemArea{
	padding:0 20px 30px;
}
.business_case .appServices_inner .txtArea .ttl{
	margin-bottom:0;
}
.business_case .appServices_inner .txtArea .cate span{
	background:#b9c3d4;
	text-align:center;
	padding:5px 20px;
	border-radius:3px;
	margin-left:10px;
}
.business_case .appServices_inner .txtArea .cate span:first-child{
	margin-left:0;
}
.business_case .appServices_inner .txtArea .logo{
	margin:10px auto;
}
.business_case .appServices_inner .txtArea .read{
	margin:30px auto 0;
}
.ob_line_up_btn_area.other_case{
	width:400px;
	margin:30px auto 60px;
}
.ob_line_up_btn_area.other_case a{
	width:100%;
	position: relative;
}
.ob_line_up_btn_area.other_case a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_blank.jpg);
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 10px;
}
@media screen and (max-width: 480px) {
	.business_case .appServices_inner .txtArea .cate span{
		display:inline-block;
	}
	.business_case .appServices_inner .txtArea .cate span:nth-of-type(3){
		margin-top:10px;
		margin-left:0;
	}
	.business_case .appServices_box h3.case01{
	padding:20px;
	}
	.ob_line_up_btn_area.other_case{
		width:100%;
	}
	
	.business_case .appServices_section{
		margin-bottom:0;
		padding-bottom:0;
	}
}


/* =========================================================
 * お問い合わせ・お申し込み・資料請求
 * @contact
 * ====================================================== */

.business_contactWrap{
	width:960px;
	margin:0 auto 40px;
}
.business_contactWrap h2{
	margin:0;
	background:#6077a2;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	padding:15px;
}
.business_contactWrap .business_contactBox{
	border:1px solid #6077a2;
	padding:30px;
	background:#fff;
	text-align:center;
}
.business_contactBox .headerTtl{
	display:inline-block;
	background:#b9c3d4;
	padding:10px 50px;
	font-weight:bold;
	border-radius:3px;
	font-size:16px;
	margin:0 auto 30px;
}
.business_contactBox .consideration_bt a {
	display: inline-block;
	background:#fed531;
	padding:20px;
	font-size:18px;
	font-weight:bold;
	width:490px;
	margin-top:30px;
	position: relative;
}
.business_contactBox .consideration_bt a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow2.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 20px;
}
.considerationArea{
	border:1px solid #354d88;
	background:#f4f5f6;
	padding:20px;
	margin-top:30px;
}
.considerationArea .consideration_tel{
	display:table;
	margin:0 auto;
}
.considerationArea .consideration_tel .tel{
	font-size:36px;
	font-weight:bold;
}
.considerationArea .consideration_tel p{
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;
	text-align:left;
}
.considerationArea .consideration_tel .txt{
	font-weight:bold;
}
.business_contactBox .linkArea{
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/bg_appservices_body.png) left top repeat;
	padding:30px;
	margin-top:30px;
}
main.service_kobetsu .business_contactBox  ul li{
	margin:0;
}
.business_contactBox .linkArea ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	list-style:none;
}
.business_contactBox .linkArea ul li{
	width: calc((100% - 90px ) / 3 );
	padding: 10px 5px 10px 10px;
	background: #193477;
	font-size: 16px;
}
.business_contactBox .linkArea ul li:nth-child(n + 4) {
	margin-top: 20px
}
.business_contactBox .linkArea li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
	color:#fff;
	padding: 20px 40px 20px 10px;
	text-align:left;
}
.business_contactBox .linkArea li.rows a{
	padding: 10px 40px 10px 10px;
}

.business_contactBox .linkArea ul li a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
@media screen and (max-width: 480px) {
	.business_contactWrap{
		width:90%;
		margin:0 auto 30px;
	}
	.business_contactBox .consideration_bt a{
		width:100%;
		padding:20px 30px 20px 10px;
		font-size: 16px;
	}
	.business_contactBox .linkArea{
		padding:10px;
	}
	.business_contactBox .linkArea ul li{
		width: calc((100% - 15px) / 2 );
		padding:0;
	}
	.business_contactBox .linkArea li:nth-child(n + 4) {
		margin-top: 0;
	}
	.business_contactBox .linkArea li:nth-child(n + 3) {
		margin-top: 20px;
	}
	.business_contactBox .linkArea li a{
		padding: 10px 40px 10px 10px;
	}
	.business_contactWrap .business_contactBox{
		padding:20px;
	}
	.considerationArea{
		padding:10px;
	}
	.considerationArea .consideration_tel{
		display:block;
		padding-left: 0;
		border-left: none;
		text-align: center;
		margin-top: 0;
	}
	.considerationArea .consideration_tel p{
		display: block;
		text-align: center;
		padding: 0;
	}
	.considerationArea .consideration_tel .tel{
		font-size:20px;
	}
}


/* =========================================================
 * 光・ADSLページ修正　20180614
 * @ftth
 * ====================================================== */
.ipoeService{
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/ftth_ipoe_bg.png) top center repeat-x;
	padding:60px 0;
}
.ipoeService_inner{
	width:960px;
	margin:0 auto;
}
.ipoe_info{
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/ipoe_info_bg01.jpg) top center;
	border:4px solid #6077a2;
	margin-top:30px;
}
.ipoe_info_inner{
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/ipoe_info_bg02.png) no-repeat top right;
	padding:20px;
}
.ipoe_info_ttl{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.ipoe_info_ttl:before{
	content:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/ipoe_info_icon.png);
	margin-right: 10px;
	position: relative;
	top: 2px;
}
.ipoe_info_link{
	text-align:right;
}
.ipoe_info_link a{
	font-weight:bold;
}
.ipoe_info_link a:after{
	content:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_navarrow.png);
	margin-left: 10px;
	position: relative;
	top: 0;
}
@media screen and (max-width: 480px) {
	.ipoeService{
		background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/ftth_ipoe_bg.png) bottom center repeat-x;
		padding:30px 10px;
	}
	.ipoeService_inner{
		width:100%;
	}
	.ipoeService_inner img{
		width:100%;
	}
	.ipoe_info{
		margin-top:10px;
	}
	.ipoe_info_link{
		margin-top:10px;
	}
}
.newService{
	color:#ff7d00;
}
/* =========================================================
 * OCN IPoE 標準プラン -概要
 * @ipoe_s
 * ====================================================== */

/*トピックス*/
.business_topics{
	width:960px;
	margin:0 auto 50px;
	background:#f4f5f6;
	padding:20px;
}
.business_topics h2{
	font-size:20px;
	margin:0 0 10px 0;
	font-weight:bold;
}
.business_topics table{
	margin:0;
}
.business_topics table th,
.business_topics table td{
	border:none;
	padding:0;
	padding-top:10px;
}
.business_topics table .date{
	padding-right:20px;
	font-weight:bold;
}
.ipoe .onc_for_businessWrap{
	border:none;
	margin-top:60px;
}
.ipoe .onc_for_businessWrap .ocn_logo{
	padding-left:0;
	padding-bottom: 0;
}
.ipoe .onc_for_businessWrap .ocn_text{
	font-weight:bold;
	font-size:20px;
	padding: 0 30px 0;
}
.ipoe_wh_box{
	background:#fff;
	padding:40px 0;
	text-align:center;
	margin:30px auto 0;
}

@media screen and (max-width: 480px) {
	.business_topics{
		width:100%;
	}
	.business_topics table .date{
		white-space:nowrap;
		vertical-align:top !important;
	}
	.ipoe_wh_box{
		padding:10px;
	}
	.ipoe_wh_box img{
		width:100%;
	}
	.ipoe .onc_for_businessWrap{
		width:100%;
	}
	.ipoe .onc_for_businessWrap .ocn_logo{
		margin-bottom:15px;
	}
	.ipoe .onc_for_businessWrap .ocn_text{
		padding:0;
	}
}



/*3つのポイント*/
.threePoints{
	width:960px;
	margin:60px auto 30px;
}
.threePoints h3{
	text-align:center;
	font-weight:bold;
}

.threePoints_body {
	width: 960px;
	margin: 60px auto 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.threePoints_box{
	width:31%;
	border:1px solid #ccc;
	border-top:5px solid #193477;
	background:#fff;
}
.threePoints_ttl{
	background:#e8eaef;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	border-bottom:1px solid #ccc;
	padding:55px 10px 33px;
	position:relative;
}
/*文字が入りきらない場合*/
.threePoints_ttl.small_f{
	font-size:19px;
}
.threePoints_ttl sup{
	font-size:12px;
	font-weight:normal;
}
.threePoints_ttl.row2{
	padding:40px 10px 20px;
}
.threePoints_ttl img{
	position:absolute;
	left:0;
	right:0;
	top:-33px;
	margin: auto;
}
.threePoints_txt{
	padding:20px;
}
.threePoints_txt p{
	margin-bottom:10px;
}
.threePoints_txt .captxt{
	margin-top:10px;
	margin-bottom:0;
	color:#193477;
	font-weight:bold;
}
@media screen and (max-width: 480px) {
	.threePoints {
		width: 100%;
		margin:20px auto;
	}
	.threePoints_body {
		width: 100%;
		display:block;
	}
	.threePoints_box{
		width:100%;
		margin-bottom:50px;
	}
	.threePoints_ttl,
	.threePoints_ttl.row2{
		padding:40px 10px 20px;
	}
	.threePoints_txt{
		text-align:center;
	}
	.threePoints_txt p{
		text-align:left;
	}
	.threePoints_txt img{
		width:100%;
	}
}

.ipoe_ttl{
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
.more_points{
	border:1px solid #ccc;
	border-top:5px solid #193477;
}
.more_points h4{
	text-align:center;
	background:#e8eaef;
	margin:0;
	padding:20px ;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.more_points .txt_box{
	padding:20px ;
	background:#fff;
	
}
.more_points .txt_box .captxt{
	margin-top:10px;
	color:#193477;
	font-weight:bold;
}
.more_points_cell{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.more_points_cell .more_points{
	width:49%;
}
.ob_section_header.ipoe{
	font-weight:bold;
	font-size:32px;
	line-height:1.5;
}
.ipoe .appServices_inner{
	border:1px solid #ccc;
}
.ipoe .ipoe_box_ttl{
	font-weight:bold;
	font-size:20px;
	color:#fff;
	background:#6077a2;
	padding:30px 10px;
}

@media screen and (max-width: 480px) {
	.ob_section_header.ipoe{
		font-size:24px;
		padding:0 10px;
	}
	.ipoe .itemArea img{
		width:100%;
	}
	.ipoe.appServices_section{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.ipoe .appServices_box{
		padding-bottom:30px;
		margin-bottom: 0;
	}
	.more_points_cell{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.more_points_cell .more_points{
		width:100%;
		margin-bottom:20px;
	}
}



/*後で消すいらなくなる*/
.dousen{
	width:960px;
	margin:60px auto;
	background:#f0f0f0;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding:120px 0;
}
@media screen and (max-width: 480px) {
	.dousen{
		width:100%;
		margin:30px auto;
		padding:60px 0;
	}
}


/* =========================================================
 * OCN IPoE ワイドプラン -概要
 * @ipoe_w
 * ====================================================== */


.ipoe_conts_wrap{
	width:960px;
	margin:0 auto;
}
.wide_header{
	font-weight:bold;
	margin:30px 0 15px;
	font-size:22px;
}
.bdr-no{
	border-right:none;
}
.bdl-no{
	border-left:none;
}
.ipoe_wide .ipoe_h4{
	margin-bottom:10px;
}
@media screen and (max-width: 480px) {
	.ipoe_conts_wrap{
		width:90%;
		margin:0 auto;
	}
	.ipoe_conts_wrap img{
		width:100%;
	}
	.ipoe_conts_wrap .ocn_logo img{
		width:134px;
	}
	.ipoe_wide .scroll-box table {
		width: 600px !important;
	}
}









/* =========================================================
 * 上下の別ページ遷移するタブ
 * @ipoe_s
 * ====================================================== */

/* ----------------------------------------
 * タブ - タブ部分
 * ------------------------------------- */
.static_tabNavi {
	position: static;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 60px auto 0;
	width: 960px;
}


.static_tabNavi_item {
	background: #c7cacf;
	cursor: pointer;
	font-weight:bold;
	font-size:18px;
	min-width: 190px;
	margin-left: 1px;
	text-align:center;
	line-height: 1;
}
.static_tabNavi_item a{
	padding: 28px 1rem;
	color:#333;
	display:block;
}
.static_tabNavi_item.rows a {
	padding:19px 1rem;
}
.static_tabNavi_item.static_tab-active {
	position: relative;
	padding: 32px 1rem;
	background: #f4f5f6;
	cursor: default;
	border:1px solid #193477;
	border-bottom:none;
	margin-left: 0;
}
.static_tabNavi_item.static_tab-active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 0;
	border-bottom:1px solid #f4f5f6;
}
.static_tabNavi.static_tabNavi-bottom{
	align-items:flex-start;
	margin: 0 auto 60px;
}
.static_tabNavi-bottom .static_tabNavi_item.static_tab-active {
	border:1px solid #193477;
	border-top:none;
}
.static_tabNavi-bottom .static_tabNavi_item.static_tab-active:after{
	top: -1px;
	bottom:0;
}
.static_tabNavi_item.static_tab-active  + .static_tabNavi_item {
	margin-left: 0;
}

@media screen and (max-width: 480px) {
	.static_tabNavi {
		display: none;
	}
	.ipoe .onc_for_businessWrap{
		margin-top:0;
		padding-top:30px;
	}
}
/* ----------------------------------------
 * タブ - コンテンツ部分
 * ------------------------------------- */
.static_tab_content {
	display: none;
	padding-bottom:60px;
}
.static_tab_content.tb_cont-visible {
	display: block;
}


/* ----------------------------------------
 * タブ - コンテンツ部分
 * ------------------------------------- */
.static_tab_sp_header {
	display: none;
}
.static_tab_content {
	display: none;
	border-top: 1px solid #193477;
	border-bottom: 1px solid #193477;
	background:#f4f5f6;
}
.static_tab_content.tb_cont-visible {
	display: block;
}

.ob_section_header.ob_section_header-tb {
	padding-left: 1.8rem;
	padding-right: 1.8rem;
	font-weight: bold;
}
.ob_section_header.ob_section_header-tb:after {
	border-top: 14px solid #f4f5f6;
}


.static_tab_content_body {
	width: 960px;
	margin: 0 auto;
	padding:0;
}


@media screen and (max-width: 480px) {
	.static_tab_contents {
		margin-top: 60px;
		padding: 0 1rem;
	}

	.static_tab_sp_header {
		position: relative;
		display: block;
		margin-top: 30px;
		background:#f4f5f6;
		border: 1px solid #193477;
		font-size: 1.25rem;
		font-weight: bold;
	}
	.static_tab_sp_header a{
		padding: 2rem 1rem;
		display: block;
	}
	.static_tab_sp_header-active{
		padding: 2rem 1rem;
		background:#e1e3e6;
	}
	.static_tab_sp_header:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow3.png);
		position: absolute;
		top: 50%;
		right: 1.25rem;
		transform: translateY(-50%);
	}
	.static_tab_sp_header.static_tab_sp_header-active:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow_down.png);
	}

	.ob_section_header-tb {
		margin: 0 0 30px;
		padding-top: 40px;
	}

	.static_tab_content {
		border: 1px solid #193477;
		border-top: none;
		padding-bottom: 30px;
	}
	.static_tab_content:not(:first-child) {
	}
	.static_tab_content_body {
		width: 100%;
		padding: 0 26px;
	}

}




































/* =========================================================
 * 上下のタブ
 * @今は使わない
 * ====================================================== */

/* ----------------------------------------
 * タブ - タブ部分
 * ------------------------------------- */
.tb_tabNavi {
	position: static;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 60px auto 0;
	width: 960px;
}


.tb_tabNavi_item {
	padding: 28px 1rem;
	background: #c7cacf;
	cursor: pointer;
	font-weight:bold;
	font-size:18px;
	min-width: 190px;
	margin-left: 1px;
	text-align:center;
	line-height: 1;
}
.tb_tabNavi_item.rows{
	padding:19px 1rem;
}
.tb_tabNavi_item.tb_tab-active {
	position: relative;
	padding: 42px 1rem;
	background: #f4f5f6;
	cursor: default;
	border:1px solid #193477;
	border-bottom:none;
	margin-left: 0;
}
.tb_tabNavi_item.tb_tab-active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 0;
	border-bottom:1px solid #f4f5f6;
}
.tb_tabNavi.tb_tabNavi-bottom{
	align-items:flex-start;
	margin: 0 auto 60px;
}
.tb_tabNavi-bottom .tb_tabNavi_item.tb_tab-active {
	border:1px solid #193477;
	border-top:none;
}
.tb_tabNavi-bottom .tb_tabNavi_item.tb_tab-active:after{
	top: -1px;
	bottom:0;
}
.tb_tabNavi_item.tb_tab-active  + .tb_tabNavi_item {
	margin-left: 0;
}

@media screen and (max-width: 480px) {
	.tb_tabNavi {
		display: none;
	}
}
/* ----------------------------------------
 * タブ - コンテンツ部分
 * ------------------------------------- */
.tb_tab_content {
	display: none;
}
.tb_tab_content.tb_cont-visible {
	display: block;
}


/* ----------------------------------------
 * タブ - コンテンツ部分
 * ------------------------------------- */
.tb_tab_sp_header {
	display: none;
}
.tb_tab_content {
	display: none;
	padding-bottom: 80px;
	border-top: 1px solid #193477;
	border-bottom: 1px solid #193477;
	background:#f4f5f6;
}
.tb_tab_content.tb_cont-visible {
	display: block;
}

.ob_section_header.ob_section_header-tb {
	padding-left: 1.8rem;
	padding-right: 1.8rem;
	font-weight: bold;
}
.ob_section_header.ob_section_header-tb:after {
	border-top: 14px solid #f4f5f6;
}


.tb_tab_content_body {
	width: 960px;
	margin: 0 auto;
}


@media screen and (max-width: 480px) {
	.tb_tab_contents {
		margin-top: 60px;
		padding: 0 1rem;
	}

	.tb_tab_sp_header {
		position: relative;
		display: block;
		margin-top: 30px;
		padding: 2rem 1rem;
		background:#f4f5f6;
		border: 1px solid #193477;
		font-size: 1.25rem;
		font-weight: bold;
	}
	.tb_tab_sp_header:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow3.png);
		position: absolute;
		top: 50%;
		right: 1.25rem;
		transform: translateY(-50%);
	}
	.tb_tab_sp_header.tb_tab_sp_header-active:after {
		content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_arrow_down.png);
	}

	.ob_section_header-tb {
		margin: 0 0 30px;
		padding-top: 40px;
	}

	.tb_tab_content {
		border: 1px solid #193477;
		border-top: none;
	}
	.tb_tab_content:not(:first-child) {
	}
	.tb_tab_content_body {
		width: 100%;
		padding: 0 1.8rem;
	}

}


.ipoeTabSection{
	padding-top:20px;
}
.ipoeTabSection .tabNavigation{
	background:#fff;
	margin-bottom:30px;
}
.ipoeTabSection .tabLayout{
	width:960px;
}
.ipoeTabSection .tabNavigation_contents p{
	margin-bottom:0;
}
.ipoeTabSection .tabNavigation_contents .cc-colnum p,
.static_tab_content_body .cc-colnum p{
	text-align:center;
}
.static_tab_content_body .Columns{
	padding-top:30px;
}
.ipoeTabSection .tabNavigation_contents .Columns{
	padding-top:0;
}
.tabSection.ipoeTabSection .grid_contents{
	padding: 0 ;
}
.ipoeTabSection .scroll-box table{
	width:100% !important;
}
.ipoeTabSection .scroll-box table td{
	background:#fff;
}
.ipoeTabSection .scroll-box table a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_navarrow.png);
	margin-left: 10px;
	position: relative;
	top: 0;
}
main .link a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_navarrow.png);
	margin-left: 10px;
	position: relative;
	top: 0;
}
.ipoeTabSection .scroll-box table .fs-s{
	font-size:11px;
}
.indent-2{padding-left: 2em; text-indent: -2em;}
.indent-13{padding-left: 1.3em; text-indent: -1.3em;}
.indent-1{padding-left: 1em; text-indent: -1em;}
.ipoe_h4 span{
	font-size: 16px;
	border-left: 3px solid #004386;
	font-weight:bold;
	padding-left:10px;
}
#shiharai,#shoki,#getsugaku,#shiharai2,#shoki2,#getsugaku2,#serviceFaq,#fletsFaq,#ocnhikariFaq{
	padding-top:60px;
}
.accordion_contents.faq{
	padding-top:0;
}
.accordion_component .faq p{
	text-indent:-1.4em;
	padding-left:1.4em;
	margin-bottom:0;
	font-size:16px;
}
.accordion_component .faq p:before{
	content: "A. ";
}
@media screen and (max-width: 480px) {
	.ipoeTabSection .tabLayout{
		width:100%;
	}
	.tabSection.ipoeTabSection .tabChange_dropdown{
		margin-bottom:0;
	}
	.ipoeTabSection .tabChange_dropdown select{
		margin-bottom:20px;
		font-size:1rem;
	}
	.ipoeTabSection .tabNavigation_contents p{
		margin-bottom:20px;
	}
	.ipoeTabSection .tabNavigation_contents .box_hq_c p{
		margin-bottom:0;
	}
	.ipoeTabSection .tabNavigation_contents .cc-colnum p,
	.static_tab_content_body .cc-colnum p{
		text-align:left;
	
	}
	.ipoeTabSection .scroll-box table{
		width:600px !important;
	}
	.ipoeTabSection .scroll-box table.area_table{
		width:100% !important;
	}
	
	.static_tab_content_body > .Columns .cc-colnum p{
		margin-bottom:20px;
	}
}



/* =========================================================
 * Jun.22.2018
 * ====================================================== */
/* ----------------------------------------
 * IPoE接続環境確認
 * ------------------------------------- */
.ipoe_connectionCheck {
	width: 960px;
	margin: 32px auto 50px;
	color: #e60012;
	text-align: center;
	line-height: 1;
}

.ipoe_connectionCheck_title {
	border-bottom: 1px solid #e60012;
}

.ipoe_connectionCheck_btn {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 25%;
	height: 50px;
	margin: 10px auto 0;
	background: #e60012;
}
a.ipoe_connectionCheck_btn {
	color: #fff;
}
.ipoe_connectionCheck_btn:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	right: 8.3%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.ipoe_connectionCheck_txt {
	margin-top: 10px;
	font-size: 12px;
}

@media screen and (max-width: 480px) {
	.ipoe_connectionCheck {
		width: 100%;
		margin: 32px auto 40px;
	}

	.ipoe_connectionCheck_title {
		font-size: 1.3rem;
	}

	.ipoe_connectionCheck_btn {
		width: 79%;
		height: 60px;
		margin-top: 18px;
		font-size: 1.1rem;
	}


	.ipoe_connectionCheck_txt {
		font-size: .9rem;
	}
}


/*20180806追加*/
img[usemap] {
	max-width: 100%;
	height: auto;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento{
	border-right: 1px solid #ccc;
	width:75%;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento .left_area{
	display:table;
	width:100%;
	table-layout:fixed;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento .left_area .consideration_bt{
	display:table-cell;
	padding: 0 10px;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento .left_area .consideration_bt a{
	padding:30px 15px;
}

.consideration.cell_ver .cell_ver_wrap .cell_ver_block.hikari_kento{
padding-left: 1px;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block.hikari_kento .consideration_bt{
	padding: 0 10px;
}
.consideration.cell_ver .cell_ver_wrap .cell_ver_block.hikari_kento .consideration_bt a{
	padding:20px 15px;
}
@media screen and (max-width: 480px) {
	.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento{
		border-right: none;
		width:100%;
	}
	.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento .left_area{
		display:block;
	}
	.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento .left_area .consideration_bt{
		display:block;
		padding: 0 ;
	}
	.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento .left_area .consideration_bt a{
		padding:20px 15px;
	}
}

.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento_3{
	width:33%;
}
@media screen and (max-width: 480px) {
	.consideration.cell_ver .cell_ver_wrap .cell_ver_block.ipoe_kento_3{
		width:100%;
	}
}











/* =========================================================
 * 2018/12/21
 * ====================================================== */
/* ----------------------------------------
 * needs.html
 * ------------------------------------- */


.read_p_txt{
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
.read_p_txt span{
	position: relative;
	padding-left:40px;
}
.read_p_txt span:before{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_search.png);
	position: absolute;
	top:3px;
	left:0;
}

.needs_item_wrap{
	margin:55px auto;
}
.needs_item_wrap .needs_item_block{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
}
.needs_item_wrap .needs_item_block .needs_list{
	margin-left:35px;
}
.needs_item_wrap .needs_item_block .needs_list h3{
	margin:0 0 10px 0;
	font-size:20px;
}
.needs_item_wrap .needs_item_block .needs_list ul{
	list-style:none;
}
.needs_item_wrap .needs_item_block .needs_list ul li {
	margin-left: 0;
	margin-bottom: 0.8rem;
	position: relative;
}
.needs_item_wrap .needs_item_block .needs_list ul li::before {
	display: block;
	position: relative;
	content: "";
	width: 8px;
	height: 8px;
	top: 18px;
	left: 0;
	border: 1px solid;
	    border-top-color: currentcolor;
	    border-right-color: currentcolor;
	    border-bottom-color: currentcolor;
	    border-left-color: currentcolor;
	border-color: transparent #193477 #193477 transparent;
	background-color: transparent;
	transform: rotate(-45deg);
}
.needs_item_wrap .needs_item_block .needs_list ul li a {
	padding-left: 1.6rem;
	display: inline-block;
}
.kadai_search_wrap{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-bottom:60px;
}
.kadai_search_wrap .kadai_search_item{
	width:50%;
}
.kadai_area{
	border-right:1px solid #ccc;
	padding-right:10px;
}
.search_word{
	padding-left:30px;
}
.kadai_search_wrap h3{
	font-size:24px;
	font-weight:bold;
}
.kadai_search_wrap h3 span{
	position: relative;
	padding-left:40px;
}
.kadai_search_wrap h3 span:before{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_search.png);
	position: absolute;
	top:3px;
	left:0;
}

.kadai_search_wrap .kadai_block{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:30px;
}
.kadai_search_wrap .kadai_block a{
	display:block;
	width:45%;
	margin:0 20px 20px 0;;
	background:#1f3579;
	padding:30px 15px;
	color:#fff;
	position: relative;
}

.kadai_search_wrap .kadai_block a::after {
	display: block;
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: calc(50% - 4px);
	right: 20px;
	border: 1px solid;
	border-color: transparent #fff #fff transparent;
	background-color: transparent;
	transform: rotate(-45deg);
}


.search_word h4{
	color:#193477;
	font-size:14px;
	position: relative;
	padding-left:20px;
	font-weight:bold;
	margin:30px 0 15px;
}
.search_word h4:before{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_tag.png);
	position: absolute;
	top:3px;
	left:0;
}
#searchform{
	width:100%;
}
.keyword_area ul{
	list-style:none;
}
main.service_kobetsu .keyword_area ul li{
	padding:5px 0;
}
.keyword_area ul a{
	text-decoration:underline;
}



@media screen and (max-width: 480px) {
	.needs_item_wrap {
		margin: 30px auto;
		padding:0 15px;
	}
	.needs_item_wrap .needs_item_block{
		display:block;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	.needs_item_wrap .needs_item_block .needs_photo{
		text-align:center;
	}
	
	.needs_item_wrap .needs_item_block .needs_photo img{
		max-width:100%;
	}
	.needs_item_wrap .needs_item_block .needs_list{
		margin-left:0;
		margin-top:20px;
	}
	.kadai_search_wrap{
		padding:0 15px;
		display:block;
		margin-bottom:30px;
	}
	.kadai_search_wrap .kadai_search_item{
		width:100%;
	}
	.kadai_area{
		padding-right:0;
		border:none;
		margin-bottom:30px;
		border-bottom:1px solid #ccc;
	}
	.kadai_search_wrap .kadai_block a{
		width: calc((100% - 20px) / 2 );
	}
	.kadai_search_wrap .kadai_block a.second{
		margin-right:0;
	}
	.search_word {
		padding-left: 0;
	}


}






.bg-960wrap {
	width: 960px;
	margin: 0 auto;
}

.service_needs_block{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.service_needs_item{
	width:300px;
	margin-left:30px;
	margin-top:30px;
	line-height:1.5;
}
.service_needs_item img{
	vertical-align:bottom;
}
.service_needs_item:nth-of-type(1),
.service_needs_item:nth-of-type(4){
	margin-left:0;
}
.service_needs_item a{
	display:block;
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/needs_arrow.png) no-repeat right 20px center #f4f5f6;
	text-align:center;
	padding:25px;
}
.kadai_list_show{
	border-bottom:1px solid #ccc;
	padding-bottom:60px;
	margin-bottom:60px;
	text-align:center;
}
.kadai_list_show a{
	display:inline-block;
	padding:15px 80px;
	border:1px solid #1f3579;
	border-radius:5px;
	font-weight:bold;
	font-size:16px;
}
@media screen and (max-width: 480px) {
	.bg-960wrap{
		width: 100%;
		margin: 0 auto;
	}
	.service_needs_block{
		display:block;
		text-align:center;
	}
	.service_needs_item:nth-of-type(1),
	.service_needs_item:nth-of-type(4){
		margin-left:auto;
	}
	.service_needs_item{
		margin-left:0;
		margin:0 auto 20px;
	}
}


.security_utm_area{
	background:#f4f5f6;
	padding:30px 40px;
	margin-bottom:60px;
	text-align:center;
}
.security_utm_area .read_tag{
	display:inline-block;
	padding:10px 60px;
	background:#6377a3;
	color:#fff;
	font-weight:bold;
	margin-bottom:30px;
}
.security_utm_area h3{
	margin:10px auto 20px;
}
.security_utm_area .img_area{
	margin:30px auto;
}
.security_utm_area .img_area img{
	max-width:100%;
}
.security_utm_area .whatsUTM{
	border:2px solid #6377a3;
	background:#fff;
	padding:20px;
	text-align:left;
}
.whatsUTM .caption{
	font-weight:bold;
	font-size:16px;
	position: relative;
	padding-left:50px;
	margin-bottom:10px;
}
.whatsUTM .caption:before{
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_utm.png);
	position: absolute;
	top: 0;
	left:0;
	margin-top:-5px;
}
.security_utm_area .btn_area a {
	display: inline-block;
	vertical-align: middle;
	padding: 15px 30px 15px 20px;
	background: #193477;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin-top: 30px;
}
.security_utm_area .btn_area a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_wh_arrow.png);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
}
@media screen and (max-width: 480px) {

	.security_utm_area{
		padding:20px;
		width:90%;
		margin:0 auto 30px;
	}
	.security_utm_area .read_tag{
		margin-bottom:20px;
	}
	.security_utm_area .img_area {
		margin:20px auto;
	}
	.security_utm_area .btn_area a{
		margin-top:20px;
	}
}

/**/
.intro_guide .movie_link_wrap{
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/info_illust.png) no-repeat top 36px left 17px #F4F5F6;
	padding:36px 20px 20px 120px;
}
.intro_guide .movie_link_wrap .primary_heading{
	font-size:28px;
	font-weight: normal;
	padding-right: 100px;
}
.intro_guide .movie_link ul{
	list-style:none;
	margin:20px 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.intro_guide .movie_link ul li{
	width: calc(50% - 12px);
	margin:0 0 10px; 0;
}
.intro_guide .movie_link ul li a{
	font-size:16px;
	display:block;
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/movie_arrow.png) no-repeat right 15px center #0e367d;
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	border:2px solid #fff;
	border-radius:8px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2);
}
.intro_guide .movie_link ul li a span{
	font-weight:normal;
	font-size:10px;
}
.intro_guide .movie_link_wrap .allow_link a {
	position: relative;
	padding: 0 10px 0 0;
}
.intro_guide .movie_link_wrap .allow_link a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -6px;
	border-bottom: 2px solid #004386;
	border-right: 2px solid #004386;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 780px) {
	.intro_guide .movie_link_wrap{
		background: #F4F5F6;
		padding:30px;
	}
	.intro_guide .movie_link_wrap .primary_heading{
		font-size:24px;
		padding-right: 0;
	}
	.intro_guide .movie_link ul{
		display: block;
	}
	.intro_guide .movie_link ul li{
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.intro_guide .movie_link_wrap{
		padding:20px;
	}
	.intro_guide .movie_link_wrap .primary_heading{
		font-size:20px;
	}
	.intro_guide .movie_link ul li a{
		padding:10px 40px 10px 20px;
	}
	.intro_guide .movie_link ul li a br{
		display:none;
	}
}

/*お客さま専用のポータルをご準備しています！*/
.intro_guide .portal_link_wrap{
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/info_illust.png) no-repeat top 36px left 17px #F4F5F6;
	padding:36px 20px 20px 120px;
}
.intro_guide .portal_link_wrap .primary_heading{
	font-size:28px;
	font-weight: normal;
	text-align:center;
	line-height:1.4;
}
.intro_guide .portal_link_wrap .movie_link ul{
	list-style:none;
	margin:0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.intro_guide .portal_link_wrap .movie_link ul li{
	width: calc(50% - 12px);
	margin:0 0 10px; 0;
}
.intro_guide .portal_link_wrap .movie_link ul li a{
	font-size:16px;
	display:block;
	background:url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/movie_arrow.png) no-repeat right 15px center #0e367d;
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	border:2px solid #fff;
	border-radius:8px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2);
}
.intro_guide .portal_link_wrap .movie_link ul li a span{
	font-weight:normal;
	font-size:10px;
}
.intro_guide .portal_link_wrap .allow_link a {
	position: relative;
	padding: 0 10px 0 0;
}
.intro_guide .portal_link_wrap .allow_link a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -6px;
	border-bottom: 2px solid #004386;
	border-right: 2px solid #004386;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 780px) {
	.intro_guide .portal_link_wrap{
		background: #F4F5F6;
		padding:30px;
	}
	.intro_guide .portal_link_wrap .primary_heading{
		font-size:24px;
		padding-right: 0;
	}
	.intro_guide .portal_link_wrap .movie_link ul{
		display: block;
	}
	.intro_guide .portal_link_wrap .movie_link ul li{
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.intro_guide .portal_link_wrap{
		padding:20px;
	}
	.intro_guide .portal_link_wrap .primary_heading{
		font-size:20px;
	}
	.intro_guide .portal_link_wrap .movie_link ul li a{
		padding:10px 40px 10px 20px;
	}
	.intro_guide .portal_link_wrap .movie_link ul li a br{
		display:none;
	}
}

/**/
.intro_guide .portal_link_wrap .primary_text{
	font-size:15px;
	margin:10px 0;
	text-align:center;
}
.intro_guide .portal_link_wrap .portal_link_header{
	font-size:15px;
	font-weight:bold;
	margin:15px 0 5px;
}
@media screen and (max-width: 480px){
	.intro_guide .portal_link_wrap .primary_heading,
	.intro_guide .portal_link_wrap .primary_text{
		text-align:left;
		}
}
.intro_guide .portal_link_wrap .login_link .link_component{
	font-size:16px;
	font-weight:bold;
	margin:15px 0 5px;
}
.intro_guide .portal_link_wrap .login_link p{
	font-size:12px;
	margin:0 0 10px;
}


/*フリーダイヤルマーク*/
.tel img{
	vertical-align: middle;
}