@charset "utf-8";
/* CSS Document */

body.popup_screen {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:14px;
}

body.popup_screen .inner{
	max-width:960px;
	width:100%;
	margin:0 auto;
	padding:2%;
	box-sizing: border-box;
}

body.popup_screen h1.page_title{
	text-align:center;
	color: #fff;
	background-color:#009a63;
	padding:5px;
	box-sizing: border-box;
	font-size: 1rem;
	margin-bottom:5%;
}

body.popup_screen .f_l{
	float:left;
}

body.popup_screen .clear_b{
	clear:both;
}

/*QuickCRMの全体構成*/
.popup_crm_outline .frame{
	padding:1%;
	background-image:url("../img/bg01.jpg");
	background-repeat: repeat;
	background-position: left top;
	padding: 2%;
	box-sizing: border-box;
}

.popup_crm_outline .frame.f_l{
	width:100%;
	float:none;
	padding: 5%;
	box-sizing: border-box;
}

.popup_crm_outline .outline.f_l{
	width:100%;
	margin-right: 0%;
	padding:7% 3%;
	box-sizing: border-box;
	border:solid 3px #2abea5;
	background-color:#fff;
	margin-bottom:10%;
}

.popup_crm_outline .cti.f_l{
	width:100%;
	background-color:#fff;
	padding:7% 3%;
	box-sizing: border-box;
	border:solid 3px #2abea5;
}

.popup_crm_outline .option.f_l{
	margin-right: 0;
	width:100%;
	padding:5% 3%;
	box-sizing: border-box;
	border:solid 3px #2abea5;
}

.popup_crm_outline img.add{
	padding: 1%;
	box-sizing: border-box;
	width:15%;
	height: auto;
	margin: 0 auto;
	display:block;
	float:none;
}

.popup_crm_outline div.f_l{
	position:relative;
}

.popup_crm_outline div.f_l h2{
	color:#2abea5;
	font-size:1.1rem;
	text-align:center;
	display:inline-block;
	background-color:#fff;
	top:-4%;
	padding:1% 5%;
	box-sizing: border-box;
	margin:0 auto;
	position:absolute;
	font-weight: normal;
}

.popup_crm_outline .outline.f_l h2{
	margin-left:20%;
}

.popup_crm_outline .cti.f_l h2{
	margin-left:30%;
}


.popup_crm_outline .option.f_l h2{
	margin-left:30%;
	top: -3%;
}


.popup_crm_outline div.frame.f_l h2.required{
	background-color:#2abea5;
	padding: 0.5%;
	box-sizing: border-box;
	text-align:center;
	margin-bottom: 8%;
	font-size:1.2rem;
	color:#fff;
	border-radius: 50px;
	position: unset;
	width:100%;
}

.popup_crm_outline div.outline div{
	border:solid 1px #0071bc;
	margin-bottom:30px;
}

.popup_crm_outline div.basic{
	border:solid 1px #009a63;
	margin-bottom:20px;
}

.popup_crm_outline div.option div{
	border:solid 1px #f7931e;
	margin-bottom:8px;
}

.popup_crm_outline div.option div.app{
	margin-bottom:0;
}

.popup_crm_outline div.outline div h3{
	text-align:center;
	color:#fff;
	padding: 5px;
	box-sizing: border-box;
	background-color:#0071bc;
	font-size:1rem;
	font-weight: normal;
}

.popup_crm_outline div.basic h3{
	text-align:center;
	color:#fff;
	padding: 5px;
	box-sizing: border-box;
	background-color:#009a63;
	font-size:1rem;
	font-weight: normal;
}

.popup_crm_outline div.option div h3{
	text-align:center;
	color:#fff;
	padding: 5px;
	box-sizing: border-box;
	background-color:#f7931e;
	font-size:1rem;
	font-weight: normal;
}

.popup_crm_outline div.outline div ul{
	padding:10px;
	box-sizing: border-box;
}

.popup_crm_outline div.basic ul{
	padding:10px;
	box-sizing: border-box;
}

.popup_crm_outline div.option div ul{
	padding:10px;
	box-sizing: border-box;
}

.popup_crm_outline div.outline div ul li{
	/*color:#0071bc;*/
	font-size:0.85rem;
}

.popup_crm_outline div.basic ul li{
	/*color:#009a63;*/
	font-size:0.85rem;
	margin-bottom:2%;
	clear: both;
}

.popup_crm_outline div.option div ul li{
	/*color:#0071bc;*/
	font-size:0.85rem;
	margin-bottom:2%;
}

.popup_crm_outline div.basic ul li:last-child{
	margin-bottom:0;
}

.popup_crm_outline div.option div ul li:last-child{
	margin-bottom:0;
}

.popup_crm_outline div.outline div.expansion{
	margin-bottom:0;
	border:solid 1px #c1272d;
}

.popup_crm_outline div.outline div.expansion h3{
	background-color:#c1272d;
}

.popup_crm_outline div.outline div.expansion ul li{
	/*color:#c1272d;*/
	margin-bottom:2%;
}

.popup_crm_outline div.outline div.expansion ul li:last-child{
	margin-bottom:0;
}

.popup_crm_outline div.basic ul li:last-child{
	margin-bottom:0;
}

.popup_crm_outline div.basic ul li ul{
	padding:0 10px;
	overflow: hidden;
}

.popup_crm_outline div.basic ul li ul li{
	margin-bottom:1%;
	background-color:#009a63;
	text-align:center;
	color: #fff;
	border-radius: 50px;
	float: left;
	width:46%;
	margin-right: 20px;
	clear: none;
}

.popup_crm_outline div.basic ul li ul li:nth-child(2n){
	margin-right:0;
}

.popup_crm_outline div.pbx ul{
	overflow:hidden;
}

.popup_crm_outline div.pbx ul li{
	font-size:0.85rem;
	text-align:center;
	margin-bottom:0%;
	float: left;
	width: 50%;
}

.popup_crm_outline div.pbx ul li:last-child{
	margin-bottom:0;
}

.popup_crm_outline div.pbx ul li:last-child img{
	margin-top:10px;
}

.popup_crm_outline div.pbx ul li img{
	width:59%;
	height: auto;
}

/*コンタクトセンター向けCRMが必要な理由*/
.popup_reason ol.merit{
	overflow:hidden;
	margin-top: 30px;
}

.popup_reason ol.merit>li{
	/*float: left;
	width:47%;
	margin-right: 5%;*/
	background-color:#fff9f3;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.popup_reason ol.merit > li:last-child{
	/*margin-right: 0;*/
}

.popup_reason ol.merit > li h3{
	color:#736357;
	margin-bottom:20px;
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
}

.popup_reason ol.merit > li h3 span.num{
	display: block;
	text-align: center;
	color: #fff;
	width:45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	margin: 0 auto 5px;
	background-color:#736357;
}

.popup_reason ol.merit > li ul.case{
	margin-bottom:30px;
}

.popup_reason ol.merit > li:first-child ul.case {
  /*margin-bottom: 115px;*/
}


.popup_reason ol.merit > li ul.case li{
	text-align: left;
	margin-bottom: 10px;
	list-style: disc;
	margin-left: 20px;
}

.popup_reason ol.merit > li ul.merit{
	overflow: hidden;
}

.popup_reason ol.merit > li:first-child ul.merit {
  /*margin-bottom: 45px;*/
}

.popup_reason ol.merit > li ul.merit li{
	float: left;
	width:50%;
	padding:10px;
	box-sizing: border-box;
	color:#f15a24;
}

.popup_reason ol.merit > li ul.merit li img{
	display: block;
	height: 80px;
	width:auto;
	margin: 0 auto 20px;
}

.popup_reason ol.merit > li p{
	background-image: url("../img/reason/yaji.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 50%;
	color:#fff;
	text-align: center;
	padding: 13px 10px 30px;
	box-sizing: border-box;
}

.popup_reason h3.conclusion{
	text-align:center;
	font-size:1.2rem;
	margin-top: 50px;
	font-weight: normal;
}

.popup_reason h3.conclusion span{
	background:linear-gradient(transparent 70%, #f091a07d 0%);
	padding: 0 1%;
}

.popup_reason ol.result{
	margin-top: 50px;
	overflow: hidden;
}

.popup_reason ol.result li{
	float: left;
	width:170px;
	padding: 35px 20px;
	box-sizing: border-box;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color:#e1fff4;
	border-radius: 50%;
	text-align: center;
	font-size:0.9rem;
}

.popup_reason ol.result li.information{
  padding: 25px 20px;
}

.popup_reason ol.result li:nth-child(2n){
	margin-right: 0;
}

.popup_reason ol.result li img{
	display: block;
	height: 65px;
	width: auto;
	margin: 0 auto 10px;
}

/*CRMのメリット*/
.popup_crm_outline.popup_crm_faq h1.question dl{
	overflow:hidden;
	margin-bottom: 50px;
}

.popup_crm_outline.popup_crm_faq h1.question dl dt{
	float:left;
	width: 15%;
	box-sizing: border-box;
	margin-right: 10x;
}

.popup_crm_outline.popup_crm_faq h1.question dl dt img{
	width:100%;
	height: auto;
}

.popup_crm_outline.popup_crm_faq h1.question dl dd{
	float: left;
	width:82%;
	background-image: url("../img/crm_merit/img02.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size: 30px;
}

.popup_crm_outline.popup_crm_faq h1.question dl dd span{
	color:#fff;
	width:93%;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-left: 25px;
	display: inline-block;
	background-color: #8fcfd7;
	font-size: 1rem;
}

.popup_crm_outline.popup_crm_faq  figure{
	border:solid 3px #274b66;
	border-radius: 10px;
	padding:20px;
	box-sizing: border-box;
	position: relative;
}

.popup_crm_outline.popup_crm_faq  figure img{
  position: absolute;
  width: 125px;
  height: auto;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
  bottom: -80px;
  right: -0;
  background-color: #fff;
}

.popup_crm_outline.popup_crm_faq figure figcaption{
  font-size: 1rem;
  line-height: 1.5;
}

.popup_crm_outline.popup_crm_faq figure figcaption span{
	color:#806a59;
	background:linear-gradient(transparent 70%, #f7dfdb 0%);
}

.popup_crm_outline.popup_crm_faq figure figcaption dl{
	overflow:hidden;
	margin-top: 20px;
}

.popup_crm_outline.popup_crm_faq figure figcaption dl dt{
	/*float:left;
	margin-right: 20px;
	clear: both;
	width:30%;*/
	margin-top: 20px;
	color:#284a66;
	font-weight: bold;
	/*font-size:1.1rem;*/
}

.popup_crm_outline.popup_crm_faq figure figcaption dl dd{
	/*float:right;
	margin-top: 20px;
	width:65%;*/
	margin-top: 5px;
	/*font-size:1.1rem;*/
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li{
	margin-bottom:40px;
	padding: 30px;
	box-sizing: border-box;
	background-color:#fffde6;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li:last-child{
	margin-bottom:0;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li h3{
	text-align:center;
	font-size:1.2rem;
	margin-bottom: 10px;
	color:#284b66;
	border-bottom:solid 1px #284b66;
	padding-bottom: 5px;
	box-sizing: border-box;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li p{
	font-size:0.9rem;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li small{
	font-size:0.9rem;
	text-align: center;
	display: block;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li img{
	width:100%;
	position: unset;
	height: auto;
	margin:10px auto;
	background-color:rgba(0, 0, 0, 0);
	display: block;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li table tr th,
.popup_crm_outline.popup_crm_faq figure figcaption ul li table tr td{
	font-size:0.8rem;
	width:50%;
	padding: 5px;
	box-sizing: border-box;
}

.popup_crm_outline.popup_crm_faq figure figcaption ul li table tr:nth-child(2n){
	background-color:#ebf8ff;
}

.popup_dialer_outline .dialer_image{
	padding:50px 0 30px;
	box-sizing: border-box;
	border-bottom:solid 1px #e3e1e1;
}

.popup_dialer_outline .dialer_image.dialer_image2{
	border-bottom: none;
}

.popup_dialer_outline .dialer_image img{
	width:100%;
	height: auto;
}

.popup_dialer_outline .dialer_image h2{
	color:#009a63;
	margin-bottom:30px;
}

.popup_dialer_outline .dialer_image p{
	text-align:left;
	margin-bottom:30px;
}

/*QuickIVRの全体構成*/

.popup_ivr_outline ul.first{
  overflow: hidden;
  /*float: left;
  width: 72%;*/
}

.popup_ivr_outline ul li{
	float:left;
	width:27%;
	margin-right: 15px;
	text-align: center;
	font-size:12px;
}

.popup_ivr_outline ul li:last-child{
	margin-right:0;
}

.popup_ivr_outline ul li.spi {
  width: 30%;
  margin-top: 0;
  float: none;
}

.popup_ivr_outline ul li img{
	width:55%;
	height: auto;
	display:block;
	margin: 20px auto;
}

.popup_ivr_outline ul li h4{
	margin-bottom:10px;
}

.popup_ivr_outline ul li.pbx{
  overflow: hidden;
  background-image: url("../img/ivr_outline/yaji02.png"), url("../img/ivr_outline/yaji02.png");
  background-position: right 77px, right 206px;
  background-repeat: no-repeat, no-repeat;
  background-size: 10px, 10px;
  padding-right: 1px;
  box-sizing: border-box;
  float: left;
  width: 34%;
}

.popup_ivr_outline ul li.pbx div {
  background-color: #eeecec;
  margin-right: 13px;
	padding-left: 5px;
	box-sizing: border-box;
}

.popup_ivr_outline ul li.pbx ul.float_pbx{
	float:left;
	width:58%;
	margin-right: 0;
}

.popup_ivr_outline ul li.pbx ul li{
	width:100%;
	float: none;
	text-align:left;
	padding:12px 10px 12px 0;
	box-sizing: border-box;
	padding-right: 0;
}

.popup_ivr_outline ul li.pbx ul.float_pbx.analize{
	width:36%;
	background-image: none;
}

.popup_ivr_outline ul li.pbx ul.float_pbx.analize li img {
  float: left;
  width: 4px;
  margin: 0 5px 0 0;
  height: 64px;
}

.popup_ivr_outline ul li.pbx ul.float_pbx.analize li span{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	color:#2abea5;
	border: solid 1px #2abea5;
	padding:10px 2px;
	box-sizing: border-box;
	background-color:#fff;
}

/*.popup_ivr_outline ul li.voice ul {
  float: left;
  width: 50%;
}*/

.popup_ivr_outline ul li.voice ul li{
	width:100%;
	margin-right: 0px;
	padding: 0 0 10px 0;
	box-sizing: border-box;
}

.popup_ivr_outline ul li.voice ul li span{
	background-color:#eeecec;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}

.popup_ivr_outline ul li.voice ul li{
	float:none;
	width: 100%;
}

.popup_ivr_outline ul li.voice ul li.rx{
	overflow:hidden;
	background-image: url("../img/ivr_outline/yaji01.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 25px;
	padding-right: 0px;
	box-sizing: border-box;
}

.popup_ivr_outline ul li.voice ul li:last-child{
	margin-right:0;
	width: 100%;
}

.popup_ivr_outline ul li.voice ul li.voice02{
	overflow:hidden;
	background-image: url("../img/ivr_outline/yaji01.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 25px;
	padding-right: 0px;
	box-sizing: border-box;
}

.popup_ivr_outline ul li.voice ul.mr_0 li:last-child{
	margin-top:20px;
}

/*.popup_ivr_outline ul li.app{
	clear:both;
	padding-top: 30px;
}*/

.popup_ivr_outline ul li.app ul li{
	float:none;
	width: 100%;
	margin-right: 0;
}

.popup_ivr_outline ul li.app div{
	background-color:#eeecec;
	padding: 5px;
	box-sizing: border-box;
}


.popup_ivr_outline ul li.app img {
  width: 100%;
}

.popup_ivr_outline ul.mail{
  float: left;
  width: 50%;
}

.popup_ivr_outline ul.ai{
	float:right;
	width:38%;
}

.popup_ivr_outline ul.mail > li{
	width:50%;
	margin: 0;
}

.popup_ivr_outline ul.mail > li img{
	height:40px;
	width:auto;
}

.popup_ivr_outline ul.mail > li.sms img{
	height:60px;
}

.popup_ivr_outline ul.ai li{
	width:100%;
}

.popup_ivr_outline ul.mail > li:first-child,
.popup_ivr_outline ul.ai > li:first-child{
	float:none;
	width:100%;
}

.popup_ivr_outline ul.mail > li:first-child ul li{
	width:100%;
	margin:0;
}

.popup_ivr_outline ul.mail > li:first-child ul li img{
	width:20px;
	height: auto;
}

.popup_ivr_outline ul.ai > li img{
	width:45px;
	height: auto;
}

.popup_ivr_outline ul.ai li div{
	background-color:#eeecec;
	padding: 5px;
	box-sizing: border-box;
}

.popup_ivr_outline ul.ai li div img{
	margin-bottom:0;
}

/*QuickPreviewの特長*/
.popup_preview_feature ul{
	overflow:hidden;
	margin-top: 30px;
	position:relative;
}

.popup_preview_feature ul li{
	/*float: left;
	width:45%;
	padding:20px;*/
	box-sizing: border-box;
}

.popup_preview_feature ul li.switch_img{
	/*width:55%;*/
	padding: 0;
	margin-bottom:50px;
}

.popup_preview_feature ul li img{
	width:100%;
	height: auto;
	margin-bottom: 20px;
}

.popup_preview_feature ul li.switch_img img{
	margin-bottom:5px;
}

.popup_preview_feature ul li.switch_img img.yaji{
	width:17%;
	display: block;
	margin: 0 auto 10px;
}

.popup_preview_feature ul li h4{
	color:#2abea5;
	text-align:center;
	margin-bottom:10px;
}

.popup_preview_feature ul li div.switch{
	/*margin-top:50px;*/
	padding:20px;
	box-sizing: border-box;
	border-radius: 10px;
	border:solid 1px #2abea5;
}

/*コールリストの管理方法*/
.popup_calllist .inner div{
	margin-top: 50px;
}

.popup_calllist .inner div ul{
	overflow:hidden;
}

.popup_calllist .inner div ul li{
	float:none;
	width: 100%;
	margin-bottom: 40px;
}

.popup_calllist .inner div ul li:last-child{
	margin-right: 0;
}

.popup_calllist .inner div ul li img{
	width:100%;
	height: auto;
}

.popup_calllist .inner div h4{
	color:#009a63;
	margin-bottom:20px;
	font-size:18px;
}

.popup_calllist .inner div ul li img.small{
	width:80%;
	display:block;
	margin: 0 auto;
}

.popup_calllist .inner div ul li p{
	margin-bottom:30px;
}

.popup_calllist .inner div ul li p span{
	color:#009a63;
	display:block;
	padding-bottom:5px;
	box-sizing: border-box;
	margin-bottom:10px;
	border-bottom:dotted 1px #009a63;
}

/*QuickIVRの設計コンセプト*/
.popup_ivr_concept .inner div{
	margin-top:50px;
}

.popup_ivr_concept .inner div > h4{
	color:#009a63;
	margin-bottom:20px;
	font-size:18px;
}

.popup_ivr_concept .inner div figure{
	overflow:hidden;
}

.popup_ivr_concept .inner div figure img{
	width:75%;
	height: auto;
	margin: 0 auto 20px;
	display: block
}

.popup_ivr_concept .inner div figure figcaption{
	/*float:right;
	width: 67%;*/
}

.popup_ivr_concept .inner div figure figcaption h4{
	color:#009a63;
	padding-bottom:5px;
	box-sizing: border-box;
	margin-bottom:10px;
	border-bottom:dotted 1px #009a63;
	font-size:18px;
}

.popup_ivr_concept .inner div figure figcaption ul{
	margin-bottom:30px;
}

.popup_ivr_concept .inner div figure figcaption li{
	margin-bottom:10px;
	list-style: disc;
	margin-left: 20px;
}

/*QuickIVR（音声認識・AI機能付き）の全体構成*/
.popup_ivr_outline.popup_outline02 ul li.pbx ul.float_pbx.analize li span{
	padding:65px 2px;
}

.popup_ivr_outline.popup_outline02 ul li.pbx div{
	margin-right: 3px;
}

.popup_ivr_outline.popup_outline02 ul li.pbx {
  overflow: hidden;
  background-image: url("../img/ivr_outline/yaji02.png"), url("../img/ivr_outline/yaji04.png");
  background-position: right 77px, right 182px;
  background-repeat: no-repeat, no-repeat;
  background-size: 10px, 10px;
  padding-right: 10px;
  box-sizing: border-box;
	margin-right:5px;
}

.popup_ivr_outline.popup_outline02 ul li.pbx ul.float_pbx.analize{
	float:right;
}

.popup_ivr_outline.popup_outline02 ul li{
	width:28%;
}


.popup_ivr_outline.popup_outline02 ul li.spi {
  width: 25%;
}

.popup_ivr_outline ul li.voice ul li{
	padding:11px 0;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li{
	width:25%;
	float: left;
}
.popup_ivr_outline.popup_outline02 ul li.voice{
	width:41%;
	margin-right: 5px;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul.mr_0{
	clear:both;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.rx,
.popup_ivr_outline.popup_outline02 ul li.voice ul li.voice02{
	background-image:none;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.streaming{
	font-size:11px;
	padding-bottom:3px;
	box-sizing: border-box;
	border-bottom:dotted 3px #2abea5;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.output{
	padding-top:0;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.output p{
  font-size: 11px;
  float: none;
  width: 100%;
  text-align: center;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.output img{
	height:25px;
	width:auto;
	margin:0 auto;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.tx{
	margin-top:15px;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.file {
  width: 65%;
}

.popup_ivr_outline.popup_outline02 ul li.voice ul li.file img{
	margin:0;
	width: 100%;
}

.popup_ivr_outline.popup_outline02 ul li.app div{
	margin-top:20px;
}

.popup_ivr_outline.popup_outline02 ul li.app div img{
	margin-bottom:0;
}

.popup_ivr_outline.popup_outline02 ul.mail > li:nth-child(2),
.popup_ivr_outline.popup_outline02 ul.mail > li:last-child{
	width:50%;
}

.popup_ivr_outline.popup_outline02 ul.ai{
	width:40%;
}

.popup_ivr_outline.popup_outline02 ul.ai > li{
	width:100%;
}

.popup_ivr_outline.popup_outline02 ul.ai li div{
	padding:10px;
	box-sizing: border-box;
	margin-top:20px;
}

.popup_ivr_outline.popup_outline02 ul.ai li div img{
	width:100%;
	margin-top: 0;
	margin-bottom:20px;
}

/*QuickPreviewの全体構成*/
.popup_preview_outline ul.float_box{
	overflow:hidden;
	margin-top:30px;
}

.popup_preview_outline ul.float_box > li{
	/*float:left;
	width:18%;*/
	text-align: center;
	font-size:14px;
}

.popup_preview_outline ul.float_box li.yaji{
	/*width:20px;*/
}

.popup_preview_outline ul.float_box li.file{
	/*width:7%;*/
}

.popup_preview_outline ul.float_box li.file img{
	width:20%;
}

.popup_preview_outline ul.float_box li img{
	width:90%;
	height:auto;
	display:block;
	margin: 0 auto 20px;
}

.popup_preview_outline ul.float_box li.yaji img{
  width: 25%;
	/*margin-top:98px;*/
	margin-bottom:20px;
}

.popup_preview_outline ul.float_box li.database img {
  width: 20%;
	margin-bottom:20px;
}

.popup_preview_outline ul.float_box li.file div{
	margin:40px 0;
}

.popup_preview_outline ul.float_box li.data div{
	margin:20px 0;
}

.popup_preview_outline ul.float_box li.data img{
	margin-bottom:20px;
	width:100%;
}

.popup_preview_outline ul.float_box li span{
	display:block;
	margin-bottom: 10px;
	background-color:#2abea5;
	border-radius: 50px;
	color:#fff;
	padding:0 10px;
	box-sizing: border-box;
}

.popup_preview_outline ul.float_box li.database p{
	text-align:left;
	width:95%;
	margin:0 auto 20px;
}

.popup_preview_outline ul.float_box li.database div.preview > p{
	text-align:center;
}

.popup_preview_outline ul.float_box li.database div.preview h4{
	color:#2abea5;
	margin-bottom:10px;
	overflow:hidden;
}

.popup_preview_outline ul.float_box li.database div.preview ul{
	margin:20px auto;
	overflow:hidden;
	width: 50%;
}

.popup_preview_outline ul.float_box li.database div.preview ul li{
	float:left;
	width:33.3%;
}

.popup_preview_outline ul.float_box li.database div.preview ul li img{
	width:90%;
	height: auto;
	margin-top:10px;
}

.popup_preview_outline ul.float_box li.database div.preview div.output{
	overflow:hidden;
}

.popup_preview_outline ul.float_box li.database div.preview div.output img{
	width:100%;
}

.popup_preview_outline ul li.network{
  /*float: right;
  width: 100%;
  margin-right: 222px;
  margin-top: -130px;*/
  background-image: url("../img/ivr_outline/yaji01.png");
  background-repeat: no-repeat;
  background-position: right 40px;
  background-position: bottom center;
	background-size: 75px;
margin-top: 20px;
padding-bottom: 35px;
}


/*業務画面の作成*/
.popup_work section.inner > p{
	margin-bottom:50px;
}

.popup_work section.inner > div{
	margin-bottom:50px;
	padding:20px;
	box-sizing: border-box;
}

.popup_work section.inner > div img{
	width:100%;
	display:block;
	margin: 20px auto 0;
}

.popup_work section.inner > div h4{
	color:#009a63;
	font-size:18px;
	margin-bottom:20px;
	text-indent: -1em;
	padding-left: 1em;
}

.popup_work section.inner > div.template{
	background-color:#f4f4f4;
}

.popup_work section.inner > div.template ol > li{
	margin-bottom:30px;
	border-bottom:solid 2px #d9d9d9;
	padding-bottom:30px;
	box-sizing: border-box;
}

.popup_work section.inner > div.template ol li:last-child{
	margin-bottom:0;
	border-bottom:none;
}

.popup_work section.inner > div.template ol > li figure{
	overflow:hidden;
}

.popup_work section.inner > div.template ol > li figure img{
	/*float:left;
	width:50%;*/
	margin-bottom: 20px;
}

.popup_work section.inner > div.template ol > li figure figcaption{
	/*float:right;
	width:46%;*/
}

.popup_work section.inner > div.template ol > li h5{
	border-bottom:solid 1px #8fd0d7;
	padding:10px;
	box-sizing: border-box;
	margin-bottom:20px;
}

.popup_work section.inner > div.template ol > li h5 span{
	color:#8fd0d7;
	font-size:18px;
	display:inline-block;
}

.popup_work section.inner > div.template ol > li h5 span.num{
  display: inline-block;
  background-color: #8fd0d7;
  border: solid 3px #fff;
  text-align: center;
  color: #fff;
  margin-right: 5px;
  padding: 5px 13px;
  box-sizing: border-box;
  font-size: 18px;
	margin-bottom:5px;
	font-family: 'Oleo Script Swash Caps', cursive;
}

.popup_work section.inner > div.template ol li ul.template{
	overflow:hidden;
	margin-top:20px;
	padding: 0 0px 20px;
	box-sizing: border-box;
	background-color: #fff;
	border:solid 1px #8fd0d7;
}

.popup_work section.inner > div.template ol li ul li{
	/*float:left;
	width:50%;*/
	padding:0 20px;
	box-sizing: border-box;
	text-align:left;
}

.popup_work section.inner > div.template ol li ul h5{
	background-color:#8fd0d7;
	color:#fff;
	font-size:16px;
	text-align: center;
	padding:5px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.popup_work section.inner > div.template ol li div.template_image figure img{
	width:100%;
}

.popup_work section.inner > div.template ol li.function figcaption ul li{
	float:none;
	width:100%;
}

/*QuickCRMで接続できるPBXについて*/
.popup_crm_pbx ul.pbx_type{
	overflow:hidden;
}

.popup_crm_pbx ul.pbx_type > li{
	/*float:left;
	width:46%;*/
	margin-bottom: 50px;
}

.popup_crm_pbx ul.pbx_type > li:last-child{
	margin-right:0;
}

.popup_crm_pbx ul.pbx_type > li h4{
	background-color:#736357;
	color:#fff;
	text-align: center;
	margin-bottom:30px;
	padding:2px;
	box-sizing: border-box;
	border-radius: 50px;
	font-size:16px;
}

.popup_crm_pbx ul.pbx_type > li ul{
	overflow:hidden;
	background-color: #fff9f3;
	padding:20px;
	box-sizing: border-box;
}

.popup_crm_pbx ul.pbx_type > li ul li{
  float: left;
  width: 42%;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 10px;
  margin-right: 20px;
}

.popup_crm_pbx ul.pbx_type > li ul li:nth-child(2n){
	margin-right:0;
}

.popup_crm_pbx ul.pbx_type > li ul li span{
	color:orange;
}

.popup_crm_pbx ul.pbx_type > li ul li.wide{
	width:100%;
	margin-right: 0;
}

.popup_crm_pbx ul.pbx_type > li ul li:last-child{
	margin-bottom:0;
}

.popup_crm_pbx ul.pbx_type > li figure{
	clear:both;
}

.popup_crm_pbx ul.pbx_type > li figure img{
	width:100%;
	height: auto;
	margin-top: 30px;
}

/*QuickCRMの機能構成*/
.popup_crm_function ul.function_type{
	overflow:hidden;
}

.popup_crm_function ul.function_type li{
	/*float:left;
	width: 47%;
	margin-right: 50px;*/
	margin-bottom:50px;
}

.popup_crm_function ul.function_type li:last-child{
	margin-bottom:0;
}

.popup_crm_function ul.function_type li h4{
	color:#f7931e;
	overflow:hidden;
	margin-bottom:30px;
}

.popup_crm_function ul.function_type li:nth-child(2) h4{
	color:#2abea5;
}

.popup_crm_function ul.function_type li:nth-child(3) h4{
	color:#0071bc;
}

.popup_crm_function ul.function_type li:last-child h4{
	color:#f091a0;
}

.popup_crm_function ul.function_type li h4 img{
	height:52px;
	width:auto;
	display: inline-block;
	margin-right: 10px;
}

.popup_crm_function ul.function_type li h4 p {
  float: right;
  width: 76%;
  text-align: left;
  margin-top: 14px;
  font-size: 16px;
}

.popup_crm_function ul.function_type li figure{
	text-align:center;
	margin-bottom: 20px;
}

.popup_crm_function ul.function_type li figure img {
  width: 35%;
}

/*QuickCRMの製品コンセプト*/
.popup_crm_concept figure{
	overflow:hidden;
	clear: both;
	margin-top: 50px;
}

.popup_crm_concept figure img{
	/*float:right;*/
	width:100%;
	height: auto;
	margin-bottom: 10px;
}

.popup_crm_concept figure figcaption{
	/*float:left;
	width:61%;*/
}

.popup_crm_concept figure figcaption h4{
	overflow:hidden;
	margin-bottom:10px;
}

.popup_crm_concept figure figcaption h4 img{
	float:none;
	height:55px;
	width:auto;
	display:inline-block;
	margin-right: 15px;
}

.popup_crm_concept figure figcaption h4 p{
  float: right;
  width: 84%;
  text-align: left;
  padding: 5px 20px;
  box-sizing: border-box;
  background-color: #ffd7b0;
  color: #f15a24;
  font-size: 18px;
  margin-top: 10px;
}

.popup_crm_concept figure.concept02 figcaption h4 p{
  background-color: #d7fff0;
  color: #2abea5;
}

.popup_crm_concept figure.concept03 figcaption h4 p{
  background-color: #b1e1fc;
  color: #0071bc;
}


.popup_crm_concept figure figcaption h5{
	color:#fff;
	display:inline-block;
	font-weight: normal;
	font-size:14px;
	padding:5px 25px;
	border-radius: 50px;
	background-color: #f15a24;
	margin-bottom:10px;
}

.popup_crm_concept figure.concept02 figcaption h5{
	background-color: #2abea5;
}

.popup_crm_concept figure.concept03 figcaption h5{
	background-color: #0071bc;
}

.popup_crm_concept figure figcaption ul li{
	margin-bottom:10px;
	text-indent: -1em;
	padding-left: 1em;
}

.popup_crm_concept figure figcaption ul li span{
	color:#f15a24;
}

.popup_crm_concept figure.concept02 figcaption ul li span{
	color:#2abea5;
}

.popup_crm_concept figure.concept03 figcaption ul li span{
	color:#0071bc;
}

.popup_crm_concept figure figcaption p{
	border:solid 4px #ffd7b0;
	padding:20px;
	box-sizing: border-box;
	margin-top: 20px;
}

.popup_crm_concept figure.concept02 figcaption p{
	border:solid 4px #d7fff0;
}

.popup_crm_concept figure.concept03 figcaption p{
	border:solid 4px #b1e1fc;
}

/*QuickCRMで業務画面の作成（CTI連携）*/
.popup_crm_screen .inner ul{
	margin-top: 50px;
	overflow: hidden;
	margin-bottom:50px;
}

.popup_crm_screen .inner ul li{
	/*float:left;
	width:47%;
	margin-right: 40px;*/
	margin-bottom: 40px;
	text-align: center;
	/*height: 360px;*/
}

.popup_crm_screen .inner ul li:nth-child(2n){
	margin-right:0;
}

.popup_crm_screen .inner ul li:last-child{
	/*height:auto;*/
	margin-bottom:0;
}

.popup_crm_screen .inner ul li h4{
	text-align:center;
	color:#fff;
	font-size:16px;
	margin-bottom: 20px;
	background-color: #2abea5;
	border-radius: 50px;
}

.popup_crm_screen .inner ul li img{
	width:70%;
	height: auto;
}

.popup_crm_screen .inner p.clear_b{
	text-align:right;
}

/*QuickCRMで業務画面の作成（基本編）*/
.popup_crm_screen_basic .inner p{
	margin-bottom:30px;
}

.popup_crm_screen_basic .inner ul{
	overflow:hidden;
	margin-bottom: 30px;
	padding:20px;
	box-sizing: border-box;
	background-color:#fff1e1;
}

.popup_crm_screen_basic .inner ul li{
	/*float:left;
	width:48%;*/
	margin-bottom:10px;
	text-indent: -1em;
	padding-left: 1em;
}

.popup_crm_screen_basic .inner ul li:last-child{
	margin-bottom:0;
}

.popup_crm_screen_basic .inner ul li span{
	color:#f7931e;
}

.popup_crm_screen_basic .inner figure{
	overflow:hidden;
	margin-bottom:30px;
}

.popup_crm_screen_basic .inner figure img{
	/*float:left;*/
	width:75%;
	height: auto;
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.popup_crm_screen_basic .inner figure figcaption {
  /*float: right;
  width: 50%;*/
}

.popup_crm_screen_basic .inner figure figcaption dl{
	overflow:hidden;
}

.popup_crm_screen_basic .inner figure figcaption dl dt{
	/*float:left;
	width:150px;*/
	text-align:center;
	/*margin-right: 30px;*/
	color: #fff;
	padding: 3px;
	box-sizing: border-box;
	background-color: #2abea5;
	/*clear: both;*/
	margin-bottom:10px;
}

.popup_crm_screen_basic .inner figure figcaption dl dd{
	/*float:left;*/
	margin-bottom:30px;
	/*width: 55%;
	padding: 3px;
	box-sizing: border-box;*/
}

.popup_crm_screen_basic .inner p.text_right{
	text-align:right;
}

/*QuickCRMで業務画面の作成（連携処理編）*/
.popup_crm_screen_alignment .inner > ul{
	margin-top:50px;
}

.popup_crm_screen_alignment .inner > ul > li{
	clear:both;
	margin-bottom: 50px;
}

.popup_crm_screen_alignment .inner > ul > li h4{
	color:#fff;
	background-color:#2abea5;
	padding: 5px 20px;
	box-sizing: border-box;
	font-size:16px;
}

.popup_crm_screen_alignment .inner > ul li ul{
	overflow:hidden;
	padding:20px;
	box-sizing: border-box;
	background-color: #d7fff0;
}

.popup_crm_screen_alignment .inner > ul li ul li{
	/*float:left;
	width:50%;*/
	margin-bottom:10px;
	text-indent: -1em;
	padding-left: 1em;
	box-sizing: border-box;
}

.popup_crm_screen_alignment .inner > ul li ul li:last-child{
	margin-bottom:0;
}

.popup_crm_screen_alignment .inner > ul li ul li span{
	color:#2abea5;
}

.popup_crm_screen_alignment .inner p.text_right{
	text-align:right;
}

/*QuickeMailの機能構成*/
.popup_quickmail .inner ul{
	margin:30px auto 50px;
	background-color:#fffada;
	padding:30px;
	box-sizing: border-box;
}

.popup_quickmail .inner ul li span{
	padding:15px 0 15px 60px;
	box-sizing: border-box;
	display:inline-block;
	background-image: url("../img/quickmail/img01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size:auto 34px;
}

.popup_quickmail .inner ul li.f02 span{
	background-image: url("../img/quickmail/img02.png");
}

.popup_quickmail .inner ul li.f03 span{
	background-image: url("../img/quickmail/img03.png");
}

.popup_quickmail .inner ul li.f04 span{
	background-image: url("../img/quickmail/img04.png");
}

.popup_quickmail .inner ul li.f05 span{
	background-image: url("../img/quickmail/img05.png");
	background-position:5px center;
}

.popup_quickmail .inner figure{
	text-align:center;
}

.popup_quickmail .inner figure img{
	width:100%;
	height: auto;
}

/*電話（音声認識を含む）を使った有効なアプリケーション*/
.popup_ivr_app .inner h4{
	color:#2abea5;
	font-size:18px;
	padding-bottom:5px;
	box-sizing: border-box;
	margin-bottom:20px;
	border-bottom:solid 1px #2abea5;
	text-indent: -1em;
	padding-left: 1em;
}

.popup_ivr_app .inner div{
	margin-bottom:50px;
}

.popup_ivr_app .inner div figure{
	overflow:hidden;
}

.popup_ivr_app .inner div figure img{
	/*float:left;*/
	width:100%;
	height: auto;
	margin-bottom: 20px;
}

/*QuickCRMと関連製品*/

.popup_screen.popup_crm_relative_service div.image_pict > ul{
	overflow:hidden;
	margin-top:30px;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li{
	/*float:left;
	width:44%;*/
	padding:10px;
	box-sizing: border-box;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul li.database{
	/*width:12%;*/
	text-align:center;
	font-size:14px;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul li.database img{
	width:70px;
	height: auto;
	/*margin-bottom:10px;*/
	display:block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 100px;*/
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li{
	padding:15px 0;
	box-sizing: border-box;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li{
	position:relative;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li h4{
  text-align: center;
  color: #fff;
  background-color: #2ABEA5;
  padding: 5px 15px;
  box-sizing: border-box;
  margin-bottom: 20px;
  border-radius: 50px;
  position: absolute;
  top: 0px;
  font-size: 15px;
  margin-left: 5%;
  width: 85%;
}
.popup_screen.popup_crm_relative_service div.image_pict > ul > li.indipendent h4{
	background-color:#0071BC;
	/*margin-left:14%;*/
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li span{
	background-image: url("../img/crm_relative_service/icon01.png");
	background-position:left center;
	background-repeat: no-repeat;
	background-size: auto 35px;
	padding: 10px 0 10px 34px;
	box-sizing: border-box;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul{
	background-color:#EFFFF8;
	padding:53px 10px 0;
	box-sizing: border-box;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li{
	float:left;
	width:50%;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li.indipendent ul{
	background-color:#E6F6FF;
	padding-top: 30px;
	box-sizing: border-box;
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.message_bord span{
	background-image: url("../img/crm_relative_service/icon02.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.chat span{
	background-image: url("../img/crm_relative_service/icon03.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.sms span{
	background-image: url("../img/crm_relative_service/icon04.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.e-mail span{
	background-image: url("../img/crm_relative_service/icon05.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.voice span{
	background-image: url("../img/crm_relative_service/icon06.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.e-mail02 span{
	background-image: url("../img/crm_relative_service/icon07.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.chatbot span{
	background-image: url("../img/crm_relative_service/icon08.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.report span{
	background-image: url("../img/crm_relative_service/icon09.png");
}

.popup_screen.popup_crm_relative_service div.image_pict > ul > li ul li.dashbord span{
	background-image: url("../img/crm_relative_service/icon10.png");
}

/*QuickeChatの全体構成*/
.popup_screen.popup_quickechat div.support_chat figure{
	margin-top:50px;
	overflow:hidden;
}

.popup_screen.popup_quickechat div.support_chat figure img{
	/*float:left;*/
	width:100%;
	height: auto;
	margin-bottom: 20px;
}

.popup_screen.popup_quickechat div.support_chat figure h4{
	font-size:16px;
	font-weight: normal;
	margin-bottom:10px;
	color:#736357;
}

/*QuickeDialerの機能構成*/

.popup_screen.popup_dialer_function .inner ul{
	overflow:hidden;
}

.popup_screen.popup_dialer_function .inner ul > li{
	/*float:left;
	width:50%;*/
}

.popup_screen.popup_dialer_function .inner ul > li:first-child{
	/*padding-right:20px;
	box-sizing: border-box;*/
}

.popup_screen.popup_dialer_function .inner ul > li:last-child{
	/*padding-left:10px;
	box-sizing: border-box;*/
}

.popup_screen.popup_dialer_function .inner ul > li ol li{
	margin-bottom:40px;
	overflow:hidden;
}

.popup_screen.popup_dialer_function .inner ul > li img{
	float:left;
	width:56px;
	margin-right: 10px;
}

.popup_screen.popup_dialer_function .inner ul > li p{
	float:left;
	width:80%;
}

.popup_screen.popup_dialer_function .inner ul > li p span{
	display:block;
	margin-bottom: 5px;
	font-size:20px;
	color:#009a63;
	font-weight: bold;
}

/*QuickeReportの機能概要*/
.popup_screen.popup_report_outline .inner figure{
	margin-top:50px;
	overflow: hidden;
}

.popup_screen.popup_report_outline .inner figure img{
	/*float:left;*/
	width:75%;
	height: auto;
	margin-bottom: 20px;
	display: block;
	margin-left:auto;
	margin-right: auto;
}

.popup_screen.popup_report_outline .inner figure figcaption{
	/*float:right;
	width:57%;*/
	border:solid 3px #736357;
	background-color:#fff2e9;
}

.popup_screen.popup_report_outline .inner figure figcaption h3{
	text-align:center;
	color:#fff;
	background-color: #736357;
	padding:5px;
	box-sizing: border-box;
	font-weight: normal;
}

.popup_screen.popup_report_outline .inner figure figcaption .inner{
	padding:20px;
	box-sizing: border-box;
}

.popup_screen.popup_report_outline .inner figure figcaption ul h4{
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 16px;
	color:#736357;
	text-indent: -1em;
	padding-left: 1em;
}

.popup_screen.popup_report_outline .inner figure figcaption ul li{
	padding:0 20px 10px 0;
	box-sizing: border-box;
	text-indent: -1em;
	padding-left: 2em;
	font-size:14px;
}

.popup_screen.popup_report_outline .inner figure figcaption .inner > h4{
	font-weight: normal;
	font-size: 16px;
	color:#736357;
	text-indent: -1em;
	padding-left: 1em;
}

/*ダイアラーをAvayaのPBXを利用して実行する場合の注意事項*/
.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions{
	margin-top:50px;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li{
	overflow:hidden;
	margin-bottom:30px;
	clear: both;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point{
	float:left;
	width:90px;
	text-align:center;
	margin-right: 15px;
	background-image:url("../img/dialer_avaya/bg01.png");
	background-size:100% 100%;
	background-position: left center;
	padding:10px 25px 10px 15px;
	box-sizing: border-box;
	font-size:12px;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point span.num{
	color:#009a63;
	font-size:22px;
	font-style: italic;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point_content{
	padding:0;
	box-sizing: border-box;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point_content.single{
	padding: 0;
	box-sizing: border-box;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point_content span {
	background:linear-gradient(transparent 70%, #FFFF00 0%);
	color:#009a63;
}

/*ダイアラーをmPBXを利用して実行する場合のオプションについて*/
.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions{
	margin-top:50px;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li{
	overflow:hidden;
	margin-bottom:30px;
	clear: both;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point{
	float:left;
	width:150px;
	text-align:center;
	margin-right: 15px;
	background-image:url("../img/dialer_avaya/bg01.png");
	background-size:100% 100%;
	background-position: left center;
	padding:10px 25px 10px 15px;
	box-sizing: border-box;
	font-size:12px;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point span.num{
	color:#009a63;
	font-size:28px;
	font-style: italic;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point_content{
	padding:5px 0 0;
	box-sizing: border-box;
	width:50%;
	float:left;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point_content.single{
	/*padding:20px 0 0;*/
	box-sizing: border-box;
}

.popup_screen.popup_dialer_avaya .inner .dialer_avaya_cautions li p.point_content span {
	background:linear-gradient(transparent 70%, #FFFF00 0%);
	color:#009a63;
}

/*ダイアラーをmPBXを利用して実行する場合のオプションについて*/
.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions{
	margin-top:50px;
}

.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions h4{
	margin-bottom:20px;
	color:#009a63;
	padding-bottom:5px;
	border-bottom:solid 1px #009a63;
	box-sizing: border-box;
	font-size:18px;
	text-align: center;
}

.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions li{
	overflow:hidden;
	margin-bottom:30px;
	clear: both;
}

.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions li span.option_name{
  float: left;
  width: 150px;
  text-align: center;
  margin-right: 15px;
  background-image: url("../img/dialer_avaya/bg01.png");
  background-size: 100% 100%;
  background-position: left center;
  padding: 10px 20px 10px 15px;
  box-sizing: border-box;
  font-size: 14px;
	color:#009a63;
}

.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions li span.option_name.single{
	line-height:50px;
}

.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions li span.option_content{
	padding:10px 0 0;
	box-sizing: border-box;
	float: left;
	width: 52%;
}

.popup_screen.popup_dialer_mpbx .inner .dialer_mpbx_cautions li p.single span.option_content{
	/*padding-top:20px;*/
}

/*音声応答システム（QuickIVR）の導入実績*/
.popup_screen.popup_ivr_intro dl{
	overflow:hidden;
	margin:50px 0;
}

.popup_screen.popup_ivr_intro dl dt{
	color:#fff;
	background-color:#009a63;
	text-align: center;
	padding:5px 20px;
	box-sizing: border-box;
	margin-right: 30px;
	display: inline-block;
}

.popup_screen.popup_ivr_intro dl dd{
	display: inline-block;
}

.popup_screen.popup_ivr_intro .inner .product_frame h3{
	text-align:center;
	font-size:17px;
	background-color: #009a63;
	color:#fff;
	padding:5px;
	box-sizing: border-box;
	border-radius: 50px;
	margin-bottom:30px;
}

.popup_screen.popup_ivr_intro .inner .product_frame div.products{
	background-color:#F0FFF9;
	padding:20px;
	box-sizing: border-box;
	margin-bottom:30px;
}

.popup_screen.popup_ivr_intro .inner .product_frame div.products h4{
	border-bottom:solid 1px #009a63;
	color:#009a63;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom: 5px;
	box-sizing: border-box;
}

/*QuickCRMの導入実績*/
.popup_screen.popup_crm_achievement ul.crm_archievement_figure{
	overflow:hidden;
	margin:50px 0;
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li{
	float:left;
	width:164px;
	margin-right: 30px;
	text-align: center;
	height: 164px;
	background-image:url("../img/crm_archievement/bg01.jpg");
	background-position:center center;
	background-size: cover;
	border-radius: 20px;
	box-shadow: 4px 5px 11px -1px #777777;
	margin-bottom: 20px;
	padding:20px 0;
	box-sizing: border-box;
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li.seat{
	background-image:url("../img/crm_archievement/bg02.jpg");
	margin-right: 0;
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li.maxschale{
	background-image:url("../img/crm_archievement/bg03.jpg");
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li:last-child{
	margin-right:0;
	background-image:url("../img/crm_archievement/bg04.jpg");
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li p{
	text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li p small{
	display:block;
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li h4{
	background-color:#009a63;
	color:#fff;
	font-size:14px;
	padding:2px;
	box-sizing: border-box;
	border-radius: 50px;
	font-weight: normal;
	width:90%;
	margin: 0 auto 25px;
}

.popup_screen.popup_crm_achievement ul.crm_archievement_figure li p span{
	font-weight:bold;
	font-size:24px;
	color:#009a63;
}

.popup_screen.popup_crm_achievement .inner h4.archivement_title{
	border-left:solid 7px #0071bc;
	padding-left: 15px;
	margin-bottom:30px;
	font-weight: normal;
	font-size: 18px;
	margin-bottom:30px;
	clear: both;
}

.popup_screen.popup_crm_achievement .inner ul.solution{
	overflow:hidden;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li{
	/*float:left;
	width:45%;*/
	padding:0 0 15px;
	box-sizing: border-box;
	margin-bottom:30px;
	/*margin-right: 30px;*/
	background-color: #e9f7ff;
	/*height: 260px;*/
}

.popup_screen.popup_crm_achievement .inner ul.solution > li:nth-child(2n){
	margin-right:0;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li img{
	height:60px;
	width:auto;
	margin: 10px auto;
	display: block;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li h5{
	background-color:#0071bc;
	color:#fff;
	padding:5px;
	box-sizing: border-box;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	margin-bottom:20px;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li ul{
	width:55%;
	margin:0 auto;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li ul li{
	font-size:13px;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom:5px;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li ul li:last-child{
	margin-bottom:0;
}

.popup_screen.popup_crm_achievement .inner ul.solution > li ul li span{
	color:#0071bc;
}

/*ivr*/
.popup_screen.popup_ivr .inner div.ai{
	margin:30px 0;
}

.popup_screen.popup_ivr .inner div.ai h4,
.popup_screen.popup_ivr .inner div.ivr h4{
	color:#009a63;
	font-size:18px;
	padding-bottom:5px;
	border-bottom: dotted 3px #009a63;
	margin-bottom:20px;
	box-sizing: border-box;
}

.popup_screen.popup_ivr .inner div.ai ul.crm{
	margin:30px 0 80px;
	overflow: hidden;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li{
	/*float:left;
	width:46%;*/
	padding:0 0 35px 0;
	box-sizing: border-box;
	background-image:url("../img/ivr_outline/yaji01.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto 25px;
	margin-top: 10px;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li:last-child{
	padding:0;
	background-image:none;
	/*width:50%;*/
}

.popup_screen.popup_ivr .inner div.ai ul.crm li div,
.popup_screen.popup_ivr .inner div.ai ul.crm li dl{
	border:dashed 1px #009a63;
	padding:20px;
	box-sizing: border-box;
}


.popup_screen.popup_ivr .inner div.ai ul.crm li:first-child div {
  padding: 36px 20px;
}



.popup_screen.popup_ivr .inner div.ai ul.crm li div img{
	width:100%;
	height: auto;
	margin-left: 0;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li div h5{
	color:#2abea5;
	margin-bottom:20px;
	font-size:20px;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl{
	overflow:hidden;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl dt{
	clear:both;
	text-align:center;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl dt,
.popup_screen.popup_ivr .inner div.ai ul.crm li dl dd{
	float:left;
	width:50%;
	margin-bottom:30px;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl dt img{
	height:80px;
	width:auto;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl dt.mb0,
.popup_screen.popup_ivr .inner div.ai ul.crm li dl dd.mb0{
	margin-bottom:0;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl dd{
	line-height: 80px;
}

.popup_screen.popup_ivr .inner div.ai ul.crm li dl dd.mb0{
	line-height:1.6;
	margin-top: 20px;
	margin-bottom:0;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02{
	overflow:hidden;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 h5{
	font-size:18px;
	margin-bottom:20px;
	color:#009a63;
	/*float:left;
	width:50%;*/
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li{
	/*float:left;
	width:47%;*/
	margin-bottom:35px;
	overflow:hidden;
	border:solid 1px #009a63;
	padding:20px;
	box-sizing: border-box;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li:last-child{
	margin-right:0;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai{
	overflow:hidden;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai ul{
	float:left;
	width:63%;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai ul:last-child{
	width:36%;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai ul li{
	padding:5px;
	text-align:center;
	width:100%;
	background-color: #fff9f3;
	border:solid 1px #ffc183;
	border-radius: 50px;
	margin-bottom:10px;
	box-sizing: border-box;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai ul.keytext li{
	padding:5px;
	text-align:center;
	width:90%;
	display:block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffc183;
	border:solid 1px #ffc183;
	border-radius: 50px;
	margin-bottom:10px;
	box-sizing: border-box;
	margin-top:70px;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai ul li:last-child{
	margin-bottom:0;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai.q02{
	margin-top:20px;
	position:relative:
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai.q02 li{
	background-color:#e0f0fa;
	border:solid 1px #0071bc;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li div.inner_ai.q02 ul.keytext li{
	margin-top:30px;
	background-color:#0071bc;
	color:#fff;
}

.popup_screen.popup_ivr .inner div.ai ul.crm02 > li.kensho img{
	width:100%;
	height: auto;
	/*margin: 74px 0;*/
}

.popup_screen.popup_ivr .inner div.ivr{
	margin-top:80px;
}

.popup_screen.popup_ivr .inner div.ivr figure img{
	width:100%;
	height: auto;
}



.mb_0{
	margin-bottom:0 !important;
}


.mr_0{
	margin-right:0 !important;
}

.clear_b{
	clear:both;
}

.spnone{
	display:none !important;
}