header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 124px;
  padding: 0;
}
.logo1 {
  display: inline-block;
  float: left;
  //margin: 0 10px 0 0px;
  margin: 0 0 0 10px;
  padding-top: 0px;
}
.logo1 > a:hover img {
  opacity:.6;
}
.logo2 {
  display: inline-block;
  margin: 0;
  padding: 16px 0 0 0;
}
.logo2 > a {
  text-decoration:none;
}
.logo2 > a:hover {
  color:#ccc;
}
.title-logo {
  font-family: 'M PLUS Rounded 1c','Noto Serif JP','Times New Roman','Helvetica','Arial','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック',YuGothic,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
}

.header_top_wrap:after{
  display: table;
  content: "";
  clear:both;
}
.header_top_wrap{
  background-color: #fff;
}
.well-icon {
    float: right;
    text-align: center;
    padding-top: 10px;
}
.img-responsive-small {
  display:none;
}
img {
  vertical-align: middle;
}
img {
  border: 0;
}
	.aw-mail {
    float: right;
    color: #3F877B;
     font-size: 41px;
    margin-right: 6px;
    margin-top: 14px;
   
	}
	.aw-home {
	    float: right;
	    color: #439285;
	    font-size: 40px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	        margin-top: 11px;

	}
	.aw-mail a {
	    color: #3F877B;
	}
	.aw-home a {
	    color: #439285;
	}
	.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
	.img-responsive {
	  display:none;
	}
	.img-responsive-small {
	  display:block;
	  margin:9px 0 0 4px;
	}

}
@media (max-width: 450px) {
	.img-responsive-small {
      display: table-cell;
      vertical-align: middle;
      //position:absolute;
	  //margin-left:4px;
	  padding-top:2px;
	  width:80%;
	  height:auto;
	}
}
@media (max-width: 840px){
	.title-logo {
		font-size:.7em;
	}
}
.header-right {
  float: right;
  margin: 9px;
    //margin-left: 200px;
  //padding: 24px 24px 20px 24px;
  letter-spacing: -0.5px;
  //background:#60CEC5;
}
.header-right.new-header{
  //padding: 12px 24px;
  text-align:center;
}
.header-contact {
  //display: inline-block;
  //margin-right: 20px;
  //font-size: 12px;
  color:#fff;
    letter-spacing: 1.5px;
}
a.header-contant{
  color:#fff!important;
}
.header-ot {
    text-align: center;  
}

.header_top_wrap:after{
  display: table;
  content: "";
  clear:both;
}
.header_top_wrap{
  background-color: #fff;
}

.header-right {
  float: right;
  margin: 9px;
    //margin-left: 200px;
  //padding: 24px 24px 20px 24px;
  letter-spacing: -0.5px;
  //background:#60CEC5;
}
.header-right.new-header{
  //padding: 12px 24px;
  text-align:center;
}

@media (max-width: 480px) {

}
@media (min-width: 768px) and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
  .logo1 {
    float: left;
    margin: 0 10px 0 0;
	padding: 0 0 0 15px;
    width: 100px;
  }
  .logo2{
    float: left;
    width: 200px;
  }
  .logo2 img{
    width: 100%;
    height: auto;
  }
  header{
    height: 44px;
    background:#fff;
    }
      .logo1{
    width: 132px;
  }
  .logo2{
    width: 165px;
    margin-right: 40px;
    padding-top: 4.5px;
    padding-bottom: 5.5px; 
  }
  .aw-mail {
    float: right;
    color: #3F877B;
     font-size: 41px;
    margin-right: 6px;
    margin-top: 4px;
}
.aw-home {
    float: right;
    color: #439285;
    font-size: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.aw-mail a {
    color: #3F877B;
}
.aw-home a {
    color: #439285;
}
}
@media (max-width: 840px){
}
@media (max-width: 30em) {
    header {
    height: 100px;
    background: #fff;
}
    .cosme_address{
        width: 100%;
    }
    .header-right {
    float: none;
    margin:0;
    letter-spacing: -0.5px;
	}
		    .aw-mail {
        display: none;
    }
    .logo2 img {
    width: 160%;
    height: auto;
}

    .aw-home {
        display: none;
    }
    .well-icon {
        display: none;
    }
        .cosme_address{
        width: 100%;
    }

}
@media (min-width: 31em) and (max-width: 47em){
    header {
    height: 100px;
    background: #fff;
}

    .header-right {
    float: none;
    margin:0;
    letter-spacing: -0.5px;
	}
    .aw-mail {
        display: none;
    }
    .aw-home {
        display: none;
    }
    .logo2 img {
    width: 160%;
    height: auto;
}
    .cosme_address{
        width: 100%;
    }



}
@media (min-width: 48em) and (max-width: 53em){
}
@media (min-width: 53em) and (max-width: 81em){
 .logo2 {
    display: none;
}
 .logo1 {display: inline-block;
    float: none; 
    width: 50%;
    height: 80%;
    margin: 0 25%;
    padding-top: 0px;
}
    .header-right {
    float: right;
    margin-right: 20%;
    letter-spacing: -0.5px;
    background: #60CEC5;
}
}
@media (min-width: 1024px) and (max-width: 1025px){
}