@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

/* all */
* {
  box-sizing:border-box;
}

html {
  font-size:62.5%;
}

body {
  width:100%;
  margin:0;
  padding:0;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  line-height: 1.6;
  letter-spacing: 0.05em;
  min-width: 100%;
  background-color: #151515;
  word-break: break-all;
}

/* reset */
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
form,
figure,
p {
  margin:0; padding:0;
}
li {
  list-style-type:none;
}

/* a */
a {
  overflow:hidden;
  transition: .2s linear;
}
a:link		{
  color: #fff;
  text-decoration: none;
}
a:visited	{
  color:#fff;
}
a:hover		{
  opacity: .8;
}
a:active	{
  opacity:.8;
}
a img {
  transition: .2s linear;
}
a:hover img {
  opacity:.8;
}
a.underline {
  text-decoration: underline;
}

/* img */
img {
  max-width:100%;
  height:auto;
  vertical-align:top;
  border:0;
}

/* input, select, button, textarea */
input,
select,
button,
textarea {
  color: #222;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.6rem;
}

/* english */
.en {
  font-family: 'Poppins', sans-serif;
}

/* txt */
.txt-l {
  text-align: left;
}
.txt-c {
  text-align: center;
}
.txt-r {
  text-align: right;
}

/* view */
.v-sp {display: none;}

/* ---------- For PC ---------- */
@media (min-width: 768px) {
  /* tel */
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

/* ---------- For SP ---------- */
@media (max-width: 767px) {
  /* all */
  body {
    font-size: 1.4rem;
  }

  /* view */
  .v-sp {
    display: block;
  }
  .v-pc {
    display: none;
  }
}