@charset "UTF-8";

/* =========================================================
 * news_hq
 * ====================================================== */
.news_hq {
	margin-top: 20px;
	line-height: 1.3;
	font-size: 0.9em;
}
.news_hq h5 {
	margin: 0 0 5px 0;
	padding: 3px 15px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	background: #ddd;
	margin-top: 10px !important;
	margin-bottom: 6px !important;
	padding-top: 3px !important;
	padding-bottom: 4px !important;
	line-height: 1.3 !important;
	border-bottom: none !important;
}
.news_hq dl {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 9px 0 16px 0;
}
.news_hq dt {
	width: 120px;
	font-weight: bold;
	font-size: 0.9em;
	padding: 8px 0;
	float: left;
	clear: both;
}
.news_hq dd {
	padding: 8px 0;
	line-height: 1.3;
	font-weight: bold;
	margin-left: 120px;
	text-indent: -1em;
	padding-left: 1em;
}
.news_hq dd:before {
	content: "・";
}


/* =========================================================
 * 構成比較
 * ====================================================== */

.color_box {
	padding: 19px 30px;
}
.color_box.gray {
	background-color: #F4F4F4;
}
.color_box.blue {
	background-color: #E8F6FF;
}
.color_box.pink {
	background-color: #FACECF;
}
.side_lines {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center; /* for no-flexbox browsers */
}

.side_lines:before,
.side_lines:after {
	border-top: 2px solid;
	content: "";
	display: inline; /* for IE */
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1;
	flex-grow: 1;
}
.side_lines:before {
	margin-right: 0.5em;
}
.side_lines:after {
	margin-left: 0.5em;
}
h4.side_lines {
	color: #004386;
	font-size: 22px;
	border-bottom: none !important;
}

h2 .strong {
	display: block;
	color: #fce692;
}


/* =========================================================
 * MAP
 * ====================================================== */

.hqnw_map {
	text-align: center;
	margin: 0 auto;
}


/* =========================================================
 * おすすめ
 * ====================================================== */

.kadai_area {
    font-weight: bold;
}
.kadai_area .side_box .text {
	padding: 0 30px 0 20px;
	width: 100%;
}
.kadai_area .type_green {
	color: #18933B;
}
.kadai_area .type_brown {
	color: #954F00;
}
.kadai_area .type_orange {
	color: #EF8200;
}
.kadai_area .type_purple {
	color: #801B75;
}
.kadai_area .side_box .link.hqnw_textover a {
	display: block;
	width: 180px;
	margin: 0 auto;
}
.kadai_area .side_box .link.hqnw_textover a .hqnw_textover_target {
	width: 180px;
}


/* =========================================================
 * その他共通
 * ====================================================== */

.side_box > div {
	display: table-cell;
	vertical-align: middle;
}
.side_box .icon {
	width: 120px;
	text-align: center;
}

.parbase.image.section .image_component div.fc-bk {
	font-size: 24px !important;
	color: #c7161e !important;
}


/* =========================================================
 * sec3_box
 * ====================================================== */

.sec3_box {
	position:  relative;
	border-radius: 8px;
	padding: 33px 40px;
	margin-top: 42px;
}
.sec3_box .right {
	position:  absolute;
	bottom: -2px;
	right: 25px;
}


/* =========================================================
 * sec4_box
 * ====================================================== */

.sec4_box.color_box {
	padding: 20px;
	border-radius: 6px;
}
.sec4_box .inner_box {
	background-color: #FCE5E6;
	padding: 20px;
	border-radius: 6px;
}
.sec4_box .inner_box > div {
	background: url(/content/dam/nttcom/hq/jp/business/services/network/private-network/hqnw/img/hqnw_img_03_02.png) no-repeat center;
	background-size: contain;
}
.sec4_box .inner_box .title {
	color: #004386;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 6px 0 22px;
}
.sec4_box .inner_box .lead {
	padding: 0 0 10px;
}
.sec4_box .column_component.colnum-3 > .cc-colnum:nth-child(1) {
	padding: 0 6px 0 0;
}
.sec4_box .column_component.colnum-3 > .cc-colnum:nth-child(2) {
	padding: 0 3px 0 3px;
}
.sec4_box .column_component.colnum-3 > .cc-colnum:nth-child(3) {
	padding: 0 0 0 6px;
}


@media only screen and (min-width: 0px) and (max-width: 740px) {

	/* =========================================================
	 * news_hq
	 * ====================================================== */

	.news_hq dt {
		float: none;
	}
	.news_hq dd {
		margin-left: 0;
	}


	/* =========================================================
	 * hqnw_contact
	 * ====================================================== */

	.hqnw_contact .column_component.colnum-2 > .cc-colnum:nth-child(1),
	.hqnw_contact .column_component.colnum-2 > .cc-colnum:nth-child(2) {
		padding: 0 0 10px 0;
	}
	.hqnw_contact .inner_box p {
		width: 100%;
		display: block;
		height: auto !important;
		padding: 4px 0;
	}
	.hqnw_contact .inner_box .lead {
		padding-bottom: 16px;
	}

	.hqnw_under_contact .hqnw_contact .inner_box .link {
		height: 100px;
	}

	/* =========================================================
	 * 構成比較
	 * ====================================================== */
 
	.color_box {
		padding: 19px 15px;
	}
	.side_box .text .ind1_hq {
		padding-left: 0em;
		text-indent: 0em;
	}

	/* =========================================================
	 * MAP
	 * ====================================================== */
	.hqnw_map img {
		width: 100%;
		height: 100%
	}

	/* =========================================================
	 * その他共通
	 * ====================================================== */

	.side_box > div {
		display: block;
	}
	.side_box .icon {
		margin: 0 auto;
	}
	.side_box .text,
	.kadai_area .side_box .text {
		padding: 20px 0;
	}
	.sp_full {
		width: 100% !important;
	}

	/* =========================================================
	 * sec4_box
	 * ====================================================== */
	.sec3_box{
		margint-top: 0px;
	}
	.sec3_box .right {
		position: static;
		bottom: 0;
		right: 0;
		margin-top: 20px;
	}
	.sec4_box .column_component.colnum-3 > .cc-colnum:nth-child(1),
	.sec4_box .column_component.colnum-3 > .cc-colnum:nth-child(2),
	.sec4_box .column_component.colnum-3 > .cc-colnum:nth-child(3) {
	    padding: 10px 0;
	}
	.parbase.image.section .image_component {
		margin-bottom: 20px !important;
	}
	.parbase.image.section .image_component div.fc-bk {
		font-size: 1rem !important;
	}
}

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

/*MVボタン囲み*/
.p-facade__button .c-btn.--large{
	border:2px solid #CCC;
	background-color:#FFF;
	padding:15px;
	margin-bottom:10px !important;
}

/*MVボタン補足テキスト*/
.p-facade__button .c-btn.--large p{
	font-size:13px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin: 0 0 10px;
}

/*トピックス*/
.news_hq dl {
	border-top: none;
	border-bottom: none;
	padding: none;
}
/*下線打消し*/
.hqnw_contact .inner_box a{
	text-decoration:none;
}