@charset "UTF-8";
/* Common */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

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

.inner {
  max-width: 1024px;
  margin: 0 auto 5em;
}

.inner img {
  width: 100%;
}

a:hover {
  opacity: 0.6;
}

.mt24 {margin-top: 1.5em;}
.mt40 {margin-top: 2.5em;}

/* Key Visual */
.kv {
  max-width: 1024px;
  margin: 0 auto 5em;
}

.kv img {
  width: 100%;
}

/* Typography */
h2 {
  margin-bottom: 1em;
  padding-bottom: 0.66em;
  border-bottom: 1px solid #333;
  font-size: 1.5em;
  line-height: 1.5;
}

p {
  line-height: 1.8;
}

/* button */
.btn {
  position: relative;
  padding: 1.33em 1em;
  display: block;
  color: #fff;
  background: #F05258;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.btn:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 4%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

/* campaign end */
.end-box {
  padding: 1em;
  border:  4px solid #ccc;
}

.t-end {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.disp_none{
  display: none;
}

@media screen and (max-width: 768px) {
/* Common */
.pc-only {display: none;}
.sp-only {display: block;}

.inner {width: 90%; margin: 0 auto 3em;}

.mt24 {margin-top: 1.25em;}
.mt40 {margin-top: 1.75em;}

/* Key Visual */
.kv {
  margin: 0 auto 3em;
}

/* Typography */
h2 {font-size: 1.25em;}
p {font-size: 0.875em;}

/* button */
.btn {
  padding: 0.66em;
  font-size: 1.25em;
}

/* campaign end */
.t-end {font-size: 1.25em;}
}