@charset "UTF-8";
@media screen and (min-width: 769px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}
.page div, .page span, .page applet, .page object, .page iframe,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page p,
.page blockquote, .page pre, .page a, .page abbr, .page acronym, .page address,
.page big, .page cite, .page code, .page del, .page dfn, .page em, .page img, .page ins, .page kbd, .page q, .page s, .page samp, .page small, .page strike, .page strong, .page sub, .page sup, .page tt, .page var, .page b, .page u, .page i, .page center,
.page dl, .page dt, .page dd, .page ol, .page ul, .page li,
.page fieldset, .page form, .page label, .page legend,
.page table, .page caption, .page tbody, .page tfoot, .page thead, .page tr, .page th, .page td,
.page article, .page aside, .page canvas, .page details, .page embed, .page figure, .page figcaption, .page footer, .page header, .page hgroup,
.page menu, .page nav, .page output, .page ruby, .page section, .page summary, .page time, .page mark, .page audio, .page video, .page picture {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page article, .page aside, .page details, .page figcaption, .page figure, .page footer, .page header, .page hgroup, .page menu, .page nav, .page section, .page summary, .page picture {
  display: block;
}
.page *, .page *:before, .page *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.page button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.l-wrap {
  overflow: initial;
}

.page {
  overflow: hidden;
  background: #fff;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
}
.page p, .page span, .page a, .page h2, .page h3 {
  font-size: 15px;
  line-height: 1.875;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .page p, .page span, .page a, .page h2, .page h3 {
    font-size: 3.4vw;
  }
}
.page a {
  display: block;
}
@media screen and (min-width: 769px) {
  .page a {
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
  }
  .page a:hover {
    opacity: 0.6;
  }
}
.page img {
  max-width: 100%;
  height: auto;
}

.page .c-btn {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  border: 1px solid #000;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .page .c-btn {
    padding: 2.9vw;
    font-size: 3.6vw;
  }
}
.page .c-btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  display: block;
  width: 5px;
  height: 11px;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/c_button_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .page .c-btn:after {
    right: 2.3vw;
    width: 1.4vw;
    height: 3.1vw;
  }
}

.page .header {
  padding: 5px 0;
  background-color: #F6E2E7;
}
@media screen and (max-width: 768px) {
  .page .header {
    padding: 1.3vw 0;
  }
}
.page .header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 96%;
  max-width: 980px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page .header__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 89.6vw;
  }
}
.page .header p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .header p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .page .header p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 2.6vw;
  }
}
.page .header .js-timer span {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .header .js-timer span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .page .header .js-timer span {
    font-size: 2.9vw;
  }
}
.page .header .js-timer .yycountdown-box {
  margin: 0;
}
.page .header .js-timer .yyc-day, .page .header .js-timer .yyc-hou, .page .header .js-timer .yyc-min, .page .header .js-timer .yyc-sec {
  vertical-align: baseline;
  line-height: 1;
  letter-spacing: 0;
  font-size: 34px;
  margin: 0 5px;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .header .js-timer .yyc-day, .page .header .js-timer .yyc-hou, .page .header .js-timer .yyc-min, .page .header .js-timer .yyc-sec {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .page .header .js-timer .yyc-day, .page .header .js-timer .yyc-hou, .page .header .js-timer .yyc-min, .page .header .js-timer .yyc-sec {
    font-size: 4.7vw;
    margin: 0 0.7vw;
    top: 0.4vw;
  }
}

.page {
  /*=============================
   kv
  =============================*/
}
.page .kv {
  margin: 0 auto 70px;
}
@media screen and (max-width: 768px) {
  .page .kv {
    margin: 0 auto 6.5vw;
  }
}
.page .kv h1 {
  min-width: 1920px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .kv h1 {
    min-width: 190vw;
  }
}
@media screen and (max-width: 768px) {
  .page .kv h1 {
    min-width: 100%;
  }
}
.page .kv h1 img {
  margin: auto;
}

.page .item__list__img {
  margin-bottom: 9px;
}
@media screen and (max-width: 768px) {
  .page .item__list__img {
    margin-bottom: 2.6vw;
  }
}
.page .item__list__img .is-lineup {
  display: none;
}
.page .item__list__text {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .item__list__text {
    width: 100%;
  }
}
.page .item__list__text .item--name {
  font-size: 13px;
  line-height: 1.46;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page .item__list__text .item--name {
    font-size: 3.4vw;
    margin-bottom: 1.6vw;
  }
}
.page .item__list__btn {
  display: block;
  margin: 14px auto 0;
  padding: 8px;
  background-color: #F34D03;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 300;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .item__list__btn {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page .item__list__btn {
    margin: 3.1vw auto 0;
    padding: 2.6vw;
    border-radius: 0.7vw;
    font-size: 3.6vw;
    letter-spacing: 0;
  }
}
.page .ajax_area .preset_price_area {
  display: block !important;
  color: #333;
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .page .ajax_area .preset_price_area {
    font-size: 3.6vw;
  }
}
.page .ajax_area a.cartinbtn {
  width: 100%;
  font-size: 14px;
  background-color: #000;
  margin: 10px auto 0;
}
@media screen and (max-width: 768px) {
  .page .ajax_area a.cartinbtn {
    width: 100%;
    font-size: 2.9vw;
    margin: 2.6vw auto 0;
  }
}
.page .ajax_area .stock_exist {
  width: 100%;
  font-size: 16px;
  margin: 10px auto 0;
}
@media screen and (max-width: 768px) {
  .page .ajax_area .stock_exist {
    width: 100%;
    font-size: 3.5vw;
    margin: 2vw auto 0;
  }
}
.page .ajax_area .stock_exist, .page .ajax_area .stock_exist, .page .ajax_area a.cartinbtn {
  display: none !important;
}
.page .is-comingsoon a {
  pointer-events: none;
}
.page .is-comingsoon .item__list__text {
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .is-comingsoon .item__list__text {
    padding-bottom: 1.3vw;
  }
}
.page .is-comingsoon .item__list__text:before {
  content: "coming soon";
  display: inline-block;
  font-size: 21px;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .is-comingsoon .item__list__text:before {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .page .is-comingsoon .item__list__text:before {
    font-size: 4.7vw;
    margin-top: 0;
  }
}
.page .is-comingsoon .item__list__text a, .page .is-comingsoon .item__list__text .ajax_area {
  display: none !important;
}
@media screen and (min-width: 769px) {
  .page .is-large .item__list__img:hover {
    opacity: 0.7;
  }
}
.page .item__list__img {
  position: relative;
}
.page .item__list__img .item__list__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}
.page .item__list__img .item__list__link a {
  display: block;
  width: 50% !important;
  height: 100%;
}

.page .countdown {
  text-align: center;
  margin: 0 auto 37px;
}
@media screen and (max-width: 768px) {
  .page .countdown {
    margin: 0 auto 9.8vw;
  }
}
.page .countdown__title p {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .page .countdown__title p {
    font-size: 4.7vw;
    letter-spacing: 0;
  }
}
.page .countdown__text {
  display: block;
}
.page .countdown .js-timer span {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page .countdown .js-timer span {
    font-size: 4.2vw;
  }
}
.page .countdown .js-timer .yycountdown-box {
  margin: 0;
}
.page .countdown .js-timer .yyc-day, .page .countdown .js-timer .yyc-hou, .page .countdown .js-timer .yyc-min, .page .countdown .js-timer .yyc-sec {
  vertical-align: baseline;
  line-height: 1;
  font-size: 39px;
  margin: 0 3px;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 768px) {
  .page .countdown .js-timer .yyc-day, .page .countdown .js-timer .yyc-hou, .page .countdown .js-timer .yyc-min, .page .countdown .js-timer .yyc-sec {
    font-size: 8.6vw;
    margin: 0 0.4vw;
    top: 0.4vw;
  }
}

.page .project {
  text-align: center;
  margin: 0 auto 9px;
}
@media screen and (max-width: 768px) {
  .page .project {
    margin: 0 auto 1.7vw;
  }
}
.page .project-title {
  font-weight: 500;
  color: #004990;
}
.page .project-title__name {
  font-size: 19px;
}
@media screen and (max-width: 768px) {
  .page .project-title__name {
    display: block;
    font-size: 3.6vw;
    margin-bottom: 1.3vw;
  }
}
.page .project-title__number {
  display: block;
  font-size: 22px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .page .project-title__number {
    font-size: 4.3vw;
  }
}
.page .project-title__number b {
  position: relative;
  top: -3px;
  display: inline-block;
  width: 37px;
  height: 37px;
  line-height: 33px;
  border-radius: 50%;
  background-color: #004990;
  margin: 0 6px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page .project-title__number b {
    top: -0.4vw;
    width: 7.2vw;
    height: 7.2vw;
    line-height: 6.5vw;
    margin: 0 0.7vw;
  }
}

.page .lineup {
  margin: 0 auto 130px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .lineup {
    margin: 0 auto 13vw;
  }
}
.page .lineup__head {
  text-align: center;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 500;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
  margin: 0 auto 76px;
}
@media screen and (max-width: 768px) {
  .page .lineup__head {
    font-size: 6vw;
    line-height: 1.5;
    margin: 0 auto 8.5vw;
  }
}
.page .lineup__head span {
  font-size: 32px;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .page .lineup__head span {
    display: block;
    font-size: 5.3vw;
    line-height: 1.52;
  }
}
.page .lineup-section {
  margin-bottom: 140px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .lineup-section {
    margin-bottom: 16.4vw;
  }
}
.page .lineup-section:last-child {
  margin-bottom: 0;
}
.page .lineup-section__title {
  width: 100%;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(171, 154, 134, 0.3);
  margin: 0 auto 75px;
}
@media screen and (max-width: 768px) {
  .page .lineup-section__title {
    height: 19.5vw;
    margin: 0 auto 6.5vw;
  }
}
.page .lineup-section__title span {
  display: block;
  width: auto;
  height: 98px;
}
@media screen and (max-width: 768px) {
  .page .lineup-section__title span {
    height: 22.9vw;
  }
}
.page .lineup-section__title span img {
  height: 100%;
  width: auto;
}
.page .lineup-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 96%;
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .lineup-section__inner {
    display: block;
    width: 100%;
  }
}
.page .lineup-section:nth-child(even) .lineup-scroll__list.is-active {
  -webkit-animation: loop-list-ltr 30s linear infinite;
          animation: loop-list-ltr 30s linear infinite;
}
@-webkit-keyframes loop-list-ltr {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop-list-ltr {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.page .lineup-section:nth-child(even) .lineup-section__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.page .lineup-section:nth-child(even) .lineup-contents {
  margin-left: 0;
  margin-right: 3.2%;
}
.page .lineup-section--brown .lineup-section__title {
  background-color: rgba(104, 79, 74, 0.3);
}
.page .lineup-slide {
  position: relative;
  z-index: 2;
  width: 46.93%;
  max-width: 460px;
  border: 5px solid #fff;
}
@media screen and (max-width: 768px) {
  .page .lineup-slide {
    width: 66.4vw;
    max-width: 100%;
    border: 0.7vw solid #fff;
    margin: auto;
  }
}
.page .lineup-contents {
  position: relative;
  z-index: 2;
  width: 49.9%;
  max-width: 489px;
  margin-left: 3.06%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .page .lineup-contents {
    width: 100%;
    max-width: 100%;
    margin: 31.3vw 0 0;
  }
}
@media screen and (min-width: 769px) {
  .page .lineup-contents .item__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 26%;
  }
  .page .lineup-contents .item__list li {
    width: 31.7%;
    max-width: 155px;
    margin-right: 2.45%;
  }
  .page .lineup-contents .item__list li:nth-child(3n) {
    margin-right: 0;
  }
}
.page .lineup-contents .item__list__img img {
  display: none;
}
.page .lineup-contents .item__list__img img:last-child {
  display: block;
}
.page .lineup-scroll {
  position: relative;
  z-index: 1;
  margin-top: -5.833%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .page .lineup-scroll {
    position: absolute;
    top: 122.4vw;
    left: 0;
    margin-top: 0;
  }
}
.page .lineup-scroll__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  background-color: #D6D6DE;
}
@-webkit-keyframes loop-list {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loop-list {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.page .lineup-scroll__list.is-active {
  -webkit-animation: loop-list 30s linear infinite;
          animation: loop-list 30s linear infinite;
  -webkit-transform: translatez(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, animation;
  overflow: hidden;
}
.page .lineup-scroll li {
  width: 20vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
}
.page .lineup-scroll li img {
  width: 100%;
}
.page .lineup .js-lineup-slide {
  display: none;
  position: relative;
}
.page .lineup .js-lineup-slide.slick-initialized {
  display: block;
}
.page .lineup .js-lineup-slide .slick-arrow {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: -9999px;
  color: transparent;
  width: 36px;
  height: 36px;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/slick-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .page .lineup .js-lineup-slide .slick-arrow {
    width: 6.5vw;
    height: 6.5vw;
  }
}
.page .lineup .js-lineup-slide .slick-next {
  right: 17px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .page .lineup .js-lineup-slide .slick-next {
    right: 3.6vw;
  }
}
.page .lineup .js-lineup-slide .slick-prev {
  left: 17px;
}
@media screen and (max-width: 768px) {
  .page .lineup .js-lineup-slide .slick-prev {
    left: 3.6vw;
  }
}
.page .lineup .js-lineup-slide img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .lineup .js-sp-slide {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .page .lineup .js-sp-slide li {
    width: 42.7vw;
    margin: 0 2.9vw;
  }
  .page .lineup .js-sp-slide .slick-list {
    padding: 0 26vw !important;
  }
  .page .lineup .js-sp-slide .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    text-indent: -9999px;
    color: transparent;
    width: 10.4vw;
    height: 10.4vw;
    background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/sp-slide-slick-arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .page .lineup .js-sp-slide .slick-arrow.slick-disabled {
    display: none !important;
  }
  .page .lineup .js-sp-slide .slick-next {
    right: 5.2vw;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .page .lineup .js-sp-slide .slick-prev {
    left: 5.2vw;
  }
}

.page .development {
  width: 96%;
  max-width: 920px;
  margin: 0 auto 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .development {
    width: 89.6vw;
    margin: 0 auto 12.2vw;
  }
}
.page .development__request {
  margin: 0 auto 6px;
}
@media screen and (max-width: 768px) {
  .page .development__request {
    margin: 0 auto 2.6vw;
  }
}
.page .development__answer p {
  font-size: 24px;
  font-weight: 500;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
}
@media screen and (max-width: 768px) {
  .page .development__answer p {
    font-size: 3.4vw;
  }
}
.page .development__answer p.is-large {
  font-size: 29px;
}
@media screen and (max-width: 768px) {
  .page .development__answer p.is-large {
    font-size: 4.9vw;
  }
}
.page .development__answer p.is-large span {
  padding: 0 0 14px;
  font-size: 39px;
  line-height: 1.4;
  letter-spacing: 0;
  vertical-align: baseline;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/development_answer_line.png");
  background-size: 14px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (max-width: 768px) {
  .page .development__answer p.is-large span {
    font-size: 6.6vw;
    padding: 0 0 2vw;
    background-size: contain;
  }
}

.page .point {
  margin: 0 auto 125px;
}
@media screen and (max-width: 768px) {
  .page .point {
    margin: 0 auto 19.5vw;
  }
}
.page .point-head {
  text-align: center;
  margin: 0 auto 96px;
}
@media screen and (max-width: 768px) {
  .page .point-head {
    margin: 0 auto 13vw;
  }
}
.page .point-head__title {
  width: 202px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .page .point-head__title {
    width: 45.8vw;
    margin: 0 auto;
  }
}
.page .point-feature {
  text-align: center;
}
.page .point-feature__title {
  font-size: 22px;
  font-weight: 500;
  margin: 0 auto 22px;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
}
@media screen and (max-width: 768px) {
  .page .point-feature__title {
    font-size: 4.6vw;
    margin: 0 auto 3.9vw;
  }
}
.page .point-feature__img {
  width: 191px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .point-feature__img {
    width: 35.5vw;
    margin: 0 auto;
  }
}
.page .point-list {
  width: 96%;
  max-width: 996px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .point-list {
    width: 54.7vw;
    display: block;
  }
}
.page .point-item {
  position: relative;
  width: 49.2%;
  max-width: 490px;
  margin-top: 100px;
  margin-right: 1.6%;
}
@media screen and (max-width: 768px) {
  .page .point-item {
    width: 100%;
    max-width: 100;
    margin-top: 15.6vw;
  }
}
.page .point-item:nth-child(1) {
  margin-top: 0;
  margin-right: 0;
}
@media screen and (min-width: 769px) {
  .page .point-item:nth-child(1) {
    width: 53.3%;
    max-width: 100%;
  }
  .page .point-item:nth-child(1) .point-item__img {
    width: 51.2%;
    max-width: 100%;
  }
  .page .point-item:nth-child(1) .point-item__text {
    width: 45.2%;
    max-width: 100%;
  }
}
.page .point-item:last-child {
  margin-right: 0;
}
.page .point-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .point-item__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .page .point-item__inner {
    display: block;
  }
}
.page .point-item__title {
  position: absolute;
  top: -60px;
  left: -20px;
  z-index: 2;
  width: 24.5%;
  max-width: 120px;
}
@media screen and (max-width: 768px) {
  .page .point-item__title {
    top: -6.5vw;
    left: -5.2vw;
    width: 21.5vw;
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .page .point-item__img {
    width: 55.5%;
    max-width: 272px;
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .page .point-item__img {
    margin-bottom: 2.1vw;
  }
}
@media screen and (min-width: 769px) {
  .page .point-item__text {
    width: 42.45%;
    max-width: 208px;
  }
}
.page .point-item__text h3, .page .point-item__text p {
  line-height: 1.56;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .point-item__text h3 br, .page .point-item__text p br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .page .point-item__text h3, .page .point-item__text p {
    line-height: 1.78;
  }
  .page .point-item__text h3 br.is-priority, .page .point-item__text p br.is-priority {
    display: block;
  }
}
.page .point-item__text h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 19px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .point-item__text h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .page .point-item__text h3 {
    font-size: 3.6vw;
    margin: 0 0 1.3vw;
  }
}
.page .point-item__text p {
  font-size: 14px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .point-item__text p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .page .point-item__text p {
    font-size: 3.4vw;
  }
  .page .point-item__text p br {
    display: none;
  }
}

.page .movie {
  padding: 86px 0;
  margin: 0 auto 150px;
  background-color: rgba(246, 246, 246, 0.5);
}
@media screen and (max-width: 768px) {
  .page .movie {
    padding: 14.3vw 0 13vw;
    margin: 0 auto 13vw;
  }
}
.page .movie__inner {
  width: 96%;
  max-width: 980px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .movie__inner {
    width: 89.6vw;
    display: block;
  }
}
.page .movie__img {
  position: relative;
  width: 24.7%;
  max-width: 242px;
  margin-right: 8.5%;
}
@media screen and (max-width: 768px) {
  .page .movie__img {
    width: 74.5vw;
    max-width: 100%;
    margin: 0 auto 13.4vw;
  }
}
.page .movie__img:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(246, 246, 246);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.page .movie__img img, .page .movie__img video {
  width: 100%;
}
.page .movie__img video {
  display: block;
  outline: none;
  border: none;
}
.page .movie__text {
  width: 35.92%;
  max-width: 352px;
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .movie__text {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page .movie__text {
    width: 100%;
    max-width: 100%;
  }
}
.page .movie__text p {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .movie__text p {
    font-size: 3.4vw;
    margin-bottom: 6.5vw;
  }
}
.page .movie__text p:last-child {
  margin-bottom: 0;
}
.page .movie__text a {
  margin-top: 12px;
  display: inline-block;
  width: 246px;
}
@media screen and (max-width: 768px) {
  .page .movie__text a {
    margin-top: 2.1vw;
    width: 61.8vw;
    letter-spacing: 0;
  }
}

.page .scene {
  margin: 0 auto 150px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .scene {
    margin: 0 auto 13vw;
  }
}
.page .scene-head {
  width: 96%;
  max-width: 980px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page .scene-head {
    width: 78vw;
  }
}
.page .scene-head__title {
  width: 346px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .page .scene-head__title {
    width: 58.6vw;
    margin: 0 auto 3.4vw;
  }
}
.page .scene-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 116px;
}
@media screen and (max-width: 768px) {
  .page .scene-anchor {
    display: block;
    margin: 0 auto 15.8vw;
  }
}
.page .scene-anchor__item {
  position: relative;
  width: 29.2%;
  max-width: 286px;
  margin-right: 6.22%;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__item {
    width: 100%;
    max-width: 100%;
    height: 39.7vw;
    margin-right: 0;
    margin-bottom: 7vw;
  }
  .page .scene-anchor__item:last-child {
    margin-bottom: 0;
  }
}
.page .scene-anchor__item a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__item a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page .scene-anchor__item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/scene_anchor_arrow.png");
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__item:after {
    bottom: -2.7vw;
    width: 5.5vw;
    height: 5.5vw;
    background-size: 2.1vw auto;
  }
}
.page .scene-anchor__item:last-child {
  margin-right: 0;
}
.page .scene-anchor__item:nth-child(1) {
  border-color: #A6C1A0;
}
.page .scene-anchor__item:nth-child(1):after {
  background-color: #A6C1A0;
}
.page .scene-anchor__item:nth-child(1) .scene-anchor__title p {
  border-color: #A6C1A0;
}
.page .scene-anchor__item:nth-child(2) {
  border-color: #D58558;
}
.page .scene-anchor__item:nth-child(2):after {
  background-color: #D58558;
}
.page .scene-anchor__item:nth-child(2) .scene-anchor__title p {
  border-color: #D58558;
}
.page .scene-anchor__item:nth-child(3) {
  border-color: #C291B0;
}
.page .scene-anchor__item:nth-child(3):after {
  background-color: #C291B0;
}
.page .scene-anchor__item:nth-child(3) .scene-anchor__title p {
  border-color: #C291B0;
}
.page .scene-anchor__title {
  display: inline-block;
  padding: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__title {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.6vw;
  }
}
.page .scene-anchor__title p {
  border-bottom: 1px;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-style: solid;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.388;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .scene-anchor__title p {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__title p {
    font-size: 3vw;
  }
}
.page .scene-anchor__title span {
  display: block;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
  padding-bottom: 5px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .scene-anchor__title span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__title span {
    font-size: 4.3vw;
    margin-top: 0.7vw;
    padding-bottom: 0.7vw;
  }
}
.page .scene-anchor__img {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .page .scene-anchor__img {
    width: 50%;
  }
}
.page .scene-anchor__img img {
  width: 100%;
}
.page .scene-osusume {
  position: relative;
  display: inline-block;
  padding: 47px 64px 59px;
  margin: 0 auto 74px;
  background-color: #D9E9DB;
  border-radius: 20px;
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .scene-osusume {
    max-width: 96%;
    padding: 37px 30px 30px;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-osusume {
    display: block;
    width: 89.6vw;
    padding: 6.8vw 1.3vw 3.4vw;
    margin: 0 auto 6.4vw;
    border-radius: 2.6vw;
  }
}
.page .scene-osusume__title {
  font-size: 24px;
  font-weight: 500;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .scene-osusume__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-osusume__title {
    font-size: 3.9vw;
    top: -2.3vw;
  }
}
.page .scene-osusume__list {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .page .scene-osusume__list {
    width: 78vw;
    margin: auto;
  }
}
.page .scene-osusume__list li {
  position: relative;
  margin-bottom: 18px;
  font-size: 19px;
  line-height: 1.47;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .scene-osusume__list li {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-osusume__list li {
    font-size: 3.4vw;
    line-height: 1.923;
    text-indent: -5.7vw;
    margin: 0 0 1.3vw 5.7vw;
  }
}
.page .scene-osusume__list li:last-child {
  margin-bottom: 0;
}
.page .scene-osusume__list li:before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  background-color: #fff;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/scene_osusume_check.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 14px;
  position: relative;
  top: 5px;
}
@media screen and (max-width: 768px) {
  .page .scene-osusume__list li:before {
    width: 3.9vw;
    height: 3.9vw;
    margin-right: 1.8vw;
    top: 0.7vw;
  }
}
.page .scene-example {
  width: 96%;
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .scene-example {
    width: 89.6vw;
  }
}
.page .scene-example__title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
  margin: 0 auto 35px;
}
@media screen and (max-width: 768px) {
  .page .scene-example__title {
    font-size: 3.6vw;
    margin: 0 auto 5.2vw;
  }
}
.page .scene-example__title:before, .page .scene-example__title:after {
  content: "／";
  display: inline-block;
  font-size: 36px;
  font-weight: 300;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 768px) {
  .page .scene-example__title:before, .page .scene-example__title:after {
    font-size: 4.7vw;
    top: 0.4vw;
  }
}
.page .scene-example__title:before {
  content: "＼";
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .page .scene-example__title:before {
    margin-right: 1.6vw;
  }
}
.page .scene-example__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .scene-example__list {
    display: block;
  }
}
.page .scene-example__item {
  position: relative;
  width: 30.2%;
  margin-right: 4.69%;
  padding-bottom: 132px;
}
@media screen and (max-width: 768px) {
  .page .scene-example__item {
    width: 100%;
    margin: auto;
    padding-bottom: 0;
    margin-bottom: 6.5vw;
  }
}
.page .scene-example__item:last-child {
  margin-right: 0;
}
.page .scene-example__slide {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.page .scene-example__product {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product {
    margin: 2.6vw auto 0;
  }
}
.page .scene-example__product .item__list__id {
  position: relative;
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product .item__list__id {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.page .scene-example__product .item__list__id.is-comingsoon .item__list__text:before {
  margin: 40px auto;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product .item__list__id.is-comingsoon .item__list__text:before {
    margin: 0 auto;
  }
}
.page .scene-example__product .item__list__img {
  width: 45.6%;
  height: 213px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product .item__list__img {
    width: 42.7vw;
    height: 67.4vw;
    position: relative;
  }
}
.page .scene-example__product .item__list__img a {
  width: auto;
  height: 100%;
}
.page .scene-example__product .item__list__img img {
  height: 100%;
  max-width: initial;
  width: auto;
}
.page .scene-example__product .item__list__text {
  width: 46.6%;
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product .item__list__text {
    width: 42.7vw;
  }
}
.page .scene-example__product.is-large, .page .scene-example__product.is-large-adjust {
  display: block;
}
@media screen and (min-width: 769px) {
  .page .scene-example__product.is-large, .page .scene-example__product.is-large-adjust {
    margin-top: -55px;
  }
}
.page .scene-example__product.is-large .item__list__id__wrap, .page .scene-example__product.is-large-adjust .item__list__id__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page .scene-example__product.is-large .item__list__id__wrap .item__list__img, .page .scene-example__product.is-large-adjust .item__list__id__wrap .item__list__img {
  display: none !important;
}
.page .scene-example__product.is-large .item__list__id, .page .scene-example__product.is-large-adjust .item__list__id {
  width: 46.6%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product.is-large .item__list__id, .page .scene-example__product.is-large-adjust .item__list__id {
    width: 42.7vw;
  }
}
.page .scene-example__product.is-large .item__list__text, .page .scene-example__product.is-large-adjust .item__list__text {
  width: 100%;
}
.page .scene-example__product.is-large .item__list__text:before, .page .scene-example__product.is-large-adjust .item__list__text:before {
  margin: 0 !important;
}
.page .scene-example__product.is-large .item__list__img, .page .scene-example__product.is-large-adjust .item__list__img {
  position: relative;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
}
.page .scene-example__product.is-large-adjust .item__list__id {
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page .scene-example__product.is-large-adjust .item__list__id {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-example__product.is-large-adjust .item__list__text, .page .scene-example__product.is-large-adjust .item__list__img {
    width: 42.7vw;
    margin: 0;
  }
}
.page .scene-example__thumbnailslide {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .scene-example__thumbnailslide {
    position: relative;
    margin: 2.6vw 0 0;
  }
}
.page .scene-section {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .page .scene-section {
    margin-bottom: 13vw;
  }
}
.page .scene-section:last-child {
  margin-bottom: 0;
}
.page .scene-section__title {
  background-color: #D9E9DB;
  margin: 0 auto 53px;
  padding: 8px 8px 5px;
  font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
  font-size: 33px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .scene-section__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .page .scene-section__title {
    margin: 0 auto 9.1vw;
    padding: 2.3vw 2.1vw 2.1vw;
    font-size: 5.2vw;
    line-height: 1.5;
  }
}
.page .scene-section--outside .scene-section__title {
  background-color: #F3E2CB;
}
.page .scene-section--outside .scene-osusume {
  background-color: #F3E2CB;
}
.page .scene-section--outside .scene-osusume__list li:before {
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/scene_osusume_check-outside.png");
}
.page .scene-section--hybrid .scene-section__title {
  background-color: #E3DCEB;
}
.page .scene-section--hybrid .scene-osusume {
  background-color: #E3DCEB;
}
.page .scene-section--hybrid .scene-osusume__list li:before {
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/scene_osusume_check-hybrid.png");
}
.page .scene .js-scene-slide {
  position: relative;
  display: none;
}
.page .scene .js-scene-slide.slick-initialized {
  display: block;
}
.page .scene .js-scene-slide .slick-arrow {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: -9999px;
  color: transparent;
  width: 16px;
  height: 28px;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/scene_slick-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .page .scene .js-scene-slide .slick-arrow {
    width: 4.3vw;
    height: 7.7vw;
  }
}
.page .scene .js-scene-slide .slick-next {
  right: 17px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .page .scene .js-scene-slide .slick-next {
    right: 2.6vw;
  }
}
.page .scene .js-scene-slide .slick-prev {
  left: 17px;
}
@media screen and (max-width: 768px) {
  .page .scene .js-scene-slide .slick-prev {
    left: 2.6vw;
  }
}
.page .scene .js-scene-slide img {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page .scene .js-scene-thumbnailslide {
  display: none;
}
.page .scene .js-scene-thumbnailslide.slick-initialized {
  display: block;
}
.page .scene .js-scene-thumbnailslide .slick-track {
  -webkit-transform: unset !important;
          transform: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page .scene .js-scene-thumbnailslide li {
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  width: 23%;
  max-width: 68px;
  margin-right: 2.7%;
}
.page .scene .js-scene-thumbnailslide li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .page .scene .js-scene-thumbnailslide li {
    border-width: 0.3vw;
    width: 20.6vw;
    max-width: 100%;
    margin-right: 1.6vw;
  }
}
.page .scene .js-scene-thumbnailslide li.slick-current {
  border-color: #F34D03;
}
.page .scene .js-scene-thumbnailslide img {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.page .instagram {
  position: relative;
  width: 96%;
  max-width: 980px;
  margin: 0 auto 150px;
}
@media screen and (max-width: 768px) {
  .page .instagram {
    width: 89.6vw;
    margin: 0 auto 13vw;
  }
}
.page .instagram:before, .page .instagram:after {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/instagram_bg.png");
  background-size: contain;
  background-position: center;
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
  .page .instagram:before, .page .instagram:after {
    background-image: url("/ec/img/usr/pg/campaign/user_participation_project_5th/instagram_bg-sp.png");
    height: 3.3vw;
    background-size: auto 3.3vw;
  }
}
.page .instagram__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .page .instagram__inner {
    display: block;
    padding: 5.2vw 0 6.9vw;
  }
}
.page .instagram__img {
  width: 17.9%;
}
@media screen and (max-width: 768px) {
  .page .instagram__img {
    width: 33.6vw;
    margin: 0 auto 5.1vw;
  }
}
.page .instagram__text {
  width: 80.1%;
}
@media screen and (max-width: 768px) {
  .page .instagram__text {
    width: 100%;
    text-align: center;
  }
}
.page .instagram__text p {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .instagram__text p br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .page .instagram__text p {
    font-size: 3.4vw;
  }
}

.page .note {
  width: 96%;
  max-width: 700px;
  margin: 0 auto 150px;
}
@media screen and (max-width: 768px) {
  .page .note {
    width: 89.6vw;
    margin: 0 auto 13.3vw;
  }
}
.page .note-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #000;
  padding: 43px 7%;
  margin: 0 auto 43px;
}
@media screen and (max-width: 768px) {
  .page .note-head {
    display: block;
    border: 0.3vw solid #000;
    padding: 5.7vw 0 4.9vw;
    margin: 0 auto 5.9vw;
  }
}
.page .note-head__img {
  width: 28.3%;
  margin-right: 9.3%;
}
@media screen and (max-width: 768px) {
  .page .note-head__img {
    width: 33.2vw;
    margin: 0 auto 2.9vw;
  }
}
.page .note-head__text {
  width: 62.4%;
}
@media screen and (max-width: 768px) {
  .page .note-head__text {
    width: 96%;
    margin: 0 auto;
    text-align: center;
  }
}
.page .note-head__text p {
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .page .note-head__text p {
    font-size: 3.4vw;
  }
}
.page .note-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page .note-item {
  width: 42.9%;
  margin-right: 7.14%;
  text-align: center;
  line-height: 1.625;
}
@media screen and (max-width: 768px) {
  .page .note-item {
    width: 43.1vw;
    margin-right: 3.8vw;
  }
}
.page .note-item:last-child {
  margin-right: 0;
}
.page .note-item span {
  font-size: 20px;
  line-height: 1.4;
  vertical-align: baseline;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .page .note-item span {
    font-size: 4.3vw;
  }
}
.page .note .c-btn {
  margin: 10px auto 0;
}
@media screen and (max-width: 768px) {
  .page .note .c-btn {
    margin: 2.6vw auto 0;
  }
}

.page .banner {
  width: 96%;
  max-width: 980px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page .banner {
    width: 89.6vw;
    margin: 0 auto 19.5vw;
  }
}
.page .banner__title {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page .banner__title {
    font-size: 5.7vw;
    margin: 0 auto 3.8vw;
  }
}
.page .banner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page .banner__item {
  width: 21.9%;
  margin-right: 3.98%;
}
@media screen and (max-width: 768px) {
  .page .banner__item {
    width: 43vw;
    margin-right: 3.6vw;
  }
}
.page .banner__item:last-child {
  margin-right: 0;
}