html{
  scroll-behavior: smooth;
}

.nav > li {
  position: relative;
  
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 5px;
	height: 50px;
}


.nav-tabs.nav-justified > li {
	display: table-cell;
	width: 1%;
}
.nav-tabs.nav-justified > li > a {
	margin-bottom: 0;
}


.nav-tabs.nav-justified > li > a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border-bottom-color: #fff;
}


.nav-tabs-justified > li > a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
	border-bottom-color: #fff;
}
.nav{
	text-align: center;
	font-size: 16px;
}

.nav p{
	display: inline-block;
	text-align: left;
}
.nav-tabs p{
	padding-left: 20px;
}

.meeting{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_meeting.png");
	background-size: 13%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
	
}
.nav-tabs > li.active > a.meeting{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_meeting_a.png");
	background-size: 13%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}

.remote{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_remote.png");
	background-size: 10%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.remote{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_remote_a.png");
	background-size: 10%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}
.cloud{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_cloud.png");
	background-size: 12%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.cloud{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_cloud_a.png");
	background-size: 12%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}
.education-tool{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_education.png");
	background-size: 13%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.education-tool{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_education_a.png");
	background-size: 13%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}
.communication{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_communication.png");
	background-size: 12%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.communication{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_communication_a.png");
	background-size: 12%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}
.payment{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_pay.png");
	background-size: 10%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.payment{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_pay_a.png");
	background-size: 10%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}
.unmanned{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_unmanned.png");
	background-size: 12%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.unmanned{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_unmanned_a.png");
	background-size: 12%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}
.mobile{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_mobile.png");
	background-size: 10%;
	background-repeat: no-repeat;
	background-position:center left 10px;
	
}
.nav-tabs > li.active > a.mobile{
	background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/icon_mobile_a.png");
	background-size: 10%;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:center left 10px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #0a84dc;
  cursor: default;
	background-color: #fff;
}

.nav-tabs > li.active > a:before{
	  content: "";
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.nav-tabs > li.active > a:after{
content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #0a84dc;
  z-index: 1;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.panel_list{
	display: flex;
	flex-wrap: wrap;
	padding: 0px 5px;
	margin: auto;
	justify-content: center;
}

ul.panel_list li{
	
	width: 32%;
}

ul.panel_list::before,ul.panel_list::after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

ul.panel_list::before{
	order: 1;
}
.category__item_mv{
border: 1px solid #49a63c;
color: #49a63c;
padding: 1px 5px;
font-size: 11px;
text-align: center;
display: inline-block;
border-radius: 10px;
min-width: 30px;
}


.category__item:nth-of-type(2) {
    border: 1px solid #c03;
    color: #c03;
  
}
	.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs-outer .nav-tabs li a{
	transition-property:all;
    transition-duration: 0.25s;
    transition-timing-function:ease-out;
	 
}
@media screen and (max-width:768px){
	.nav-tabs p{
	width: 150px;
		text-align: center;
		padding-left: 0;
		margin: auto;
}
		.nav.nav-tabs{
			flex-wrap: nowrap!important;
			justify-content:flex-start;
			align-items: center;
			font-size: 14px;
	}
		.nav-tabs-outer{
		overflow-x:scroll;
			margin: 0;
}

	.nav-tabs-outer .nav-tabs li{
		display: block;
		 width: 180px!important;
		text-align: center;

   
}


.nav-tabs-outer .nav-tabs li.active a{
	
	background: #fff;
	color: #0088cc;

}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
 
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 5px;
	height: 50px;
	
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
 
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav{
	text-align: center;
	font-size: 16px;
}

.nav p{
	display: inline-block;
	text-align: center;
	
}



.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.panel_list{
	display: flex;
	flex-wrap: wrap;
	padding: 0px 5px;
	margin: auto;
	justify-content: center;
}

ul.panel_list li{
	width: 45%;
	padding: 10px;
}

ul.panel_list::before,ul.panel_list::after{
	width: 45%;

}
	.nav-tabs li{
		width: 150px;
	}

}
@media screen and (max-width:539px){
	ul.panel_list li{
		width: 90%;
}
}