@charset "UTF-8";

body {
  min-width: auto;
  font-family: "ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
}

.header {
  position: relative;
  z-index: 4;
}

/* MV */
.mainVisual {
  position: relative;
  margin-top: -29px;
  padding-top: 17px;
  background-color: #ff9500;
}

.mainVisual__text {
  display: none;
}

.mainVisual__incentiveCampaign {
  display: block;
  width: 100%;
  height: auto;
}

.mainVisual__incentiveContent {
  display: none;
}

@media screen and (min-width:768px) {
  .mainVisual {
    height: 460px;
    margin-top: -23px;
    background: url(../img/pc/mv_background.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .mainVisual__text {
    position: absolute;
    display: block;
    top: 40px;
    left: calc(50% - 292px);
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
  }

  .mainVisual__incentiveCampaign {
    display: none;
  }

  .mainVisual__incentiveContent {
    position: absolute;
    display: block;
    bottom: 0;
    left: calc(50% - 420px);
    width: 841px;
  }
}

@media screen and (min-width:980px) {
  .mainVisual {
    height: 588px;
  }

  .mainVisual__text {
    top: 58px;
    left: calc(50% - 292px);
    line-height: 1.3;
  }

  .mainVisual__incentiveCampaign {
    display: none;
  }

  .mainVisual__incentiveContent {
    position: absolute;
    display: block;
    bottom: 0;
    left: calc(50% - 538px);
    width: 1076px;
  }
}

.downloadQR {
  display: none;
}

@media screen and (min-width:768px) {
  .downloadQR {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    gap: 32px;
    width: 100%;
    padding: 24px 40px;
    background: #fff5d8;
  }

  .downloadQR__download,.downloadQR__store {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }

  .downloadQR__QR {
    width: 88px;
    height: 88px;
  }

  .downloadQR__text {
    color: #ff6010;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.2px;
    word-break: keep-all;
  }

  .downloadQR__storeButton {
    display: block;
    height: 52px;
  }
}

@media screen and (min-width:980px) {
  .downloadQR__QR {
    width: 100px;
    height: 100px;
  }

  .downloadQR__text {
    font-size: 24px;
  }

  .downloadQR__storeButton {
    height: 60px;
  }
}

.title {
  padding: 40px 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width:768px) {
  .title {
    padding: 56px 0;
    font-size: 36px;
  }
}

/* 応募の流れ */
.applicationFlow__item {
  padding: 0 24px 40px;
}

.applicationFlow__detail {
  margin-bottom: 8px;
  padding-top: 24px;
  border-radius: 10px;
  background-color: #f5f4f0;
  text-align: center;
}

.applicationFlow__step {
  display: inline-block;
  padding: 3px 14px;
  border: 1px solid #ff6010;
  border-radius: 40px;
  color: #ff6010;
  font-size: 10px;
  font-weight: bold;
  line-height: 0.9;
}

.applicationFlow__title {
  margin-top: 8px;
  color: #ff6010;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

.applicationFlow__text {
  margin-top: 4px;
  font-size: 14px;
}

.applicationFlow__stepImage {
  display: block;
  margin: 16px auto 0;
  width: 214px;
}

.applicationFlow__notice {
  display: block;
  color: #666;
  font-size: 10px;
}

.applicationFlow__notice--bold {
  font-weight: bold;
}

@media screen and (min-width:768px) {
  .applicationFlow__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 16px;
    padding: 0 24px;
    min-width: 720px;
  }

  .applicationFlow__item {
    padding: 0;
    width: 33%;
  }

  .applicationFlow__text {
    font-size: 12px;
  }

  .applicationFlow__stepImage {
    margin: 35px auto 0;
    width: 180px;
  }

  .applicationFlow__item:last-child .applicationFlow__stepImage {
    margin-top: 16px;
  }
}

@media screen and (min-width:980px) {
  .applicationFlow__list {
    gap: 25px;
    margin: 0 auto 56px;
    padding: 0;
    width: 980px;
  }

  .applicationFlow__detail {
    width: 310px;
  }

  .applicationFlow__text {
    font-size: 14px;
  }

  .applicationFlow__stepImage {
    margin: 43px auto 0;
    width: 214px;
  }

  .applicationFlow__item:last-child .applicationFlow__stepImage {
    margin-top: 22px;
  }
}

/* 応募条件 */
.requirement {
  padding: 0 16px 48px;
}

.requirement__item {
  padding-bottom: 24px;
}

.requirement__item:last-child {
  padding-bottom: 0;
}

.title4 {
  margin-bottom: 8px;
}

.requirement__detail {
  margin-top: 4px;
  padding-left: 16px;
  font-size: 14px;
  text-indent: -12px;
}

.requirement__detail::before {
  content: "・";
}

.requirement__detail:first-of-type {
  margin-top: 0;
}

.requirement__notice {
  display: block;
  text-indent: 0;
}

.requirement__inquiry {
  font-size: 14px;
}

.requirement__help {
  font-size: 14px;
}

@media screen and (min-width:768px) {
  .requirement {
    padding: 0 24px 56px;
  }

  .requirement__list {
    min-width: 720px;
  }

  .title4 {
    position: relative;
    margin-bottom: 8px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.6;
  }

  .title4::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/static/pc/img/common/icon_circle.svg) no-repeat;
    transform: translateY(-50%);
  }
}

@media screen and (min-width:980px) {
  .requirement {
    padding: 0 0 56px;
  }

  .requirement__list {
    width: 980px;
    margin: 0 auto;
  }

  .title4::after {
    width: 18px;
    height: 18px;
  }
}

/* ダウンロード */
.download {
  padding-bottom: 16px;
  width: 100%;
  background: #ff6010;
}

.download__content {
  display: none;
}

.download__imageSp {
  width: 100%;
  height: 378px;
  background: url(../img/sp/download.png) no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: bottom;
}

.download__logo {
  display: block;
  width: 139px;
  margin: 0 auto;
  padding: 32px 0 10px;
}

.download__catch {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.download__inner {
  margin: 16px 16px 0;
  padding: 16px;
  background: #fff;
  border-radius: 8px;
}

.download__text {
  padding-bottom: 8px;
  font-weight: bold;
  text-align: center;
}

.download__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.download__buttonImage {
  display: block;
}

.download__inner--one {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.download__inner--one .download__text {
  padding-bottom: 0;
  text-align: left;
}

@media screen and (min-width:768px) {
  .download {
    display: block;
    padding-bottom: 0;
  }

  .download__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }

  .download__contentInner {
    width: 100%;
    height: auto;
    text-align: center;
    aspect-ratio: 450 / 375;
  }

  .download__logo {
    display: inline-block;
    width: 58%;
    margin: 10% 0 0 -2%;
    padding: 0;
  }

  .download__catch {
    padding: 3% 0 5%;
    color: #fff;
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
  }

  .download__introduce {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 4%;
    width: 76%;
    margin-left: 10%;
    padding: 3%;
    background: #fff;
    border-radius: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }

  .download__QR {
    width: 24%;
  }

  .download__text {
    padding-bottom: 3px;
    color: #ff6010;
    font-size: 2vw;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
  }

  .download__buttonWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 2%;
  }

  .download__store {
    display: block;
    width: 96%;
    aspect-ratio: 94 / 35;
  }

  .download__buttonWrapper a:last-child .download__store {
    aspect-ratio: 116 / 35;
  }

  .download__imagePc {
    display: block;
    margin-top: 3%;
    width: 71%;
    min-width: 319px;
    max-height: 455px;
    aspect-ratio: 319 / 357;
  }

  .download__wrapper {
    display: none;
  }
}

@media screen and (min-width:980px) {
  .download {
    width: 980px;
    height: 480px;
    margin: 0 auto;
    padding-bottom: 0;
  }

  .download__contentInner {
    padding: 60px 82px 43px 60px;
  }

  .download__logo {
    width: 332px;
    margin: 0 0 0 18px;
  }

  .download__catch {
    padding: 20px 0 27px 18px;
    font-size: 40px;
  }

  .download__introduce {
    gap: 16px;
    width: 432px;
    margin-left: 0;
    padding: 16px;
  }

  .download__QR {
    width: 100px;
    height: 100px;
  }

  .download__text {
    padding-bottom: 8px;
    font-size: 20px;
  }

  .download__buttonWrapper {
    gap: 16px;
  }

  .download__store {
    width: 120px;
    height: 44px;
  }

  .download__buttonWrapper a:last-child .download__store {
    width: 149px;
  }

  .download__imagePc {
    width: 100%;
    height: 455px;
    margin-top: 25px;
  }
}

/* sns */
.sns {
  margin: 40px auto;
  width: 280px;
}

.sns__buttonsList {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.sns__buttonItem + .sns__buttonItem {
  margin-left: 4px;
}

.sns__buttonItem {
  height: 40px;
}

.sns__buttonItem:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}

@media screen and (min-width:768px) {
  .sns {
    margin: 80px auto;
  }
}

/* ページトップ */
.pageTop {
  display: block;
  margin-bottom: 0;
  padding: 40px 27px 24px 10px;
}

.pageTop a {
  display: inline-block;
}

.toPageTop {
  display: none;
}

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

  .toPageTop {
    display: block;
    width: 100%;
    margin: 0 auto 24px;
    padding: 0 24px;
  }
}

@media screen and (min-width:980px) {
  .toPageTop {
    width: 980px;
  }
}

/* 下部吸着 */
.nowDownload {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 95px;
  padding: 12px 8px;
  background-color: #fff;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
  z-index: 1;
}

.nowDownload__buttonArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.nowDownload__text {
  padding-bottom: 8px;
  color: #ff6010;
  font-weight: bold;
}

.nowDownload__button img {
  display: block;
}

.nowDownload--one {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 8px;
  height: 68px;
  padding: 12px 24px;
  text-align: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.nowDownload--one .nowDownload__text {
  padding-bottom: 0;
}

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