@charset "UTF-8";


/*-----common--------*/


.flL{
	float:left;
}
.flR{
	float:right;
}

.vaM{
	vertical-align:middle;
}
.taC{
	text-align:center;
}
.tcR{
	text-align:right;
}
.tcL{
	text-align:left;
}

.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;}
.mtb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}

.pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;}
.ptb20{padding-bottom:20px;} .mb30{padding-bottom:30px;} .mb40{padding-bottom:40px;} .mb50{padding-bottom:50px;}

.mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}
.mbb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}

.mr10{margin-right:10px;} .mr20{margin-right:20px;} .mr30{margin-right:30px;}
.ml10{margin-left:10px;} .ml20{margin-left:20px;} .ml30{margin-left:30px;}

.fs08em{font-size:0.8em;} .fs09em{font-size:0.9em;} .fs1em{font-size:1em;} .fs12em{font-size:1.2em;} .fs13em{font-size:1.3em;} .fs14em{font-size:1.4em;} .fs15em{font-size:1.5em;} .fs16em{font-size:1.6em;} .fs17em{font-size:1.7em;} .fs18em{font-size:1.8em;} .fs19em{font-size:1.9em;} .fs2em{font-size:2em;} .fs21em{font-size:2.1em;} .fs22em{font-size:2.2em;} .fs23em{font-size:2.3em;} .fs24em{font-size:2.4em;} .fs25em{font-size:2.5em;}

.lh1em{line-height:1em;} .lh12em{line-height:1.2em;} .lh13em{line-height:1.3em;} .lh14em{line-height:1.4em;} .lh15em{line-height:1.5em;} .lh16em{line-height:1.6em;} .lh17em{line-height:1.7em;} .lh18em{line-height:1.8em;} .lh19em{line-height:1.9em;} .lh2em{line-height:2em;} .lh21em{line-height:2.1em;} .lh22em{line-height:2.2em;} .lh23em{line-height:2.3em;} .lh24em{line-height:2.4em;} .lh25em{line-height:2.5em;}

.fwb{
	font-weight:bold;
}

.colorR{
	color:#FF0000;
}
.colorW{
	color:#FFF;
}
.colorB{
	color:#0d347e;
}


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


.clfix:after {
  display: block;
  clear: both;
  content: "";
}

.scene_border{
	padding: .25em 0 .25em .75em; 
	border-left: 10px solid #09357f; 
	margin:20px 0 30px;
	
	
	}

		.pricecomment dl dt{
			float:left;
			padding-top: 2px;
			}
		.pricecomment dl dd{
			margin-left:20px;
			line-height:1.3em;
			margin-bottom: 8px;
		}

@media only screen and (min-width: 769px){
		.smt{
			display:none;
		}
		
		.merit_out_box{
			width:840px;
			margin:0 auto;
		}
		
		.merit_box_out{
			width:840px;
			float:left;
			margin:10px 10px 20px;
		}
		
		.merit_box{
			width:840px;
			background-color: rgba(0,181,252,0.2);
			float:left;
			margin-top: 10px;
			padding:10px;
		}
		
		.merit_box_title1{
			font-size: 1.5em;
			color: #09357f;
			margin-top:30px;
		}
		.merit_box_title2{
			font-size: 1.2em;
			color: #09357f;    
			border-bottom: solid 2px #09357f;
			padding-bottom: 10px;
			text-align: center;
		}
		.merit_box_txt{
			font-size: 1em;
			color: #575757;
			line-height: 1.3em;
			font-weight:bold;
			width:680px;
			float:left;
		}
    
		
		.merit_box_img{
			float:left;
			width:60px;
			height:60px;
			margin:10px;
			float:left;
		}

		
		.sean_title{
			font-size: 1.5em;
			color: #09357f;
			font-weight:bold;
		}
		
		.sean_txt{
			font-size: 1em;
			color: #575757;
			line-height: 1.5em;
			font-weight:bold;
			margin-top:10px;
			margin-left: 15px;
		}
		
		.sean_txt dl,.sean_kouka_txt dl{
			line-height: 1.5em;
		}
		
		.sean_txt dl dt,.sean_kouka_txt dl dt{
			float:left;
		}
		
		.sean_txt dl dd,.sean_kouka_txt dl dd{
			margin-left: 18px;
		}
		
		.sean_kouka_tl{
		background-color: #0e357f;
    width: 169px;
    height: 120px;
    color: #FFF;
    text-align: center;
    padding: 3% 10px;
    float: left;
    line-height: 3em;
    font-size: 1.2em;
		}
		
		.sean_kouka_tl2{
		background-color: #0e357f;
    width: 169px;
    height: 133px;
    color: #FFF;
    text-align: center;
    padding: 4% 10px;
    float: left;
    line-height: 3em;
    font-size: 1.2em;
		}
		
		.sean_kouka_txt{
			width: 553px;
    float: left;
    font-size: 0.9em;
    line-height: 1.5em;
		margin:4px 0 0 10px;
		}

		.sean_line1{
			border: double 5px #09357f;  
			margin:0 0 50px;
		}
		
		.sean_line2{
		border: double 5px #09357f;  
		margin:0 0 50px;
		}
		
		.sean_line3{
		border: double 5px #09357f;  
		margin:0 0 50px;
		}
		
		
		.topcontact_bt {
    width: 215px;
		height:45px;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 12px 20px 12px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", 		Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		float:left;
		position:relative;
		}
		
		.topcontact_bt a {
    text-decoration: none;
    color: #193477;
    font-size: 18px;
    font-weight: bold;
		padding-top: 12px;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		
		.topcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/cmn/img/icon_right_arrow.png);
    margin-left: 10px;
		}
		
		.tabwidth {
    width: 980px;
    margin: 0 auto;	
		}
		
		.foottel_txt {
    background-color: #004386;
    padding: 23px 0;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 30px;
    color: #FFF;
		}
		.footcontact_bt {
    width: 455px;
		height:70px;
    float: left;
    margin-left: 22px;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		position:relative;
		}
		
		.footcontact_bt a {
    text-decoration: none;
    color: #193477;
    font-size: 25px;
    font-weight: bold;
		padding-top: 20px;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		
		.footcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/jp/business/services/application/mail-groupware/gsuite/img/icon_right_arrow2.png);
    margin-left: 10px;
		}
		
		.freedial {
    width: 960px;
    margin-top: 50px;
    text-align: center;
		}
		
		table.price{
			width:100%;
			margin-bottom: 10px;
		}
		
		table.price th,td{
			text-align:center;
			vertical-align:middle;
		}
		
/*ポップアップ*/


.popup_outer {
    width: 96%;
    padding: 15px;
    margin-top: 120px;
    overflow:hidden: ;
}

.popup_outer .title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
}

.popup_outer .outbox {
    overflow: hidden;
    width: 840px;
    margin: 0 auto;
		margin-top: 15px;
}

.popup_outer .outbox .box {
    float: left;
    width: 420px;
    padding: 0 0px;
		margin-bottom: 30px;
}

.popup_outer .outbox .box .balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0px;
  width: 336px;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #ccc;
  box-sizing: border-box;
	border-radius: 10px;
}
.popup_outer .outbox .box .balloonL{
	margin-left: 17px;
}
.popup_outer .outbox .box .balloonR{
	margin-left: 73px;
}



	
.popup_outer .outbox .box .balloon1:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -16px;
    border: 13px solid transparent;
    border-top: 13px solid #FFF;
    z-index: 2;
}

.popup_outer .outbox .box .balloon1:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}



.popup_outer .outbox .box .balloon1 p{
    text-align: center;
    line-height: 1.5em;
		font-size: 20px;
		margin: 8px 0;
}


.btnR{
	float:right !important;
}
.popupcontact_bt {
    width: 325px;
    height: 60px;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 12px 20px 12px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    float: left;
    position: relative;
		text-decoration: none;
    color: #193477;
    font-size: 30px;
    font-weight: bold;
}

.popupcontact_bt:hover{
		background: #fdea8a;
	}
	
.popupcontact_bt span{
	padding-top: 15px;
    display: block;
}
		
.popupcontact_bt a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popupcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/jp/business/services/application/ai/cotoha-translator/img/icon_right_arrow_b.png);
    position: absolute;
    right: 15px;
    top: 27px;
}

table.popup {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
		width: 100%;
}
table.popup th, table.popup td {
    border: 1px solid #ccc;
    padding: 15px;
    vertical-align: top;
    text-align: left;
		line-height: 1.5em;
}

table.popup td.tbl_ctr{
	background: #eaf5fc;
	font-size:14px;
}
table.popup td.tbl_side{
	width:338px;
}
table.popup td.taC{
	text-align:center;
}

table.popup td .nomal{
	font-weight:normal;
}

table.popup td span.tl{
	font-weight:bold;
}
table.popup td span.popmt{
	display: block;
    margin-top: 12px;
}
table.popup td span.tl:before{
	content: "●";
	font-size: 10px;
	margin-right: 3px;
	display: block;
	width: 10px;
	float: left;
}
table.popup td p.sec{
	margin:5px;
	padding-left:1em;
	text-indent:-1em;
	margin-left: 15px;
	font-size: 15px;
}

table.popup td.vaM{
	vertical-align:middle;
}



}

@media only screen and (max-width: 768px) and (min-width: 481px){
		.pc{
			display:none;
		}

		.merit_box_out{
			width:100%;
			float:left;
			margin:10px 10px 20px;
		}
		
		.merit_box{
			width:100%;
			background-color: rgba(0,181,252,0.2);
			float:left;
			margin-top: 10px;
			padding:10px;
		}
		
		.merit_box_title1{
			font-size: 1.5em;
			color: #09357f;
			margin-top:30px;
		}
		.merit_box_title2{
			font-size: 1.2em;
			color: #09357f;    
			border-bottom: solid 2px #09357f;
			padding-bottom: 10px;
			text-align: center;
		}
		.merit_box_txt{
			font-size: 1em;
			color: #575757;
			line-height: 1.3em;
			font-weight:bold;
			width:100%;
			float:left;
		}
    
		
		.merit_box_img{
			float:left;
			width:60px;
			height:60px;
			margin:10px;
			float:left;
		}

		
		.sean_title{
			font-size: 1.5em;
			color: #09357f;
			font-weight:bold;
		}
		
		.sean_txt{
			font-size: 1em;
			color: #575757;
			line-height: 1.5em;
			font-weight:bold;
			margin-top:10px;
			margin-left: 15px;
		}
		
		.sean_txt dl,.sean_kouka_txt dl{
			line-height: 1.5em;
		}
		
		.sean_txt dl dt,.sean_kouka_txt dl dt{
			float:left;
		}
		
		.sean_txt dl dd,.sean_kouka_txt dl dd{
			margin-left: 18px;
		}
		
		.sean_kouka_tl{
		background-color: #0e357f;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 3% 10px;
    float: left;
    line-height: 3em;
    font-size: 1.2em;
		}
		
		.sean_kouka_tl2{
		background-color: #0e357f;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 4% 10px;
    float: left;
    line-height: 3em;
    font-size: 1.2em;
		}
		
		.sean_kouka_txt{
			width: 100%;
    float: left;
    font-size: 0.9em;
    line-height: 1.5em;
		margin:4px 0 0 10px;
		}

		.sean_line1{
			border: double 5px #09357f;  
			margin:100% 0 50px;
		}
		
		.sean_line2{
		border: double 5px #09357f;  
		margin:100% 0 50px;
		}
		
		.sean_line3{
		border: double 5px #09357f;  
		margin:125% 0 50px;
		}
		
		.topcontact_bt {
    width: 100%;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 12px 20px 12px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		margin:10px 0;
		}
		
		.topcontact_bt a {
    text-decoration: none;
    color: #193477;
    font-size: 18px;
    font-weight: bold;
		}
		
		.topcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/cmn/img/icon_right_arrow.png);
    margin-left: 10px;
		}
		
		.foottel_txt {
    background-color: #004386;
    padding: 23px 0;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    margin-bottom: 30px;
    color: #FFF;
		}
		
		.footcontact_bt {
    width: 100%;
    float: left;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		}
		
		.footcontact_bt a {
    text-decoration: none;
    color: #193477;
    font-size: 18px;
    font-weight: bold;
		}
		
		.footcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/cmn/img/icon_right_arrow.png);
    margin-left: 10px;
		}
		
		.footcontact_btml {
    margin-top: 20px;
		}
		
		.freedial {
    width: 100%;
    margin-top: 50px;
    text-align: center;
		}
		
		table.price{
			width:100%;
		}
		
		table.price th,td{
			text-align:center;
			vertical-align:middle;
			line-height:1.3em;
		}


/*ポップアップ*/
.popup_outer {
    padding: 15px;
    margin-top: 45px;
}

.popup_outer .title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
}

.popup_outer .outbox {
    overflow: hidden;
    width:  100%;
    margin: 0 auto;
}

.popup_outer .outbox .box {
    float: left;
    width: 100%;
    padding: 0 0px;
		margin-bottom: 30px;
}

.popup_outer .outbox .box .balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #ccc;
  box-sizing: border-box;
	border-radius: 10px;
}
.popup_outer .outbox .box .balloonL{

}
.popup_outer .outbox .box .balloonR{

}


	
.popup_outer .outbox .box .balloon1:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -16px;
    border: 13px solid transparent;
    border-top: 13px solid #FFF;
    z-index: 2;
}

.popup_outer .outbox .box .balloon1:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}



.popup_outer .outbox .box .balloon1 p{
    text-align: center;
    line-height: 1.5em;
    font-size: 15px;
    margin: 8px 10px;
}


.btnR{
}
.popupcontact_bt {
    width: 84%;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 12px 20px 12px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    position: relative;
    text-decoration: none;
    color: #193477;
    font-size: 22px;
    font-weight: bold;
}

.popupcontact_bt:hover{
		background: #fdea8a;
	}
	
.popupcontact_bt span{
    display: block;
}
		
.popupcontact_bt a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popupcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/jp/business/services/application/ai/cotoha-translator/img/icon_right_arrow_b.png);
    position: absolute;
    right: 5px;
    top: 10px;
}

table.popup {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
		width: 100%;
}
table.popup th, table.popup td {
    border: 1px solid #ccc;
    padding: 15px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
		line-height: 1.5em;
}

table.popup td.tbl_ctr{
	background: #eaf5fc;
}
table.popup td.tbl_side{
	width:100%;
}
table.popup td.taC{
	text-align:center;
}

table.popup td span.tl{
	font-weight:bold;
}
table.popup td span.tl:before{
	content: "●";
	font-size: 10px;
	margin-right: 3px;
	display: block;
	width: 10px;
	float: left;
}
table.popup td p.sec{
	margin:5px;
	padding-left:1em;
	text-indent:-1em;
	margin-left: 15px;
	font-size: 15px;
}

table.popup td.vaM{
	vertical-align:middle;
}

	
}

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

		.pc{
			display:none;
		}

		.merit_box_out{
			width:100%;
			float:left;
			margin:10px 10px 20px;
		}
		
		.merit_box{
			width:100%;
			background-color: rgba(0,181,252,0.2);
			float:left;
			margin-top: 10px;
			padding:10px;
		}
		
		.merit_box_title1{
			font-size: 1.5em;
			color: #09357f;
			margin-top:30px;
		}
		.merit_box_title2{
			font-size: 1.2em;
			color: #09357f;    
			border-bottom: solid 2px #09357f;
			padding-bottom: 10px;
			text-align: center;
		}
		.merit_box_txt{
			font-size: 1em;
			color: #575757;
			line-height: 1.3em;
			font-weight:bold;
			width:100%;
			float:left;
		}
    
		
		.merit_box_img{
			float:left;
			width:60px;
			height:60px;
			margin:10px;
			float:left;
		}

		
		.sean_title{
			font-size: 1.5em;
			color: #09357f;
			font-weight:bold;
		}
		
		.sean_txt{
			font-size: 1em;
			color: #575757;
			line-height: 1.5em;
			font-weight:bold;
			margin-top:10px;
			margin-left: 15px;
		}
		
		.sean_txt dl,.sean_kouka_txt dl{
			line-height: 1.5em;
		}
		
		.sean_txt dl dt,.sean_kouka_txt dl dt{
			float:left;
		}
		
		.sean_txt dl dd,.sean_kouka_txt dl dd{
			margin-left: 18px;
		}
		
		.sean_kouka_tl{
		background-color: #0e357f;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 3% 10px;
    float: left;
    line-height: 3em;
    font-size: 1.2em;
		}
		
		.sean_kouka_tl2{
		background-color: #0e357f;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 4% 10px;
    float: left;
    line-height: 3em;
    font-size: 1.2em;
		}
		
		.sean_kouka_txt{
			width: 100%;
    float: left;
    font-size: 0.9em;
    line-height: 1.5em;
		margin:4px 0 0 10px;
		}

		.sean_line1{
			border: double 5px #09357f;  
			margin:100% 0 50px;
		}
		
		.sean_line2{
		border: double 5px #09357f;  
		margin:100% 0 50px;
		}
		
		.sean_line3{
		border: double 5px #09357f;  
		margin:125% 0 50px;
		}
		
				.topcontact_bt {
    width: 100%;
		height:45px;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 12px 20px 12px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		margin:10px 0;
		position:relative;
		}
		
		.topcontact_bt a {
    text-decoration: none;
    color: #193477;
    font-size: 18px;
    font-weight: bold;
		padding-top: 12px;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		
		.topcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/cmn/img/icon_right_arrow.png);
    margin-left: 10px;
		}
		
		.foottel_txt {
    background-color: #004386;
    padding: 23px 0;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    margin-bottom: 30px;
    color: #FFF;
		}
		
		.footcontact_bt {
    width: 100%;
		height:70px;
    float: left;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		position:relative;
		}
		
		.footcontact_bt a {
    text-decoration: none;
    color: #193477;
    font-size: 18px;
    font-weight: bold;
		padding-top: 25px;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		
		.footcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/cmn/img/icon_right_arrow.png);
    margin-left: 10px;
		}
		
		.footcontact_btml {
    margin-top: 20px;
		}
		
		.freedial {
    width: 100%;
    margin-top: 50px;
    text-align: center;
		}
		table.price{
			width:100%;
		}
		
		table.price th,td{
			text-align:center;
			vertical-align:middle;
			line-height:1.3em;
		}

/*ポップアップ*/
.popup_outer {
    padding: 15px;
    margin-top: 45px;
}

.popup_outer .title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
}

.popup_outer .outbox {
    overflow: hidden;
    width:  100%;
    margin: 0 auto;
}

.popup_outer .outbox .box {
    float: left;
    width: 100%;
    padding: 0 0px;
		margin-bottom: 30px;
}

.popup_outer .outbox .box .balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #ccc;
  box-sizing: border-box;
	border-radius: 10px;
}
.popup_outer .outbox .box .balloonL{

}
.popup_outer .outbox .box .balloonR{

}


	
.popup_outer .outbox .box .balloon1:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -16px;
    border: 13px solid transparent;
    border-top: 13px solid #FFF;
    z-index: 2;
}

.popup_outer .outbox .box .balloon1:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}



.popup_outer .outbox .box .balloon1 p{
    text-align: center;
    line-height: 1.5em;
    font-size: 15px;
    margin: 8px 10px;
}


.btnR{
}
.popupcontact_bt {
    width: 84%;
    text-align: center;
    background: #ffd601;
    border: 2px solid #004386;
    padding: 12px 20px 12px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    position: relative;
    text-decoration: none;
    color: #193477;
    font-size: 22px;
    font-weight: bold;
}

.popupcontact_bt:hover{
		background: #fdea8a;
	}
	
.popupcontact_bt span{
    display: block;
}
		
.popupcontact_bt a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popupcontact_bt a:after {
    content: url(/content/dam/nttcom/hq/jp/business/services/application/ai/cotoha-translator/img/icon_right_arrow_b.png);
    position: absolute;
    right: 5px;
    top: 10px;
}

table.popup {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
		width: 100%;
}
table.popup th, table.popup td {
    border: 1px solid #ccc;
    padding: 15px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
		line-height: 1.5em;
}

table.popup td.tbl_ctr{
	background: #eaf5fc;
}
table.popup td.tbl_side{
	width:100%;
}
table.popup td.taC{
	text-align:center;
}

table.popup td span.tl{
	font-weight:bold;
}
table.popup td span.tl:before{
	content: "●";
	font-size: 10px;
	margin-right: 3px;
	display: block;
	width: 10px;
	float: left;
}
table.popup td p.sec{
	margin:5px;
	padding-left:1em;
	text-indent:-1em;
	margin-left: 15px;
	font-size: 15px;
}

table.popup td.vaM{
	vertical-align:middle;
}


}