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

/* ------------------------------------ */
/*	BALLOON
/* -------------------------------------*/

/* balloon-1 top */
.normal_balloon {
	color: #533858;
	position: relative;
	display: inline-block;
	padding: 25px;
	width: 100%;
	text-align: left;
	background: #fff;
  border-radius: 10px;
	border: 1px solid #533858;
	z-index: 0;
  line-height: 1.3;
   margin-bottom: 20px;
}
.normal_balloon:before {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -12px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}
.normal_balloon:after {
	content: "";
	position: absolute;
	top: -12px; left: 50%;
	margin-left: -11px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 11px 11px 11px;
	border-color: transparent transparent #533858 transparent;
	z-index: -1;
}

/* driver_balloon */

.driver_balloon {
	position: relative;
	display: inline-block;
	padding: 25px;
	width: 100%;
	color: #533858;
	text-align: left;
	background: #fff;
	border: 1px solid #533858;
	z-index: 0;
  line-height: 1.3;
  border-radius: 10px;
  margin-bottom: 20px;
}
.driver_balloon:before {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -12px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
.driver_balloon:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -11px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px 11px 0 11px;
	border-color: #533858 transparent transparent transparent;
	z-index: -1;
}

.sp_b10{
  margin-bottom: 10px ;
}
@media only screen and (max-width: 1139px){ 
}

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

  
  .driver_balloon{
    font-size: 14px ;
    font-weight: normal;
    padding: 13px ;
  }
  
}