@charset "utf-8";


/* =========================================================
 * HQ JP ALL
 * ====================================================== */

/* 対応策：日本語等の全角文字言語のツリー専用*/

@import "/etc/designs/nttcom/cmn/css/full-width.css";

/* =========================================================
 * アコーディオン仕切り線の打消し
 * ====================================================== */

.accordion_header {
	border-top: none;
}

.fs_hq {
	font-weight: bold;
	font-size: 14px;
}

.fm_hq {
	font-weight: bold;
	font-size: 16px;
}

.fl_hq {
	font-weight: bold;
	font-size: 18px;
}

.fll_hq {
	font-weight: bold;
	font-size: 24px;
}

.fsb_hq {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 3px solid #004386;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.fmb_hq {
	font-weight: bold;
	font-size: 16px;
	border-bottom: 3px solid #004386;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.flb_hq {
	font-weight: bold;
	font-size: 18px;
	border-bottom: 3px solid #004386;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.fllb_hq {
	font-weight: bold;
	font-size: 24px;
	border-bottom: 3px solid #004386;
	margin-bottom: 15px;
	padding-bottom: 10px;
	line-height: 1.5;
}

.mtb40_hq {
	margin: 40px 0;
}

.lb_hq {
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.lt_hq {
	border-top: 1px solid #666;
	margin-top: 20px;
	padding-top: 20px;
}

.blue_hq {
	color: #004386;
}

.bold_hq {
	font-weight: bold;
}

.center_hq {
	text-align: center;
}

.btn_m_hq {
	display: block;
	border: 1px solid #004386;
	text-decoration: none;
	color: #004386;
	width: 200px;
	text-align: center;
	padding: 10px;
}

.btn_l_hq {
	display: block;
	border: 1px solid #004386;
	text-decoration: none;
	color: #004386;
	width: 380px;
	text-align: center;
	padding: 10px;
}

.btn_ll_hq {
	display: block;
	border: 1px solid #004386;
	text-decoration: none;
	color: #004386;
	width: 520px;
	text-align: center;
	padding: 10px;
}

.btn_m_blue_hq {
	display: block;
	border: 1px solid #002175;
	text-decoration: none;
	background-color: #004386;
	color: #ffffff;
	width: 200px;
	text-align: center;
	padding: 10px;
}

.btn_l_blue_hq {
	display: block;
	border: 1px solid #002175;
	text-decoration: none;
	background-color: #004386;
	color: #ffffff;
	width: 380px;
	text-align: center;
	padding: 10px;
}

.btn_ll_blue_hq {
	display: block;
	border: 1px solid #002175;
	text-decoration: none;
	background-color: #004386;
	color: #ffffff;
	width: 520px;
	text-align: center;
	padding: 10px;
}

.btn_m_blue_hq a, .btn_l_blue_hq a, .btn_ll_blue_hq a {
	color: #ffffff;
	display: block;
}

@media only screen and (min-width: 0px) and (max-width: 460px) {
	.btn_m_hq,
	.btn_l_hq,
	.btn_ll_hq {
		width: 100%;
	}
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.tbl_c_sp_hq {
		margin: 10px auto;
		float: none !important;
	}
}

.per_hq {

	width: 100% !important;

}

.box_hq {
	border: 1px solid #004386;
	padding: 20px;
}

.box_hq_c {
	border: 1px solid #cccccc;
	padding: 20px;
}

.lsdisc_hq {
	list-style-type: disc;
}

.lsdecimal_hq {
	list-style-type: decimal;
}

.lsnone_hq {
	list-style-type: none;
}

.lssquare_hq {
	list-style-type: square;
}


/* =========================================================
 * オンサイ系 テキストボタン
 * ====================================================== */

.onsign_btn_hq {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
	width: 380px;
}

/* 非アクティブ */
.onsign_btn_hq.off {
	background: #e5e5e5;
	border: 2px solid #ccc;
	color: #000;
	cursor: none;
}

/* アクティブ */
.onsign_btn_hq.on {
	background: #ffd601;
	border: 2px solid #ffef9c;
	color: #004386;
	cursor: pointer;
}

@media only screen and (min-width: 0px) and (max-width: 460px) {
	.onsign_btn_hq {
		width: 100%;
	}
}



/* =========================================================
 * 汎用class
 * ====================================================== */


/* =========================================================
 * margin（間隔）0／padding（余白）0
 * ====================================================== */

.m0_hq {
	margin: 0 !important;
}

.mt0_hq {
	margin-top: 0 !important;
}

.ml0_hq {
	margin-left: 0 !important;
}

.mr0_hq {
	margin-right: 0 !important;
}

.mb0_hq {
	margin-bottom: 0 !important;
}

.p0_hq {
	padding: 0 !important;
}

.pt0_hq {
	padding-top: 0 !important;
}

.pl0_hq {
	padding-left: 0 !important;
}

.pr0_hq {
	padding-right: 0 !important;
}

.pb0_hq {
	padding-bottom: 0 !important;
}

.b0_hq tr,
.b0_hq th,
.b0_hq td {
	border: 0 none !important;
}


/* =========================================================
 * padding（余白）
 * ====================================================== */


.p5_hq {
	padding: 5px !important;
}

.p10_hq {
	padding: 10px !important;
}

.p15_hq {
	padding: 15px !important;
}

.p20_hq {
	padding: 20px !important;
}

.p25_hq {
	padding: 25px !important;
}

.p30_hq {
	padding: 30px !important;
}

.p35_hq {
	padding: 35px !important;
}

.p40_hq {
	padding: 40px !important;
}

.p45_hq {
	padding: 45px !important;
}

.p50_hq {
	padding: 50px !important;
}

.p55_hq {
	padding: 55px !important;
}

.p60_hq {
	padding: 60px !important;
}

.pt5_hq {
	padding-top: 5px !important;
}

.pt10_hq {
	padding-top: 10px !important;
}

.pt15_hq {
	padding-top: 15px !important;
}

.pt20_hq {
	padding-top: 20px !important;
}

.pt25_hq {
	padding-top: 25px !important;
}

.pt30_hq {
	padding-top: 30px !important;
}

.pt35_hq {
	padding-top: 35px !important;
}

.pt40_hq {
	padding-top: 40px !important;
}

.pt45_hq {
	padding-top: 45px !important;
}

.pt50_hq {
	padding-top: 50px !important;
}

.pt55_hq {
	padding-top: 55px !important;
}

.pt60_hq {
	padding-top: 60px !important;
}

.pt70_hq {
	padding-top: 60px !important;
}

.pt80_hq {
	padding-top: 60px !important;
}

.pl5_hq {
	padding-left: 5px !important;
}

.pl10_hq {
	padding-left: 10px !important;
}

.pl15_hq {
	padding-left: 15px !important;
}

.pl20_hq {
	padding-left: 20px !important;
}

.pl25_hq {
	padding-left: 25px !important;
}

.pl30_hq {
	padding-left: 30px !important;
}

.pl35_hq {
	padding-left: 35px !important;
}

.pl40_hq {
	padding-left: 40px !important;
}

.pl45_hq {
	padding-left: 45px !important;
}

.pl50_hq {
	padding-left: 50px !important;
}

.pl55_hq {
	padding-left: 55px !important;
}

.pl60_hq {
	padding-left: 60px !important;
}

.pr5_hq {
	padding-right: 5px !important;
}

.pr10_hq {
	padding-right: 10px !important;
}

.pr15_hq {
	padding-right: 15px !important;
}

.pr20_hq {
	padding-right: 20px !important;
}

.pr25_hq {
	padding-right: 25px !important;
}

.pr30_hq {
	padding-right: 30px !important;
}

.pr35_hq {
	padding-right: 35px !important;
}

.pr40_hq {
	padding-right: 40px !important;
}

.pr45_hq {
	padding-right: 45px !important;
}

.pr50_hq {
	padding-right: 50px !important;
}

.pr55_hq {
	padding-right: 55px !important;
}

.pr60_hq {
	padding-right: 60px !important;
}

.pb5_hq {
	padding-bottom: 5px !important;
}

.pb10_hq {
	padding-bottom: 10px !important;
}

.pb15_hq {
	padding-bottom: 15px !important;
}

.pb20_hq {
	padding-bottom: 20px !important;
}

.pb25_hq {
	padding-bottom: 25px !important;
}

.pb30_hq {
	padding-bottom: 30px !important;
}

.pb35_hq {
	padding-bottom: 35px !important;
}

.pb40_hq {
	padding-bottom: 40px !important;
}

.pb45_hq {
	padding-bottom: 45px !important;
}

.pb50_hq {
	padding-bottom: 50px !important;
}

.pb55_hq {
	padding-bottom: 55px !important;
}

.pb60_hq {
	padding-bottom: 60px !important;
}


/* =========================================================
 * margin（間隔）
 * ====================================================== */

.m5_hq {
	margin: 5px !important;
}

.m10_hq {
	margin: 10px !important;
}

.m15_hq {
	margin: 15px !important;
}

.m20_hq {
	margin: 20px !important;
}

.m25_hq {
	margin: 25px !important;
}

.m30_hq {
	margin: 30px !important;
}

.m35_hq {
	margin: 35px !important;
}

.m40_hq {
	margin: 40px !important;
}

.m45_hq {
	margin: 45px !important;
}

.m50_hq {
	margin: 50px !important;
}

.m55_hq {
	margin: 55px !important;
}

.m60_hq {
	margin: 60px !important;
}

.mt5_hq {
	margin-top: 5px !important;
}

.mt10_hq {
	margin-top: 10px !important;
}

.mt15_hq {
	margin-top: 15px !important;
}

.mt20_hq {
	margin-top: 20px !important;
}

.mt25_hq {
	margin-top: 25px !important;
}

.mt30_hq {
	margin-top: 30px !important;
}

.mt35_hq {
	margin-top: 35px !important;
}

.mt40_hq {
	margin-top: 40px !important;
}

.mt45_hq {
	margin-top: 45px !important;
}

.mt50_hq {
	margin-top: 50px !important;
}

.mt55_hq {
	margin-top: 55px !important;
}

.mt60_hq {
	margin-top: 60px !important;
}

.ml5_hq {
	margin-left: 5px !important;
}

.ml10_hq {
	margin-left: 10px !important;
}

.ml15_hq {
	margin-left: 15px !important;
}

.ml20_hq {
	margin-left: 20px !important;
}

.ml25_hq {
	margin-left: 25px !important;
}

.ml30_hq {
	margin-left: 30px !important;
}

.ml35_hq {
	margin-left: 35px !important;
}

.ml40_hq {
	margin-left: 40px !important;
}

.ml45_hq {
	margin-left: 45px !important;
}

.ml50_hq {
	margin-left: 50px !important;
}

.ml55_hq {
	margin-left: 55px !important;
}

.ml60_hq {
	margin-left: 60px !important;
}

.mr5_hq {
	margin-right: 5px !important;
}

.mr10_hq {
	margin-right: 10px !important;
}

.mr15_hq {
	margin-right: 15px !important;
}

.mr20_hq {
	margin-right: 20px !important;
}

.mr25_hq {
	margin-right: 25px !important;
}

.mr30_hq {
	margin-right: 30px !important;
}

.mr35_hq {
	margin-right: 35px !important;
}

.mr40_hq {
	margin-right: 40px !important;
}

.mr45_hq {
	margin-right: 45px !important;
}

.mr50_hq {
	margin-right: 50px !important;
}

.mr55_hq {
	margin-right: 55px !important;
}

.mr60_hq {
	margin-right: 60px !important;
}

.mb5_hq {
	margin-bottom: 5px !important;
}

.mb10_hq {
	margin-bottom: 10px !important;
}

.mb15_hq {
	margin-bottom: 15px !important;
}

.mb20_hq {
	margin-bottom: 20px !important;
}

.mb25_hq {
	margin-bottom: 25px !important;
}

.mb30_hq {
	margin-bottom: 30px !important;
}

.mb35_hq {
	margin-bottom: 35px !important;
}

.mb40_hq {
	margin-bottom: 40px !important;
}

.mb45_hq {
	margin-bottom: 45px !important;
}

.mb50_hq {
	margin-bottom: 50px !important;
}

.mb55_hq {
	margin-bottom: 55px !important;
}

.mb60_hq {
	margin-bottom: 60px !important;
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
	.mr_clear_mb_hq {
		margin-right: 0 !important;
	}

	.ml_clear_mb_hq {
		margin-left: 0 !important;
	}
	
	.sp_ml-40_hq {
		margin-left:-40px !important;
	}
}

.ml1em_hq {
	margin-left: 1em;
}

.ml2em_hq {
	margin-left: 2em;
}

.ml3em_hq {
	margin-left: 3em;
}

.ml4em_hq {
	margin-left: 4em;
}

.ml5em_hq {
	margin-left: 5em;
}

.ml6em_hq {
	margin-left: 6em;
}

.ml7em_hq {
	margin-left: 7em;
}

.ml8em_hq {
	margin-left: 8em;
}

.ml9em_hq {
	margin-left: 9em;
}

.ml10em_hq {
	margin-left: 10em;
}


/* =========================================================
 * line-height
 * ====================================================== */

.lh120_hq {
	line-height: 1.2em !important;
}

.lh130_hq {
	line-height: 1.3em !important;
}

.lh140_hq {
	line-height: 1.4em !important;
}

.lh150_hq {
	line-height: 1.5em !important;
}

.lh160_hq {
	line-height: 1.6em !important;
}

.lh160_hq {
	line-height: 1.7em !important;
}

.lh180_hq {
	line-height: 1.8em !important;
}


/* =========================================================
 * text align
 * ====================================================== */

.tl_hq {
	text-align: left !important;
}

.tc_hq {
	text-align: center !important;
}

.tr_hq {
	text-align: right !important;
}


/* =========================================================
 * clear
 * ====================================================== */

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.clear {
	clear: both;
}


/* =========================================================
 * indent
 * ====================================================== */

.ind1_hq {
	padding-left: 1em;
	text-indent: -1em;
}

.ind2_hq {
	padding-left: 2em;
	text-indent: -2em;
}

.ind3_hq {
	padding-left: 3em;
	text-indent: -3em;
}

.ind1_1_hq {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

.ind1_2_hq {
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.ind1_3_hq {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

.ind1_4_hq {
	padding-left: 1.4em;
	text-indent: -1.4em;
}

.ind1_5_hq {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.ind1_6_hq {
	padding-left: 1.6em;
	text-indent: -1.6em;
}

.ind1_7_hq {
	padding-left: 1.7em;
	text-indent: -1.7em;
}

.ind1_8_hq {
	padding-left: 1.8em;
	text-indent: -1.8em;
}

.ind2_5_hq {
	padding-left: 2.5em;
	text-indent: -2.5em;
}


/* =========================================================
 * notice_dl_dt_dd
 * ====================================================== */

/* for normal */
.notice_dl_hq dt {
	float: left;
	line-height: 1.5;
}

.notice_dl_hq dd {
	margin-left: 20px;
	line-height: 1.5;
}


/* =========================================================
 * icn pdf
 * ====================================================== */

.icn_pdf {
	width: 15px !important;
}


/* =========================================================
 * アンダーライン3px
 * ====================================================== */

.ul_gray_hq {
	border-bottom: 3px solid #aaa !important;
}


/* =========================================================
 * tel information
 * ====================================================== */

.contact_tel_hq {
	width: 440px;
	margin: 10px 0;
	padding: 15px 30px;
	border: #cfcfcf solid 1px;
}

.contact_tel-head_hq p {
	font-size: 12px;
	margin-bottom: 14px;
}

.contact_tel_inner_hq {
	display: table;
	width: 100%;
}

.contact_tel-num_hq, .contact_tel-hours_hq {
	display: table-cell;
	vertical-align: middle;
}

.contact_tel-num_hq img {
	vertical-align: top;
	margin-top: 8px;
}

.contact_tel-num_hq p {
	display: inline-block;
	margin-left: 5px;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -.1rem;
}

.contact_tel-hours_hq {
	display: table-cell;
	vertical-align: middle;
}

.contact_tel-hours_hq p {
	font-size: 12px;
	text-align: right;
}

.contact_tel-hours_hq {
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
	.contact_tel_hq {
		width: 100%;
		padding: 10px 20px;
	}

	.contact_tel_inner_hq {
		display: block;
	}

	.contact_tel-num_hq,
	.contact_tel-hours_hq {
		display: block;
	}
}

@media only screen and (min-width: 361px) and (max-width: 740px) {
	.contact_tel_hq {
		width: 340px;
	}

	.contact_tel_inner_hq {
		display: block;
	}

	.contact_tel-num_hq,
	.contact_tel-hours_hq {
		display: block;
	}
}

.tabNavigation_contents.grid_cols.grid-8 {
	float: none !important;
}


/* =========================================================
 * 横幅
 * ====================================================== */

.w840_hq {
	max-width: 838px;
	margin: 0 auto;
	padding: 0;
}


/* =========================================================
 * freedial
 * ====================================================== */

.freedial ul {
	margin: 0px;
	padding: 0px;
}

.freedial ul li {
	list-style-type: none;
	margin-left: 20px;
	display: list-item;
}

.freedial .cmn_ol1 {
	margin-left: 0px;
}

.freedial .cmn_ol1 li {
	list-style: decimal !important;
	padding: 0;
}

.freedial .cmn_dl1 dt {
	clear: left;
	float: left;
}

.freedial .ml2em {
	margin-left: 2em;
}


/* =========================================================
 * table
 * ====================================================== */

.scroll-box table {
	width: 100% !important;
}


/* =========================================================
 * icon
 * ====================================================== */

.icon_blue_hq {
	padding: 2px !important;
	color: #fff !important;
	background-color: #004386 !important;
	font-weight: bold !important;
	border-radius: 3px !important;
}

.icon_heather_blue_hq {
	padding: 2px !important;
	color: #fff !important;
	background-color: #46779f !important;
	font-weight: bold !important;
	border-radius: 3px !important;
}

.icon_skay_blue_hq {
	padding: 2px !important;
	background-color: #C0F9F8 !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	display: inline-block;
}

.icon_light_green_hq {
	padding: 2px !important;
	background-color: #cdffe0 !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	color: #003c3b !important;
}

.icon_green_hq {
	padding: 2px !important;
	background-color: #037A0D !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	color: #fff !important;
}

.icon_gray_hq {
	padding: 2px !important;
	background-color: #cfcfcf !important;
	font-weight: bold !important;
	border-radius: 3px !important;
}

.icon_red_hq {
	padding: 2px !important;
	background-color: #b7010d !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	color: #fff !important;
}

.icon_orange_hq {
	padding: 2px !important;
	background-color: #e59534 !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	color: #fff !important;
}

.icon_yellow_hq {
	padding: 2px !important;
	background-color: #BED006 !important;
	font-weight: bold !important;
	border-radius: 3px !important;
}

.icon_purple_hq {
	padding: 2px !important;
	background-color: #7B048B !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	color: #fff !important;
}

.icon_pink_hq {
	padding: 2px !important;
	background-color: #FBC6F9 !important;
	font-weight: bold !important;
	border-radius: 3px !important;
}


/* =========================================================
 * color
 * ====================================================== */

.green_hq {
	color: #218551 !important;
}


/* =========================================================
 * float
 * ====================================================== */

.left_img_hq {
	float: left;
	margin-right: 10px !important;
}

.right_img_hq {
	float: right;
	margin-left: 10px !important;
}

@media only screen and (min-width: 0px) and (max-width: 460px) {
	.left_img_hq {
		float: none;
		margin: 0 auto 10px auto !important;
	}

	.right_img_hq {
		float: none;
		margin: 0 auto 10px auto !important;
	}
}


/* =========================================================
 * table
 * ====================================================== */

table.no_border_hq,
table.no_border_hq th,
table.no_border_hq td {
	border: none !important;
}

.cel_middle_hq {
	vertical-align: middle;
}

.cel_middletable_hq td,
.cel_middletable_hq th {
	vertical-align: middle;
}

.tc_table_hq td,
.tc_table_hq th {
	text-align: center;
}


/* =========================================================
 * evangelist
 * ====================================================== */

.eva_nav_link_hq:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.eva_nav_hq {
	width: 230px;
	height: 90px;
	float: left;
	border-left: 1px solid #dadada;
	padding: 10px;
	line-height: 1.5;
}

.eva_nav_hq:first-child {
	border-left: none;
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
	.eva_nav_hq {
		width: 100%;
		border: 1px solid #dadada !important;
		margin-top: -1px;
	}

	.eva_box_02_hq iframe {
		height: 256px;
	}
}

@media only screen and (min-width: 361px) and (max-width: 768px) {
	.eva_nav_hq {
		border: 1px solid #dadada !important;
		margin-top: -1px;
	}
}

.eva_nav_hq a {
	display: block;
}

.eva_nav_hq .job_title {
	font-size: 12px;
	display: block;
}

.eva_dl_01_hq {
	clear: both;
}

.eva_dl_01_hq dt {
	float: left;
	width: 90px;
}

.eva_dl_01_hq dd {
	border-bottom: 1px dotted #dbdbdb;
	margin-bottom: 8px;
	padding: 0 0 5px 100px;
}

.eva_comment_list_hq {
	clear: both;
}

.eva_comment_list_hq dt {
	float: left;
	width: 90px;
}

.eva_comment_list_hq dd {
	padding: 0 0 5px 100px;
}


/* =========================================================
 * aタグの横幅均等配置
 * ====================================================== */

.tbl_hq {
	display: table;
	text-align: center;
	width: 100%;
}

.tbl_hq a {
	display: table-cell;
}




/* =========================================================
 * tableの高さ揃え
 * ====================================================== */

.tbl_wrapper_hq {
	display: table;
	margin: -20px 0;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 40px;
}

.tbl_col_hq {
	display: table-cell;
	border: 1px solid #000;
	padding: 15px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.tbl_wrapper_hq {
		display: block;
		margin: 0;
	}

	.tbl_col_hq {
		display: block;
		margin: 20px 0;
	}
}


/* =========================================================
 * faq
 * ====================================================== */

.faq dt {
	clear: left;
	float: left;
	line-height: 1.5;
}

.faq dd {
	margin-left: 20px;
	line-height: 1.5;
}

.faq ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.faq .goPageTop {
	margin: 20px 0px;
}

.faq .flb_hq {
	padding-top: 80px;
}

.faq .flb_hq:first-child {
	padding-top: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.faq dl dd img {
		width: 100% !important;
	}

	.faq dl dd img.normal {
		height: auto !important;
		width: auto !important;
	}
}


/* =========================================================
 * FAQ　行頭揃え
 * ====================================================== */
 
.faq_1 dl {
	width: 840px;
	margin: 0 0 20px 0px;
	padding: 0;
	line-height: 1.5em;
}

.faq_1 dt {
	float: left;
	clear: left;
	width: 60px;
	margin: 0;
	padding: 0 0 10px 0;
}

.faq_1 dd.l {
	float: left;
	width: 10px;
	margin: 0;
	padding: 0 0 10px 0;
}

.faq_1 dd.r {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0 0 10px 0;
}

.faq_1 dt:last-child {
	padding: 0 0 40px 0;
}

.faq_1 dd.l:last-child {
	padding: 0 0 40px 0;
}

.faq_1 dd.r:last-child {
	padding: 0 0 40px 0;
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
	.faq_1 dl {
		width: 360px;
	}

	.faq_1 dt {
		float: left;
		clear: left;
		width: 60px;
		padding: 0 0 10px 0;
	}

	.faq_1 dd.l {
		float: left;
		width: 10px;
		padding: 0 0 10px 0;
	}

	.faq_1 dd.r {
		float: left;
		width: 290px;
		margin: 0;
		padding: 0 0 10px 0;
	}

}


/* =========================================================
 * .Phone Direct 表中の画像のwidthが0になる問題の対処
 * ====================================================== */
 
.ip-pbx_hq img {
	width: auto !important;
}


/* =========================================================
 * リスト横並び
 * ====================================================== */

.list_side li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 10px 0px 0px;
}


/* =========================================================
 * Bizストレージ ファイルシェア お見積り
 * ====================================================== */

.quotation_main_table_hq {
	max-width: 730px;
	background-color: #eee;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 none;
}

.quotation_main_table_hq th {
	background-color: #f2f3e3;
	font-weight: bold;
	text-align: left;
	width: 200px;
	border: 1px solid #fff;
	height: 30px;
	padding: 2px 15px;
	vertical-align: middle;
}

.quotation_main_table_hq td {
	border: 1px solid #fff;
	height: 30px;
	padding: 2px 15px;
	border-collapse: collapse;
	margin: 0;
	vertical-align: middle;
}

.i_text_hq {
	width: 90%;
}

.radio_hq {
	margin: 2px;
	padding: 10px;
}

.hinmoku1_hq,
.hinmoku2_hq {
	padding-left: 20px;
}

.hinmoku3_hq {
	padding-left: 14px;
}

.hinmoku4_hq {
	padding-left: 8px;
}

.notice_hq {
	font: 0.8em/150% sans-serif !important;
}

.quotation_sub_table_hq {
	max-width: 730px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 none;
}

.quotation_sub_table_hq td {
	border: 0 solid #fff;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.quotation_sub_table_hq #open_mitsumori {
	background-color: #fff;
	border: 0 none;
	cursor: pointer;
	height: 81px;
	margin: 20px 0 20px 250px;
	text-align: center;
	width: 317px;
}

#mitsumori_wrapper_hq {
	width: 600px;
	margin: 0 auto;
}

#mitsumori_wrapper_hq * {
	font: normal 1em/100% sans-serif;
}

#mitsumori_wrapper_hq h1 {
	font: bold 1.2em/100% sans-serif;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 4px 0 6px 0;
}

.g_title_hq {
	height: 30px;
	border-bottom: solid 1px #ccc;
}

#mitsumori_wrapper_hq #atesaki {
	width: 100%;
	margin: 10px 0 0 0;
	font: bold 1.2em/100% sans-serif;
	padding-bottom: 4px;
	border-bottom: solid 1px #ccc;
}

#mitsumori_wrapper_hq .c_name {
	padding-right: 50px;
	line-height: 1.2em;
}

#mitsumori_wrapper_hq .left {
	width: 300px;
	float: left;
}

#mitsumori_wrapper_hq .right {
	width: 300px;
	float: right;
}

#mitsumori_wrapper_hq #atesaki_text {
	font-size: 0.8em;
	margin: 10px 0 0 0;
	line-height: 1.5em;
}

#mitsumori_wrapper_hq #mitsumori_date {
	font-size: 0.8em;
	text-align: right;
	margin: 10px 0;
}

#mitsumori_wrapper_hq .out_date {
	padding: 0 4px;
}

#mitsumori_wrapper_hq #ntt_address {
	font-size: 0.8em;
	text-align: right;
	line-height: 1.3em;
}

#mitsumori_wrapper_hq .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#mitsumori_wrapper_hq #mitsumori_kingaku_area {
	margin-top: 20px;
}

#mitsumori_wrapper_hq #mitsumori_kingaku_table {
	width: 520px;
	border-collapse: collapse;
	margin-left: 40px;
}

#mitsumori_wrapper_hq #mitsumori_kingaku_table td {
	border: 0 none;
	border-bottom: 1px solid #ccc;
	padding: 2px;
}

#mitsumori_wrapper_hq #mitsumori_kingaku_table .k_t1 {
	width: 120px;
	font: bold 1em/130% sans-serif;
}

#mitsumori_wrapper_hq #mitsumori_kingaku_table .k_t2 {
	text-align: right;
	width: 150px;
	font: bold 1em/100% sans-serif;
}

#mitsumori_wrapper_hq #mitsumori_kingaku_table .k_t3 {
	font: normal 0.8em/100% sans-serif;
}

#mitsumori_wrapper_hq #youken_area {
	font-size: 0.9em;
	width: 530px;
	margin-left: 40px;
}

#mitsumori_wrapper_hq #joken {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

#mitsumori_wrapper_hq #joken td {
	border: 0 none;
	border-bottom: solid 1px #ccc;
	padding: 2px;
	line-height: 1.3em;
	vertical-align: top;
}

#mitsumori_wrapper_hq #detail_area {
	margin-top: 14px;
	background-color: #fff;
}

#mitsumori_wrapper_hq #detail {
	font-size: 0.9em;
	width: 100%;
	border-collapse: collapse;
}

#mitsumori_wrapper_hq #detail th {
	padding: 4px;
	border: solid 1px #ccc;
}

#mitsumori_wrapper_hq #detail td {
	padding: 2px;
	border: solid 1px #ccc;
	height: 20px;
}

#mitsumori_wrapper_hq .d_t1 {
	width: 14px;
}

#mitsumori_wrapper_hq .d_t3 {
	text-align: center;
	width: 30px;
}

#mitsumori_wrapper_hq .d_t4 {
	text-align: center;
	width: 30px;
}

#mitsumori_wrapper_hq .d_t5 {
	text-align: right;
	width: 100px;
}

#mitsumori_wrapper_hq .d_t6 {
	text-align: right;
	width: 100px;
}

#mitsumori_wrapper_hq .notice {
	font: normal 0.8em/150% sans-serif !important;
}

#mitsumori_wrapper_hq .notice_title {
	margin: 4px 0 0 0;
}

#mitsumori_wrapper_hq .list {
	margin: 0;
}

#mitsumori_wrapper_hq .notice ul {
	line-height: 150% !important;
}

#mitsumori_wrapper_hq .notice ul li {
	line-height: 150% !important;
	margin: 10px;
}

#mitsumori_wrapper_hq .list li {
	list-style-type: disc;
	margin: 2px 3px 0 12px;
	line-height: 1.4em;
}

.bst-sh-lp_hq {
	max-width: 730px;
	line-height: 1.25;
	margin: 0 auto;
}

.bst-sh-lp_hq:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.bst-sh-lp_hq .bst-sh-lp-function-item {
	float: left;
	width: 225px;
	margin-top: 15px;
	border: #ccd9e9 solid 4px;
	box-sizing: unset;
}

.bst-sh-lp_hq .bst-sh-lp-function-item-1,
.bst-sh-lp_hq .bst-sh-lp-function-item-4,
.bst-sh-lp_hq .bst-sh-lp-function-item-7 {
	margin-right: 15px;
}

.bst-sh-lp_hq .bst-sh-lp-function-item-2,
.bst-sh-lp_hq .bst-sh-lp-function-item-5,
.bst-sh-lp_hq .bst-sh-lp-function-item-8 {
	margin-right: 16px;
}

.bst-sh-lp_hq .bst-sh-lp-function-subtitle {
	border-bottom: #ccd9e9 solid 1px;
	margin: 0;
	font-size: 12px !important;
}

.bst-sh-lp_hq .bst-sh-lp-function-subtitle img {
	vertical-align: bottom;
}

.bst-sh-lp_hq .bst-sh-lp-function-item-1 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-2 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-5 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-6 .bst-sh-lp-function-subtitle {
	padding: 20px 12px 19px 12px;
}

.bst-sh-lp_hq .bst-sh-lp-function-item-3 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-4 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-7 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-8 .bst-sh-lp-function-subtitle,
.bst-sh-lp_hq .bst-sh-lp-function-item-9 .bst-sh-lp-function-subtitle {
	padding: 12px 12px 11px 12px;
}

.bst-sh-lp_hq .bst-sh-lp-function-text {
	margin: 0 12px 12px 12px;
}

.bst-sh-lp-reason_hq {
	max-width: 730px;
	line-height: 1.25;
	margin: 0 auto;
}

.bst-sh-lp-reason_hq:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.bst-sh-lp-reason_hq .clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-item {
	margin-top: 15px;
	border: #ccd9e9 solid 4px;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-item-1 {
	float: left;
	width: 349px;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-item-2 {
	float: right;
	width: 349px;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-subtitle {
	padding: 12px;
	border-bottom: #ccd9e9 solid 1px;
	margin: 0;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-icon {
	float: left;
	margin: 12px;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-text {
	line-height: 1.4;
	margin: 12px;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-customer {
	float: left;
	width: 216px;
	padding: 12px;
	text-align: center;
	box-sizing: unset;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-customer-1,
.bst-sh-lp-reason_hq .bst-sh-lp-reason-customer-2 {
	border-right: #ccd9e9 solid 1px;

}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-customer-name {
	padding: 10px 0 12px 0;
	background: transparent url("/content/dam/nttcom/hq/jp/business/services/application/online-storage/bst-sh/img/lp-reason-balloon.png") bottom center no-repeat scroll;
}

.bst-sh-lp-reason_hq .bst-sh-lp-reason-customer-text {
	padding: 8px;
	background-color: #000000;
	color: #ffffff;
}

.bst-sh-lp-price_hq {
	max-width: 730px;
	margin: 0 auto;
}

.bst-sh-lp-price_hq .clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-subtitle {
	margin: 30px 0;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-table {
	float: left;
	width: 590px;
	font-size: 16px;
	text-align: center;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-table,
.bst-sh-lp-price_hq .bst-sh-lp-price-table th,
.bst-sh-lp-price_hq .bst-sh-lp-price-table td {
	border: #cccccc solid 1px;
	text-align: center;
	vertical-align: middle;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-table th,
.bst-sh-lp-price_hq .bst-sh-lp-price-table td {
	padding: 10px;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-table th {
	width: 33%;
	background-color: #004386;
	color: #ffffff;
	font-weight: bold;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-pickup td {
	padding: 0;
	color: #004386;
	font-weight: bold;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-pickup td span {
	display: block;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-pickup td {
	border-color: #a3b1be;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-pickup-1 span {
	padding: 7px 10px 7px 7px;
	border-top: #ccd9e9 solid 3px;
	border-bottom: #ccd9e9 solid 3px;
	border-left: #ccd9e9 solid 3px;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-pickup-2 span {
	padding: 7px 10px;
	border-top: #ccd9e9 solid 3px;
	border-bottom: #ccd9e9 solid 3px;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-pickup-3 span {
	padding: 7px 7px 7px 10px;
	border-top: #ccd9e9 solid 3px;
	border-bottom: #ccd9e9 solid 3px;
	border-right: #ccd9e9 solid 3px;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-shadow-top td {
	background: transparent url("/content/dam/nttcom/hq/jp/business/services/application/online-storage/bst-sh/img/lp-price-shadow.png") top left repeat-x scroll;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-balloon {
	float: right;
	margin-top: 30px;
}

.bst-sh-lp-price_hq .bst-sh-lp-price-note {
	list-style-type: none;
	margin-top: 10px;
}

.bst-sh-lp-ad_hq {

}

.bst-sh-lp-ad_hq .bst-sh-contact-button {
	vertical-align: middle;
	margin-top: 20px;
	padding: 20px 14px 15px 14px;
	border: #d9d9d9 solid 1px;
	background-color: #f2f2f2;
	font-size: 14px;
	text-align: center;
}

.bst-sh-lp-ad_hq .bst-sh-index-button,
.bst-sh-lp-ad_hq .bst-sh-lp-button {
	vertical-align: middle;
	margin-top: 20px;
	padding: 19px;
	border: #d9d9d9 solid 1px;
	background-color: #f2f2f2;
}

.bst-sh-lp-ad_hq .bst-sh-index-button-apply,
.bst-sh-lp-ad_hq .bst-sh-lp-button-trial {
	margin-bottom: 15px;
}

.bst-sh-lp-ad_hq .bst-sh-index-button-trial,
.bst-sh-lp-ad_hq .bst-sh-lp-button-apply {
	float: left;
}

.bst-sh-lp-ad_hq .bst-sh-index-button-contact,
.bst-sh-lp-ad_hq .bst-sh-lp-button-contact {
	float: right;
}

.bst-sh-lp-ad_hq .bst-sh-contact-button-contact {
	margin-top: 10px;
}

.bst-sh-lp-ad_hq .bst-sh-contact-button-contact img {
	vertical-align: middle;
	padding-right: 10px;
}

.bst-sh-lp-ad_hq .bst-sh-contact-tel {
	border: #d9d9d9 solid 1px;
	border-top: none;
}

.bst-sh-lp-ad_hq .bst-sh-contact-tel-title {
	float: left;
	padding: 18px;
}

.bst-sh-lp-ad_hq .bst-sh-contact-tel-number {
	float: left;
	padding: 10px 12px 10px 18px;
	border-left: #d9d9d9 solid 1px;
}

.bst-sh-lp-ad_hq .bst-sh-contact-tel-time {
	float: left;
	line-height: 2;
	margin-top: 12px;
	font-size: 12px;
}


/* =========================================================
 * PBX 利用シーン
 * ====================================================== */

#scene_hq {
	max-width: 800px;
	margin: 0 auto;
}

#scene_hq ul li {
	background: none repeat scroll 0 0 #EEEEEE;
	margin-right: 10px;
	margin-top: 20px;
	padding: 12px 0px 52px;
	position: relative;
	width: 233px;
	float: left;
	list-style: none;
}

#scene_hq h3 {
	margin: 0;
}

#scene_hq h3 .ico {
	margin-bottom: 5px;
}

#scene_hq .btn {
	bottom: 22px;
	color: #09266B;
	position: absolute;
	right: 17px;
}

#scene_hq .btn {
	bottom: 22px;
	color: #09266B;
	position: absolute;
	right: 17px;
}

#scene_hq .ml15 {
	margin-left: 15px;
}

#scene_hq .ml3 {
	margin-left: 3px;
}

#scene_hq .mb5 {
	margin-bottom: 5px;
}


/* =========================================================
 * 050plus 利用シーン
 * ====================================================== */

.plusbiz_hq {
	width: auto;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.plusbiz_hq .scene .boxleft {
	padding: 2px;
	color: #fff;
	background-color: #004386;
	font-weight: bold;
	border-radius: 0px;
	display: inline-block;
}

.plusbiz_hq .scene .boxright {
	font-weight: bold;
	display: inline-block;
}

.plusbiz_hq .before {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.plusbiz_hq .before .title {
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.plusbiz_hq .before .title .boxleft {
	width: 70px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	padding: 20px 5px;
	color: #ffffff;
	background-color: #666666;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

.plusbiz_hq .before .boxright {
	font-weight: bold;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.plusbiz_hq .before .picture {
	float: left;
	margin: 0 5px;
}

.plusbiz_hq .before .detail {
	width: 44%;
	float: left;
	margin: 0 5px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.plusbiz_hq .before .detail {
		width: 96%;
		display: inline-block;
		margin-top: 10px;
		vertical-align: top;
	}
}

.plusbiz_hq .before .detail .box1 {
	width: 100%;
	min-height: 78px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

.plusbiz_hq .before .detail .box1 .label {
	width: 100%;
	background: #435a6e;
	color: #fff;
	margin: 0px;
	padding: 5px 0px;
	font-weight: bold;
}

.plusbiz_hq .before .detail .box1 p {
	width: auto;
	margin: 0px;
	padding: 2px 0px;
}

.plusbiz_hq .before .detail .box2 {
	width: 100%;
	height: 80px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

.plusbiz_hq .before .detail .box2 .label {
	width: 100%;
	background: #435a6e;
	color: #fff;
	margin: 0px;
	padding: 5px 0px;
	font-weight: bold;
}

.plusbiz_hq .before .detail .box2 p {

	width: auto;
	margin: 0px;
	padding: 2px 0px;
}

.plusbiz_hq .after {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.plusbiz_hq .after .title {
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.plusbiz_hq .after .title .boxleft {
	width: 70px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	padding: 20px 5px;
	color: #ffffff;
	background-color: #0e357f;
	display: inline-block;

	vertical-align: middle;
	font-weight: bold;
}

.plusbiz_hq .after .boxright {
	font-weight: bold;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.plusbiz_hq .after .picture {
	float: left;
	margin: 0 5px;
}

.plusbiz_hq .after .detail {
	width: 44%;
	float: left;
	margin: 0 5px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.plusbiz_hq .after .detail {
		width: 96%;
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: top;
	}
}

.plusbiz_hq .after .detail .box1 {
	width: 100%;
	height: 78px;
	border: 1px solid #325da3;;
	text-align: center;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

.plusbiz_hq .after .detail .box1 .label {
	width: 100%;
	background: #2d519b;
	color: #ffffa2;
	margin: 0px;
	padding: 5px 0px;
	font-weight: bold;
}

.plusbiz_hq .after .detail .box1 p {
	width: auto;
	margin: 0px;
	padding: 2px 0px;
	color: #0e357f;
}

.plusbiz_hq .after .detail .box2 {
	width: 100%;
	height: 80px;
	border: 1px solid #325da3;;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.plusbiz_hq .after .detail .box2 .label {
	width: 100%;
	background: #2d519b;
	color: #ffffa2;
	margin: 0px;
	padding: 5px 0px;
	font-weight: bold;
}

.plusbiz_hq .after .detail .box2 p {
	width: auto;
	margin: 0px;
	padding: 2px 0px;
	color: #0e357f;
}


/* =========================================================
 * 050ご注意事項
 * ====================================================== */

.bd050attention {
}

.bd050attention ul {
	margin: 0px;
	padding: 0px;
}

.bd050attention ul li {
	list-style-type: none;
	margin-left: 20px;
	display: list-item;
}

.bd050attention .cmn_ol1 {
	margin-left: 0px;
}

.bd050attention .ul_050bd01 li {
	list-style: disc !important;
	padding: 0;
}

.bd050attention .cmn_ol1 li {
	list-style: decimal !important;
	padding: 0;
}

.bd050attention .cmn_dl1 dl {
	margin-bottom: 10px;
}

.bd050attention .cmn_dl1 dt {
	clear: left;
	float: left;
}

.bd050attention .ml2em {
	margin-left: 2em;
}

.bd050attention .ml3em {
	margin-left: 3em;
}


/* =========================================================
 * 050plus 利用シーン
 * ====================================================== */

.biz050news_hq dt {
	line-height: 180%;
}

.biz050news_hq dd {
	margin-bottom: 20px;
	line-height: 180%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}


/* =========================================================
 * 050plus 海外での活用
 * ====================================================== */

.service_kaigai_050 {
	width: 100%;
	height: auto;
	display: table;
	margin: 0px auto 40px auto;
}

.service_kaigai_050 ul {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

.service_kaigai_050 ul li {
	width: 48%;
	height: auto;
	float: left;
	vertical-align: top;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.service_kaigai_050 ul li {
		width: 100%;
	}
}

.service_kaigai_050 ul li:last-child {
	margin-left: 25px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.service_kaigai_050 ul li:last-child {
		margin-left: 0px;
	}
}

.service_kaigai_050 ul li .city {
	text-align: center;
	background: #005080;
	color: #fff;
	padding: 10px 13px;

}

.service_kaigai_050 ul li .point {
	text-align: center;
	margin: 0px 0px 20px 0px;
}

.service_kaigai_050 ul li .picture {
	width: 210px;
	height: 280px;
	margin: 0px auto;
	float: left;
}

.service_kaigai_050 ul li img {
	width: auto;
	height: auto;
	float: left;
	vertical-align: top;
	margin: 0px auto;
	padding: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.service_kaigai_050 ul li .picture {
		width: 100%;
		text-align: center;
	}

	.service_kaigai_050 ul li img {
		float: none;
	}
}

.service_kaigai_050 ul li p {
	padding: 0 12px;
}

.service_kaigai_050 ul li .text {
	margin: 0px auto;
	width: 64%;
	float: right;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.service_kaigai_050 ul li .text {
		width: 100%;
	}
}

.service_kaigai_050_pdf {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #c5c5c5;
	text-align: center;
	padding: 20px;
}

.service_kaigai_050_pdf a {
	display: block;
}

.wifi_world_map {
	background: url() no-repeat left;
	position: relative;
	cursor: pointer;
	width: 730px;
	height: 327px;
}

.wifi_world_map {
	background: url(/content/dam/nttcom/hq/jp/business/services/mobile/discount-byod/050plusbiz/service_kaigai/img/fig_service_kaigai_map.jpg) no-repeat left;
	position: relative;
	cursor: pointer;
	width: 730px;
	height: 327px;
}

.wifi_world_map .map_point {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background: url(/content/dam/nttcom/hq/jp/business/services/mobile/discount-byod/050plusbiz/service_kaigai/img/icon_map_point.png) no-repeat center;
}

.wifi_world_map .map_point:hover,
.wifi_world_map .map_point.active {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background: url(/content/dam/nttcom/hq/jp/business/services/mobile/discount-byod/050plusbiz/service_kaigai/img/icon_map_point_on.png) no-repeat center;
	z-index: 10;
}

.wifi_world_map .map_basic_point,
.wifi_world_map .map_basic_point.tokyo:hover {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background: url(/content/dam/nttcom/hq/jp/business/services/mobile/discount-byod/050plusbiz/service_kaigai/img/icon_map_point_basic.png) no-repeat center;
	z-index: 10;
}

.wifi_world_map .map_basic_point.tokyo {
	left: 333px;
	top: 126px;
}

.wifi_world_map .map_point.vancouver {
	left: 527px;
	top: 91px;
}

.wifi_world_map .map_point.taipei {
	left: 294px;
	top: 149px;
}

.wifi_world_map .map_point.singapore {
	left: 263px;
	top: 194px;
}

.wifi_world_map .map_point.shanghai {
	left: 295px;
	top: 134px;
}

.wifi_world_map .map_point.seoul {
	left: 307px;
	top: 123px;
}

.wifi_world_map .map_point.saopaulo {
	left: 673px;
	top: 239px;
}

.wifi_world_map .map_point.newyork {
	left: 626px;
	top: 110px;
}

.wifi_world_map .map_point.mexicocity {
	left: 570px;
	top: 153px;
}

.wifi_world_map .map_point.melbourne {
	left: 336px;
	top: 269px;
}

.wifi_world_map .map_point.manila {
	left: 294px;
	top: 167px;
}

.wifi_world_map .map_point.losangeles {
	left: 534px;
	top: 129px;
}

.wifi_world_map .map_point.london {
	left: 50px;
	top: 84px;
}

.wifi_world_map .map_point.kualalumpur {
	left: 254px;
	top: 185px;
}

.wifi_world_map .map_point.jakarta {
	left: 266px;
	top: 205px;
}

.wifi_world_map .map_point.hongkong {
	left: 281px;
	top: 145px;
}

.wifi_world_map .map_point.dubai {
	left: 165px;
	top: 149px;
}

.wifi_world_map .map_point.delhi {
	left: 205px;
	top: 134px;
}

.wifi_world_map .map_point.chicago {
	left: 603px;
	top: 103px;
}

.wifi_world_map .map_point.beijing {
	left: 278px;
	top: 113px;
}

.wifi_world_map .map_point.bangkok {
	left: 255px;
	top: 169px;
}

.wifi_world_map .map_balloon {
	position: absolute;
	display: block;
	z-index: 20;
	cursor: pointer;
}

.wifi_world_map .map_basic_balloon {
	position: absolute;
	display: block;
	z-index: 20;
}

.wifi_world_map .map_basic_balloon.tokyo {
	left: 350px;
	top: 114px;
}

.wifi_world_map .map_balloon.vancouver {
	left: 471px;
	top: 18px;
}

.wifi_world_map .map_balloon.taipei {
	left: 255px;
	top: 78px;
}

.wifi_world_map .map_balloon.singapore {
	left: 207px;
	top: 122px;
}

.wifi_world_map .map_balloon.shanghai {
	left: 256px;
	top: 61px;
}

.wifi_world_map .map_balloon.seoul {
	left: 269px;
	top: 50px;
}

.wifi_world_map .map_balloon.saopaulo {
	left: 598px;
	top: 167px;
}

.wifi_world_map .map_balloon.newyork {
	left: 570px;
	top: 38px;
}

.wifi_world_map .map_balloon.mexicocity {
	left: 510px;
	top: 81px;
}

.wifi_world_map .map_balloon.melbourne {
	left: 292px;
	top: 197px;
}

.wifi_world_map .map_balloon.manila {
	left: 256px;
	top: 94px;
}

.wifi_world_map .map_balloon.losangeles {
	left: 478px;
	top: 57px;
}

.wifi_world_map .map_balloon.london {
	left: 12px;
	top: 12px;
}

.wifi_world_map .map_balloon.kualalumpur {
	left: 185px;
	top: 113px;
}

.wifi_world_map .map_balloon.jakarta {
	left: 222px;
	top: 132px;
}

.wifi_world_map .map_balloon.hongkong {
	left: 242px;
	top: 72px;
}

.wifi_world_map .map_balloon.dubai {
	left: 127px;
	top: 76px;
}

.wifi_world_map .map_balloon.delhi {
	left: 167px;
	top: 62px;
}

.wifi_world_map .map_balloon.chicago {
	left: 564px;
	top: 30px;
}

.wifi_world_map .map_balloon.beijing {
	left: 240px;
	top: 41px;
}

.wifi_world_map .map_balloon.bangkok {
	left: 217px;
	top: 97px;
}

.guidance050 .num {
	width: 5%;
}

.guidance050 tr:nth-child(even) {
	background-color: #dce6f0;
}



/* =========================================================
 * 050bd
 * ====================================================== */

.bdcharge {
	width: 100%;
}

.bdcharge .left {
	width: 47%;
	float: left;
}

.bdcharge .right {
	width: 47%;
	float: right;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.bdcharge .left {
		width: 100%;
	}

	.bdcharge .right {
		width: 100%;
	}
}

.bdcharge table {
	background: #ffffff;
}

.bdcharge td {
	vertical-align: middle;
}

.bdcharge th {
	vertical-align: middle;
}

.case_l {
	width: 220px;
	height: auto;
	padding-right: 20px;
	float: left;
}

.case_r {
	width: 220px;
	height: auto;
	padding-left: 20px;
	float: right;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.case_l {
		width: 100%;
		margin-bottom: 20px;
		padding: 0px;
		text-align: center;
	}

	.case_l p {
		text-align: left;
	}

	.case_r {
		width: 100%;
		margin-bottom: 20px;
		padding: 0px;
		text-align: center;
	}

	.case_r p {
		text-align: left;
	}

	.bd050notice dt {
		clear: left;
		float: left;
	}

	.bd050notice .ml7e {
		margin-left: 7em;
	}
}


/* =========================================================
 * Bizストレージ
 * ====================================================== */

.bst_top {
	max-width: 870px;
	margin: 0 auto;
}

.biz_e_folder,
.biz_file_share {
	position: relative;
	width: 48.2758%;
	height: 0;
	padding-top: 84.2528%;
}

.biz_e_folder {
	float: left;
	margin-right: 3.4482%;
}

.biz_file_share {
	float: right;
}

.biz_e_folder .base,
.biz_file_share .base {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
}

.biz_e_folder .button01,
.biz_file_share .button01 {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 143.5714%;
	margin-left: 3.5714%;
	z-index: 2;
	width: 44.5238%;
	height: auto;
}

.biz_e_folder .button02,
.biz_file_share .button02 {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 143.5714%;
	margin-left: 51.9047%;
	z-index: 2;
	width: 44.5238%;
	height: auto;
}

.biz_e_folder .link_text {
	position: absolute;
	bottom: 1.0952%;
	left: 8.3333%;
	z-index: 2;
	font-size: 14px;
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
	.biz_e_folder,
	.biz_file_share {
		float: none;
		width: 100%;
		padding-top: 174.375%;
	}

	.biz_e_folder {
		padding-bottom: 20px;
		margin-right: 0;
	}

	.biz_e_folder .link_text {
		bottom: 4.5952%;
		left: 3.5714%;
		font-size: 10px;
	}
}

/*Adobe Reader*/
.adobereader_link,
.other_link {
	margin: 0 auto !important;
	border: solid 1px #ccc;
	padding: 5px;
	max-width: 840px;
}

.adobereader_link table,
.other_link table {
	margin-bottom: 0;
}

.adobereader_link table,
.adobereader_link table th,
.adobereader_link table td,
.other_link table,
.other_link table th,
.other_link table td {
	border: none;
	background-color: #fff;
}

.adobereader_link table th,
.adobereader_link table td,
.other_link table th,
.other_link table td {
	border: none;
	padding: 5px !important;
	vertical-align: middle !important;
}

.adobereader_link table th,
.other_link table th {
	text-align: center !important;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.adobereader_link table th,
	.adobereader_link table td,
	.other_link table th,
	.other_link table td {
		display: block;
	}

	.adobereader_link table th img {
		height: auto;
		width: auto;
	}
}

img.normal {
	height: auto !important;
	width: auto !important;
}

img.sp_img {
	height: 100% !important;
	width: 100% !important;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	img.img_tab_only {
		height: 100% !important;
		width: 100% !important;
	}
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
	img.img_sp_only {
		height: 100% !important;
		width: 100% !important;
	}

	.sp_width100_hq {
		width: 100% !important;
	}
	
	.sp_width_auto_hq {
		width:auto !important;
	}
}


/* =========================================================
 * 050voip_sdk
 * ====================================================== */

.sdk_before {
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 5px;
	background-color: #f1f1f1;
	max-width: 704px;
}

.sdk_before table {
	margin-bottom: 0;
}

.sdk_before table,
.sdk_before table th,
.sdk_before table td {
	background-color: #f1f1f1;
	border: none;
	padding: 5px !important;
}

.sdk_before table th.tc,
.sdk_before table td.tc {
	text-align: left;
}

.sdk_before table td {
	border: none;
	padding: 0;
	vertical-align: middle;
}

.sdk_before table th img,
.sdk_before table td img {
	height: auto;
	width: auto;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.sdk_before table th,
	.sdk_before table td {
		display: block;
	}

	.sdk_before table th.tc,
	.sdk_before table td.tc {
		text-align: center;
	}
}

@media only screen and (min-width: 0px) and (max-width: 744px) {
	.sdk_before table th img,
	.sdk_before table td img {
		height: 100% !important;
		width: 100% !important;
	}
}

.sdk_before dl dd {
	text-align: center;
	width: 220px;
}

.sdk_before dl dd ul {
	list-style: none;
	padding: 0;
}

.sdk_before dl dd ul li {
	background-color: #fff;
	height: 78px;
	margin-bottom: 10px;
}

.sdk_before dl dd ul li .ttl {
	font-size: 13px;
	font-weight: bold;
}

.sdk_before dl dd ul li .txt {
	font-size: 13px;
	font-weight: bold;
	padding-top: 11px;
}

.sdk_before dl.before dt {
	float: left;
	margin-right: 12px;
}

.sdk_before dl.before dd {
	float: left;
}

.sdk_before dl.before dd ul li {
	border: 1px solid #ccc;
}

.sdk_before dl.before dd ul li .ttl {
	background-color: #435a6e;
	color: #fff;
}

.sdk_before dl.before dd ul li .txt {
	color: #333;
}

.sdk_before dl.after dt {
	float: right;
	margin-left: 12px;
}

.sdk_before dl.after dd {
	float: right;
}

.sdk_before dl.after dd ul li {
	border: 1px solid #325da3;
}

.sdk_before dl dd ul li .ttl {
	background-color: #2d519b;
	color: #ffffa2;
}

.sdk_before dl dd ul li .txt {
	color: #0e357f;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.sdk_before dl dt {
		margin: 0 !important;
	}

	.sdk_before dl dd {
		width: 100%;
	}
}


/* =========================================================
 * ドットフォンダイレクト
 * ====================================================== */

.ipdirect_list {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.ipdirect_list li {
	margin: 0px;
	padding: 0px;
	width: 33%;
	float: left;
	list-style-type: none;
}

.ipdirect_list2 li {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	list-style-type: disc;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.ipdirect_list li {
		width: 100%;
	}
}


/* =========================================================
 * 050 VoIP SDK 特長／メリット
 * ====================================================== */

.box_050voipsdk_hq {
	background: rgba(0, 0, 0, 0) linear-gradient(45deg, #f2f2f2 0%, #f2f2f2 40%, #ffffff 100%) repeat scroll 0 0;
	border: 1px solid #dbdbdb;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 15px;
}


/* =========================================================
 * 0035ビジネスモード(0035bm)
 * ====================================================== */

.bm_step ul {
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}

.bm_step li {
	width: 175px;
	display: inline-block;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	vertical-align: top;
}

.bm_step {
	margin-left: 0px;
	padding-left: 0px;
}

.bm_step dl {
	width: 100%;
}

.bm_step dt {
	height: 22px;
	vertical-align: top;
}

.bm_step .textarea {
	height: 80px;
	vertical-align: top;
}

.bm_step .picture {
	text-align: center;
}

.bm_stepdl {
	margin-left: 0px;
	padding-left: 0px;
}

.bm_stepdl ul {
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}

.bm_stepdl li {
	width: 166px;
	display: inline-block;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	vertical-align: top;
}

.bm_stepdl dl {
	width: 100%;
}

.bm_stepdl dt {
	height: auto;
	vertical-align: top;
}

.bm_stepdl img {
	text-align: center;
}

.bm_stepdl .textarea {
	height: auto;
	vertical-align: top;
}

.bm_step_arrow {
	width: 22px !important;;
	height: 100%;
	vertical-align: top;
}

.bm_step_arrow img {
	margin-top: 100px;
}


/* =========================================================
 * 国際電話0033(0033biz)
 * ====================================================== */

.biz0033offer tr:nth-child(even) {
}

.biz0033offer tr:nth-child(odd) {
}

.biz0033offer td {
	vertical-align: middle;
}

.biz0033offer .bg02 {
	background-color: #eae6ff;
}

.table_0033biz01 .bg02 {
	background-color: #eae6ff;
}

.table_0033biz01 td {
	vertical-align: middle;
}


/* =========================================================
 * Salesforce over VPN(soas)
 * ====================================================== */

.soas_flow_hq {
	text-align: center;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.soas_flow_hq .box {
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 1.5;
}

.soas_flow_hq .customer {
	background: url(/content/dam/nttcom/hq/jp/business/services/application/crm-dm/soas/img/customer.gif) no-repeat 10px 10px;
	background-size: 55px 19px;
	padding-top: 35px;
}

.soas_flow_hq .arrow {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* =========================================================
 * BizFAX スマート(bizfax_sc)
 * ====================================================== */

.bizfax_sc_funcAncList {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}

.bizfax_sc_funcAncList td {
	width: 25%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.bizfax_sc_funcAncList tr {
		display: block;
	}

	.bizfax_sc_funcAncList td {
		width: 90%;
		display: block;
	}

	.bizfax_sc_funcAncList td.blank {
		display: none;
	}
}

.orig_recommend_column_hq {
	max-width: 730px;
	background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommendbox_bottom.gif) no-repeat bottom left;
	padding-bottom: 40px;
	margin: 40px auto 30px;
}

.orig_recommend_outline_hq {
	background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommendbox_top.gif) no-repeat;
	padding-top: 60px;
	padding-bottom: 0 !important;
}

.orig_recommend_inner_hq {
	background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommendbox_center.gif) repeat-y;
	padding: 0 30px;
	padding-bottom: 15px !important;
	min-height: 1px;
}

.orig_recommend_column_hq .txtBox {
	max-width: 500px;
	float: right;
	padding-bottom: 0 !important;
}

.orig_recommend_column_hq .txtBox h4 {
	font-weight: bold;
	border-bottom: 1px solid #84d4f1;
	margin-bottom: 5px;
}

.cmn_head2_hq {
	text-indent: -9999em;
	width: 234px;
	height: 22px;
	background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommend_title.gif) no-repeat;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.orig_recommend_column_hq {
		background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommendbox_bottom.gif) no-repeat bottom left;
		background-size:100% auto;
		padding-bottom:10px;
	}
	
	.orig_recommend_outline_hq {
		background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommendbox_top.gif) no-repeat;
		background-size:100% auto;
		padding-top:20px;
	}
	
	.orig_recommend_inner_hq {
		background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/fax/bizfax_sc/user/img/soufujyo_recommendbox_center.gif) repeat-y;
		background-size:100% auto;
	}
}



/* =========================================================
 * セールスパートナーコラボレーション(spc)
 * ====================================================== */

.spc_icon {
	overflow: hidden;
	margin-top: -10px;
	margin-left: -10px;
	max-width: 840px;
	margin: 0 auto;
}

.spc_icon li {
	width: 173px;
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #d8dadc;
	font-size: 75%;
	list-style-type: none;
}

.spc_icon li a {
	position: relative;
	display: block;
	height: 60px;
	padding: 6px;
	background-color: #f3f9ff;
	cursor: pointer;
}

.spc_icon li .icon {
	float: left;
	width: 48px;
	margin-right: 12px;
}

.spc_icon li .cont {
	font-weight: bold;
}

.spc_icon .clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.spc_column {
	color: #004386;
	font-size: 18px !important;
	font-weight: bold;
}

.spc_column_recommend {
	font-size: 18px !important;
	font-weight: bold;
}

.spc_column_recommend a {
	color: #CC0000;
}

.spc_search {
	max-width: 840px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.spc_search .form {
	padding: 5px 14px;
	background-color: #b5c8ff;
}

.spc_search .form dt {
	display: inline-block;
	margin-right: 30px;
	font-size: 88%;
	font-weight: bold;
	*display: inline;
	*zoom: 1;
}

.spc_search .form dd {
	display: inline-block;
	height: 32px;
	background-color: #fff;
	*display: inline;
	*zoom: 1;
}

.spc_search .label {
	display: none;
}

.spc_search .form dd input {
	border: none;
	padding: 0;
	vertical-align: middle;
}

.spc_search .form dd .input {
	margin: 0;
	padding: 2px 16px 0;
	line-height: 1;
}

.spc_search .form dd .input input {
	height: 14px;
	margin: 0;
	font-size: 88%;
}

.spc_search .form dd .input input.blur {
	color: #c5c5c5;
}

.spc_search .tag {
	margin: 0;
	padding: 0.5em 14px;
	background-color: #ececec;
}

.spc_search .tag li {
	display: inline-block;
	margin-right: 10px;
	font-size: 75%;
	*display: inline;
	*zoom: 1;
}


/* =========================================================
 * Vポータルダイレクト(v-portaldirect)
 * ====================================================== */

.portal_table table {
	width: 840px !important;
}

.portal_table th, .portal_table td {
	text-align: center !important;
	vertical-align: middle !important;
}

.portal_table .cell_1 {
	text-align: left !important;;
	background-color: #09266A !important;
	font-weight: bold;
	color: #fff !important;
}

.portal_table .cell_2 {
	text-align: left !important;;
	background-color: #335CAD !important;
	color: #fff !important;
}

.portal_table .cell_3 {
	text-align: left !important;;
	background-color: #EC7612 !important;
}

.portal_table .bg_yellow {
	background-color: #FFFFCC !important;
}

.portal_table .bg_pale {
	background-color: #EAEFFF !important;
}


/* =========================================================
 * ナビダイヤル(navidial)
 * ====================================================== */

.navidial_dataTable th {
	text-align: center;
	vertical-align: middle;
}

.navidial_dataTable td {
	text-align: center;
	vertical-align: middle;
}

.navidial_dataTable02 th {
	vertical-align: middle;
}

.navidial_dataTable02 td {
	vertical-align: middle;
}


/* =========================================================
 * m2m
 * ====================================================== */

@media screen and (max-width: 768px) {
	/* for SP */
	.rotate90 {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.pt0_hq_sp {
		padding-top: 0 !important;
	}
}


/* =========================================================
 * partners_list
 * ====================================================== */

ul.partners_list {
	margin: 0 !important;
	padding: 0 !important;
}

ul.partners_list li {
	float: left !important;
	margin: 0 !important;
	padding: 0 0 20px 0 !important;
	width: 50% !important;
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
	ul.partners_list li {
		float: none !important;
		width: auto !important;
	}
}

.organization td {
	text-align: left;
	border: none;
	padding: 0 !important;
}


/* =========================================================
 * .casestudies 
 * ====================================================== */

.case_youtube {
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

.case_youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.casestudies .name {
	font-weight: bold;
}


/* =========================================================
 * メイン登録
 * ====================================================== */

.forward_hq {
	width: 100%;
}

.forward_hq td {
	padding: 5px;
	border: none;
	width: 280px;
}

.right_obj_hq {
	float: right;
	width: 150px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.forward_hq tr {
		display: block;
	}

	.forward_hq td {
		width: auto;
		display: block;
	}

	.right_obj_hq {
		float: none;
		margin-bottom: 10px;
		width: auto;
		text-align: center;
	}
}

.domain_img_list_hq {
	text-align: center;
}

.domain_img_list_hq .domain_img_list_child_hq {
	display: inline-block;
	width: 161px;
}

.forward_hp_hq {
	width: 552px;
	margin: 20px auto;
}

.forward_hp_hq td {
	width: 125px;
	border: none;
	vertical-align: top;
	padding-top: 0;
}

.forward_hp_bg_hq {
	background: url(/content/dam/nttcom/hq/jp/business/services/application/hp-domain/nttdomain/img/for_bgs.jpg) no-repeat;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding-left: 5px;
}

.blue_back_ttl_hq {
	background: #2B5D92;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.forward_hp_hq {
		width: 100%;
	}

	.forward_hp_hq tr {
		display: block;
	}

	.forward_hp_hq td {
		width: auto;
		display: block;
	}

	.forPC {
		display: none;
	}

	.forward_allow_hq {
		width: auto;
		margin: 10px auto;
	}

	.forward_allow_hq img {
		display: inline-block;
		-webkit-transform: rotate(90deg);
	}

	.afterWindow {
		margin: 10px auto;
	}
}

table.table-dns-change_hq td.p0 {
	padding: 0 !important;
	text-align: center;
}

table.table-dns-change_hq td.blank {
	width: 30px !important;
}

table.table-dns-change_hq td.fixWid {
	width: 340px !important;
}

table.table-dns-change_hq td {
	vertical-align: middle;
	width: auto !important;
	padding: 15px 8px;
}


/* =========================================================
 * B-OCN セキュリティ
 * ====================================================== */

.bocn_security_tbl_hq table td {
	background-color: #fff;
	border: none;
	padding: 5px !important;
	vertical-align: middle !important;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.bocn_security_tbl_hq table {
		width: 100% !important;
		display: block;
	}

	.bocn_security_tbl_hq table tbody {
		display: block;
	}

	.bocn_security_tbl_hq table tr {
		display: block;
		width: 100%;
	}

	.bocn_security_tbl_hq table td {
		display: block;
		width: 100%;
	}

	.bocn_security_tbl_hq table td.arrow {
		text-align: center;
	}

	.bocn_security_tbl_hq table td img {
		max-width: 100%;
	}
}


/* =========================================================
 * 0035ビジネスモード(0035bm)
 * ====================================================== */

span.tooltip {
	width: 200px;
	background: #ededed;
	border: 2px solid #052d6a;
	padding: 10px;
	display: none;
	text-align: left;
	right:auto;
}

@media only screen and (min-width: 768px) {
	.bst-sh-order_hq {
		width: 195px;
	}

	.bst-sh-order-all_hq {
		width: 152px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	span.tooltip {
		right:70px;
	}
	
	.bst-sh-order_hq {
		width: 100%;
	}

	.bst-sh-order-all_hq {
		width: 100%;
	}
}

.lead_text_hq {
	margin:0 -320px;
	text-align:left;
}

@media only screen and (min-width: 0px) and (max-width: 1260px) {
	.lead_text_hq {
		margin:0;
	}
}

/* =========================================================
 * IEアラートの表示
 * ====================================================== */

.Attention {
	background-color:#e91e63;
}
.AttentionText {
	color: #FFFFFF;
}
.AttentionText a:link {
	color: #FFFFFF;
}
.AttentionText a:visited {
	color: #FFFFFF;
}
.AttentionText a:hover {
	color: #FFFFFF;
}
.AttentionText a:active {
	color: #FFFFFF;
}

.AttentionWrap0 .Attention {
	background-color: #f9cd00;
}
.AttentionWrap0 .AttentionText {
	color: #004386;
}
.AttentionWrap0 .AttentionText a:link {
	color: #004386;
}
.AttentionWrap0 .AttentionText a:visited {
	color: #004386;
}
.AttentionWrap0 .AttentionText a:hover {
	color: #004386;
}
.AttentionWrap0 .AttentionText a:active {
	color: #004386;
}

/* =========================================================
 * 本社・日本語・右下お問い合わせボタン　20240813更新
 * ====================================================== */

/* コンテンツエリア右下フロート お問い合わせボタン*/

.ContactUsButtonHQJp .contact_bt{
    min-width: 200px;
    padding: 12px 35px;
    text-align: center;
    background-color: #CC023A;
    border:2px solid #000 !important;
    border-radius: 10px;
    text-shadow: 0px 0px 5px rgb(0 0 0);
    box-shadow: rgba(0, 0, 0, 0.16) 3px 3px 10px !important;
    transition: background-color 1s;
}

.ContactUsButtonHQJp .contact_bt:hover{
    background-color: #fd0449 !important;
    transition: background-color 0.5s ease, right 0.5s ease;
}

.ContactUsButtonHQJp .contact_bt a{
    display: block;
    padding: 0;
    font-size:16px;
}

.ContactUsButtonHQJp .contact_bt a:hover{
    color: #fff;
    opacity: 1 !important;
}

.ContactUsButtonHQJp .contact_bt a::before {
    position: absolute;
    right: 15px;
    top: 0;
    width: 16px;
    height: 16px;
    transition: background-color 0.5s ease, right 0.5s ease;
}

.ContactUsButtonHQJp .contact_bt a:hover::before{
    position: absolute;
    right: 10px; /* 10から15に変更*/
}

/* 各部独自コード用 保留*/

.ContactUsButtonHQJp .online_btn{
    text-shadow: none;
    /* background-color: #ffd601 !important; */
}
/*
.ContactUsButtonHQJp .online_btn:hover{
    background-color: #fff201 !important;
}
*/


/* コンテンツエリア中央 お問い合わせボタン*/

.p-contact-item__button .c-btn a.c-btn__link{
    background-color: #CC023A;
    border: 2px solid #000000;
    color: #fff !important;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgb(0 0 0);
    transition: all 1s ease;
}

.p-contact-item__button .c-btn a.c-btn__link:hover{
    background-color: #fd0449 !important;
    opacity: 1 !important;
    transition: all 0.3s ease;
}
.p-contact-item__button .c-btn a.c-btn__link::before{
    position: absolute;
    right: 15px;
    top: 0;
    width: 10px;
    height: 10px;
    transition: all 0.5s ease;
}

.p-contact-item__button .c-btn a.c-btn__link:hover::before{
    position: absolute;
    right: 10px; /* 10から15に変更*/
}