@charset "utf-8";
body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
/* title */
.header {
  position: absolute;
  top: 0;
  -webkit-transition: border 0s linear .3s;
  -moz-transition: border 0s linear .3s;
  -o-transition: border 0s linear .3s;
  transition: border 0s linear .3s;
}
body.menu_view .header {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
body.menu_view .header,
body.menu_view #menu { position: fixed; }
.page_header {
  /*
  padding: 96px 28px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-start;
*/
  display: block;
  padding-top: 17px;
  padding-bottom: 13px;
}
@media all and (max-width: 1280px) {
  .page_header {
    padding-bottom: calc(12vw / 1280 * 100);
  }
}
.page_title {
  letter-spacing: .1px;
  text-indent: -200%;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  display: none;
}
@media all and (max-width: 1280px) {
  .page_title {
    letter-spacing: calc(.1vw / 1280 * 100);
  }
}
@media all and (max-width: 767px) {
  .header { position: fixed; }
  .page_header {
    display: block;
    padding: 0;
  }
  .page_title {
    margin-top: calc(71vw / 375 * 100);
    margin-left: calc(19vw / 375 * 100);
    display: block;
  }
}
/* main */
main,
.main{
  -webkit-flex: 1;
  flex: 1;
}