@charset "utf-8";

html { overflow: auto; }
body { overflow: hidden; }

html {
  overflow-y: scroll;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  line-height: 1.732;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
  margin: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  line-height: 1.41;
  font-feature-settings: "palt";
}

p:not(:last-child),ul,ol {
  margin-bottom: 1em;
}

img {
  max-width: 100%;              /* 1 */
  height: auto;                 /* 1 */
  vertical-align: middle;       /* 2 */
  font-style: italic;           /* 3 */
  background-repeat: no-repeat; /* 4 */
  background-size: cover;       /* 4 */
  shape-margin: 0.75rem;        /* 5 */
}

strong {
  font-weight: bold;
}

ins {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

address {
  font-style: normal;
}

figure {
  border: 0;
  margin: 0;
}

fieldset {
  border: 0;
}

/* =======================================================================
  メディアクエリによる表示／非表示
======================================================================= */

.pc { display: block; }
.sp { display: none; }

@media(max-width: 599px) {
  .pc { display: none; }
  .sp { display: block; }
}

/* =======================================================================
  レイアウト
======================================================================= */

body {
  margin: auto;
  padding: 40px;
  width: 100%;
  max-width: 700px;
  background-color: #000;
}

.header {
  margin-bottom: 40px;
}

.main-image img {
  margin-bottom: 40px;
}

.main {
  margin-bottom: 40px;
}

.main p:not([class]) {
  line-height: 1.618;
  font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 300;
}

@media(max-width: 700px) {
  body {
    padding: 20px;
  }
  .header {
    margin-bottom: 20px;
  }
  .main-image img {
    margin-bottom: 20px;
  }
  .main {
    margin-bottom: 20px;
  }
  .main p:not([class]) {
  }
}

/* =======================================================================
  色
======================================================================= */

body {
  background-color: #fff;
}

body .title {
  color: #fff;
}

body .data p {
  color: #000;
}

body .data p a {
  color: #000;
}

body .footer,
body .footer a {
    color: #000;
}