@charset "UTF-8";
/** ========================================
 * order 画像パス/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/
 * ====================================== */
.main_area{
	background:url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/icms_top.png) no-repeat;
}
.firstSection{
  min-height: auto;
}
.icms_intro_contact a.icms_intro_contact_btn span:after{
	background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/icn_arrow.png) no-repeat top right;
}
a.icms_detail_btn:after{
	background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/icn_loupe.gif) no-repeat top right;
}
.sdpfSlider{
	background:url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/sdpfSlider_bg.jpg) no-repeat top center #eaeef4;
}
#cboxCloseBottom span {
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/icon_close_modal.png) no-repeat 0% 50% / 14px 14px;
}
#cboxClose {
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/icms/img/icon_close_modal.png) no-repeat 0 0;
}
@media screen and (max-width: 768px) {
	img{
		max-width: 100%;
	}
	.icmsConts{
		padding-left:10px;
		padding-right:10px;
	}
}

/*提供開始しました*/
.icms_info{
	border:5px solid #FCDA14;
	border-radius:10px;
	padding:20px;
	color:#004386;
	font-weight:bold;
	line-height:140%;
	margin:110px 0 30px;
}
.icms_info + .icms_ttl_h2{
	margin-top:30px;
}
/*上り特価プラン*/
.icms_rateplan_wrap .icms_rateplan_box_2col {
	width:48%;
}
.icms_rateplan_wrap .icms_rateplan_box_2col img{
	max-width:100%;
}
@media screen and (max-width: 768px){
	.icms_rateplan_wrap .icms_rateplan_box_2col {
		width:100%;
	}
	.icms_rateplan_wrap .icms_rateplan_box_2col img{
		margin-top:10px;
	}
}

/*2022.04 端末ラインナップ追加*/
.lineup h4 {
	font-weight: bold !important;
	font-size:18px;
	border-bottom:1px solid #004386 !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	line-height:1.3 !important;
}
.tex-adjust{
	display:inline-block;
	width:4.5em;
}
/* =========================================================
  * アコーディオン（色反転）
 * @ accordion 
 * ====================================================== */

.accordion_component{
	max-width:100%;
	padding-left:0px;
	border:1px solid #004387;
	margin-bottom:8px;
}
.accordion_contents{
	/*padding-left:10px;*/
	padding-left:15px;
	padding-right:15px;
	padding-top: 16px;
	padding-bottom: 10px;
	/*width:97.6%;*/
}

.accordion_contents .image_component img {
	text-align: center;
	margin: 0 auto;
}

.accordion_contents table.vpn_table_840 {
	width:97.6% !important;
}

.accordion_contents .vpn_caption,
.accordion_contents .vpn_caption_num{
	margin:5px 0 0 10px;
}
.accordion_header {
	font-size: 20px;
}
.accordion_header.ac-leftIcon:before {
	width: 38px;
	height: 28px;
}
.accordion_header:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 38px;
	height: 28px;
	top: 50%;
	right: 0;
	margin-top: -12px;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/m2m-remote-access/vpnmobile/img/comn_btn-blind-open.png) left top no-repeat;
	background-size: contain;
}
.accordion_header:not(.ac-leftIcon) {
	padding-right: 2rem;
}
.accordion_header.ac-leftIcon {
	padding-left: 2rem;
}
.accordion_header.ac-leftIcon:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 38px;
	height: 28px;
	top: 50%;
	left: 0;
	margin-top: -12px;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/m2m-remote-access/vpnmobile/img/comn_btn-blind-open.png) left top no-repeat;
	background-size: contain;
}
.accordion_header.ac-leftIcon:after {
	display: none;
}
.accordion_header.accordion-close:after,
.accordion_header.accordion-close.ac-leftIcon:before {
		background-image: url(/content/dam/nttcom/hq/jp/business/services/network/m2m-remote-access/vpnmobile/img/comn_btn-blind-close.png);
}
.accordion_header{
	background: #eaf5fc;
}
.accordion_header:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.accordion_header {
	padding-left:10px;
}
.accordion_header.ac-leftIcon:before,
.accordion_header.accordion-close.ac-leftIcon:before{
	background-position: 10px 0;
}
.accordion_header.ac-leftIcon {
	padding-left: 3rem;
}