/* header */
.header {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 padding: 0 15px;
 width: calc(100% - 30px);
 height: 60px;
 background-color: #fff;
 box-shadow: 0px 0px 48px 0px rgba(51, 51, 51, 0.16);
}
.header .header__logo {
 width: 67.5px;
}
/* footer */
.footer {
 display: flex;
 flex-flow: column;
 align-items: center;
 justify-content: center;
 width: 100%;
 background: #262626;
 padding: 30px 0;
}
.footer > figure {
 display: block;
 width: calc(246 / 2 * 1px);
}
.footer .copyright {
 color: #999999;
 font-size: 12px;
 text-align: center;
 margin-top: 25px;
}
.pc-only {
 display: none;
}
.sp-only {
 display: block;
}
/* PC版
------------------------------*/
@media screen and (min-width: 769px) {
 .pc-only {
  display: block;
 }
 .sp-only {
  display: none;
 }
  .header {
  padding: 0 40px;
  width: calc(100% - 80px);
  height: 80px;
  box-shadow: 0px 0px 24px 0px rgba(51, 51, 51, 0.16);
 }
 .header .header__logo {
  width: 108px;
 }
 /* footer */
 .footer {
  height: 89px;
 }
 .footer > figure {
  width: calc(370 / 2 * 1px);
 }
}