@charset "UTF-8";
/** ========================================
 * glossary
 * ====================================== */

/*画像パス　/content/dam/nttcom/hq/jp/business/services/network/interconnect/flexible-interconnect/img/ */

.glossaryH2{
	text-align:center;
	margin-bottom:10px;
}
.computeFlatTypeSection .glossaryH1{
	margin-top:0;
}
.main_img{
	background:url(/content/dam/nttcom/hq/jp/business/services/network/interconnect/flexible-interconnect/img/main_bg.jpg) no-repeat top center;
	text-align:center;
	padding:60px 0;
	margin-top:70px;
}
.main_img img{
	width:50%;
}
.glossary_wrap{
	margin:40px auto 0;
	width:960px;
}
.glossary_wrap p{
	line-height:1.5;
}
.glossary_wrap .accordion_component,
.glossary_conts{
	max-width:100%;
}
.glossary_wrap .accordion_header{
	font-weight:normal;
	border-bottom:1px solid #4c5f7e;
	padding:0 0 15px 0;
}
.glossary_wrap .accordion_contents,
.glossary_inr{
	padding:30px 20px 50px;
}

.glossary_list{
	display:flex;
	padding:0;
	margin:0;
	flex-wrap: wrap;
	list-style:none;
}
.glossary_list li{
	width:33.33%;
	padding-bottom:10px;
}
.glossary_list li a{
	color:#333;
}
.glossary_wrap h3{
	border-bottom: 1px solid #4c5f7e;
	padding: 0 0 15px 0;
	color: #004386;
}
/*関連サービス*/
/*
.related_documents ul{
	display:flex;
	padding:0;
	margin:0;
	flex-wrap: wrap;
	list-style:none;
	margin-top:40px;
}
.related_documents ul li{
	width:280px;
	margin-right:40px;
	margin-bottom:40px;
}
.related_documents ul li:nth-of-type(3n){
	margin-right:0;
}
.related_documents ul li img{
	width:100%;
	vertical-align:bottom;
}
.related_documents ul li h4{
	font-size:16px;
	margin:10px 0;
}
.related_documents ul li p{
	font-size:14px;
}
*/
.related_documents ul{
	width:100%;
	display:flex;
	padding:0;
	margin:0;
	flex-wrap: wrap;
	list-style:none;
	margin-top:40px;
}
.related_documents ul li{
	width:400px;
	margin-right:40px;
	margin-bottom:40px;
	border:1px solid #4c5f7e;
	padding:15px;
}
.related_documents ul li:nth-of-type(2n){
	margin-right:0;
}
.related_documents ul li .related_documents_inr{
	width:100%;
	display:flex;
	padding:0;
	margin:0;
	flex-wrap: wrap;
}
.related_documents ul li div.pic{
	width:180px;
	margin-right:20px;
}
.related_documents ul li div.txt{
	width:200px;
}
.related_documents ul li img{
	width:100%;
	vertical-align:bottom;
}
.related_documents ul li h4{
	color:#004386;
	font-size:16px;
	margin:0 0 10px 0;
}
.related_documents ul li p{
	color:#333;
	font-size:14px;
}
.related_documents .pic {
	border:1px solid #DDD;
}

.related_documents div.download_btn {
	margin-top:20px;
	text-align:center;
}
.related_documents div.download_btn p{
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid #4772a6;
	border-radius: 5px;
	color: #004386;
}


/*次世代インターコネクトサービス*/
.interconnect_service{
	border:1px solid #4c5f7e;
	padding:0 30px;
	margin-bottom:60px;
}
.interconnect_service .glossary_inr{
	display:flex;
	justify-content: space-between;
	padding: 0 20px 30px;
}
.interconnect_service .service_item{
	width:48%;
}
.interconnect_service .service_item h4{
	color: #004386;
	text-align:center;
	font-size:22px;
}

.interconnect_service .service_item ol{
	padding:0;
	margin:0;
	list-style:none;
}
.interconnect_service .service_item li{
	display:table;
}
.interconnect_service .service_item li p{
	display:table-cell;
	vertical-align:middle;
	padding:5px 0;
}
.interconnect_service .service_item li p img{
	width:90px;
}
.interconnect_service .service_item li .txt{
	padding-left:15px;
}

.interconnect_service .service_item .detail_btn{
	text-align:center;
	margin-top:20px;
}
.interconnect_service .service_item .detail_btn a{
	display:inline-block;
	padding:10px 20px;
	border:2px solid #4772a6;
	border-radius:5px;
}
.interconnect_service .service_item .movie_wrap{
	margin:15px 0;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.interconnect_service .service_item .movie_wrap iframe{
	position: absolute;
	top: 0;
	right:0;
	width:100%;
	height: 100%;
}
.interconnect_service .service_item .link_component{
	margin:10px 0;
}
/*お役立ち*/
.useful_content ul{
	display:flex;
	padding:0;
	margin:0;
	flex-wrap: wrap;
	list-style:none;
}
.useful_content ul li{
	width:280px;
	margin-right:40px;
	margin-bottom:40px;
	background:#f4f5f6;
}

.useful_content ul li div{
	padding:15px;
}
.useful_content ul li:nth-of-type(3n){
	margin-right:0;
}
.useful_content ul li img{
	width:100%;
	vertical-align:bottom;
}
.useful_content ul li h4{
	font-size:16px;
	margin:0 0 10px 0;
}
.useful_content ul li p{
	font-size:14px;
}
.useful_content ul li .detail_link{
	margin:10px 0 0;
	text-align:right;
}












@media screen and (max-width: 768px) {
	.main_img{
		margin-top:30px;
	}
	.main_img img{
		width:80%;
	}
	.glossary_wrap{
		width:100%;
	}
	.glossary_wrap .accordion_component{
		width:100%;
	}
	.glossary_wrap .accordion_header{
		font-size: 1.3rem;
	}
	/*
	.related_documents ul li:nth-of-type(3n){
		margin-right:auto;
	}
	.related_documents ul li{
		width:48%;
		margin-right:auto;
	}
	.related_documents ul li:nth-of-type(2n){
		margin-right:0;
	}
	*/
	.related_documents ul{
		width:100%;
		display:block;
	}
	.related_documents ul li{
		width:95%;
		margin-right:0;
	}
	.related_documents ul li .related_documents_inr{
		width:100%;
	}
	.related_documents ul li div.txt{
		width:calc(100% - 230px);
	}
	.interconnect_service .glossary_inr{
		display:block;
	}
	.interconnect_service .service_item{
		width:100%;
	}
	.interconnect_service .service_item .detail_btn{
		margin-bottom:50px;
	}
	.useful_content ul li:nth-of-type(3n){
		margin-right:auto;
	}
	.useful_content ul li{
		width:48%;
		margin-right:auto;
	}
	.useful_content ul li:nth-of-type(2n){
		margin-right:0;
	}
}

@media screen and (max-width: 480px) {
	.main_img{
		padding:30px 0;
	}
	.main_img img{
		width:80%;
	}
	.glossary_list li{
		width:50%;
	}
	.glossary_wrap .accordion_contents, .glossary_inr{
		padding:20px 10px 30px;
	}
	.glossary_wrap h3{
		margin-bottom:0;
	}
	/*
	.related_documents ul{
		display:block;
		margin-top:20px;
	}
	.related_documents ul li{
		width:100%;
		margin-right:0;
	}
	*/
	.related_documents ul{
		width:100%;
		display:block;
		margin-top:20px;
	}
	.related_documents ul li{
		width:90%;
		margin-right:0;
	}
	.related_documents ul li .related_documents_inr{
		width:100%;
		display:block;
	}
	.related_documents ul li div.pic{
		width:100%;
		margin-right:20px;
	}
	.related_documents ul li div.txt{
		width:100%;
	}
	.related_documents ul li img{
		width:100%;
		vertical-align:bottom;
	}
	.useful_content ul{
		display:block;
		margin-top:20px;
	}
	.useful_content ul li{
		width:100%;
		margin-right:0;
	}
}




/*詳細ページ*/
.glossary_detail .cat{
	font-size:18px;
	color: #004386;
}
.glossary_detail h3{
	color:#333;
	font-size:30px;
	border-bottom:none;
}
.glossary_detail p{
	margin-bottom:20px;
}
.glossary_detail .glossary_back{
	margin:50px auto 40px;
	text-align:center;
}
.glossary_detail .glossary_back a{
	display:inline-block;
	padding:10px 20px;
	border:2px solid #4772a6;
	border-radius:5px;
}

@media screen and (max-width: 768px) {
	.glossary_detail h3{
		font-size:1.5rem;
	}
}

/*お役立ちコンテンツページ*/
h1 .sub{
	font-size:2rem;
}
.archive_img,
.archive_img img{
	width:100%;
}
.float_area .img_area img {
	width:100%;
}
.ex_box{
	border:1px solid #CCC;
	margin:0 0 10px 0;
	padding:5px;
	font-weight:bold;
	display:inline-block;
}
table th{
	font-weight:bold;
	text-align:center;
	white-space: nowrap;
}
table td{
	line-height:1.5;
}
table td ul{
	padding-left:1rem;
}