@charset "utf-8";

* { -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

body { margin: 0;}

.head-ornament{
	width: 100%;
	height: 18px;
	background-color: #0071bc;
}

.ttl-rup{
	margin: auto;
	width: 268px;
	height: 39px;
	margin-top: 39px;
	display: flex;
	flex-basis: auto;
}

.rogo{
	width: 39px;
	height: 39px;
	display: block;
}

.ttl{
	margin-left: 4.7px;
	font-size: 39px;
	font-family: 'Open Sans',Arial, Helvetica, "sans-serif";
	font-weight: 700;
	color: #0071bc;
}

h2{
	text-align: center;
	font-size: 18px;
	margin-top: 18px;
	margin-bottom: 2px;
}

ul{
	margin: auto;
	width: 202px;
}

ul li{
	text-align: center;
	font-size: 14px;
	color: #4d4d4d;
	margin-top: 7px;
	display: flex;
	flex-wrap: wrap;
}

.list-li{
	color: #4d4d4d;
	margin-top: 0;
}

.list-disc{
	display: block;
	width: 14px;
	height: 14px;
}

.phone-up{
	
}

.phone-down{
	width: 12px;
	height: 12px;
}

.blue-box{
	width:100%;
	background-color: #0071bc;
}

.contents-box{
	width:256px;
	margin: auto;
	margin-top: 39px;
}

h4{
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	padding-top: 18px;
}

p{
	font-size: 14px;
	color:#ffffff;
	margin-top: 3px;
}

.font-size-01{
	font-size: 18px;
	font-weight: 600;
	color:#fcee21;
}

.font-size-02{
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 18px;
	padding-bottom: 18px;
}



.brWebrtcUIAudioPane {
	position: relative;
	margin: auto;
	 padding: 30px 0 111px 0;
	width: 249px;
}


.brWebrtcUICallTargetPane{
	position: relative;
}

.brWebrtcUICallTarget {
	padding: 15px;
    font-size: 24px;
    text-align: center;
	vertical-align: middle;
	text-decoration: none; 
	display: table-cell;
	width: 100%;
	height: auto;
	line-height: 1;	
}


.brWebrtcUIButton:not(.brWebrtcUIClose) {
	margin:0 9.5px;
	margin-bottom: 9px;
	border-radius :32px;
	height: 64px;
	width: 64px;
	font-size: 18px;
}
.brWebrtcUIButton:not(.brWebrtcUIClose):before {
	display: block;
	line-height: 62px;
	text-align: center;
}
.brWebrtcUIButton:active,.clear-btn:active { opacity: 0.75;}
.brWebrtcUIButton.brDisabled{ 
	opacity: 0.25;
}



.brWebrtcUIClose {
	position: absolute;
	top: 0;
	right: 0;
	border: solid 1px #929292;
	border-radius: 5px;
	padding: 2px 5px;
	font-size: 12px;
	color: #929292;
	display: none;
}


.brWebrtcUIStatus{
	display: block;
	text-align: center;
}

.brWebrtcUILabelCallTarget{
	display: none;
}


/*--------------------------------------------------------切断ボタン*/
.brWebrtcUIHangUp {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f2515d;
	width: 105px !important;
	margin-bottom: 36px !important;
}


.brWebrtcUIHangUp:before { 
	content: url(/img/phone-down.svg);
	width: 36px;
	height: 36px;
	margin:0 auto;	
	margin-top: 14px;
	line-height: 0 !important;
}

/*--------------------------------------------------------クリアボタン*/
.clear-btn{
	position: absolute;
	right: 23px;
	background-image:url(/img/clear-btn.svg);
	width: 37px;
    height: 26px;
	top: 0;
	bottom: 0;
	margin: auto;
}


/*--------------------------------------------------------発信ボタン*/
.brWebrtcUIMakeCall {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #22b573;
	width: 105px !important;
	margin-bottom: 36px !important;
}


.brWebrtcUIMakeCall:before { 
	content:url(/img/phone-up.svg); 
	width: 36px;
	height: 36px;
	margin:0 auto;
	margin-top: 14px;
	color: #fff; 
	line-height: 0 !important;
}

.brWebrtcUIDialPane {
	display: flex;
	flex-wrap: wrap;
}
.brWebrtcUIDialPad { 
	background: #fff;
    border: solid 1px #cccccc;
}


.brWebrtcUIDialPad1:before { content: "1";}
.brWebrtcUIDialPad2:before { content: "2";}
.brWebrtcUIDialPad3:before { content: "3";}
.brWebrtcUIDialPad4:before { content: "4";}
.brWebrtcUIDialPad5:before { content: "5";}
.brWebrtcUIDialPad6:before { content: "6";}
.brWebrtcUIDialPad7:before { content: "7";}
.brWebrtcUIDialPad8:before { content: "8";}
.brWebrtcUIDialPad9:before { content: "9";}
.brWebrtcUIDialPadStar:before { content: "*";}
.brWebrtcUIDialPad0:before { content: "0";}
.brWebrtcUIDialPadSharp:before {content: "#";}


.brWebrtcUIDialPad1:before,.brWebrtcUIDialPad2:before,.brWebrtcUIDialPad3:before,.brWebrtcUIDialPad4:before,.brWebrtcUIDialPad5:before,.brWebrtcUIDialPad6:before,.brWebrtcUIDialPad7:before,.brWebrtcUIDialPad8:before,.brWebrtcUIDialPad9:before,.brWebrtcUIDialPadStar:before,.brWebrtcUIDialPad0:before,.brWebrtcUIDialPadSharp:before{
	font-size: 24px;

}

.brWebrtcUIPhonePane0CallTarget{
	border: none;
}