.emblem .title-36 sup {
  font-size: 40%;
  top: -1em;
}
.emblem-box {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .emblem-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 46px;
  }
}
.emblem-image {
  width: 144px;
}
@media screen and (min-width: 768px) {
  .emblem-image {
    margin-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .emblem-image {
    margin: 0 auto 16px;
  }
}
.emblem-content {
  width: 496px;
}
.emblem-list {
  position: relative;
  margin-bottom: 4px;
  padding: 8px 16px;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .emblem-list {
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    margin-bottom: 8px;
  }
}
.emblem-list:before {
  content: "";
  width: 100%;
  height: 75%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .emblem-list:before {
    height: 100%;
  }
}
.emblem-list-inner {
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .emblem-list-inner {
    text-align: center;
    line-height: 1.4;
  }
}
.emblem-list-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 380px) {
  .emblem-list-title {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.emblem-list-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 0 0.3em;
}
.emblem-list-num {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #323e85;
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
  .emblem-list-num {
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .emblem-list-num {
    display: flex;
    align-items: flex-end;
  }
}
.emblem-list-num span {
  display: inline-block;
  font-size: 48px;
  font-weight: 600;
  color: #323e85;
  line-height: 1;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .emblem .list-asterisk {
    text-align: center;
  }
}
.onlineform-link-3 a span.ic-magazine:before {
  background-size: contain;
  width: 67px;
  height: 81px;
  top: 50%;
  left: -32px;
}
.webp .onlineform-link-3 a span.ic-magazine:before {
  background-image: url("/service/pos/assets/images/uregifood/common/img_comic.png.webp");
}
.no-webp .onlineform-link-3 a span.ic-magazine:before {
  background-image: url("/service/pos/assets/images/uregifood/common/img_comic.png");
}
@media screen and (max-width: 767px) {
  .onlineform-link-3 a span.ic-magazine:before {
    width: 60px;
    height: 80px;
    top: -45px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .webp .onlineform-link-3 a span.ic-magazine:before {
    background-image: url("/service/pos/assets/images/uregifood/common/img_comic_sp.png.webp");
  }
  .no-webp .onlineform-link-3 a span.ic-magazine:before {
    background-image: url("/service/pos/assets/images/uregifood/common/img_comic_sp.png");
  }
}
.content {
  z-index: 0;
  background: linear-gradient(180deg, #000 0%, #000 50%, #fff 50%, #fff 100%);
}
@media screen and (max-width: 1024px) {
  section.cta-area {
    padding: 8px 0;
  }
}
.scrollify {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .scrollify .col-half.text-center {
    text-align: left !important;
    margin-left: 8%;
  }
}
.scrollify.not-scroll {
  height: unset !important;
  max-height: unset;
  min-height: unset;
}
.mv-section {
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .mv-section .mv-02 .mv-02-inner {
    top: 45%;
    position: absolute;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .mv-section .mv-02 .mv-movie-02 video {
    height: 100vh;
    opacity: 0.6;
  }
}
.mv-movie-02.text-center {
  position: relative;
}
.mv-02-inner {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 15px #000;
}
@media screen and (max-width: 767px) {
  .mv-02-inner {
    width: 100%;
  }
}
video#MAIN02_PC {
  height: 100vh;
  width: 100%;
}
@media screen and (max-width: 767px) {
  video#MAIN02_SP {
    width: 100%;
    max-height: calc(100vh - 170px);
    opacity: 0.6;
  }
}
.mv-l .mv-movie {
  max-height: unset;
}
.section-02 {
  padding-top: 30vh;
}
@media screen and (max-width: 767px) {
  .section-02 .col-half.text-center {
    margin: -40vh 0 0 32px;
    text-shadow: 0 0 15px #000;
  }
}
@media screen and (max-width: 767px) {
  .section-02 video {
    top: 5vh;
    opacity: 0.6 !important;
  }
}
@media screen and (max-width: 767px) {
  .section-03 .col-half.text-center .text-white {
    margin-top: -10vh;
    text-shadow: 0 0 15px #000;
  }
}
@media screen and (max-width: 767px) {
  .section-03 .col-half img {
    margin-left: 10%;
    margin-bottom: -50vh;
    margin-left: 0% !important;
    opacity: 0.6 !important;
  }
}
.section-04 {
  padding-top: unset !important;
}
@media screen and (max-width: 767px) {
  .section-04 .col-half.change {
    margin-top: -61vh;
    text-shadow: 0 0 15px #000;
  }
}
@media screen and (max-width: 767px) {
  .section-04 .col-half img {
    margin-top: 19vh;
    opacity: 0.6 !important;
    margin-left: 23% !important;
  }
}
.section-05 .col-half.text-center {
  padding-top: 40vh !important;
}
@media screen and (max-width: 767px) {
  .section-05 .col-half.text-center {
    padding-top: 15% !important;
  }
}
@media screen and (max-width: 767px) {
  .section-05 .col-half.text-center .text-white {
    margin-top: -23vh;
    text-shadow: 0 0 15px #000;
  }
}
@media screen and (max-width: 767px) {
  .section-05 .col-half.double-images {
    padding-top: 40% !important;
  }
}
.scroll-section04 .column {
  padding-top: 25vh;
}
@media screen and (max-width: 767px) {
  .scroll-section04 .column {
    padding-top: 10vh;
  }
}
.scroll-section05 .column {
  padding-top: 25vh;
}
@media screen and (max-width: 767px) {
  .scroll-section05 .column {
    padding-top: 10vh;
  }
}
.col-half img {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .double-images img.img-01 {
    width: 55%;
    margin-top: 15%;
    right: 55%;
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .double-images img.img-02 {
    width: 55%;
    margin-top: 0px !important;
  }
}
.page_wrap {
  position: fixed;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 90;
}
@media screen and (max-width: 767px) {
  .page_wrap {
    right: 20px;
  }
}
.page_wrap li {
  margin-bottom: 4px;
}
.page_wrap a {
  background: #fff;
  border-radius: 10px;
  display: block;
  width: 3px;
  height: 3px;
}
.page_wrap a.active {
  height: 20px;
}
.hidden {
  animation: fade 0.2s ease-in-out forwards;
  pointer-events: none;
/* 重要 */
}
.visible {
  animation: fadeOut 0.2s ease-in-out forwards;
  pointer-events: all;
/* 重要 */
}
@keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}