@charset "UTF-8";

/* voices */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ 共通設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.image_texts .image_cont {
	width: 130px;
}
.image_texts .texts_cont {
	width: 840px;
}
/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 0px;
    padding: 20px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    width: 100%;
    line-height: 1.8em;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 60px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}

/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}

@media screen and ( max-width: 767px ) {
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ モバイル用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*==================================================
	$sp_
==================================================*/
.image_texts {
    display: table;
}
.image_texts .image_cont {
    width: 20%;
    display: table-cell;
    vertical-align: top;
}
.image_texts .texts_cont {
    width: 80%;
    padding-left: 15px;
    display: table-cell;
    vertical-align: top;
}
/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 0px;
    padding: 20px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    width: 100%;
    line-height: 1.8em;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

/*==================================================

	[ utility ] $clearfix

==================================================*/

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