/*****************************************
common
******************************************/
.side_max{
    /*width: auto;*/
    margin:0 auto;
    padding:0;
}

.page_title{
	padding: 100px 0 50px;
	/*color: #fff;*/
	color: #333333;
	font-size: 5rem;
	/*text-align: center;*/
	background: url(../images/page_title.png) 50% 0 no-repeat;
	background-size: cover;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 25px;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.contents_text{
	padding: 100px 0 50px;
	color: #555555;
	font-size:22px;
	text-align: center;
	background: url(../images/message_content.jpg) 50% 0 no-repeat;
	background-size: cover;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 40px;
}
.btn{border-bottom:1px solid #ddd !important;}
/*****************************************
header
******************************************/

#header_logo{
    background: #fff;
    padding:20px 10px;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    float:left;
}
#header_logo2{
    background: #fff;
    padding:5px 5px;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    float:left;
    text-align: left;
}
.hiraku-open-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right ul li{
    border-bottom: 1px solid #ddd;
    padding:10px;
}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right ul li a{
    text-decoration: none;
    display: block;
    border: none;
}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right ul ul li{
    border: none;
    padding: 5px;
    margin-left: 10px;
}
.header_logo{
    position: relative;
}
.header_menu{
    height: 52px;
    background: rgba(255,255,255,0.8);
    text-align: right;
    color: white;
    box-shadow: 1px 1px 10px 6px rgb(151 151 151 / 80%);
}
.header_menu div.container ul li{
    display: inline-block;
    font-size: 12px;
    margin-top:10px;
}
.header_menu div.container ul li a{
     border-bottom: 0px;
     color: #282828;
}
.offcanvas-right ul li{
width:100%;
text-align: left ;
}
.header_menu div.container ul li input{
    width: 170px;
    background: none;
    border: none;
    outline: none;
}

.header_menu div.container ul li input::-webkit-input-placeholder{
    color: #282828;
}
/* Firefox */
.header_menu div.container ul li input::-moz-placeholder{
    color: #282828;
}
/* Firefox 18以前 */
.header_menu div.container ul li input:-moz-placeholder{
    color: #282828;
}
/* IE */
.header_menu div.container ul li input:-ms-input-placeholder{
    color: #282828;
}
.header_menu div.container ul li.icon_menu{
    margin-left: 20px;
}
.search_list{
    margin: 0 20px 0 24px;
}
.search_list span{
    width: 195px;
    border-bottom: 1px solid #282828;
    padding-bottom: 4px;
}
#search_resultbox{
	clear:both;
	font-weight:bold;
	display: block;
width: 100%;
height: auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555555;
background-color: #fff;
background-image: none;
border: 2px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.sns_list img{
    margin: 0 3px;
}

.label_area{
	overflow:hidden;
	height:72px;
	
}
.label_area .label{margin-bottom:5px;float:left;}
/*****************************************
footer
******************************************/

.footer_img{
    width: 45%;
    float: left;
}

.footer_imgleft{
    float: left;
    margin-right:5%;
}

.imgright{
    float: right;
}

.sns_black{
    background-color: #000;
    width: 100%;
    display:block;
    padding: 10px;
}
.sns_black img{
    margin: 0 2px;
}


/*メニュー右*/

.footer_menu{
    float: right;
    /*border-left:1px #ddd solid;*/
   color: #333;
    margin-bottom: 20px;
}

.footer_menu ul{
    width: 50%;
    font-size: 0.6em;
    float: left;
    list-style-type: none;
}

.sm_pink{
    color: #de0d66;
    float: left;
    font-weight: bold;
}

#fh5co-footer{
    clear: both;
    background: #FFF;
    padding: 20px 0 0 0;
    position:relative;
}
#fh5co-footer a{
    border-bottom: 0px;
}
#fh5co-footer p{
    font-size: 0.6em;
    text-align: center;
}
.footer_menu ul li a{
    color: #131313;
}

/*topへ戻る*/

#page-top {
    position: absolute;
    top: -45px;
    right: 20px;
    font-size: 77%;
}

/*****************************************
user_edit_title
******************************************/
.user_edit_title{
    padding:0px;
    margin:0 auto 20px auto;
    overflow:hidden;
}
.user_edit_title .face{
	width: 120px;
	background: #ccc;
}

.user_edit_title .incharge{
	width:100%;
	overflow:hidden;
	
}
.user_edit_title .incharge span{
float:left;
display: block;
margin-bottom: 10px;
}

.tab-pane{padding:0 0 40px 40px;}
.dashboard .tab-pane{padding:0 0 40px 0px;}

.resp-tabs-list li a,.nav-tabs{border:none !important;}

.pchide{display:none;}

.dashmenu-list{
padding:0;
margin:0;
}
.dashmenu-list li{
	float:left;
	padding:20px 20px 5px 20px;
	border:2px solid #ddd;
	width:30%;
	margin:1.5%;
	border-radius: 16px;
	list-style:none !important;
	min-height:220px;
}



@media screen and (min-width: 0px) and (max-width: 896px) {
    /*スマートフォン縦*/
    .user_edit_title{padding:0px;}
    .user_edit_title .face{width:80px;}
    .user_edit_title .pull-right{float:none;}
    .tab-pane{padding:0 0 40px 0px;}
    .pchide{display:block;}
    .sphide{display:none;}
    .dashmenu-list li{width:100%;}
}
.form-group label small{font-weight:normal;font-size:12px;}
/*body .user_edit_title span:nth-child(1){background:#eaa42e !important;}
body .user_edit_title span:nth-child(2){background:#8bb836 !important;}
body .user_edit_title span:nth-child(3){background:#30adc0 !important;}
body .user_edit_title span:nth-child(4){background:#d7547d !important;}
*/

.graysc{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.2s linear;
}


/*****************************************
fh5co-work-item
******************************************/
.fh5co-work-item{
    text-align:left;
    margin-bottom:40px;
}
.badge{background:#de0d66;font-size: 18px;border-radius: 16px;}
.fh5co-work-item .badge{
    position:absolute;
    top:-10px;right:10%;
}
.fh5co-work-item .badge small{font-size:12px;}
.fh5co-work-item .label-default{
    background:#e8e8e8;
    color:#333;
    font-weight:normal;
}
.fh5co-work-item ul{list-style:none;margin:0;padding:0;}
.fh5co-work-item li{
    float:left;
    padding:3px 0;
    text-align:center;
    font-size:12px;
    width:33.3%;
    background:#d7d7d7;
    color:#cacaca;
}
.fh5co-work-item li.active{background:#de0d66;color:#fff;}
.fh5co-work-item .heading{
    margin-top:10px;
    margin-bottom:0px;
}
.fh5co-work-item .heading a{color:#333;}
.fh5co-work-item .face{width:20px;}
.must{background:#de0d66;color:#fff;padding:2px 5px;margin-left:15px;font-size:12px;font-weight:normal;border-radius: 20px;display:inline;}


@media screen and (min-width: 0px) and (max-width: 896px) {
	#fh5co-footer .w100p{display:none;}
	.footer_menu{display:none;}
	

}
/*****************************************
chat
******************************************/
.line-bc {
    padding: 10px 10px 0px 10px;
    margin: 0px auto;
    text-align: right;
    font-size: 14px;
    background: #ddd;
}
.line-bc .form-group{
    border-top:1px solid #ccc;
    padding-top:10px;
    padding-bottom:10px;
}
.line-bc .form-group .form-control{
    border: 2px solid #57cecd;
}
.line-bc .form-group .input-group-addon{
    color:#fff;
}
.balloon6 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon6 .chatting {
    width: 100%;
    text-align: left;
}
.says {
    display: inline-block;
    position: relative;
    margin: 0 0 0 50px;
    padding: 10px;
    max-width: 250px;
    border-radius: 12px;
    background: #fff;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #fff;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.says p {
    margin: 0;
    padding: 0;
}
.mycomment {
    margin: 10px 0;
}
.mycomment p{
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    padding: 8px;
    max-width: 250px;
    border-radius: 12px;
    background: #fff;
    font-size: 15px;
}

.mycomment p:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #fff;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

/*****************************************
searchlist
******************************************/
.sumnailface{
    width: 75px;
    overflow: hidden;
    float:left;
    margin-right:15px;
}

.sumnailface img{width:100%;}


/*****************************************
offerlist
******************************************/
.offerlist{}
.face{
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    float:left;
    margin-right:15px;
}

.face img{width:100%;}

@media screen and (min-width: 0px) and (max-width: 896px) {
    /*スマートフォン縦*/
    .hiraku-open-btn{display: block;}
    .side_max{width: 100%;}
    
    .page_title {
        font-size: 1.8rem;
        margin-bottom: 0;
    }
    #header_logo2 {
        width: 6rem;
    }
    .top_title_text {
        font-size: 2.2rem;
    }

    .footer_img{
        width: 100%;
        text-align: center;
    }
    .footer_imgleft{
        margin-right:0;
        margin-top:15px;
        float:none;
    }
    #fh5co-contact {
        padding: 3em 0;
    }

    .footer_menu{
        display: none;
    }

    .imgleft{
        float:none;
    }
    #fh5co-footer{
        padding :10px 0 0 0;
    }
    .sns_black{
        width: 100%;
        margin: 15px auto 0 auto;}

}
/*****************************************
top page
******************************************/

.top_title{
    /*padding-top: 52px;*/
    /*padding-bottom: 0.25px;*/
    /*background:#fff;*/
    background-image: url(../images/topImage25.webp?20250716);
    background-size: cover;
    background-position: 0rem 0rem;
    background-color: rgba(255,255,255,0);
    background-blend-mode: lighten;
    box-shadow: 0px 0px 15px 0px rgb(46 44 44 / 80%);
    height: 100vh;
    /*width: 100vw;*/
}
.top_title_text {
    color: rgb(255 255 255);
    text-shadow: 1px 1px 10px rgb(0 0 0);
}
.top_title h1{
    padding-top: 40%;
    /*background: url(../images/test/future_bg_test.png) 30% 0 no-repeat;*/
    background-size: auto 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.top_sub{
    background: url(../images/bg_cocept.png) 50% 0;
    border-bottom: 7px solid #fff;
    height: 285.25px;
}
.top_sub h2{
    font-size: 38px;
    font-weight: bold;
    color: #de0d66;
}
.top_sub div{
    color: #2c2c2c;
}
.top_sub div div div div img{
    box-shadow: 2px 2px 4px #A9A9A9;
    width: 100%;
}
.top_sub input.btn{
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
    background: #de0d66;
    font-size: 20px;
    padding: 10px 40px;
    box-shadow: 2px 4px #c9c9c9; 
    margin-bottom: 40px;
}
@media only screen and (max-width:896px){
	.top_sub input.btn{padding:10px !important;}
}

.top_main{
    background: url(../images/bg_cocept.jpg) 50% 0;
    border-bottom: 7px solid #fff;
}
.top_main h2{
    font-size: 38px;
    font-weight: bold;
    color: #de0d66;
}
.top_main div{
    color: #2c2c2c;
}
.top_main div div div div img{
    box-shadow: 2px 2px 4px #A9A9A9;
    width: 100%;
}
.top_main input.btn{
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
    background: #de0d66;
    font-size: 20px;
    padding: 10px 40px;
    box-shadow: 2px 4px #c9c9c9; 
    margin-bottom: 40px;
}
@media only screen and (max-width:896px){
	.top_main input.btn{padding:10px !important;}
}

.matching_area{
    background: #f9f9f6;
    padding: 36px 0 30px 0;
    color: #131313;
    clear: both;
    font-size: 0.6em;
}
.matching_area h3{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 64px;
}
.matching_area h3 span{
    border-bottom: 5px solid #b8b8b8;
    padding-bottom: 16px;
}
.matching_area figure img{
    width: 100%;
}
.matching_area h4{
    font-size: 22px;
    padding: 10px 0;
    margin:0;
}
.matching_area ul{
    padding: 0px;
    margin:0 0 6px 0;
}
.matching_area ul li{
    background: #e8e8e8;
    padding: 0 6px;
    display: inline-block;
    list-style-type: none;
    margin-right: 6px;
}
.matching_area p{
    margin: 0 0 6px 0;
}
.ad_list{
    margin-bottom: 15px;
}
.ad_list span{
    display: inline-block;
    width: 33.3%;
    float: left;
    background: #d7d7d7;
    color: #a4a4a4;
}
.ad_list span.active{
    background: #de0d66;
    color: #FFF;
}
.matching_area div.name i{
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
}
.matching_area div.name i img{
    width: 100%;
    height: 100%;
    border-radius: 25px;        /* CSS3草案 */  
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */ 
}
/*****************************************
message page
******************************************/
.header_page div.header_menu{
    height: 54px;
}
.message_title{
    padding-top: 52px;
}
.message_title h1{
    padding-top: 45%;
    background: url(../images/message_bg.jpg) 50% 0 no-repeat;
    background-size: auto 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin-bottom: 0px;
}
.message_main h2{
    padding-top: 74%;
    background-size: auto 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.message_area{
    background: url(../images/bg_btn_message.jpg) 50% 0;
    padding: 35px 0 0 0;
    clear: both;
    background-size: auto 100%;
}
.message_area h3{
    font-size: 22px;
    font-weight: bold;
    color: #de0d66;
}

.message_area input.btn{
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
    background: #de0d66;
    font-size: 20px;
    padding: 10px 40px;
    box-shadow: 2px 4px #c9c9c9; 
    margin-bottom: 40px;
}

/*****************************************
terms page
******************************************/

.terms_text{
    font-size: 0.8em;
}

ol.list_parentheses{
    padding:0 0 0 2em;
    margin:0;
}

ol.list_parentheses li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
ol.list_parentheses li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
}

/*****************************************
company page
******************************************/

.company_table { width: 100%; }
.company_table th, td  { padding: 10px; border-bottom: 1px solid #ddd;text-align: left ;font-size:14px;}
.company_table th i { background: #ddd;float:right;display:block;height:100%;width:4px; }

.company_table th  { width: 30%; text-align: left; }

@media only screen and (max-width:896px){
    .company_table { margin: 0 -10px; }
    .company_table th,
    .company_table td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .company_table tr:first-child th { border-top: 1px solid #ddd; }
}

/*****************************************
late page
******************************************/
.late_text{
    font-size: 0.8em;
}
.glayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}

/*****************************************
sub util
******************************************/
.tmp_hide{
    display:none;
}
.pagination .current{
    display: block;
    float:left;
    text-align: center;
    vertical-align: middle;
    border: dotted 1px #000;
    background: #0099cc;
    color:#fff;
    /*line-height: 200%;*/
}
.pagination li{
    width: 36px;
    height: 30px;
    display: block;
    float:left;
}
.pagination a{
    width: 36px;
    height: 30px;
    display: block;
    float:left;
    text-align: center;
    vertical-align: middle;
    border: dotted 1px #000;
}
#buttonImage {
  background-image:url('../images/search.png');
  display:inline-block;
  margin-top:2px;
  width:16px;
  height:16px;
}

.flatbutton{
  border:1px solid #3079ed;
  background-color:#4d90fe;
  width:100px;
  height:28px;
}

.small-font{
    font-size: 14px;
}

.tiny-font{
    font-size: 12px;
}

.error-input {
    color: #ff0000;
}
.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}

.lbl-value{
    margin-left: 10px;
}

/*****************************************
article
******************************************/
p.indent-bullet{
  text-indent: -1em;
  padding-left: 2em;
}
.marker {
    background: -webkit-linear-gradient( transparent 60%, #a9eaf2 0% );
    background: linear-gradient( transparent 60%, #a9eaf2 0% );
}
.marker-red {
    background: -webkit-linear-gradient( transparent 60%, #ffcedb 0% );
    background: linear-gradient( transparent 60%, #ffcedb 0% );
}


/*****************************************
top page youtube
******************************************/

/* youtube1 */
/* pc　897px以上 */
@media only screen and (min-width: 897px), print {
  #yutube1 {
    position: relative;
    text-align: left;
  }

  #yutube1 iframe {
    position: absolute;
    width:300px;
    height:200px;
  }
}

@media only screen and (max-width: 896px), print{
  #yutube1 {
    position: relative;
    text-align: left;
  }
  #yutube1 iframe {
    position: absolute;
    width:100%;
    height:185px;
  }
}

/* youtube2 */
@media only screen and (min-width: 897px), print {
  #yutube2 {
    position: relative;
  }

  #yutube2 iframe {
    position: absolute;
    width:300px;
    height:200px;
    left:330px;
  }
}

@media only screen and (max-width: 896px), print{
  #yutube2 {
    position: relative;
    text-align: left;
    top: 200px;
  }
  #yutube2 iframe {
  position: absolute;
    width:100%;
    height:185px;
  }
}

/* youtube3 */
@media only screen and (min-width: 1025px), print {
  #yutube3 {
    position: relative;
  }

  #yutube3 iframe {
    position: absolute;
    width:300px;
    height:200px;
    left:660px;
  }
}

@media only screen and (min-width: 897px) and (max-width: 1024px), print {
  #yutube3 {
    display: none;
  }

  #yutube3 iframe {
    display: none;
  }
}

@media only screen and (max-width: 896px), print{
  #yutube3 {
    position: relative;
    text-align: left;
    top: 400px;
  }
  #yutube3 iframe {
  position: absolute;
    width:100%;
    height:185px;
  }
}

/* youtube4 */
@media only screen and (min-width: 1256px), print {
  #yutube4 {
    position: relative;
  }

  #yutube4 iframe {
    position: absolute;
    width:300px;
    height:200px;
    left:990px;
  }
}

@media only screen and (min-width: 897px) and (max-width: 1024px), print {
  #yutube4 {
    display: none;
  }

  #yutube4 iframe {
    display: none;
  }
}

@media screen and (max-width: 896px), print{
  #yutube4 {
    position: relative;
    text-align: left;
    top: 600px;
  }

  #yutube4 iframe {
    position: absolute;
    width:100%;
    height:185px;
  }
}

/* スマホ　896px以下 */

@media only screen and (min-width: 897px) and (max-width: 1024px), print {
   .none {display:none}
  .top_title{
      padding-top: 40px;
      padding-bottom: 0.25px;
      background:#fff;
      height: 320.25px;
  }

  .top_title h1{
      padding-top: 45%;
      background: url(../images/future_bg.png) 50% 0 no-repeat;
      background-size: auto 95%;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      height: 320.25px;
  }

  .top_main{
      background: url(../images/bg_cocept.jpg) 55% 0;
      border-bottom: 3px solid #000000;
  }
  .top_sub {
      background: url(../images/bg_cocept.png) 50% 0;
      border-bottom: 7px solid #fff;
      height: 315px;
  }
  img.icon_s {
    width: 50%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
  }
}

@media screen and (max-width: 896px), print{
   .none {display:none}
  .top_title{
      padding-top: 60px;
      padding-bottom: 0.25px;
      /*background:#fff;*/
      background: url(../images/topImage25.webp?20250716);
	  background-size: cover;
	  background-position: -10rem 0rem;
      background-color: rgba(255,255,255,0);
      background-blend-mode: lighten;
      box-shadow: 0px 0px 15px 0px rgb(46 44 44 / 80%);
      height: 30rem;
  }

  .top_title h1{
      padding-top: 45%;
      background: url(../images/future_bg.png) 50% 0 no-repeat;
      background-size: auto 80%;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      height: 200.25px;
  }

  .top_main{
      background: url(../images/bg_cocept.jpg) 55% 0;
      border-bottom: 3px solid #000000;
  }
  .top_sub {
      background: url(../images/bg_cocept.png) 50% 0;
      border-bottom: 7px solid #fff;
      height: 655px;
  }
  img.icon_s {
    width: 100%;   /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
  }
}


@media screen and (min-width: 897px){
  .visualization {display:none}
  img.icon_s {
      width: 100%;    /* 横幅を割合で指定 */
      height: auto;  /* 高さは自動指定 */
  }
}

@media screen and (min-width: 768px) and (max-width: 896px) {
    .page_title {
        margin-bottom: 2.5rem;
    }
    .top_title {
        height: 60rem;
    }
    .top_title_text {
        font-size: 4rem;
    }
}


/*****************************************
article
******************************************/

div.show{
  display: block;
}
div.hide{
  display: none;
}

.resp-vtabs ul.resp-tabs-list msg-list {
    float: left;
    width: 20%;
}
.img-responsive50 {
    display: block;
    max-width: 50%;
    height: auto;
}


/*****************************************
messaget
******************************************/
.line-msg {
    padding: 10px 10px 0px 10px;
    margin: 0px auto;
    text-align: left;
    font-size: 14px;
}
.line-msg .form-group{
    border-top:1px solid #ccc;
    padding-top:10px;
    padding-bottom:10px;
}
.line-msg .form-group .form-control{
    border: 2px solid #57cecd;
}
.line-msg .form-group .input-group-addon{
    color:#fff;
}
.no-magin{
    margin: 0 0 5px 0;
}