@charset "UTF-8";

a:link {
  text-decoration: underline;
  color: #ff0000;
}

a:visited {
  text-decoration: underline;
  color: #ff0000;
}

a:hover {
  text-decoration: underline;
  color: #000;
}

.wrap {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.loop_bg {
  position: relative;
}

.loop_bg::before {
  content: '';
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: 800px auto;
  animation: slide 18s linear infinite;
}

.webp .loop_bg::before {
  background-image: url(../img/bg.webp);
}

.no-webp .loop_bg::before {
  background-image: url(../img/bg.jpg);
}

@keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -800px 0;
  }
}

.header {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.header_inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-size: 100% auto;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201476.04%201132.97%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23ddff4d%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C70.47v162.08h183.22v28.19H0v91.61h281.87c38.92%2C0%2C70.47-31.55%2C70.47-70.47V119.8h-183.22v-28.19h183.22V0H70.47C31.55%2C0%2C0%2C31.55%2C0%2C70.47Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M655.35%2C0h-211.4c-38.92%2C0-70.47%2C31.55-70.47%2C70.47v281.87h151.38v-155.03h56.37v155.03h144.59V70.47c0-38.92-31.55-70.47-70.47-70.47ZM524.86%2C155.03v-56.37h56.37v56.37h-56.37Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1402.32%2C0h-211.4c-38.92%2C0-70.47%2C31.55-70.47%2C70.47v281.87h151.38v-155.03h56.37v155.03h144.59V70.47c0-38.92-31.55-70.47-70.47-70.47ZM1271.82%2C155.03v-56.37h56.37v56.37h-56.37Z%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22930.18%200%20887.9%2042.28%20887.9%200%20746.96%200%20746.96%20352.34%20887.9%20352.34%20887.9%20310.06%20930.18%20352.34%201099.3%20352.34%20923.13%20176.17%201099.3%200%20930.18%200%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1472.79%2C872.24v-91.61h-281.87c-38.92%2C0-70.47%2C31.55-70.47%2C70.47v162.08h183.22v28.19h-183.22v91.61h281.87c38.92%2C0%2C70.47-31.55%2C70.47-70.47v-162.08h-183.22v-28.19h183.22Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M655.35%2C780.63h-211.4c-38.92%2C0-70.47%2C31.55-70.47%2C70.47v281.87h151.38v-155.03h56.37v155.03h144.59v-281.87c0-38.92-31.55-70.47-70.47-70.47ZM524.86%2C935.66v-56.37h56.37v56.37h-56.37Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M183.22%2C780.63H0v352.34h183.22c93.4%2C0%2C169.12-75.72%2C169.12-169.12v-14.09c0-93.4-75.72-169.12-169.12-169.12ZM140.94%2C1027.27v-140.94c31.13%2C0%2C56.37%2C31.55%2C56.37%2C70.47s-25.24%2C70.47-56.37%2C70.47Z%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22923.13%20830.1%20873.66%20780.63%20746.96%20780.63%20746.96%20845.68%20852.67%20951.38%20852.67%201132.97%20993.6%201132.97%20993.6%20948.13%201099.3%20842.42%201099.3%20780.63%20972.6%20780.63%20923.13%20830.1%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M552.91%2C390.32c-97.3%2C0-176.17%2C78.87-176.17%2C176.17s78.87%2C176.17%2C176.17%2C176.17%2C176.17-78.87%2C176.17-176.17-78.87-176.17-176.17-176.17ZM552.91%2C679.24c-72%2C0-130.37-58.37-130.37-130.37s58.37-130.37%2C130.37-130.37%2C130.37%2C58.37%2C130.37%2C130.37-58.37%2C130.37-130.37%2C130.37Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M608.4%2C457.97c-25%2C0-45.64%2C18.9-48.44%2C43.16h-14.1c-2.81-24.26-23.44-43.16-48.44-43.16-26.91%2C0-48.8%2C21.89-48.8%2C48.8s21.89%2C48.8%2C48.8%2C48.8c25%2C0%2C45.64-18.9%2C48.44-43.16h14.1c2.81%2C24.26%2C23.44%2C43.16%2C48.44%2C43.16%2C26.91%2C0%2C48.8-21.89%2C48.8-48.8s-21.89-48.8-48.8-48.8ZM497.42%2C544.3c-20.69%2C0-37.53-16.83-37.53-37.52s16.83-37.52%2C37.53-37.52%2C37.52%2C16.83%2C37.52%2C37.52-16.83%2C37.52-37.52%2C37.52ZM608.4%2C544.3c-20.69%2C0-37.52-16.83-37.52-37.52s16.83-37.52%2C37.52-37.52%2C37.53%2C16.83%2C37.53%2C37.52-16.83%2C37.52-37.53%2C37.52Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M585.9%2C584.48c1.58-2.68.68-6.14-2.01-7.72-11.46-6.74-15.18-6-16.39-5.75-2.04.41-4.22%2C1.6-6.74%2C2.99-1.29.71-3.53%2C1.94-4.66%2C2.39-.41-.29-.93-.69-1.35-1.01-3.19-2.45-8.51-6.56-15.61-4.19-1.99.66-3.75%2C1.51-5.32%2C2.27-.98.47-2.38%2C1.14-3.2%2C1.39-.03-.04-.06-.09-.09-.14.93-2.55%2C6.24-8.49%2C11.73-13.04%2C2.39-1.99%2C2.73-5.54.74-7.94-1.99-2.4-5.54-2.73-7.93-.75-9.05%2C7.49-19%2C18.09-15%2C26.07%2C5.45%2C10.91%2C14.7%2C6.46%2C18.65%2C4.55%2C1.25-.6%2C2.58-1.26%2C3.99-1.73%2C1.26-.4%2C2.52.39%2C5.16%2C2.42%2C2.14%2C1.65%2C4.56%2C3.52%2C7.74%2C3.52%2C3.41%2C0%2C7.05-2.01%2C10.58-3.95.98-.54%2C2.37-1.31%2C3.13-1.65%2C1.68.47%2C5.62%2C2.35%2C8.86%2C4.26%2C2.69%2C1.58%2C6.14.68%2C7.72-2.01Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M518.94%2C604.17c2.63-2.08%2C3.09-5.89%2C1.01-8.53-2.07-2.63-5.88-3.08-8.52-1.02-.38.3-9.47%2C7.5-16.42%2C16.97-10.44%2C14.25-13.65%2C27.7-13.78%2C28.26-.76%2C3.26%2C1.27%2C6.51%2C4.53%2C7.28.47.11.93.16%2C1.39.16%2C2.75%2C0%2C5.24-1.89%2C5.91-4.68.03-.12%2C2.85-11.7%2C11.75-23.84%2C5.93-8.09%2C14.05-14.54%2C14.13-14.61Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M610.97%2C614.07c-8.07-10.37-15.91-16.8-16.24-17.07-2.61-2.13-6.43-1.72-8.55.87-2.12%2C2.6-1.73%2C6.43.87%2C8.55.07.06%2C7.09%2C5.81%2C14.33%2C15.11%2C10.23%2C13.13%2C14.46%2C24.6%2C14.5%2C24.7.89%2C2.48%2C3.22%2C4.02%2C5.71%2C4.02.68%2C0%2C1.38-.12%2C2.06-.36%2C3.16-1.14%2C4.79-4.62%2C3.66-7.77-.19-.54-4.86-13.29-16.35-28.05Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M584.06%2C616.44c-2.01-2.69-5.82-3.23-8.5-1.22-2.69%2C2.01-3.23%2C5.82-1.22%2C8.5%2C3.17%2C4.22%2C8.63%2C12.66%2C9.82%2C17.32.7%2C2.75%2C3.17%2C4.57%2C5.88%2C4.57.5%2C0%2C1.01-.06%2C1.51-.19%2C3.25-.83%2C5.21-4.14%2C4.38-7.39-2.18-8.5-10.89-20.28-11.87-21.6Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M530.48%2C612.34c-2.49-1.88-6.03-1.38-7.89%2C1.11-.48.63-4.72%2C6.3-6.66%2C9.94-5.91%2C11.2-5.82%2C20.29-5.82%2C20.67.05%2C3.08%2C2.56%2C5.52%2C5.64%2C5.52h.06c3.1-.03%2C5.59-2.58%2C5.58-5.67%2C0-.07.03-6.77%2C4.51-15.24%2C1.28-2.41%2C4.54-6.9%2C5.69-8.42%2C1.87-2.49%2C1.38-6.02-1.11-7.89Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M536.41%2C623.7c-.46.58-2.79%2C3.78-3.95%2C9.35-.81%2C3.9-.84%2C8.92-.84%2C9.48%2C0%2C3.11%2C2.52%2C5.63%2C5.63%2C5.63h0c3.11%2C0%2C5.63-2.52%2C5.64-5.63%2C0-1.2.11-4.83.6-7.18.62-2.97%2C1.76-4.65%2C1.85-4.78%2C1.85-2.45%2C1.4-5.94-1.03-7.84-2.46-1.92-6-1.48-7.91.97Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22228.9%20390.32%20179.43%20439.79%20129.96%20390.32%203.26%20390.32%203.26%20742.66%20101.91%20742.66%20101.91%20601.72%20179.43%20679.24%20256.94%20601.72%20256.94%20742.66%20355.6%20742.66%20355.6%20390.32%20228.9%20390.32%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1299.87%2C390.32c-97.3%2C0-176.17%2C78.87-176.17%2C176.17s78.87%2C176.17%2C176.17%2C176.17%2C176.17-78.87%2C176.17-176.17-78.87-176.17-176.17-176.17ZM1299.87%2C622.86c-31.13%2C0-56.37-25.24-56.37-56.37s25.24-56.37%2C56.37-56.37%2C56.37%2C25.24%2C56.37%2C56.37-25.24%2C56.37-56.37%2C56.37Z%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22996.86%20390.32%20855.92%20390.32%20855.92%20390.32%20750.22%20390.32%20750.22%20531.25%20855.92%20531.25%20855.92%20742.66%20996.86%20742.66%20996.86%20531.25%201102.56%20531.25%201102.56%20390.32%20996.86%20390.32%20996.86%20390.32%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-color: #f4ffb6;
  overflow: hidden;
}

.top_text {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 0;
  left: 0;
  cursor: pointer;
}

.top_logo {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 0;
  left: 0;
  filter: drop-shadow(0 0 5px #f4ffb6) drop-shadow(0 0 5px #f4ffb6);
}

.content {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.inner {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 4rem 0;
}

.inner-2 {
  position: relative;
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 0;
}

.about_bg {
  background-repeat: no-repeat;
  background-position:
    top -10% left -3%,
    top right -5%,
    bottom 12% left,
    bottom -5% right 2%;
  background-size: 20% auto;
  background-image:
    url(../img/bg_ink_1.png),
    url(../img/bg_ink_2.png),
    url(../img/bg_ink_3.png),
    url(../img/bg_ink_4.png);
}

.about_inner {
  position: relative;
  width: 100%;
  margin: 0 auto 2rem;
}

.frame_method {
  width: 100%;
  padding: 2rem;
  background-color: #ddff4d;
}

.frame_present {
  width: 100%;
  padding: 2rem;
  background-color: #01efdf;
}

.about_title {
  width: 36%;
}

.kikan {
  width: 80%;
}

.about_note {
  width: 100%;
  margin: 1.5rem 0 0;
}

.about_note p {
  color: #000;
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.present_text {
  width: 75%;
  padding: 0 0 0 18%;
  margin: 0 0 2rem;
}

.present_image {
  position: absolute;
  width: 20%;
  top: 19%;
  left: -2%;
}

.present_btn {
  width: 70%;
}

.cut_1 {
  position: absolute;
  width: 40%;
  bottom: -30%;
  right: -13%;
  z-index: 1;
}

.prev_bg {
  position: relative;
  background-size: 750px auto, 100% 100%;
  background-position: bottom -5rem right -5%, center;
  background-repeat: no-repeat;
  background-color: #ffc215;
  z-index: 2;
}

.webp .prev_bg {
  background-image: url(../img/cut_2.webp), url(../img/bg_grunge.png);
}

.no-webp .prev_bg {
  background-image: url(../img/cut_2.png), url(../img/bg_grunge.png);
}

.prev_title {
  width: 100%;
  margin: 0 auto 2rem;
}

.prev {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.prev_item {
  width: 18.5%;
  margin: 0 0 1rem;
}

.prev_item img {
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.prev_note {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.vote_list_title {
  position: relative;
  width: 100%;
  margin: 0 auto 3rem;
}

.cut_3 {
  position: absolute;
  width: 32%;
  bottom: -20%;
  right: 0;
  z-index: 3;
}

.vote_box {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.vote_item {
  position: relative;
  width: 18.4%;
  margin: 0 2% 1.4rem 0;
  padding: 10px;
  border: #000 2px solid;
  background-color: #d8fe51;
}

.vote_item:last-child {
  margin: 0 0 1.4rem;
}

.vote_item_inner {
  width: 100%;
}

.thumb {
  width: 100%;
}

.thumb img {
  width: 100%;
  border: #000 1px solid;
}

.name {
  width: 100%;
  min-height: 3em;
  padding: 0 .3em;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.name p {
  color: #d8fe51;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  font-feature-settings: "palt";
}

.name p.ts {
  font-size: 90%;
}

.explain {
  width: 100%;
  min-height: 3.2em;
  margin: .6rem 0;
  color: #000;
  font-size: min(12px, 1.2vw);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.apply_bg {
  background-color: #01efdf;
}

.inner-3 {
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  padding: 12rem 0 4rem;
  line-height: 1.6;
}

.prize {
  width: 50%;
  margin: 0 auto 2rem;
}

.apply_title {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: -4rem;
  left: 0;
}

.apply_outer {
  position: relative;
  z-index: 2;
  background-color: #01efdfbf;
}

.apply_t {
  width: 40%;
  margin: 0 auto 2rem;
}

.hagaki {
  width: 60%;
  margin: 0 auto 2rem;
}

.apply_h {
  width: 100%;
  padding: 0 0 0.3em;
  margin: 1.5em 0 1em;
  font-size: 16px;
  font-weight: 600;
  border-bottom: #000 solid 1px;
}

.apply_text p {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.apply_note p {
  color: #000;
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}

.apply_text p.large {
  margin: 0 0 1rem;
  font-size: 20px;
  font-weight: 600;
  text-indent: 0;
  padding-left: 0;
}

.apply_text p.last {
  margin: 0 0 2em;
}

.cut_4 {
  position: absolute;
  width: 50%;
  top: 10%;
  left: -20%;
  z-index: 3;
}

.cut_5 {
  position: absolute;
  width: 50%;
  top: 10%;
  right: -20%;
  z-index: 3;
}

.cut_6 {
  position: absolute;
  width: 50%;
  bottom: 23%;
  right: -35%;
  z-index: 2;
}

.comics {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.comics_inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.comics_cover {
  width: 52%;
}

.comics_text {
  width: 44%;
}

.comics_btn {
  position: absolute;
  width: 44%;
  bottom: 0;
  right: 0;
}

.footer {
  width: 100%;
  padding: 0 0 2rem;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.footer_inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0;
}

.bnr {
  width: 30%;
  margin: 0 auto 3rem;
}

.social {
  width: 100%;
  margin: 0 0 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social_item {
  width: 7%;
  padding: 0 1.6%;
}

.frame_method {
  position: relative;
}

.end {
  position: absolute;
  width: 90%;
  top: 2%;
  left: 5%;
  transform: rotate(-10deg);
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .pc_display {
    display: none;
  }

  .pc {
    display: none;
  }

  .loop_bg::before {
    background-size: 750px auto;
  }

  .webp .loop_bg::before {
    background-image: url(../img/sp_bg.webp);
  }

  .no-webp .loop_bg::before {
    background-image: url(../img/sp_bg.jpg);
  }

  @keyframes slide {
    from {
      background-position: 0 0;
    }

    to {
      background-position: -750px 0;
    }
  }

  .top_logo {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 0;
    left: 0;
    filter: drop-shadow(0 0 2px #f4ffb6) drop-shadow(0 0 2px #f4ffb6) drop-shadow(0 0 2px #f4ffb6);
  }

  .inner {
    padding: 2rem 0;
  }

  .inner-2 {
    width: 90%;
    padding: 2rem 0;
  }

  .about_bg {
    background-position:
      top -40% left -40%,
      top -30% right -30%,
      bottom -30% left -30%,
      bottom -30% right 20%;
    background-size: 50% auto;
  }

  .about_inner {
    margin: 0 auto 1.5rem;
  }

  .frame_method {
    padding: 1rem;
  }

  .frame_present {
    padding: 1rem;
  }

  .about_title {
    width: 50%;
  }

  .kikan {
    width: 100%;
  }

  .about_note {
    margin: .6rem 0 0;
  }

  .about_note p {
    font-size: 12px;
  }

  .present_text {
    width: 85%;
    padding: 0 0 0 23%;
    margin: 0 0 1.2rem;
  }

  .present_image {
    width: 26%;
    top: 17%;
    left: -2%;
  }

  .present_btn {
    width: 76%;
  }

  .cut_1 {
    width: 38%;
    bottom: -35%;
    right: -13%;
  }

  .prev_bg {
    background-size: 200% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }

  .webp .prev_bg {
    background-image: url(../img/bg_grunge.png);
  }

  .no-webp .prev_bg {
    background-image: url(../img/bg_grunge.png);
  }

  .prev_title {
    margin: 0 auto 1rem;
  }

  .prev {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .prev_item {
    width: 31%;
    margin: 0 3% .6rem 0;
  }

  .prev_item:nth-child(3n) {
    margin: 0 0 .6rem;
  }

  .prev_item:last-child {
    margin: 0 0 .6rem;
  }

  .prev_item img {
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
  }

  .prev_note {
    font-size: 18px;
  }

  .vote_list_title {
    margin: 0 auto 1rem;
  }

  .cut_3 {
    width: 28%;
    bottom: 20%;
    right: -6%;
    z-index: 3;
  }

  .vote_item {
    width: 31.2%;
    margin: 0 3% .8rem 0;
    padding: 5px;
    border: #000 1px solid;
  }

  .vote_item:nth-child(3n) {
    margin: 0 0 .8rem 0;
  }

  .vote_item:last-child {
    margin: 0 0 .8rem;
  }

  .name {
    width: 100%;
    min-height: 2em;
    padding: 0 .3em;
  }

  .name p {
    font-size: 3.2vw;
  }

  .name p.ts {
    font-size: 2.8vw;
  }

  .name p.ts-2 {
    font-size: 2.8vw;
  }

  .explain {
    width: 100%;
    min-height: 3.2em;
    margin: .6rem 0;
    font-size: 2.5vw;
    text-align: left;
    font-feature-settings: "palt";
  }

  .inner-3 {
    width: 90%;
    padding: 26% 0 2rem;
  }

  .apply_title {
    top: -0.5%;
  }

  .apply_outer {
    background-color: transparent;
  }

  .prize {
    width: 60%;
    margin: 0 auto 2rem;
  }

  .apply_t {
    width: 70%;
    margin: 0 auto 2rem;
  }

  .hagaki {
    width: 100%;
    margin: 0 auto 2rem;
  }

  .apply_h {
    width: 100%;
    padding: 0 0 0.3em;
    margin: 1.5em 0 1em;
    font-size: 14px;
    font-weight: 600;
    border-bottom: #000 solid 1px;
  }

  .apply_text p {
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
  }

  .apply_note p {
    color: #000;
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
  }

  .apply_text p.large {
    margin: 0 0 1rem;
    font-size: 16px;
  }
  
  .apply_text p.last {
    margin: 0 0 2.5em;
  }

  .cut_4 {
    position: absolute;
    width: 56%;
    top: 6%;
    left: -18%;
    z-index: 3;
  }

  .cut_5 {
    position: absolute;
    width: 56%;
    top: 6%;
    right: -18%;
    z-index: 3;
  }

  .cut_6 {
    position: absolute;
    width: 60%;
    bottom: 37%;
    left: 44%;
    z-index: 2;
  }

  .comics {
    width: 90%;
  }

  .social {
    margin: 0 0 2rem;
  }

  .social_item {
    width: 14%;
    padding: 0 2.5%;
  }

  .end {
    position: absolute;
    width: 101%;
    top: 6%;
    left: 0;
    transform: rotate(-6deg);
  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sp_display {
    display: none;
  }

  .sp {
    display: none;
  }

  .inner {
    position: relative;
    padding: 3rem 0;
  }

  .inner-2 {
    padding: 3rem 0;
  }

  .about_bg {
    background-position:
      top -50% left -30%,
      top right -30%,
      bottom 12% left -30%,
      bottom -5% right -20%;
    background-size: 40% auto;
  }

  .about_title {
    width: 32%;
  }

  .kikan {
    width: 90%;
  }

  .about_note {
    width: 80%;
    margin: 1.5rem 0 0;
  }

  .prev_bg {
    position: relative;
    background-size: 90% auto, 100% 100%;
    background-position: bottom -3rem right -50%, center;
  }

  .webp .prev_bg {
    background-image: url(../img/cut_2.webp), url(../img/bg_grunge.png);
  }

  .no-webp .prev_bg {
    background-image: url(../img/cut_2.png), url(../img/bg_grunge.png);
  }

  .vote_list_title {
    position: relative;
    width: 100%;
    margin: 0 auto 3rem;
  }

  .vote_item {
    position: relative;
    width: 23.5%;
    margin: 0 2% 1.2rem 0;
    padding: 6px;
  }

  .vote_item:nth-child(4n) {
    margin: 0 0 1.2rem 0;
  }

  .vote_item:last-child {
    margin: 0 0 1.2rem;
  }

  .vote_item_inner {
    width: 100%;
  }

  .name p {
    font-size: 16px;
  }

  .inner-3 {
    width: 80%;
    padding: 11rem 0 3rem;
  }

  .prize {
    width: 60%;
    margin: 0 auto 2rem;
  }

  .cut_4 {
    position: absolute;
    width: 55%;
    top: 10%;
    left: -18%;
    z-index: 3;
  }

  .cut_5 {
    position: absolute;
    width: 55%;
    top: 11%;
    right: -18%;
    z-index: 3;
  }

  .cut_6 {
    position: absolute;
    width: 55%;
    bottom: 26%;
    left: 52%;
    z-index: 2;
  }

  .comics {
    width: 60%;
  }

}

@media screen and (min-width: 1025px) {
  .sp_display {
    display: none;
  }

  .sp {
    display: none;
  }

  .vote_item:nth-child(5n) {
    margin: 0 0 0 0;
  }

  .alpha img {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  .alpha img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  a.btn_over img {
    -webkit-transition: -weblit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  a.btn_over img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

 img.btn_over {
    -webkit-transition: -weblit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  img.btn_over:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  button.btn_over img {
    -webkit-transition: -weblit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  button.btn_over img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

}