@charset "utf-8";

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

	2021/04 追加分

---------------------------------*/
/*申し込みボタンエリア*/
.apply_area{
	width: 100%;
	padding:0 60px;
}
/* スマホタブレット */
@media only screen and (max-width: 768px){
	.apply_area{
		width: 100%;
		padding:0;
	}
}

/*角丸*/
.apply_btn{
	position: relative;
	width:100%;
	padding:10px 20px;
	text-align: center;
	line-height: 1.25;
	text-decoration:none;
	font-size:18px;
	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!important;/*赤#CF1E1Eを黄色に*/
	border: 2px solid #000000!important;/*臙脂600000を紺に*/
	text-decoration: none;
	color: #000000!important;/*白FFFFを紺に*/
}
.online_btn:hover{
	background: #fdea8a;;/*薄赤#D64040を薄黄色に*/
}
/*オンライン　くの字*/
.online_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	border-top: .13em solid #000000!important;
	border-right: .13em solid #000000!important;
	transform: rotate(45deg);
}
/*問い合わせ*/
.request_btn{
	background: #cc023a!important;/*黄#ffd601;からドコモ赤に*/
	border: 2px solid #000000!important;/*青#004386;から臙脂に*/
	text-decoration: none;
	color: #FFFFFF!important;/*紺#004386;を白に*/
}
.request_btn:hover{
	background: #cc023a!important;/*薄黄#fdea8aを薄赤に*/
}
/*問い合わせ　くの字*/
.request_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; */
	border-top: .13em solid #fff!important;
	border-right: .13em solid #fff!important;
	transform: rotate(45deg);
}

/*---------------------------------
ページ下部　申し込みボタンエリア*/
.foot_apply_area{
	width: 100%;
	padding:0 190px;
	text-align:center;
}
/* ページ下部　スマホタブレット */
@media only screen and (max-width: 768px){
	.foot_apply_area {
		width: 90%;
		padding:0;
		margin:0 auto;
	}
}
/*ページ下部　角丸*/
.foot_apply_btn{
	position: relative;
	width:100%;
	/*padding:15px 20px 14px;*/
	padding:15px 18px 14px;
	text-align: center;
	line-height: 1.25;
	text-decoration:none;
	font-size:22px;
	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);
	}
/*ページ下部　オンライン　くの字*/
.foot_apply_btn.online_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .5em;
	height: .5em;
	border-top: .13em solid #fff;
	border-right: .13em solid #fff;
	transform: rotate(45deg);
}
/*ページ下部　問い合わせ　くの字*/
.foot_apply_btn.request_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .5em;
	height: .5em;
	border-top: .13em solid #004386;
	border-right: .13em solid #004386;
	transform: rotate(45deg);
}

/*---------------------------------
追従ボタン*/
.js-contact_bt_1,
.js-contact_bt_2{
	font-weight:bold;
	text-align:center;
}

/*---------------------------------
ページ上部フリーダイヤル*/
.contact_tel_hq{
	width:100%;
}

/*---------------------------------
ページ下部問い合わせ*/
.tabwidth {
	width: 980px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px){
	.tabwidth {
		width: 100%;
	}
}
.inquary_ttl {
	color: #004386;
	font-size: 1.6em;
	line-height:140%;
	margin: 50px 0 30px;
	text-align: center;
	font-weight: bold;
}
.inquary_txt{
	margin:1em;
}
/*---------------------------------
ページ下部タブへのリンク*/
.footwidth{
	width:1260px;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 150px;
}
.footlonk{
	border-top: solid 2px #05397c;
	text-align: center;
}
.footlonk ul li{
	display:inline !important;
	font-size: 1.1em;
	padding-left: 15px;
	padding-right: 15px;
}
.footlonk ul li.bdr{
	color:#777777;
	padding-left: 0px;
	padding-right: 0px;
}
.footlonk ul li.nbd{
	border-left: none;
}
.footlonk ul li.on{
	background-color: #004386;
}
.footlonk ul li.on a{
	color:#FFF;
}
@media only screen and (max-width: 768px){
	.footwidth {
		width: 100%;
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.footlonk{
		border-top: solid 2px #05397c;
		text-align: center;
	}
	.footlonk ul{
		margin:0;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;
	}
	.footlonk ul li{
		display:block !important;
		/*width:100%;*/
		text-align: left;
		line-height: 1.5;
	}
	.footlonk ul li.bdr{
		display:none !important;
	}
	.footlonk ul li a:before {
		content: url(/content/dam/nttcom/hq/jp/business/services/application/ai/cotoha-cf/img/icon_right_arrow.png);
		margin-right: 10px;
	}
	.footlonk ul li.on{
		display:block;
		background-color: #004386;
		border-left: none;
	}
	.footlonk ul li.on a{
		color:#FFF;
	}
	.footlonk ul li.on a:before {
		content: url(/content/dam/nttcom/hq/jp/business/services/application/ai/cotoha-cf/img/icon_right_arrow_w.png);
	}
}

/*---------------------------------
動画*/
.mov_area {
	width:90%;
	margin:0 auto;
}
@media only screen and (max-width: 768px){
	.mov_area {
		width:100%;
	}
}
.mov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.mov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*---------------------------------
メリット/特長*/
.merit_titlearea {
	overflow: initial;
	border-bottom: solid 3px #214a7b;
	padding-bottom: 2px;
}
.point_box {
	width: 120px;
	height: 40px;
	background-color: #214a7b;
	color: #FFF;
	float: left;
	font-size: 1.2em;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	line-height:1.5em;
	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;
}
.point_img {
	width: 360px;
	float: left;
	margin-top: 20px;
}
.point_txt {
	width: 455px;
	float: right;
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 20px;
}
.point_txt p{
	border: 1px solid #ccc;
	padding: 12px 6px;
	font-size: 11.5px;
	margin-top:10px;
}

@media only screen and (max-width: 768px){
	.point_box {
		width: 100%;
	}
	.point_title {
		height: auto;
		margin-bottom:8px;
	}
	.point_img {
		width: 100%;
	}
	.point_txt {
		width: 100%;
	}
}

/*---------------------------------
プラン料金*/
ul{
	margin-left: -1em;
}
h3.service_ttl{
	font-size:20px;
	font-weight:bold;
	line-height:140%;
	margin-top:50px;
	margin-bottom:10px;
}
.scroll-box table.plan_tbl{
	width:839px !important;/*839px for IE */
}
.plan_tbl{
	width:100%;
	line-height:140%;
}
.plan_tbl th,
.plan_tbl td{
	text-align:center;
	vertical-align:middle;
}
.plan_tbl th{
	font-weight:bold;
}
.plan_tbl th,
.plan_tbl td{
	text-align:center;
	vertical-align:middle;
}
.plan_tbl th{
	font-weight:bold;
}
/*注釈*/
ul.asterisk{
	margin-left:-1.4em;
}
ul.asterisk li {
	list-style-type: none;
	text-indent: -1.3em;
	font-size:14px;
	line-height:140%;
}
ul.asterisk li:before {
	display: inline;
	content: "※ ";
}

/*---------------------------------
よくあるご質問*/

.q_num{
	float: left;
}
.q_txt{
	margin-left: 2.5em;
}
/*アコーディオン内注釈*/
.accordion_contents ul.asterisk{
	margin-left:1.4em;
}

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

	2021/12 追加分

---------------------------------*/
/*アワード
.award{
	border: 3px solid #edb73c;
	margin-top: 40px;
	padding: 15px 10px 18px 10px;
	line-height: 1.5em;
	font-size: 14px;
	background-color:#FFF;
}
.award img{
	float:left;
	margin-right:10px;
	margin-left:10px;
	width: 105px;
}
.award p{
	color:#bc0505;
	font-size:18px;
	font-weight:bold;
	margin-top: 5px;
}
@media only screen and (max-width: 768px){
	.award{
		border: 3px solid #edb73c;
		margin-top: 40px;
		padding: 10px;
		line-height: 1.5em;
		font-size: 14px;
		background-color:#FFF;
		text-align: center;
	}
	.award img{
		float:none;
		width:150px;
		height:auto;
		margin:0 auto;
	}
	.award p{
		color:#bc0505;
		font-size:18px;
		font-weight:bold;
	}
	.award span{
		text-align: left;
		display: block;
	}
}
*/
/*導入事例を見る*/
.plan-low-btn {
    border-radius: 0.5em;
    padding: 0.5em 1.5em;
    text-align: center;
    position: relative;
    line-height: 1.25;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff !important;
}
.plan-low-btn:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0.1em;
    right: 1em;
    margin: auto;
    width: 0.5em;
    height: 0.5em;
    border-top: 0.12em solid #fff;
    border-right: 0.12em solid #fff;
    transform: rotate(45deg);
}
.plan-low-btn:hover {
	opacity: .75;
}
.blu {
	background: #004386;
}
.r-side {
	margin: 0 0 0 auto;
}
.wSmall {
	width: 25%;
}

@media only screen and (max-width: 768px){
	.wSmall {
		width: 40%;
	}
}
@media only screen and (max-width: 480px){
	.wSmall {
		width: 100%;
	}
}


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

.footlonk ul{
	margin:1em 0;
}
.foot_apply_area a{
	text-decoration:none;
}
.p-contact-item__tel{
	color:#000 !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.p-contact-item__tel a{
	text-decoration:none;
}
/*余白調整*/
.wrapper .p-facade .p-facade__wrap .p-facade__title .head-lead{
	margin-bottom:20px !important;
}
.p-facade__button{
	margin-top:20px !important;
}
/*黄色ボタン文字色*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn.--yellow.--large .c-btn__link{
	color:#000 !important;
}
/*下部ボタン文字サイズ*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn__link{
	font-size:16px;
	font-weight:bold;
}

/*アワード*/
.award{
	position:relative;
	overflow:hidden;
	border: 3px solid #edb73c;
	margin:0px;
	padding: 10px;
	line-height: 1.5em;
	font-size: 14px !important;
	background-color:#FFF;
}
.award img{
	float:left;
	margin-right:10px;
	/*margin-left:10px;*/
	width: 105px;
}
.award p{
	color:#bc0505;
	font-size:18px;
	font-weight:bold;
	margin: 5px 0 10px;
}
@media only screen and (max-width: 480px){
	.award{
		font-size: 14px;
		text-align: center;
	}
	.award img{
		float:none;
		width:150px;
		height:auto;
		margin:0 auto;
	}
	.award p{
		color:#bc0505;
		font-size:16px;
		font-weight:bold;
	}
	.award span{
		text-align: left;
		display: block;
	}
}