@charset "UTF-8";


/* =========================================================
 * 
 * ====================================================== */






/* =========================================================
 * コンタクトボタン　更新版
 * @ contact_bt
　* お問い合わせ
 * ====================================================== */
.contact_tel_hq h4 {
	font-size: 18px;
	margin-top: 10px !important;
	border-bottom: 1px solid #666 !important;
	font-weight: bold;
	line-height: 1.3 !important;
	padding-bottom: 10px;
}

.contact_tel_hq {
	width: 100%;
	margin: 10px 0 30px;
	padding: 10px 20px;
	border: #cfcfcf solid 1px;
}

.contact_tel_hq_bm {
	width: 50% !important;
	margin:30px auto 60px !important;
}

.contact_bt{
	position:fixed;
	right:20px;
	z-index:100;
}
.contact_bt{
	background:#ffd601;
	border:2px solid #004386;
	padding: 12px 20px 12px 20px;
	font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3); 
}
.contact_bt a{
	text-decoration:none;
	color:#193477;
	font-size:18px;
	font-weight:bold;
}

.contact_bt a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/vpn/vpn/img/icon_right_arrow.png);
	margin-left: 10px;
}

/* =========================================================
お問い合わせ・資料請求はこちら ボタン
 * ====================================================== */
.contact_bt_top{
	position:relative;
	top:10px !important;
	margin:0px auto;
}
.contact_bt_top{
	background:#ffd601;
	border:2px solid #004386;
	padding: 10px 20px 10px 20px;
	font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 20px;
}
.contact_bt_top a{
	text-decoration:none;
	color:#193477;
	font-size:16px;
	font-weight:bold;
}

.contact_bt_top a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/vpn/vpn/img/icon_right_arrow.png);
	margin-left: 10px;
}



@media only screen and (min-width: 0px) and (max-width: 769px) {
	.new_head{
		width: 104%;
		padding-left: 3.1%;
		padding-right: 3.1%;
		margin-left: -2%;
	}

	/* お問い合わせ */
	.contact_tel_hq_bm {
		width: 100%;
		padding:0px 10px 10px 10px;
	}
	.contact_tel_hq {
		width: 100% !important;
		padding:10px !important;
	}
	.information_hq {
		padding: 15px 10px;
	}
	.contact_tel_hq h4 {
		font-size: 18px;
		margin-top: 10px !important;
		text-align: center;
	}

	.contact_tel_inner_hq,.contact_tel-hours_hq p {
		text-align: center;
	}
	.contact_title_hq{
		width: 100%;
	}
	.contact_customer_hq{
		width: 100%;
	}
	.top_info_hq.mt37-_hq{
		margin-top:0px;
	}
	.contact_bt a{
		font-size:16px !important;
	}
	.contact_bt_top a{
		font-size:14px !important;
	}
}

.ssd_left {
	border-bottom: 1px solid #666 !important;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	padding-top: 40px;
	line-height: 1.3 !important;
	font-weight: bold;
}
.sdwan_highlight ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 20px;
}
.sdwan_highlight li {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 0px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.ssd_block h1 span{
	font-size:70%;
}
.news_hq {
	margin-top: 20px;
	margin-bottom:50px;
	line-height: 1.3;
	font-size: 14px;
}
.news_hq h5 {
	margin: 0;
	padding: 5px 15px 7px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	background: #ddd;
	line-height: 1.3 !important;
}
.news_hq dl {
	border-bottom: 1px solid #eee;
	padding: 18px 0;
	font-size: 14px;
}
.news_hq dt {
	font-weight: bold;
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.news_hq dd {
	font-weight: bold;
	display: inline-block;
	width: 80%;
	vertical-align: top;
}
.ssd_block .service_slider_item .title_txt{
	margin-top:80px;
	font-size:1.3em;
	color:#ffd601;
}
.ssd_block .service_slider_item .detail_txt{
	font-size:1.3em;
	margin-top:30px;
}


@media screen and (max-width: 768px){
	.ssd_block .service_slider_item .title_txt{
		margin-top:30px;
		font-size:1rem;
	}
	.ssd_block .service_slider_item .detail_txt{
		font-size:1rem;
		margin-top:10px;
	}
}
@media screen and (max-width: 480px){
	.firstSection h1{
		font-size:26px;
	}
	.ssd_left{
		padding-top: 0;
		margin-top:0;
		font-size:1rem;
	}
	.ssd_block .service_slider_item .title_txt{
		margin-top:50px;
	font-size:1.3em;
	}
	.ssd_block .service_slider_item .detail_txt{
		font-size:1.3em;
		margin-top:30px;
	}
	.sdwan_highlight li{
		font-size:1rem;
	}
}

.ssd_contents{
	width:960px;
	margin:0 auto;
}
.ssd_contents img{
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
}

.tabLayout.tabItemWrapper .tabItem > span {
	display: inline-block;
}
.tabLayout.tabItemWrapper .tabItem a {
	line-height: 1.5;
}
@media screen and (max-width: 768px){
	.ssd_contents{
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}
	.tabNavigation .tabLayout.tabItemWrapper div {
		line-height: 1.1;
	}
}

/* =========================================================
 * @ ssd tab
 * タブ
 * ====================================================== */
.tabLayout.tabItemWrapper div{
	height:auto;
}
.tabLayout.tabItemWrapper a,
.tabLayout.tabItemWrapper span{
	padding:20px;
}


/* =========================================================
 * @ ssd.html
 * サービス概要
 * ====================================================== */
.ssd_top{
	display: flex;
	justify-content: space-between;
}
.ssd_top_item{
	width: 580px;
	padding: 20px 0 0 20px;
}
.ssd_top_heading{
	margin: 0 0 20px;
	font-size: 30px;
	line-height: 1.2;
}
.ssd_top_txt{
	font-size: 14px;
	line-height: 1.75;
}
.ssd_top_txt:not(:first-of-type){
	margin-top: 25px;
}
.ssd_top_img{
	width: calc(100% - 440px);
}

.ssd_intro{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 25px;
	padding-top: 43px;
	background: url(/content/dam/nttcom/hq/jp/business/services/security/security-management/ssd/img/ssd_top_bg.png) 64px 26px no-repeat;
	background-size: 35.7%;
}
.ssd_intro_item{
	padding: 15px 0;
	background: #42044e;
	color: #fff;
}
.ssd_intro_list{
	counter-reset: item;
	list-style-type: none;
	margin: 0;
	padding: 20px 68px;
	font-size: 19px;
}
.ssd_intro_list_item{
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.ssd_intro_list_item:nth-child(n + 2){
	margin-top: 20px;
}

.ssd_intro_list_item:before {
	counter-increment: item;
	content: counter(item);
	padding-right: 20px;
}
.ssd_intro_arrow{
	width: 0;
	height: 0;
	margin: 0 auto 20px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
}
.ssd_intro_txt{
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

.ssd_desc{
	background: #42044e;
	padding: 12px 13px;
}
.ssd_desc_inner{
	padding: 17px 17px 7px;
	background: #fff;
	border-radius: 10px;
}
.ssd_desc_heading{
	margin-top: 0;
	color: #42044e;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
}

.ssd_feature{
	margin-bottom: 30px;
}
.ssd_feature_heading{
	margin: 0;
	padding: 5px 0 10px;
	background: #42044e;
	color: #fff;
	text-align: center;
}
.ssd_feature_list{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
}
.ssd_feature_list_item{
	width: calc(100% / 3);
	padding: 24px 14px;
	border-right: 1px solid #e5e5e5;
	background:#f7f7f7;
}
.ssd_feature_list_item:first-child{
	border-left: 1px solid #3f044e;
}
.ssd_feature_list_item:last-child{
	border-right: 1px solid #3f044e;
}
.ssd_feature_list_sub_heading{
	padding: 4px;
	border-radius: 5px;
	background: #42044e;
	color: #fff;
	text-align: center;
}
.ssd_feature_list_heading{
	position: relative;
	text-align: center;
	margin-top: 16px;
	padding-bottom: 7px;
	line-height: 1.4;
}
.ssd_feature_list_heading:before{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	display: inline-block;
	width: 60%;
	height: 3px;
	/*background: #577eab;*/
	background: #999999;
}
.ssd_feature_list_txt{
	font-size: 14px;
	line-height: 1.75;
}
.ssd_feature_list_img{
	width: 175px;
	margin: 10px auto -100px;
}


.ssd_about{
	display: flex;
	padding: 116px 24px 16px;
	background: #42044e;
	color: #fff;
	font-size: 14px;
}
.ssd_about_heading{
	width: 350px;
	margin-right: 20px;
	border-right: 1px solid #fff;
}

.ssd_summary{
	font-size: 20px;
	text-align: center;
	line-height: 1.8;
}


@media screen and (max-width: 768px){
	.ssd_top_item{
		width: 100%;
		padding: 0;
	}.ssd_top_img{
		display: none;
	}
	.ssd_intro{
		background: none;
	}
	.ssd_intro_item{
		width: 100%;
	}
	.ssd_feature_list{
		display: block;
	}
	.ssd_feature_list_item{
		width: calc(100% - 30px);
		border-left: 1px solid #e5e5e5;
	}
	.ssd_feature_list_item:first-child{
		border-left: 1px solid #e5e5e5;
	}
	.ssd_feature_list_item:last-child{
		border-right: 1px solid #e5e5e5;
	}
	.ssd_feature_list_img{
		width: 175px;
		margin: 10px auto 0;
	}

	.ssd_about{
		display: block;
		padding: 16px 24px;
	}
	.ssd_about_heading{
		width: 100%;
		margin: 0 0 10px;
		padding-bottom: 3px;
		border-bottom: 1px solid #fff;
		border-right: none;
	}
}
@media screen and (max-width: 480px){
	.ssd_intro_list{
		padding: 10px 30px;
		font-size: 16px;
	}
	.ssd_intro_list_item:nth-child(n + 2){
		margin-top: 10px;
	}
	.ssd_intro_txt{
		font-size: 18px;
	}

	.ssd_desc{
		padding: 10px;
	}
	.ssd_desc_inner{
		padding: 10px;
	}
	.ssd_desc_heading{
		font-size: 20px;
	}

	.ssd_feature_heading{
		font-size: 18px;
	}
	
	.ssd_about{
		padding: 12px 16px;
	}

	.ssd_summary{
		font-size: 16px;
	}
}





/* =========================================================
 * @ ssd.html
 * セキュリティサポートとは概要
 * ====================================================== */
.knowledge_feature{
	margin-bottom: 20px;
	padding: 42px 0 12px;
	background: #f7f7f7;
}
.knowledge_feature_heading{
	margin: 0;
	padding: 0 0 30px 13px;
	border-left: 30px solid #42044e;
	font-size: 30px;
}
.knowledge_feature_txt{
	padding: 0 20px 0 43px;
}

.knowledge_desc{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.knowledge_desc_img{
	width: 590px;
}
.knowledge_desc_txt{
	position: relative;
	width: calc(100% - 618px);
	padding-top: 80px;
	font-size: 18px;
	line-height: 1.7;
}
.knowledge_desc_txt:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 40px;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: url(/content/dam/nttcom/hq/jp/business/services/security/security-management/ssd/img/knowledge_txt_top_img.png) no-repeat;
	background-size: contain;
}

.knowledge_qa.accordion_component{
	max-width: 100%;
	margin-bottom: 160px;
	background: #f7f7f7;
}
.knowledge_qa_heading.accordion_header{
	padding: 20px 10px 20px 55px;
	color: #333;
	font-weight: normal;
}
.knowledge_qa_heading.accordion_header:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 16px;
	margin-top: -12px;
	background: url(/content/dam/nttcom/hq/jp/business/services/security/security-management/ssd/img/toggle_opan.png) no-repeat;
	background-size: contain;
}
.knowledge_qa_heading.accordion-close:before{
	background-image: url(/content/dam/nttcom/hq/jp/business/services/security/security-management/ssd/img/toggle_close.png);
	background-size: contain;
}


.knowledge_qa_heading.accordion_header:after{
	display: none;
}
.knowledge_qa_a.accordion_contents{
	display: block;
	margin: 0;
	padding: 0 10px 10px;
}
.knowledge_qa_a_inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background: #fff;
}
.knowledge_qa_txt{
	padding-left: 40px;
	font-size: 18px;
}
.knowledge_qa_txt span{
	font-size: 24px;
}
.knowledge_qa_more a{
	position: relative;
	display: inline-block;
	min-width: 152px;
	padding: 10px 8px;
	background: #455261;
	color: #fff;
	font-size: 12px;
}
.knowledge_qa_more a:after{
	content: ">";
	padding-left: 5px;
}

@media screen and (max-width: 768px){
	.knowledge_desc_img{
		display: none;
	}
	.knowledge_desc-sec_meas .knowledge_desc_img{
		display: block;
		width: 100%;
	}
	.knowledge_desc-sec_meas.knowledge_desc{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.knowledge_desc_txt{
		width: 100%;
	}
	.knowledge_qa.accordion_component{
		width: 100%;
		margin-bottom: 80px;
	}
	.knowledge_qa_txt{
		padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
	.knowledge_feature_heading{
		padding-bottom: 15px;
		border-left-width: 15px;
		font-size: 20px;
	}
	.knowledge_feature_txt{
		padding-left: 28px;
	}
	.knowledge_qa_a_inner{
		flex-wrap: wrap;
	}
	.knowledge_qa_txt{
		margin-bottom: 5px;
		padding: 0;
	}
	.knowledge_qa_more{
		width: 100%;
		text-align: center;
	}
}


.ssd_contents_heading{
	font-size:24px;
	border-bottom:3px solid #42044E;
	padding-bottom:10px;
	margin:0 0 20px;
}

/* =========================================================
 * 番号付き注釈
 * ====================================================== */
.kome-num-notes > ol{
	margin:0;
	padding:0;
	counter-reset: number;
	list-style: none;
}
.kome-num-notes > ol > li{
	position: relative;
	padding-left: 2.5em;
	zoom: 1;
	font-size: 0.8em;
}
.kome-num-notes > ol > li:before{
	position: absolute;
	top: 0;
	left: 0;
	counter-increment: number;
	content: '※' counter(number, decimal);
}
.kome-num-notes > ol> li> ul{
	list-style-type: disc;
	margin-left:1.5em;
	padding:0;
}

/* =========================================================
 * 料金・仕様
 * ====================================================== */
table th,table td{
	line-height:1.5em;
}
.per30{
	width:30%;
}

.fee_tbl{
	min-width:600px;
}
.fee_tbl ul{
	list-style:none;
	padding:0;
	margin:0;
	margin:0 5px 10px;
}
.fee_tbl li{
	font-size:14px;
}
.note_area p{
	font-size:12px;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.details_read{
	margin-bottom:20px;
}
.details_img{
	margin-bottom:20px;
}
.details_list{
	margin-bottom:40px;
}
.details_list p{
	text-indent:-1em;
	padding-left:1em;
}
.details_block{
	border:3px solid #004386;
	padding:30px 40px;
}
.details_block .ttl{
	font-size:24px;
	border-bottom:2px solid #004386;
	padding-bottom:20px;
	margin-bottom:30px;
	text-align:center;
}

@media only screen and (min-width: 0px) and (max-width: 769px) {
	.ssd_contents_heading{
		font-size:20px;
	}
	.details_block{
		padding:20px 20px;
	}
	.details_block .ttl{
		font-size:20px;
	}
}

.tabChange_dropdown{
	margin:0 10px 20px;
}
/* =========================================================
 * 導入事例
 * ====================================================== */
.only_pc{display:initial;}
.only_sp{display:none;}
@media screen and (max-width: 480px){
	.only_pc{display:none;}
	.only_sp{display:initial;}
}

/* =========================================================
 * 2022
 * 新テンプレ調整
 * ====================================================== */

/*MV内*/
.wrapper .p-facade.mv__photo .c-inner .p-facade__wrap {
	width: 55% !important;
}
.p-facade__wrap ul{
	list-style-type: disc;
	font-size:14px;
	line-height:1.5;
	margin: 0.5em 0 1em 0.5em;
	padding-left:1em;
}
.p-facade__wrap .notes{
	font-size:12px;
	line-height:1.5;
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin:1em 0;
}