@charset "UTF-8";

body {
  font-family: sans-serif;
}

img {
  width: 100%;
}

.screen {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

.wrapper {
  margin: 0 auto;
  max-width: 750px;
}

.contents {
  flex: 1;
  min-height: 600px;
}

footer {
  width: 100%;
}

.header,
.footer {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}

.copyright {
  margin: 0 auto;
  max-width: 511px;
  padding: calc(40 / 750 * 100%) 0;
  width: calc(511 / 750 * 100%);
}

.header-logo {
  margin: 0 auto;
  max-width: 640px;
  padding: calc(30 / 750 * 100%) 0;
  width: calc(640 / 750 * 100%);
}

.header-area {
  width: 100%;
}

.toppage-bg,
.mypage-bg {
  background: #fccee8;
  background-image: url("../images/bg_pc.png"); /* 背景画像 */
  background-repeat: repeat; /* 繰り返し */
  background-size: auto; /* 拡大縮小しない */
  background-position: top left; /* 左上から配置 */
}

.btn {
  margin: 0 auto;
  width: calc(620 / 750 * 100%);
  max-width: 620px;
}

.none {
  display: none;
}