.pc {
	display: block !important;
}
.sp {
    display: none !important;
}
.contbox_l { float:left; width:490px;}
.contbox_r_img { float:right;}
@media all and (min-width: 0px) and (max-width: 768px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
width: 100%;
}

.contbox_l { float:none; width:100%;}
.contbox_r_img { float:none; text-align:center;}

}

/*--------------------------------------
*
*　2018.03-04追加
*
*--------------------------------------*/

/*--------------------------------------
*　table　調整
*--------------------------------------*/
table th, table td {vertical-align: middle !important; line-height:160%;}


/*--------------------------------------
*　link　調整
*--------------------------------------*/
.link_component {
	margin-top:10px;
	/*margin-bottom:10px !important;*/
	margin-bottom:0 !important;
}


/*--------------------------------------
*　タブ　サービス概要
*--------------------------------------*/
.service_fl_box div{
float:left;
width:48%;
}

/*--------------------------------------
*　タブ　特長/アコーディオン
*--------------------------------------*/
.accordion_contents{padding-bottom:0px;padding-top:0;}

	.accordion_header:after{
	right:20px;
	}
	
	
	#func-a-1,#func-a-2,#func-a-3,#func-a-4,#func-a-5,#func-a-6,#func-a-7{
		font-size: 16px;
		line-height: 140%;
		font-weight: normal;
		padding-top:10px;
		padding-left:15px;
		padding-right:30px;
		padding-bottom:10px;
		margin: 0;
		background: #eaf6fd;
		border:1px solid #004386;
		display:block;
	}
	
	#func-b-1,#func-b-2,#func-b-3,#func-b-4,#func-b-5,#func-b-6{
		font-size: 16px;
		line-height: 140%;
		font-weight: normal;
		padding-top:10px;
		padding-left:15px;
		padding-right:30px;
		padding-bottom:10px;
		margin: 0;
		background: #fff8e4;
		border:1px solid #004386;
		display:block;
	}

	.func_box h5{line-height:140%; margin-top:0;}
	
	.func_box{
		border-left: 1px solid #004386;
		border-right: 1px solid #004386;
		border-bottom: 1px solid #004386;
		padding: 20px;
	}

	.func_box h6{
		border-left: 6px solid #004386;
		font-size: 20px;
		font-weight: bold;
		padding: 10px;
	}
	.func_box h6 .option,h4 .option{
		font-size: 14px;
		background: #fdd000;
		border-radius: 20px;
		padding: 2px 30px;
		margin-left: 20px;
		color:#004386;
		display:inline-block;
		text-align:center;
		width:140px;
	}

	.func_box h6 .option2{
		font-size: 14px;
		background: #a7d3ff;
		border-radius: 20px;
		padding: 2px 30px;
		margin-left: 20px;
		color:#004386;
		display:inline-block;
		text-align:center;
		width:180px;
	}

/*--------------------------------------
*　タブ　ケーススタディ
*--------------------------------------*/
	.case_before_box{
		border:2px solid #004386;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
	}
	
	.case_before_box .ttl{
		background: #004386;
		font-weight: bold;
		color: #fff;
		font-size: 1.3em;
		padding: 15px 20px;
		display: inline-block;
	}
	
	.case_after_box{
		border:2px solid #f29a76;
		margin-bottom: 20px;
		background: #fff;
	}
	
	.case_after_box .ttl{
		background: #f29a76;
		font-weight: bold;
		color: #fff;
		font-size: 1.3em;
		padding: 15px 20px;
		display: inline-block;
	}
	
	.case_list{
		padding: 0px;
		margin: 10px 0px;
		display: block;
		overflow: hidden;
		width: 100%;
		list-style: none;
	}
	
	.case_list li{
		text-indent: -2.5em;
		margin-left: 50px;
		margin-right: 15px;
		line-height: 150%;
	}
	
	.case_list li:first-child{
		padding-bottom: 10px;
	}
	
	.cs_arrow::after{
		content: "";
		width: 18px;
		height: 50px;
		background:url(/content/dam/nttcom/hq/jp/business/services/voice-video/acd/contactcenter/img/cs_arrow_pc.png) no-repeat;
		position: absolute;
		top: 40%;
		right: -31px;
	}

/*--------------------------------------
*　タブ　料金
*--------------------------------------*/
	.price_image > div{text-align: center;}
	
	.price_image .bg_b{
		background: #004386;
		font-weight: bold;
		color:#fff;
		padding: 10px; 
	}
	
	.price_image .bg_y{
		background: #fdd000;
		color:#004386;
		line-height: 160%;
		margin-top: 10px;
		border-radius: 5px;
		position: relative;
		padding: 10px 0 15px; 
	}
	
	.price_image .bg_y::after{
		content: "";
		background: url(/content/dam/nttcom/hq/jp/business/services/voice-video/acd/contactcenter/img/price_img01.png);
		width: 30px;
		height: 30px;
		position: absolute;
		bottom:-20px;
		left: 46%;
		z-index: 1;
	}
	
	.price_image .bg_lb{
		padding: 10px; 
		background: #cbe8fe;
		color:#004386;
		line-height: 160%;
		margin-top: 10px;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	
	.price_image .bg_lb .bg_g{
		background: #004386;
		font-weight: bold;
		color:#fff;
		padding: 4.5px 10px; 
		display: block;
	}
	
	.price_image .bg_lb p{
		padding-top: 10px;
		margin-bottom: 0px;
	}
	
/*--------------------------------------
*
*　タブレット表示時
*
*--------------------------------------*/	
	@media screen and (max-width: 768px){
/*--------------------------------------
*　タブ　サービス概要
*--------------------------------------*/
.service_fl_box div{
float: none;
width:100%;
}

.service_fl_box .pl20_hq{
padding-right:0px;
}

}



	
/*--------------------------------------
*
*　スマホ表示時
*
*--------------------------------------*/	
	@media screen and (max-width: 480px){
/*--------------------------------------
*　タブ　サービス概要
*--------------------------------------*/
		.sp_img img{
			width: 115px !important;
			height: 115px;
			margin: 0 auto;
			text-align: center;
			display: block;
		}
/*--------------------------------------
*　タブ　特長/アコーディオン
*--------------------------------------*/
	.accordion_header:after{
	right:10px;
	}
	
	.func_box h6 .option,h4 .option{
		margin-left: 0px;
		margin-top:10px;
		padding-bottom:2px;
		display:block;
	}

	.func_box h6 .option2{
		margin-left: 0px;
		margin-top:10px;
		padding-bottom:2px;
		display:block;
	}

/*--------------------------------------
*　タブ　ケーススタディ
*--------------------------------------*/
	.cs_arrow::after{
			display: none;
		}
		
		.cs_arrow_sp::after{
		content: "";
		width: 50px;
		height: 18px;
		background:url(/content/dam/nttcom/hq/jp/business/services/voice-video/acd/contactcenter/img/cs_arrow_sp.png) no-repeat;
		position: absolute;
		top: 102%;
		left: 42%;
	}

/*--------------------------------------
*　PC時広げた余白類を非表示にする
*--------------------------------------*/
		.pb0{padding-bottom: 0px !important}
		.mt0{margin-top: 0px !important}
	}



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

/*下部お問い合わせ文字サイズ*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn__link {
	font-size: 16px;
	font-weight: bold;
}