@charset "utf-8";

/*---------------------------------

	/business/services/voice-visual-communication/callcenter-ivr/ccaas.html

@media screen and (max-width: 768px){}
@media screen and (max-width: 480px){}

---------------------------------*/



/*---------------------------------
	お問い合わせなどボタン
---------------------------------*/
/*角丸*/
.apply_btn{
	position: relative;
	width:100%;
	padding:10px 20px;
	text-align: center;
	line-height: 1.25;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	}
/*オンラインでお申込みボタン*/
.online_btn{
	background: #ffd601;/*赤*/
	border: 2px solid #004386;/*臙脂*/
	text-decoration: none;
	color: #004386;
}
.online_btn:hover{
	background: #fdea8b;/*薄赤*/
}
/*オンラインでお申込みボタン　くの字*/
.online_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	border-top: .13em solid #004386;
	border-right: .13em solid #004386;
	transform: rotate(45deg);
}
/*お問い合わせボタン*/
.request_btn{
	background: #CC023A ;/*赤*/
	border: 2px solid #000;/*黒*/
	text-decoration: none;
	color: #fff;
}
.request_btn:hover{
	background: #D64040;/*薄黄*/
}
/*お問い合わせボタン　くの字*/
.request_btn:after,
.material_btn::after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	border-top: .13em solid #fff;
	border-right: .13em solid #fff;
	transform: rotate(45deg);
}
/*下部お問い合わせ(オンラインでお申込み大)*/
.request_btn.btmcontact_bt {
	font-size:22px;
	padding:15px 20px;
}
/*下部お問い合わせ(オンラインでお申込み大)　くの字*/
.request_btn.btmcontact_bt:after{
	width: .4em;
	height: .4em;
}
/*追従ボタン*/
.js-contact_bt_1,
.js-contact_bt_2{
	font-weight:bold;
}

/*コールセンターボタン*/
.callcenter_btn{
	background: #004285;/*黄*/
	border: 2px solid hsl(0, 0%, 22%);/*青*/
	text-decoration: none;
	color: #fff;
}
.callcenter_btn:hover{
	background: rgb(0, 66, 133, .7);/*薄黄*/
}
/*コールセンターボタン　くの字*/
.callcenter_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	border-top: .13em solid #fff;
	border-right: .13em solid #fff;
	transform: rotate(45deg);
}
/*下部お問い合わせ(コールセンター)*/
.foot_contact_area .apply_btn {
	font-size:22px;
	padding:15px 20px;
}

.foot_contact_area a + a {
	display: block;
	margin-top: 12px;
}

/*下部お問い合わせ(コールセンター)　くの字*/
.callcenter_btn.btmcontact_bt:after{
	width: .4em;
	height: .4em;
}

.material_btn {
	border: 2px solid #004386;
	background: #fff;
}

.material_btn:hover {
	background:#eaf9fc;
}

/* ASPIC賞 */
.aspic-award {
    border: 3px solid #f2c14b;
	display: flex;
    justify-content: space-between;
	align-items: center;
    padding: 8px 0;
	margin-bottom: 50px;
	background-color: #fff;
}
.aspic-award__img {
	max-width: 105px;
	margin: 0 5px 0 5px;
}
.aspic-award__img img {
	width: 100%;
}
.aspic-award__txt h2 {
	color: #d01e1e;
    font-size: 18px;
	font-weight: 600;
    line-height: 1.4;
	margin: 0 0 10px;
}
.aspic-award__txt {
	flex: 1;
}
.aspic-award__txt p {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -1.4px;
}
@media screen and (max-width: 768px) {
	.aspic-award {
		flex-flow: row wrap;
		padding: 10px 15px;
	}
	.aspic-award__img {
		margin: 0 auto 15px;
		max-width: 120px;
	}
	.aspic-award__txt h2 {
		font-size: 16px;
	}
}

/* フリーダイヤル */
.phone {
	/* background-color: #fff;
	border: 1px solid rgb(226, 226, 226); */
	margin-bottom: 30px;
	padding: 20px 30px;
}
.phone__ttl {
    font-size: 18px;
    margin: 0 0 15px;
}
.phone__number a img,
.phone__number a p {
	display: inline-block;
}
.phone__number a img {
    max-width: 60px;
    width: 20%;
    vertical-align: bottom;
    margin-bottom: 2px;
}
.phone__number a {
	font-size: 42px;
	font-weight: 800;
	color: #333;
	vertical-align: super;
	pointer-events: none;
}
.phone__number p {
    font-size: 16px;
    float: right;
    margin-right: 15px;
}
@media screen and (max-width: 768px) {
	.phone {
		padding: 10px 0 10px 10px;
	}
	.phone__number a {
		font-size: 28px;
		pointer-events: all;
	}
	.phone__number a img {
		max-width: 40px;
	}
	.phone__number p {
		float: none;
		margin-right: 0;
	}
	.phone__number p br {
		display: none;
	}
}
/*---------------------------------
	ボタンエリア
---------------------------------*/
/*上部お問い合わせ*/
.apply_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
/*分割なし*/
.apply_area .full{
	width: 100%;
}
/*2分割*/
.apply_area .half{
	width: 49%;
}
.apply_area .half:nth-child(1) {
	margin-bottom: 10px;
}
/*3分割2200628*/
.apply_area .half.col3{
	width: 29%;
}
.apply_area .half.col3.entry{
	width: 38%;
}
.apply_area.col3{
    justify-content: center;
}
.apply_area hr{
    width: 100%;
    margin-bottom: 40px;
}
/* TBSP */
@media only screen and (max-width: 768px){
	.apply_area .full,
	.apply_area .half{
		width: 100%;
		margin-bottom: 10px;
	}
	.apply_area .half.col3,
    .apply_area .half.col3.entry{
		width: 100%;
		margin-bottom: 10px;
	}
}
/*下部お問い合わせ*/
.foot_contact_area{
	width:440px;
	margin:0 auto;
}
.apply_area .half--noMargin{
	margin-bottom: 0;
}
/* TBSP */
@media only screen and (max-width: 768px){
	.foot_contact_area{
		width: 100%;
	}
}

/*---------------------------------
	フッタリンク
---------------------------------*/
.footwidth{
	width:1260px;
	margin: 50px auto;
}
.footlink{
	border-top: solid 2px #05397c;
	text-align: center;
}
 
.footlink ul li{
	display:inline;
	font-size: 1.1em;
	padding-left: 15px;
	padding-right: 15px;
}
.footlink ul li.bdr{
	color:#777777;
	padding-left: 0px;
	padding-right: 0px;
}
.footlink ul li.nbd{
		border-left: none;
}
.footlink ul li.on{
		background-color: #004386;
}
.footlink ul li.on a{
	color:#FFF;
	}

/*TBSP*/
@media only screen and (max-width: 768px){
	.pc{
		display:none !important;
	}
	.footwidth {
		width: 100%;
	}
	.footlink{
		border-top: solid 2px #05397c;
		text-align: center;
	}
	.footlink ul li{
		display:inline;
		font-size: 1.1em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.footlink ul{
		margin:0;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;
	}
	.footlink ul li{
		display:block;
		/*width:100%;*/
		text-align: left;
		line-height: 1.5;
	}
	.footlink ul li a:before {
		content: url(/content/dam/nttcom/hq/jp/business/services/voice-visual-communication/callcenter-ivr/ccaas/img/icon_right_arrow.png);
		margin-right: 10px;
	}
	.footlink ul li.on{
		display:block;
		width:90%;
		background-color: #004386;
		border-left: none;
	}
	.footlink ul li.on a{
		color:#FFF;
	}
	.footlink ul li.on a:before {
		content: url(/content/dam/nttcom/hq/jp/business/services/voice-visual-communication/callcenter-ivr/ccaas/img/icon_right_arrow_w.png);
	}
}


/*---------------------------------
	トップ
---------------------------------*/
h1 span{
	font-size: 30px;
}


/*---------------------------------
	トップ左エリア
---------------------------------*/
/*サービスロゴ*/
.servicelogo{
	width:100%;
}
.servicelogo img{
	max-width:100%;
}


/*---------------------------------
	タブコンテンツ幅
---------------------------------*/
.tabwidth{
	width: 980px;
	margin:0 auto;
}
@media screen and (max-width: 768px){
	.tabwidth {
		width: 100%;
	}
}


/*---------------------------------
	サービス概要
---------------------------------*/
/*図表*/
figure.chart {
	text-align:center;
}
figure.chart img {
	padding:15px;
	border:1px solid #CCC;
	background:#FFF;
	margin-bottom: 20px;
}
figure.chart img:hover {
  background: #fff;
  opacity: 0.8;
}

/*白枠お申し込みボタン*/
a.btn_w{
	display: inline-block;
	position: relative;
	/* font-size: 16px; */
	background: #fff;
	border: 2px solid #004386;
	padding: 20px 60px 20px 40px;
	margin-top: 30px;
}
a.btn_w::after {
	content: "＞";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
}
a.btn_w:hover {
	background: #004386;
	color: #fff;
}
@media screen and (max-width: 768px){
	a.btn_w{
		padding: 20px 40px 20px 20px;
	}
}

/*こんなお悩みありませんか？*/
.sharebox{
	margin-top:85px;
}
.sharebox p.title{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;;
}
.sharebox dl{
	padding: 20px 110px;
}
.sharebox dt {
	float: left;
	padding: 5px;
	vertical-align: middle;
	height: 30px;
}
.sharebox dt img{
	padding-top: 6px;
}
.sharebox dd {
	margin-left: 30px;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	margin-top: 5px;
	/*height: 45px;*/
	font-size: 1.2em;
}
.sharebox .uparea,.sharebox .lowarea{
	background-color: #d7e5f4;
	overflow: hidden;
}
.sharebox .uparea .inner{
	background-color: #fff;
	margin: 40px 40px 0 40px;
}
.sharebox .lowarea .inner{
	background-color: #fff;
	margin: 40px;
	padding: 10px 20px;
	/*width: 100%;*/
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.sharebox_title {
	width: 980px;
	padding: 9px 0 2px;
	background-color: #255997;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.sharebox_title span{
	font-size:1.5em
}
.sharebox_title:after {
	content: "";
	position: relative;
	top: 16px;
	left: 50%;
	margin-left: -15px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #255997 transparent transparent transparent;
}
.sharebox .lowbox{
	width:48%;
	margin:10px 0;
}
.sharebox .lowbox p{
	font-size:15px;
	margin:0;
}
.sharebox .lowbox p span{
	font-weight:bold;
	font-size:16px;
}
/*TB*/
@media screen and (max-width: 768px){
	.sharebox dl{
		padding: 20px;
	}
}
/*SP*/
@media screen and (max-width: 480px){
	.sharebox{
		margin-top:70px;
	}
	.sharebox p.title{
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
	}
	.sharebox dl{
		padding: 20px 10px;
	}
	.sharebox dt {
		float: left;
		padding: 5px;
		vertical-align: middle;
		height: 30px;
	}
	.sharebox dt img{
		padding-top: 6px;
	}
	.sharebox dd {
		margin-left: 30px;
		font-weight: bold;
		line-height: 1.4em;
		padding: 5px;
		margin-top: 5px;
		font-size: 1em;
		height:auto;
	}
	.sharebox .uparea,.sharebox .lowarea{
		background-color: #d7e5f4;
		overflow: hidden;
	}
	.sharebox .uparea .inner{
		background-color: #fff;
		margin: 20px 20px 0 20px;
	}
	.sharebox .lowarea .inner{
		background-color: #fff;
		margin: 20px;
		padding: 10px 20px;
		overflow: hidden;
	}
	.sharebox_title {
		width: 100%;
		padding: 9px 0 2px;
		background-color: #255997;
		color: #fff;
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: bold;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.sharebox_title span{
		font-size:1.5em

	}
	.sharebox_title:after {
		content: "";
		position: relative;
		top: 17px;
		left: 50%;
		margin-left: -15px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 15px 15px 0 15px;
		border-color: #255997 transparent transparent transparent;
	}
	.sharebox .lowbox{
		width:100%;
	}
}

/*特長/メリット*/
.meritarea{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.meritbox{
	width:32%;
	border: 2px solid #cecece;
}
.meritbox:hover{
	border:2px solid #004386;
}
.meritbox a{
	width:100%;
	height:100%;
	display:block;
}
.meritbox p{
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	color: #004386;
	margin:10px;
}
.meritbox figure {
	text-align:center;
	margin:10px;
}
.meritbox img{ 
	width:auto;
	height:180px;
}
@media screen and (max-width: 768px){
	.meritbox img{
		width:auto;
		height:85px;
	}
}
@media screen and (max-width: 480px){
	.meritbox{
		width:100%;
		margin: 10px 0;
	}
	.meritbox img{
		width:auto;
		height:180px;
	}
}

/*詳しく見るボタン　エリア*/
.detail_btn_area{
	margin:20px 0 30px 0;
}
/*詳しく見るボタン*/
.detail_btn{
	position: relative;
	width:225px;
	padding:10px 20px;
	text-align: center;
	line-height: 1.25;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	background: #004386;/*青*/
	text-decoration: none;
	color: #FFFFFF;
	margin:0 0 0 auto;
	}
.detail_btn:hover{
	background: #176abc;/*薄青*/
}
/*詳しく見るボタン　くの字*/
.detail_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	border-top: .13em solid #fff;
	border-right: .13em solid #fff;
	transform: rotate(45deg);
}


/*---------------------------------
	特長／メリット
---------------------------------*/
/*ポイント 見出し*/
.point_titlearea {
	overflow: hidden;
	*/ border-bottom: solid 3px #214a7b; */
	padding-bottom: 2px;
}
.point_box {
	color: #BF5703;
	float: left;
	font-size: 1.2em;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 5px;
}
.fs15em {
	font-size: 1.5em;
}
.point_title {
	float: left;
	font-size: 24px;
	font-weight: bold;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 0;
}
/*TBSP*/
@media only screen and (max-width: 768px) {
	.point_box {
		width: 100%;
	}
	.point_title {
		height: auto;
		margin-top: 5px;
		line-height:1.3em;
		margin-bottom: 5px;
	}
}
/*ポイント コンテンツ*/
.point_contentsarea{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;
}
.point_fig{
	width: 478px;
	margin:20px 0;
	text-align:center;
}
.point_fig figure{
	text-align:center;
}
.point_fig img{
	width:100%;
}
.point_fig img.w-adjust{
	max-height:250px;
	width:auto;
}
.point_txt{
	width: 472px;
	margin:20px 0;
}
.point_txt ul{
	margin:0;
}
@media only screen and (max-width: 768px) {
	.point_fig{
		margin:10px auto;
	}
	.point_fig img{
		max-height:250px;
		max-width:100%;
	}
	.point_txt{
		width: 100%;
		margin: 0;
	}
}

.sharebox .ul-list {
	list-style: none;
	height: 100%;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	padding-left: 0;
}
.sharebox .ul-list li {
	float: left;
	width: 32%;
	margin-bottom: 10px;
}
.sharebox .ul-list li figure {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: #fc8d33;
	padding-top: 30px;
	margin: auto;
}
.sharebox .ul-list li figure img {
	width: auto !important;
}
.sharebox .ul-list li figcaption {
	padding-top: 10px;
}
.sharebox .ul-list li p {
	
}
.service-illust h2,
.sharebox h2 {
	font-size: 26px;
	font-weight: bold;
	line-height: 125%;
	letter-spacing: 2px;
}
.point h2.tit {
	text-align: center;
	font-weight: bold;
} 
.point h2.tit span {
	font-size: 52px;
	color: #bf5703;
} 
.t-c .online_btn {
	display: inline-block;
	width: 280px;
}
.ul-list.notes{
	list-style: none;
	padding-left:  0;
}
.ul-list.notes li::before {
	content: "※";
	margin-left: 5px;
}
.u-line {
	background: linear-gradient(transparent 70%, #fdaf6f 0%);
}
.grid_cols table th {
    background: #fdaf6f;
}
.grid_cols table th,
.grid_cols table td {
	border-color: #000;
}
.triangle_r {
	clear: both;
	position:relative;
	padding:10px 10px 16px 16px;
	text-align:center;
	font-weight:bold;
	width:80%;
	margin:20px auto 0;
}
.triangle_r::before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 4px;
	height: 100%;
	top: 0;
	left: 58px;
	border-radius: 3px;
	background:#e29f68;
	transform: rotate(-45deg);
}
.triangle_r::after {
	position: absolute;
	display: inline-block;
	content: '';
	width: 4px;
	height: 100%;
	top: 0;
	right: 58px;
	border-radius: 3px;
	background:#e29f68;
	transform: rotate(45deg);
}
@media only screen and (max-width: 768px){
	.sharebox .ul-list li {
		float: none;
		width: 100%;
	}
	.topcontact_bt{
		margin-top: 5px;
	}
	.triangle_r{
		width:100%;
	}
	.triangle_r::before {
		left: 45px;
	}
	.triangle_r::after {
		right: 45px;
	}
}
@media only screen and (max-width: 480px){
	.triangle_r::before,
	.triangle_r::after {
		display: none;
	}
}

/*アコーディオン Qテキスト*/
.q_num{
	float: left;
}
.q_txt{
	margin-left: 1.2em;
}

/* 無料トライアル */
.trial {
	margin-bottom: 50px;
}
.trial-link,
.trial-link img {
	display: block;
	width: 100%;
}
.trial-link:hover {
	opacity: 0.8;
}
.trial--foot_contact_area {
	max-width: 600px;
	margin: 30px auto 0;
}
.service-illust {
	margin-top: 100px;
}
.service-illust img {
	width: 100%;
}


@media only screen and (max-width: 480px){
	.service-illust {
		margin-top: 50px;
	}
}


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

/*アワード調整*/
.aspic-award{
	margin:0;
	padding:16px;
}
.aspic-award__txt{
	flex: initial;
	width:calc(100% - 105px - 40px);
}
/*トライアルバナー*/
.free-space_trial{
	margin:0;
}
.free-space_trial img{
	width:100%;
}
/*上部お問い合わせボタン組*/
@media screen and (min-width: 769px){
	.p-facade__button{
		/* flex-wrap: wrap !important; */
		justify-content: space-between !important;
	}
	.p-facade__button .c-btn:not(:first-of-type){
		margin-left:0 20px 0 17px !important;
	}
	/*
	.p-facade__button .c-btn.--large.w100p{
		width:100%;
	}
	*/
	.p-facade__button .c-btn.--large{
		width:calc(50% - 5px);
	}
}
/*下部お問い合わせボタン組*/
.p-contact__item {
	padding-bottom: 34px;
}
.p-contact-item__button{
	flex-wrap: wrap !important;
	justify-content: space-between !important;
}
.p-contact-item__button .c-btn.--large.w100p{
	width:100%;
}
.p-contact-item__button .c-btn.--large{
	width:calc(50% - 5px);
}
@media screen and (max-width: 768px){
	.p-contact-item__button .c-btn.--large{
		width:100%;
	}
}
/*黄ボタン文字色*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .--yellow .c-btn__link{
	color:#000 !important;
}

/* コラム導線追加 */
.column__list {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 5px;
	padding: 0 25px;
	list-style: none;
	border: solid 2px #ccc;
	box-sizing: border-box;
}

.column__list-item {
	display: flex;
	align-items: center;
	gap: 3%;
}

.column__list-img {
	width: 100%;
}

.column__list-link {
	display: flex;
	justify-content: space-between;
	padding: 25px 0;
	gap: 4%;
	text-decoration: underline;
}

a.column__list-link:hover {
	text-decoration: underline!important;
}

.column__list-image {
	width: 45%;
}

.column__text {
	width: 55%;
	color: #333;
}

.column__text-ttl {
	margin:0 0 0.5rem;
	line-height: 1.5;
	font-size: 1.125em;
	font-weight: bold;
}

.column__date {
	display: inline-block;
	font-size: 20px;
	margin-bottom: 5px;
}

.tabNavigation_contents p.column__text-body {
	margin-bottom: 0;
	font-weight: bold;
}

.column__list-item + .column__list-item {
	border-top: solid 1px rgba(13, 95, 156, 0.4);
}

main a.callcenter_btn--red,
main a.callcenter_btn--red:hover,
main a.callcenter_btn--red:visited {
	color: #fff;
}

main a.callcenter_btn--red:hover {
	background: #d63561;
}

.main a.callcenter_btn--red:hover {
	opacity: 0.6;
}

.main a.callcenter_btn--red:after {
	background: #CC023A;

} 

main a.callcenter_btn--red {
	background: #CC023A;
}

main a.callcenter_btn--white {
	color: #004285;
	background: #fff;
	border: 2px solid #004285;
}

main a.callcenter_btn--white:hover {
	background: #004285;
	color: #fff;
	border: 2px solid #004285;
}

.callcenter_btn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0.1em;
	right: 1em;
	margin: auto;
	width: 0.3em;
	height: 0.3em;
	border-top: 0.13em solid #fff;
	border-right: 0.13em solid #fff;
	transform: rotate(45deg);
}

main a.callcenter_btn--red::after {
	border: transparent;
	text-decoration: none;
	color: #fff;
	border-top: 0.13em solid #fff;
	border-right: 0.13em solid #fff;
}

main a.callcenter_btn--white::after {
	border: transparent;
	border-top: 0.13em solid #004285;
	border-right: 0.13em solid #004285;
}


main a.callcenter_btn--white:hover::after {
	border: 2px solid #fff;
	text-decoration: none;
	color: #fff;
	border-top: 0.13em solid #004285;
	border-right: 0.13em solid #004285;
}

main a.callcenter_btn--white:hover::after {
	border: transparent;
	border-top: 0.13em solid #fff;
	border-right: 0.13em solid #fff;
}

@media screen and (max-width: 480px){
	.column__list {
    padding: 0 15px;
	}
	.column__list-link {
		padding: 25px 0;
		flex-flow: column wrap;
	}
	.column__list-image,
	.column__text {
    width: 100%;
	}
}

.phone__ttl {
    font-size: 18px;
    margin: 0 0 15px;
}

.phone__number a {
    font-size: 42px;
    font-weight: 800;
    color: #333;
    vertical-align: super;
    pointer-events: none;
	text-decoration: none;
}

.phone__number p {
    font-size: 16px;
    float: right;
    margin-right: 15px;
}

main p {
    line-height: 1.5;
}

.phone .freecall__wrap {
    margin: 0;
}

.phone .freecall__num {
    font-size: 40px;
}

.freecall__num a {
    text-decoration: none;
    pointer-events: none;
}

@media screen and (max-width: 480px)
{
.phone .freecall__num {
    font-size: 38px;
    white-space: nowrap;
}
	.phone {
		padding: 20px;
	}
	.freecall__num a {
		text-decoration: none;
		pointer-events:painted
	}
}

 .p-facade__button_top
{
	width: 100% !important;
}

.p-facade__button_top a
{
    box-shadow: 0 2px 6px rgb(0 0 0 / 40%);
    font-size: 16px !important;
    font-weight: 700;
    background-color: #000 !important;
}

.wrapper .p-facade.mv__photo .p-facade__image img
{
	width: 100%;
}

.c-inner .p-facade__button
{
	margin: 60px 0 0;
}

@media screen and (max-width: 480px)
{
	.p-facade__button_top {
		width: 242px !important;
		margin: 0 auto;
	}

	.p-facade__button_top a {
		margin: 0 0 10px -10px;
	}
}

picture.p-facade__illust
{
transform: translateY(-50%);
position: absolute;
right: 12vw;
top: 400px;
font-size: 24px;
}

body .wrapper .p-facade.mv__photo .p-facade__image img {
    width: 100%;
}

@media screen and (max-width: 834px){
	picture.p-facade__illust img {
display: none;
}

}

/* campaignバナー追加 */
.campaign_contents.campaign_contents_area {
    position: relative;
    margin: 30px 0;
}


.c_btn_mcr
{
    position: relative;
}

.c_btn_mcr::before {
    content: "";
    background: url(/content/dam/nttcom/hq/jp/business/services/voice-visual-communication/callcenter-ivr/ccaas/img/f_campaign_td.svg) center/cover no-repeat;
    justify-content: center;
    display: flex;
    width: 150px;
    height: 22px;
    position: absolute;
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
}

.p-contact-item__button .c_btn_mcr {
    margin-top: 30px;
}

.apply_btn.online_btn.c_btn_mcr {
    margin-top: 10px;
}

h3.campaign_box-title {
    font-weight: bold;
    margin: 0 0 20px;
	padding: 30px 0;
}

.p.campaign_box-text
{
	font-weight: bold;
}
p.campaign_box-text span {
    background: linear-gradient(transparent 70%, #FED33E 0%);
    font-weight: bold;
}

.campaign_box-btn a {
    display: block;
    padding: 20px;
    background-color: #013364;
    color: #ffff;
    border-radius: 50px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
	border-radius: 6px; 
	font-weight: bold; 
	font-size: 20px;
}

.campaign_box {
    background-color: #fff;
    padding: 20px 20px;
    border: 4px solid #013364;
    border-radius: 10px;
    margin: 0 auto 60px;
    width: 80%;
    text-align: center;
}

.campaign_box-btn a:hover {
    opacity: 0.8;
}

.campaign_micro {
    position: relative;
    text-align: center;
    font-weight: 600;
    color: #CC023A;
    font-size: 26px;
    margin-bottom: 13px;
    margin-top: 60px;
}

.campaign_box-title::before {
    position: absolute;
    left: 300px;
    bottom: -2px;
    content: "";
    width: 3px;
    height: 26px;
    background: #CC023A;
    border-radius: 3px;
    transform: rotate(-40deg);
    padding: 0;
}

.campaign_box-title::after {
    position: absolute;
    content: "";
    right: 300px;
    bottom: -2px;
    width: 3px;
    height: 26px;
    background: #CC023A;
    border-radius: 3px;
    transform: rotate(40deg);
    padding: 0;
}

.campaign_box-btn a {
    color: #fff !important;
}

.c-btn.--yellow.--large.w100p.mgb10.c_btn_mcr.c_btn_mcr-ftr::before {
    top: -15px;
}

.c-btn.--yellow.--large.w100p.mgb10.c_btn_mcr.c_btn_mcr-ftr {
    padding-top: 15px;
}

p.campaign_box-text {
	font-weight: bold;
	font-size: 22px;
}

p.text_lp01 {
    text-align: center;
    margin-top: 10px;
	font-weight: bold;
}

@media screen and (max-width: 834px){

	.c-btn.--yellow.--large.mgb10.c_btn_mcr {
		padding-top: 10px;
	}

	.c_btn_mcr::before {
	    width: 100px;
		height: 17px;
		top: 10px;
	}

	.c-btn.--yellow.--large.mgb10.c_btn_mcr {
		padding-top: 35px;
	}

	.apply_btn.online_btn.c_btn_mcr::before {
		top: -13px;
		width: 130px;
		height: 23px;
	}

	.p-contact__list .c-btn.--yellow.--large.w100p.mgb10.c_btn_mcr::before {
		top: -20px;
		width: 130px;
		height: 20px;
	}

	p.campaign_box-text {
		font-weight: bold;
		font-size: 18px;
	}

	.campaign_box-btn a
	{
		width: 100%;
		font-size: 18px;
		line-height: 1.5;
		padding: 10px 0;
	}
	.campaign_box-title::before {
		position: absolute;
		left: -7px;
		bottom: -2px;
		content: "";
		width: 3px;
		height: 26px;
		background: #CC023A;
		border-radius: 3px;
		transform: rotate(-40deg);
		padding: 0;
	}

	.campaign_box-title::after {
		position: absolute;
		content: "";
		right: 0px;
		bottom: -2px;
		width: 3px;
		height: 26px;
		background: #CC023A;
		border-radius: 3px;
		transform: rotate(40deg);
		padding: 0;
	}

	.apply_btn.online_btn.c_btn_mcr.c_btn_mcr-item::before {
		top: -30px;
	}

	.campaign_box
	{
		width: 100%;
		
	}

	.campaign_box-btn a
	{
		font-size: 16px;
	}
}

.kv__trial-txt {
	margin-top: 10px;
}

.campaign_box__small {
	font-size: 14px;
}

.tabNavigation_contents p.column__text-body {
	font-weight: normal;
}