@charset "UTF-8";
/*=============================================*/

/* Logo -----------------------------------------*/

#hwrap .company_logo {
	position:absolute;
	top:11px;
	z-index:100;
	background:#014099;
}

/* h1 h2 h3 h4 -----------------------------------------*/
.category-title {
	color:#00105C;
	height:100px;
	width:230px;
	line-height:100px;
	text-align:center;
}
.category-title img{
	vertical-align:middle;
}
.category-title_text{
  font-size:18px;
	padding-left:5px;
	margin-bottom:15px;
}

.bluebelt{
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height:1.25;
  padding:4px 10px;
  text-align:left;
  color: white;
  background:#014099;
  padding-left: .5em;
  margin: 1em 0;
}

.blue_text {
  color:#014099;
	padding:0.5em;
	font-weight:bold;
	font-size:15px;
}

/* Mobile-----------------------------------*/
  @media screen and (max-width: 480px) {
  
    #hwrap .company_logo{
      left:5px;
      top: 50%;
      width:78%;
      transform: translateY(-50%);
    }
    
    #hwrap .company_logo img {
      display: block;
      width: 100%;
      height: auto;
    }

    .category-title {
      height:70px;
      width:100%;
      line-height:70px;
      padding-top:17px;
    }

    .bluebelt{
      /* padding: .25em 0 .25em .5em; */
    }
  }