@charset "utf-8";

.info h1,
.information h1 {
  line-height: 0;
}

/*----------------------------------------
  _inc_header
  ----------------------------------------*/
.top_header {
  background: url(images/bg.png) repeat-x;
  width: 100%;
}
.head_lang {
  background: #b09315;
}
.head_lang_in {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 2.5px;
}
.head_lang_in ul {
  width: 270px;
  float: right;
}
.head_lang_in li {
  font-size: 13px;
  float: left;
  margin-right: 5px;
}
.head_lang_in li:after {
  color: #fff;
  content: '｜';
  margin-left: 5px;
}
.head_lang_in li.last:after {
  content: '';
}
.head_lang_in li a {
  color: #fff;
}
.head_in {
  width: 1200px;
  margin: 0 auto;
  padding: 5px 10px;
}
.header_logo {
  float: left;
}
.head_menu {
  float: right;
}
.head_menu ul {
  /*width: 270px;*/
	width: 135px;
}
.head_menu li {
  float: left;
  /*margin: 12px 15px 0 0;*/
	margin: 12px 15px 0 0;
}
.head_menu li a {
  transition: .3s;
}
.head_menu li a:hover {
  opacity: .8;
}

/*----------------------------------------
  inc_footer
  ----------------------------------------*/
footer {
  width: 100%;
  background: #00376c;
}
.foot {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
}
.foot_bottom {
  width: 100%;
  background: #f1f1f1;
}
.foot_bottom_in {
  background: url(images/footer_02.jpg) no-repeat 0 0;
  width: 1200px;
  height: 117px;
  margin: 0 auto;
  padding: 10px 0;
}
.foot_bottom ul {
  width: 450px;
  margin: 16px 0 0 650px;
}
.foot_bottom li {
  float: left;
  margin-right: 24px;
}


/*----------------------------------------
  スマホ/タブレット
  ----------------------------------------*/
@media screen and (max-width: 1280px){
  .head_in {
    width: 100%;
    box-sizing: border-box;
  }
  .head_lang_in {
    width: 100%;
  }
  .head_lang_in ul {
    width: 210px;
  }
  .head_lang_in li {
    font-size: 10px;
  }
  .header_logo {
    width: 50%;
  }
  .header_logo img {
    max-width: 100%;
    height: auto;
  }
  .head_menu {
	  width: 40%;	  
  }
  .head_menu ul {
    width: 100%;
  }
  .head_menu li {
    /*width: 50%;*/
	  width: 90%;
    margin: 0;
  }
  .head_menu li img {
    max-width: 90%;
    height: auto;
  }

  /* footer */
  .foot {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .foot img {
    width: 50%;
    height: auto;
  }
  .foot_bottom {
    display: none;
  }
}