@charset "UTF-8";
#site-header {
  display: none;
}

#site-main {
  padding-top: 0;
  z-index: auto;
}

.p-fcw-renew_menu {
  width: 6rem;
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0.5rem;
  right: 0;
  font-size: 0;
  z-index: 30;
  cursor: pointer;
}
@media screen and (min-width: 933px) {
  .p-fcw-renew_menu {
    right: calc(50vw - 187.5px);
  }
}
.p-fcw-renew_menu__content {
  width: 3rem;
  height: 1.2rem;
  display: block;
  position: relative;
  box-sizing: content-box;
}
.p-fcw-renew_menu__line {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s var(--ease-fcw-renew_out);
}
.p-fcw-renew_menu__line.--open {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-fcw-renew_menu__line-bar {
  width: 100%;
  height: 0.2rem;
  display: block;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.p-fcw-renew_menu__line-bar:nth-child(1) {
  --delay: 0s;
}
.p-fcw-renew_menu__line-bar:nth-child(2) {
  --delay: 0.05s;
}
.p-fcw-renew_menu__line-bar:nth-child(3) {
  --delay: 0.1s;
}
.--close .p-fcw-renew_menu__line-bar {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.--close .p-fcw-renew_menu__line-bar:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.--close .p-fcw-renew_menu__line-bar:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-fcw-renew_menu__line-bar::before {
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #729DDC;
  border-radius: 20rem;
  transition: width 0.4s var(--ease-fcw-renew_inout);
}
.--open .p-fcw-renew_menu__line-bar::before {
  width: 100%;
  left: 0;
  transition: width 0.4s var(--ease-fcw-renew_inout) calc(var(--delay) + 0.2s);
}
.is-menu-open .--open .p-fcw-renew_menu__line-bar::before {
  width: 0;
  left: auto;
  right: 0;
  transition: width 0.4s var(--ease-fcw-renew_inout) var(--delay);
}
.--close .p-fcw-renew_menu__line-bar::before {
  width: 0;
  background: #fff;
  transition: width 0.4s var(--ease-fcw-renew_inout) var(--delay);
}
.is-menu-open .--close .p-fcw-renew_menu__line-bar::before {
  width: 100%;
  left: 0;
  transition: width 0.4s var(--ease-fcw-renew_inout) calc(var(--delay) + 0.2s);
}

.p-fcw-renew_header {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  font-family: "jweb Gothic", "Noto Sans JP", Helvetica, Arial, sans-serif;
  transform: translate(-50%, 0);
  background: url("../img/menu_bg.jpg") no-repeat center/cover;
  z-index: 25;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0.8s var(--ease-fcw-renew_out);
}
@media screen and (min-width: 933px) {
  .p-fcw-renew_header {
    max-width: 375px;
  }
}
.is-menu-show .p-fcw-renew_header {
  display: block;
}
.is-menu-open .p-fcw-renew_header {
  pointer-events: auto;
  opacity: 1;
}
.p-fcw-renew_header__container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 9.8rem 0;
}
.p-fcw-renew_header__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_header__content {
  width: 90%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_header__title {
  width: 28rem;
  display: block;
  position: relative;
  margin: 0 auto 5.9rem;
}
.p-fcw-renew_header__list {
  display: block;
  position: relative;
}
.p-fcw-renew_header__list-item {
  display: block;
  position: relative;
}
.p-fcw-renew_header__list-item + .p-fcw-renew_header__list-item {
  margin-top: 3.2rem;
}
.p-fcw-renew_header__link {
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  color: var(--color-fcw-renew-white) !important;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_header__link:hover {
    text-decoration: underline;
  }
}
.p-fcw-renew_header__link-sub {
  display: block;
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
.p-fcw-renew_header__link-main {
  display: block;
  position: relative;
  font-size: 2rem;
  line-height: 1.2;
  font-family: "jweb Gothic", "Noto Sans JP", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-align: center;
}
.p-fcw-renew_header__btn {
  width: 20rem;
  height: 3.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 6.5rem auto 0;
  color: var(--color-fcw-renew-white);
  border-radius: 20rem;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_header__btn {
    transition: color 0.3s var(--ease-fcw-renew_out), background-color 0.3s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_header__btn:hover {
    color: var(--color-fcw-renew-navy) !important;
    background-color: var(--color-fcw-renew-white);
  }
}
.p-fcw-renew_header__btn::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.1rem solid var(--color-fcw-renew-white);
  border-radius: 20rem;
}
.p-fcw-renew_header__btn-text {
  display: block;
  position: relative;
  letter-spacing: 0;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  font-weight: 500;
  text-align: center;
}

.p-fcw-renew_bg {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background: url("../img/menu_bg.jpg") no-repeat center/cover;
}

.p-fcw-renew {
  --fcw-rene-svh: 100vh;
  --color-fcw-renew-text: var(--color-fcw-renew-black);
  --color-fcw-renew-bg: var(--color-fcw-renew-white);
  --color-fcw-renew-black: #3F3F3F;
  --color-fcw-renew-white: #fff;
  --color-fcw-renew-navy: #466694;
  --color-fcw-renew-project-bg: rgba(254, 254, 254, 0.6);
  --color-fcw-renew-project-line: #F8F8F8;
  --ease-fcw-renew_out: cubic-bezier(0.5, 1, 0.89, 1);
  --ease-fcw-renew_inout: cubic-bezier(0.65, 0, 0.35, 1);
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.p-fcw-renew__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  background: url("../img/bg.jpg") no-repeat center/cover;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 933px) {
  .p-fcw-renew__bg {
    max-width: 375px;
  }
}
.p-fcw-renew__bg-canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.p-fcw-renew__bg-canvas canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew__container {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew__container img {
  width: 100%;
}

.p-fcw-renew_hero {
  width: 100%;
  max-width: 37.5rem;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 9.2rem 0 2rem;
}
.p-fcw-renew_hero__container {
  width: 90%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_hero__title {
  width: 21rem;
  display: block;
  position: relative;
  margin: 0 auto;
  opacity: 0;
  filter: blur(1rem);
  transform: translateY(6rem);
}
.is-fcw-renew_load .p-fcw-renew_hero__title {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: opacity 2s var(--ease-fcw-renew_inout) 0.2s, transform 2s var(--ease-fcw-renew_out) 0.2s, filter 1s var(--ease-fcw-renew_inout) 0.2s;
}
.p-fcw-renew_hero__lead {
  width: 100%;
  display: block;
  position: relative;
  margin: 5rem auto 0;
  font-size: 1.2rem;
  line-height: 1.9;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  color: #3E3E3E;
  text-shadow: #fff 0.1rem 0.1rem 0, #fff -0.1rem -0.1rem 0, #fff -0.1rem 0.1rem 0, #fff 0.1rem -0.1rem 0, #fff 0px 0.1rem 0, #fff -0.1rem 0, #fff -0.1rem 0 0, #fff 0.1rem 0 0;
  opacity: 0;
  filter: blur(1rem);
  transform: translateY(6rem);
}
.is-fcw-renew_load .p-fcw-renew_hero__lead {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: opacity 2s var(--ease-fcw-renew_inout) 0.6s, transform 2s var(--ease-fcw-renew_out) 0.6s, filter 1s var(--ease-fcw-renew_inout) 0.6s;
}

.p-fcw-renew_top {
  display: block;
  position: relative;
  padding-bottom: 6rem;
}
.p-fcw-renew_top__line {
  width: 100%;
  max-width: 375px;
  height: 0;
  min-height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: url("../img/top/top_bg_v-line.svg") no-repeat center top/100% auto;
  filter: blur(0.15rem);
  overflow: hidden;
}
.is-fcw-renew_load .p-fcw-renew_top__line {
  min-height: 100rem;
  transition: min-height 3s var(--ease-fcw-renew_inout);
}

.p-fcw-renew_nav {
  width: 100%;
  max-width: 37.5rem;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1rem 0 3rem;
}
.p-fcw-renew_nav__container {
  width: 100%;
  display: block;
  position: relative;
}
.p-fcw-renew_nav__list {
  height: 30rem;
  display: block;
  position: relative;
}
.p-fcw-renew_nav__list-item {
  width: 12.4rem;
  display: block;
  position: absolute;
  opacity: 0;
  filter: blur(1rem);
  transform: translate(-50%, -10%);
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item {
  opacity: 1;
  filter: blur(0);
  transform: translate(-50%, -50%);
  transition: opacity 2s var(--ease-fcw-renew_inout) 0.8s, transform 2s var(--ease-fcw-renew_out) 0.8s, filter 1s var(--ease-fcw-renew_inout) 0.8s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(1) {
  transition-delay: 0.8s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(2) {
  transition-delay: 0.9s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(3) {
  transition-delay: 1s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(4) {
  transition-delay: 1.1s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(5) {
  transition-delay: 1.2s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(6) {
  transition-delay: 1.3s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(7) {
  transition-delay: 1.4s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(8) {
  transition-delay: 1.5s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(9) {
  transition-delay: 1.6s;
}
.is-fcw-renew_load .p-fcw-renew_nav__list-item:nth-child(10) {
  transition-delay: 1.7s;
}
.p-fcw-renew_nav__list-item.--nav1 {
  width: 12.4rem;
  top: 22.5%;
  left: 25.5%;
}
.p-fcw-renew_nav__list-item.--nav2 {
  width: 14rem;
  top: 46.5%;
  left: 74%;
}
.p-fcw-renew_nav__list-item.--nav3 {
  width: 18rem;
  top: 77.6%;
  left: 35%;
}
.p-fcw-renew_nav__btn {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
}
.p-fcw-renew_nav__btn-base {
  display: block;
  position: relative;
}
.p-fcw-renew_nav__btn-text {
  width: 135%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_nav__btn-text {
    transition: transform 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_nav__btn:hover .p-fcw-renew_nav__btn-text {
    transform: translate(-50%, -60%);
  }
}
.--nav1 .p-fcw-renew_nav__btn-text {
  width: 135%;
  top: 38%;
  left: 58%;
}
.--nav2 .p-fcw-renew_nav__btn-text {
  width: 120%;
  top: 40%;
  left: 42.5%;
}
.--nav3 .p-fcw-renew_nav__btn-text {
  width: 88%;
  top: 54%;
  left: 56%;
}
.p-fcw-renew_nav__btn-arrow {
  width: 2.2rem;
  display: block;
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translate(-50%, 100%);
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_nav__btn-arrow {
    transition: transform 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_nav__btn:hover .p-fcw-renew_nav__btn-arrow {
    transform: translate(-50%, 130%);
  }
}

.p-fcw-renew_project {
  width: 90%;
  display: block;
  position: relative;
  margin: 2rem auto 0;
  background-color: var(--color-fcw-renew-project-bg);
  border-radius: 1rem;
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
  box-shadow: 0 0 1rem 0 rgba(137, 137, 137, 0.2);
  opacity: 0;
  transform: translateY(6rem);
}
.is-fcw-renew_load .p-fcw-renew_project {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 2s var(--ease-fcw-renew_inout) 1s, transform 2s var(--ease-fcw-renew_out) 1s;
}
.p-fcw-renew_project::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.8rem solid var(--color-fcw-renew-project-line);
  border-radius: 1rem;
}
.p-fcw-renew_project__container {
  width: 90%;
  display: block;
  position: relative;
  padding: 2.5rem 0 3.5rem;
  margin: 0 auto;
}
.p-fcw-renew_project__title {
  width: 27.5rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_project__lead {
  display: block;
  position: relative;
  margin-top: 1rem;
  text-align: center;
  color: #666666;
}
.p-fcw-renew_project__btn {
  width: 24rem;
  display: block;
  position: relative;
  margin: 3rem auto 0;
}
#fcw-renew_project1 .p-fcw-renew_project__btn {
  width: 27rem;
}
.p-fcw-renew_project__btn:first-child {
  margin-top: 0;
}
.p-fcw-renew_project__kuji {
  width: 68%;
  display: block;
  position: relative;
  margin: 2.4rem auto 0;
}
.p-fcw-renew_project__kuji-cover {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_project__kuji-cover.--cover1 {
  animation: huwakuji 7s linear infinite;
}
.p-fcw-renew_project__kuji-cover.--cover2 {
  animation: huwakuji 8s linear -4s infinite;
}
.p-fcw-renew_project__kuji-cover.--cover3 {
  animation: huwakuji 8.5s linear -1s reverse infinite;
}
@keyframes huwakuji {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0);
  }
}
.p-fcw-renew_project__kuji-btn {
  width: 24rem;
  display: block;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-fcw-renew_project__streaming {
  width: 100%;
  display: block;
  position: relative;
  margin: 1.6rem auto 0;
}
.p-fcw-renew_project__more {
  width: 12.7rem;
  display: block;
  position: relative;
  margin: 3rem auto 0;
}
.p-fcw-renew_project__sp {
  width: 100%;
  max-width: 30rem;
  display: block;
  position: relative;
  margin: 28px auto;
  padding: 5px;
}
.p-fcw-renew_project__sp::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/files/53/jwb/blog/renewal_special/assets/img/bg.jpg") no-repeat center/100% 100%;
  border-radius: 10px;
}

.p-fcw-renew_project_sp {
  display: block;
  position: relative;
  padding: 30px 10px;
  background: #fff;
  border-radius: 8px;
}
.p-fcw-renew_project_sp + .p-fcw-renew_project_sp {
  margin-top: 10px;
}
.p-fcw-renew_project_sp__title {
  display: block;
  position: relative;
}
.p-fcw-renew_project_sp__lead {
  display: block;
  position: relative;
  margin-top: 9px;
  margin-bottom: 2.4rem;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #325869;
}
.p-fcw-renew_project_sp__content {
  width: 96%;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
}
.p-fcw-renew_project_sp__slide {
  width: 68%;
  display: block;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.p-fcw-renew_project_sp__list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_project_sp__list-item {
  width: 100%;
  flex-shrink: 0;
  display: block;
  position: relative;
}
.p-fcw-renew_project_sp__nav {
  width: 1.2rem;
  display: block;
  position: absolute;
  top: 40%;
  transform: translate(0, -50%);
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_project_sp__nav {
    transition: opacity 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_project_sp__nav:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_project_sp__nav.--prev {
  left: 1.4rem;
}
.p-fcw-renew_project_sp__nav.--next {
  right: 1.4rem;
}
.p-fcw-renew_project_sp__pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1.05rem;
  margin-top: 14px;
}
.p-fcw-renew_project_sp__pagination-item {
  width: 7.5px;
  height: 7.5px;
  display: block;
  position: relative;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s var(--ease-fcw-renew_out), opacity 0.5s var(--ease-fcw-renew_out);
}
.p-fcw-renew_project_sp__pagination-item.is-fcw-renew-current {
  background-color: #466694;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_project_sp__pagination-item:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_project_sp__pagination-item::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #466694;
  border-radius: 50%;
}
.p-fcw-renew_project_sp__login {
  width: 98%;
  display: block;
  position: relative;
  margin: 0 auto;
  background-color: #ecf4ff;
  padding: 44px 20px;
  border-radius: 5px;
}
.p-fcw-renew_project_sp__login::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/files/53/jwb/blog/renewal_special/assets/img/top/top_c01_ph_blur.png") no-repeat center/95% auto;
  opacity: 0.5;
}
.p-fcw-renew_project_sp__login::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 3px solid #466694;
  border-radius: 5px;
  pointer-events: none;
}
.p-fcw-renew_project_sp__login-text {
  display: block;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: 700;
  color: #466694;
}
.p-fcw-renew_project_sp__login-btn {
  width: 55%;
  display: block;
  position: relative;
  margin: 5px auto 0;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_project_sp__login-btn {
    transition: opacity 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_project_sp__login-btn:hover {
    opacity: 0.6;
  }
}

.p-fcw-renew_project_streaming {
  display: block;
  position: relative;
}
.p-fcw-renew_project_streaming + .p-fcw-renew_project_streaming {
  margin-top: 1.6rem;
}
.p-fcw-renew_project_streaming__header {
  width: 95%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0 auto 0.4rem;
}
.p-fcw-renew_project_streaming__no {
  width: 6.8rem;
  display: block;
  position: relative;
  margin-right: 0.2rem;
}
.is-new .p-fcw-renew_project_streaming__no::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/top/top_c01_new_label.png") no-repeat center/contain;
}
.p-fcw-renew_project_streaming__title {
  flex: 1 1 0;
  min-width: 0;
  display: block;
  position: relative;
  font-size: 1.3rem;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04rem;
  color: #3F3F3F;
}
.p-fcw-renew_project_streaming__group {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_project_streaming__group:hover {
    text-decoration: underline;
  }
}
.p-fcw-renew_project_streaming__group + .p-fcw-renew_project_streaming__group {
  margin-top: 1.2rem;
}
.p-fcw-renew_project_streaming__group-img {
  width: 77%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_project_streaming__group-name {
  display: block;
  position: relative;
  margin-top: 0.2rem;
  font-size: 1.6rem;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  text-align: center;
  color: #343434;
}
.p-fcw-renew_project_streaming__member {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_project_streaming__member-item {
  width: 25%;
  display: block;
  position: relative;
}
.p-fcw-renew_project_streaming__profile {
  display: block;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_project_streaming__profile:hover {
    text-decoration: underline;
  }
}
.p-fcw-renew_project_streaming__profile-img {
  width: 80%;
  padding-top: 80%;
  display: block;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.p-fcw-renew_project_streaming__profile-img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-fcw-renew_project_streaming__profile-name {
  display: block;
  position: relative;
  margin-top: 0.2rem;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  color: #343434;
}
.p-fcw-renew_project_streaming__profile-group {
  display: block;
  position: relative;
  font-size: 1rem;
  line-height: 1.3;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  text-align: center;
  letter-spacing: 0;
  color: #343434;
}

.p-fcw-renew_kuji {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 20;
  overflow-x: hidden;
  overflow-y: auto;
  background: url("../img/bg.jpg") no-repeat center/cover;
}
@media screen and (min-width: 933px) {
  .p-fcw-renew_kuji {
    max-width: 377px;
  }
}
.is-fcw-result_show .p-fcw-renew_kuji {
  display: none;
}
.p-fcw-renew_kuji__container {
  width: 100%;
  min-height: var(--fcw-rene-svh);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_kuji__content {
  width: 100%;
  display: block;
  position: relative;
}

.p-fcw-renew_kuji_enter {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
}
.is-fcw-renew_start .p-fcw-renew_kuji_enter {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s var(--ease-fcw-renew_out);
}
.p-fcw-renew_kuji_enter__header {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 6.5rem;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  filter: blur(1rem);
  transform: translateY(6rem);
}
.is-fcw-renew_load .p-fcw-renew_kuji_enter__header {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: opacity 2s var(--ease-fcw-renew_inout), transform 2s var(--ease-fcw-renew_out), filter 1s var(--ease-fcw-renew_inout);
}
.p-fcw-renew_kuji_enter__title {
  width: 86%;
  display: block;
  position: relative;
  left: -2%;
  margin: 0 auto;
}
.p-fcw-renew_kuji_enter__lead {
  width: 90%;
  display: block;
  position: relative;
  margin: 1.5rem auto 0;
  font-size: 1.2rem;
  line-height: 1.9;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  text-shadow: #fff 0.1rem 0.1rem 0, #fff -0.1rem -0.1rem 0, #fff -0.1rem 0.1rem 0, #fff 0.1rem -0.1rem 0, #fff 0px 0.1rem 0, #fff -0.1rem 0, #fff -0.1rem 0 0, #fff 0.1rem 0 0;
}
.p-fcw-renew_kuji_enter__inner {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
}
.is-fcw-renew_load .p-fcw-renew_kuji_enter__inner {
  opacity: 1;
  transition: opacity 2s var(--ease-fcw-renew_inout) 0.2s;
}
.p-fcw-renew_kuji_enter__main {
  width: 100%;
  padding-top: 216%;
  display: block;
  position: relative;
  margin: 0 auto;
  transform: translate(0, -10%);
}
.p-fcw-renew_kuji_enter__main img,
.p-fcw-renew_kuji_enter__main video {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_kuji_enter__cover {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_kuji_enter__cover-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  visibility: hidden;
  content-visibility: hidden;
}
.p-fcw-renew_kuji_enter__cover-img.is-fcw-renew_show {
  opacity: 1;
  display: block;
  visibility: visible;
  content-visibility: visible;
}
.p-fcw-renew_kuji_enter__start {
  width: 18rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_kuji_enter__start {
    transition: opacity 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_kuji_enter__start:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_kuji_enter__start-img {
  display: block;
  position: relative;
}
.p-fcw-renew_kuji_enter__start-icon {
  width: 6rem;
  position: absolute;
  top: 95%;
  left: 92%;
  transform: translate(-50%, -50%);
  transform-origin: left top;
}
.is-fcw-renew_load .p-fcw-renew_kuji_enter__start-icon {
  animation: start_anim 5s linear infinite;
}
@keyframes start_anim {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  20% {
    transform: translate(-50%, -50%) scale(1);
  }
  22.5% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  25% {
    transform: translate(-50%, -50%) scale(1);
  }
  27.5% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  30% {
    transform: translate(-50%, -50%) scale(1);
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
  }
  72.5% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  75% {
    transform: translate(-50%, -50%) scale(1);
  }
  77.5% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  80% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.p-fcw-renew_kuji_enter__start-icon::before {
  content: "";
  width: 50%;
  height: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/blog_lineup/kuji_btn_stop_decoration.png") no-repeat center/contain;
  transform: translate(-15%, -45%);
}
.is-fcw-renew_load .p-fcw-renew_kuji_enter__start-icon::before {
  animation: start_anim_b 5s linear infinite;
}
@keyframes start_anim_b {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  22.5% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  27.5% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  72.5% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  77.5% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.p-fcw-renew_kuji_enter__artist {
  width: 88%;
  height: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 15%;
  left: 50%;
  background-color: rgba(254, 254, 254, 0.8);
  border-radius: 1rem;
  transform: translate(-50%, 0);
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
  box-shadow: 0 0 1rem 0 rgba(137, 137, 137, 0.2);
  cursor: pointer;
}
.p-fcw-renew_kuji_enter__artist::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.8rem solid #FFFFFF;
  border-radius: 1rem;
}
.p-fcw-renew_kuji_enter__artist-icon {
  width: 3rem;
  display: block;
  position: relative;
}
.p-fcw-renew_kuji_enter__artist-text {
  display: block;
  position: relative;
  margin: 0 1.5rem;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  font-weight: 900;
  color: transparent;
  background: linear-gradient(to right, #8CDA86 0%, #55BBE5 33.33%, #86ABED 66.66%, #D5A1F3 100%);
  -webkit-background-clip: text;
}
.p-fcw-renew_kuji_enter__artist-deco {
  width: 2rem;
  height: 2rem;
  display: block;
  position: relative;
  background: linear-gradient(to right, #8CDA86 0%, #55BBE5 40%, #86ABED 60%, #D5A1F3 100%);
  border-radius: 50%;
}
.p-fcw-renew_kuji_enter__artist-deco::before {
  content: "";
  width: 50%;
  height: 0.3rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-fcw-renew-white);
  border-radius: 20rem;
}
.p-fcw-renew_kuji_enter__artist-deco::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-fcw-renew-white);
  border-radius: 20rem;
}

.p-fcw-renew_kuji_main {
  display: block;
  position: relative;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.1);
  z-index: 0;
}
.is-fcw-renew_start .p-fcw-renew_kuji_main {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.8s var(--ease-fcw-renew_inout), transform 1.8s var(--ease-fcw-renew_out);
}
.is-fcw-renew_game .p-fcw-renew_kuji_main {
  pointer-events: auto;
}
.is-fcw-renew_result .p-fcw-renew_kuji_main {
  opacity: 0;
  transform: scale(1);
  transition: opacity 0.8s var(--ease-fcw-renew_out);
}
.p-fcw-renew_kuji_main__base {
  width: 100%;
  padding-top: 216.5333333333%;
  display: block;
  position: relative;
  margin: 0 auto;
  z-index: 0;
}
.p-fcw-renew_kuji_main__base img,
.p-fcw-renew_kuji_main__base video {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_kuji_main__cover {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_kuji_main__cover-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  visibility: hidden;
  content-visibility: hidden;
}
.p-fcw-renew_kuji_main__cover-img.is-fcw-renew_show {
  opacity: 1;
  display: block;
  visibility: visible;
  content-visibility: visible;
}
.p-fcw-renew_kuji_main__stop {
  width: 18rem;
  display: block;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0;
}
.is-fcw-renew_game .p-fcw-renew_kuji_main__stop {
  opacity: 1;
  transition: opacity 0.8s var(--ease-fcw-renew_inout);
}
.is-fcw-renew_stop .p-fcw-renew_kuji_main__stop {
  opacity: 0;
  transition: opacity 0.8s var(--ease-fcw-renew_out);
}
.p-fcw-renew_kuji_main__stop-img {
  display: block;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_kuji_main__stop-img {
    transition: opacity 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_kuji_main__stop-img:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_kuji_main__stop-icon {
  width: 6rem;
  position: absolute;
  top: 95%;
  left: 92%;
  transform: translate(-50%, -50%);
}
.p-fcw-renew_kuji_main__stop-deco {
  width: 2.6rem;
  position: absolute;
  top: 0;
  left: 2%;
  transform: translate(-50%, -50%);
}

.p-fcw-renew_kuji_result {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.is-fcw-renew_result .p-fcw-renew_kuji_result {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.8s var(--ease-fcw-renew_inout), transform 1.8s var(--ease-fcw-renew_out);
}
.is-fcw-result_show .p-fcw-renew_kuji_result {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s var(--ease-fcw-renew_inout), transform 1.8s var(--ease-fcw-renew_out);
}
.p-fcw-renew_kuji_result__content {
  width: 100%;
  display: block;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-fcw-renew_kuji_result__kuji {
  width: 15rem;
  display: block;
  position: relative;
  margin: 0 auto 5rem;
  opacity: 0;
  transform: translateY(2rem);
}
.is-fcw-renew_result .p-fcw-renew_kuji_result__kuji {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s var(--ease-fcw-renew_out) 0.5s, transform 1.2s var(--ease-fcw-renew_out) 0.5s;
}
.p-fcw-renew_kuji_result__kuji-img {
  display: none;
  position: relative;
}
[data-fcw-renew-kuji="1"] .p-fcw-renew_kuji_result__kuji-img.--kuji1 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="2"] .p-fcw-renew_kuji_result__kuji-img.--kuji2 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="3"] .p-fcw-renew_kuji_result__kuji-img.--kuji3 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="4"] .p-fcw-renew_kuji_result__kuji-img.--kuji4 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="5"] .p-fcw-renew_kuji_result__kuji-img.--kuji5 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="6"] .p-fcw-renew_kuji_result__kuji-img.--kuji6 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="7"] .p-fcw-renew_kuji_result__kuji-img.--kuji7 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="8"] .p-fcw-renew_kuji_result__kuji-img.--kuji8 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="9"] .p-fcw-renew_kuji_result__kuji-img.--kuji9 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
[data-fcw-renew-kuji="10"] .p-fcw-renew_kuji_result__kuji-img.--kuji10 {
  display: block;
  animation: huwakuji 4s linear infinite;
}
.p-fcw-renew_kuji_result__btn {
  width: 22rem;
  display: block;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  opacity: 0;
  transform: translateY(2rem);
}
.is-fcw-renew_result .p-fcw-renew_kuji_result__btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s var(--ease-fcw-renew_out) 0.8s, transform 1.2s var(--ease-fcw-renew_out) 0.8s;
}
.p-fcw-renew_kuji_result__btn-img {
  display: block;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_kuji_result__btn-img {
    transition: opacity 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_kuji_result__btn-img:hover {
    opacity: 0.6;
  }
}

.p-fcw-renew_kuji_artist {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 20;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.2s var(--ease-fcw-renew_out);
}
@media screen and (min-width: 933px) {
  .p-fcw-renew_kuji_artist {
    max-width: 375px;
  }
}
.p-fcw-renew_kuji_artist.is-fcw-renew_show {
  opacity: 1;
  pointer-events: auto;
}
.p-fcw-renew_kuji_artist__container {
  width: 100%;
  min-height: 100vh;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 5.8rem 0;
}
.p-fcw-renew_kuji_artist__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fcw-renew_kuji_artist__content {
  width: 92%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_kuji_artist__close {
  width: 3rem;
  height: 3rem;
  display: block;
  position: absolute;
  top: 1.1rem;
  right: 1.2rem;
  cursor: pointer;
}
.p-fcw-renew_kuji_artist__close::before {
  content: "";
  width: 60%;
  height: 0.2rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #3E3E3E;
}
.p-fcw-renew_kuji_artist__close::after {
  content: "";
  width: 60%;
  height: 0.2rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #3E3E3E;
}

.p-fcw-renew_kuji_artist_content {
  display: block;
  position: relative;
  padding: 3.4rem 0;
  background-color: rgba(254, 254, 254, 0.9);
  border-radius: 1rem;
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
  box-shadow: 0 0 1rem 0 rgba(137, 137, 137, 0.2);
}
.p-fcw-renew_kuji_artist_content::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.8rem solid #FFFFFF;
  border-radius: 1rem;
}
.p-fcw-renew_kuji_artist_content__container {
  width: 80%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_kuji_artist_content__header {
  display: block;
  position: relative;
  margin-bottom: 1.6rem;
}
.p-fcw-renew_kuji_artist_content__title {
  display: block;
  position: relative;
  margin: 0 1.5rem;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  font-weight: 900;
  text-align: center;
  color: transparent;
  background: linear-gradient(to right, #8CDA86 0%, #55BBE5 33.33%, #86ABED 66.66%, #D5A1F3 100%);
  -webkit-background-clip: text;
}
.p-fcw-renew_kuji_artist_content__note {
  display: block;
  position: relative;
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
  color: #3E3E3E;
}
.p-fcw-renew_kuji_artist_content__inner {
  display: block;
  position: relative;
}
.p-fcw-renew_kuji_artist_content__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem 1rem;
  position: relative;
}
.p-fcw-renew_kuji_artist_content__list-item {
  display: block;
  position: relative;
}
.p-fcw-renew_kuji_artist_content__name {
  display: block;
  position: relative;
  font-size: 1.2rem;
  text-align: center;
  color: #325869;
}

.p-fcw-renew_result {
  display: none;
  position: relative;
  padding: 8rem 0 5rem;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.is-fcw-result_show .p-fcw-renew_result {
  display: block;
  visibility: visible;
}
.is-fcw-result_done .p-fcw-renew_result {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.8s var(--ease-fcw-renew_inout);
}
.p-fcw-renew_result__container {
  width: 93%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_result__header {
  display: block;
  position: relative;
  margin-bottom: 1.5rem;
  opacity: 0;
  transform: translateY(2rem);
}
.is-fcw-renew_load .p-fcw-renew_result__header {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1.2s var(--ease-fcw-renew_out), transform 1.2s var(--ease-fcw-renew_out);
}
.p-fcw-renew_result__inner {
  display: block;
  position: relative;
  opacity: 0;
  transform: translateY(2rem);
}
.is-fcw-renew_load .p-fcw-renew_result__inner {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1.2s var(--ease-fcw-renew_out) 0.2s, transform 1.2s var(--ease-fcw-renew_out) 0.2s;
}
.p-fcw-renew_result__group {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_result__group + .p-fcw-renew_result__group {
  margin-top: 1.2rem;
}
.p-fcw-renew_result__group-img {
  width: 80%;
  display: block;
  position: relative;
  margin: 0 auto;
}
.p-fcw-renew_result__group-name {
  display: block;
  position: relative;
  margin-top: 0.2rem;
  font-size: 1.7rem;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  letter-spacing: 0;
  font-weight: 700;
  color: #325869;
  text-align: center;
}
.p-fcw-renew_result__artist {
  display: block;
  position: relative;
}
.p-fcw-renew_result__artist-img {
  width: 16rem;
  height: 16rem;
  display: block;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.p-fcw-renew_result__artist-img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-fcw-renew_result__artist-name {
  display: block;
  position: relative;
  margin-top: 0.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  color: #325869;
}
.p-fcw-renew_result__artist-group {
  display: block;
  position: relative;
  margin-top: 0.8rem;
  font-size: 1.5rem;
  line-height: 1.3;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  text-align: center;
  letter-spacing: 0;
  text-decoration: underline;
  color: #325869;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_result__artist-group:hover {
    text-decoration: none;
  }
}
.p-fcw-renew_result__follow {
  margin: 0.8rem auto 0;
}
.p-fcw-renew_result__content {
  width: 100%;
  display: block;
  position: relative;
  margin: 3.8rem auto 0;
}
.p-fcw-renew_result__blog {
  width: 85%;
  display: block;
  position: relative;
  margin: 4.5rem auto 0;
}
.p-fcw-renew_result__share {
  width: 85%;
  max-width: 20rem;
  display: block;
  position: relative;
  margin: 4.2rem auto 0;
}
.p-fcw-renew_result__retry {
  width: 19rem;
  height: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 4.5rem auto 0;
  color: #FEFEFE !important;
  border-radius: 20rem;
  background: linear-gradient(to right, #ff80aa 0%, #70b0ff 50%, #addc88 100%);
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_result__retry {
    transition: opacity 0.4s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_result__retry:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_result__retry-text {
  display: block;
  position: relative;
  font-size: 1.3rem;
  font-weight: 600;
}

.p-fcw-renew_result_content {
  display: block;
  position: relative;
}
.p-fcw-renew_result_content + .p-fcw-renew_result_content {
  margin-top: 2rem;
}
.p-fcw-renew_result_content__header {
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 2rem;
  margin: 0 auto 0;
}
.p-fcw-renew_result_content__header::before {
  content: "";
  width: 0.1rem;
  height: 2rem;
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 0;
  background-color: #325869;
  transform: rotate(-30deg);
  transform-origin: left bottom;
}
.p-fcw-renew_result_content__header::after {
  content: "";
  width: 0.1rem;
  height: 2rem;
  display: block;
  position: absolute;
  bottom: 1rem;
  right: 0;
  background-color: #325869;
  transform: rotate(30deg);
  transform-origin: right bottom;
}
.p-fcw-renew_result_content__icon {
  width: 6rem;
  display: block;
  position: relative;
  margin-right: 1rem;
}
.p-fcw-renew_result_content__title {
  display: flex;
  justify-content: center;
  position: relative;
}
.p-fcw-renew_result_content__title-word {
  display: block;
  position: relative;
  font-size: 1.5rem;
  font-weight: 600;
  color: #325869;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word {
  animation: text_anim 2s linear infinite;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(1) {
  animation-delay: 0s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(2) {
  animation-delay: 0.1s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(3) {
  animation-delay: 0.2s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(4) {
  animation-delay: 0.3s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(5) {
  animation-delay: 0.4s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(6) {
  animation-delay: 0.5s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(7) {
  animation-delay: 0.6s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(8) {
  animation-delay: 0.7s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(9) {
  animation-delay: 0.8s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(10) {
  animation-delay: 0.9s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(11) {
  animation-delay: 1s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(12) {
  animation-delay: 1.1s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(13) {
  animation-delay: 1.2s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(14) {
  animation-delay: 1.3s;
}
.is-fcw-renew_load .p-fcw-renew_result_content__title-word:nth-child(15) {
  animation-delay: 1.4s;
}
@keyframes text_anim {
  0% {
    transform: translateY(0);
  }
  7% {
    transform: translateY(-20%);
  }
  14% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-fcw-renew_result_content__inner {
  display: block;
  position: relative;
}
.p-fcw-renew_result_content__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  gap: 2rem 5%;
  margin: 2.2rem auto 0;
}
.p-fcw-renew_result_content__list.--col2 {
  gap: 1.5rem 4%;
}
.p-fcw-renew_result_content__list-item {
  width: 100%;
  display: block;
  position: relative;
}
.p-fcw-renew_result_content__list.--col2 .p-fcw-renew_result_content__list-item {
  width: 47.5%;
}
.p-fcw-renew_result_content__photo {
  width: 85%;
  display: block;
  position: relative;
  margin: 2.2rem auto 0;
}
.p-fcw-renew_result_content__photo-img {
  display: block;
  position: relative;
}
.p-fcw-renew_result_content__movie {
  width: 85%;
  display: block;
  position: relative;
  margin: 2.2rem auto 0;
}
.p-fcw-renew_result_content__movie-img {
  display: block;
  position: relative;
}
.p-fcw-renew_result_content__message {
  width: 100%;
  display: block;
  position: relative;
  margin: 1.2rem auto 0;
  padding: 2rem 3.6rem;
  background: #FEFEFE;
  border-radius: 1rem;
}
.p-fcw-renew_result_content__message-text {
  display: block;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #343434;
}
.p-fcw-renew_result_content__voice {
  width: 100%;
  max-width: 28rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 1.5rem 5rem 1.5rem 3rem;
  margin: 1rem auto 0;
  background: url("/files/53/jwb/blog/blog_lineup/assets/img/button_frame.png") no-repeat center/contain;
  border-radius: 20rem;
  cursor: pointer;
}
.--col2 .p-fcw-renew_result_content__voice {
  margin-top: 0;
  padding: 1rem 3rem 1rem 2.8rem;
  background: url("/files/53/jwb/blog/blog_lineup/assets/img/button_frame_s.png") no-repeat center/contain;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_result_content__voice {
    transition: opacity 0.4s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_result_content__voice:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_result_content__voice-icon {
  width: 3rem;
  display: block;
  position: relative;
}
.--col2 .p-fcw-renew_result_content__voice-icon {
  width: 1.8rem;
}
.p-fcw-renew_result_content__voice-icon::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #325869;
  border-radius: 50%;
  opacity: 0;
}
.is-fcw-renew-play .p-fcw-renew_result_content__voice-icon::before {
  opacity: 1;
}
.p-fcw-renew_result_content__voice-icon::after {
  content: "";
  width: 30%;
  height: 30%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 0.3rem solid var(--color-fcw-renew-white);
  border-right: 0.3rem solid var(--color-fcw-renew-white);
  opacity: 0;
}
.is-fcw-renew-play .p-fcw-renew_result_content__voice-icon::after {
  opacity: 1;
}
.p-fcw-renew_result_content__voice-text {
  flex: 1 1 0;
  min-width: 0;
  display: block;
  position: relative;
  font-size: 2rem;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  font-weight: 900;
  text-align: center;
  color: #466694;
}
.--col2 .p-fcw-renew_result_content__voice-text {
  font-size: 1.3rem;
}
.p-fcw-renew_result_content__artist {
  width: 72%;
  max-width: 16rem;
  display: block;
  position: relative;
  margin: 0 auto 2rem;
}
.--col2 .p-fcw-renew_result_content__artist {
  margin-bottom: 1rem;
}
.p-fcw-renew_result_content__artist-img {
  width: 100%;
  padding-top: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.p-fcw-renew_result_content__artist-img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-fcw-renew_result_content__artist-name {
  width: 130%;
  display: block;
  position: relative;
  margin-top: 0.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Artbank Gothic", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-seri;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.--col2 .p-fcw-renew_result_content__artist-name {
  font-size: 1.4rem;
}

.p-fcw-renew_result_blog {
  display: block;
  position: relative;
}
.p-fcw-renew_result_blog + .p-fcw-renew_result_blog {
  margin-top: 2rem;
}
.p-fcw-renew_result_blog__header {
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 2rem;
  margin: 0 auto 1rem;
}
.p-fcw-renew_result_blog__header::before {
  content: "";
  width: 0.1rem;
  height: 2rem;
  display: block;
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  background-color: #000000;
  transform: rotate(-30deg);
  transform-origin: left bottom;
}
.p-fcw-renew_result_blog__header::after {
  content: "";
  width: 0.1rem;
  height: 2rem;
  display: block;
  position: absolute;
  bottom: 0.3rem;
  right: 0;
  background-color: #000000;
  transform: rotate(30deg);
  transform-origin: right bottom;
}
.p-fcw-renew_result_blog__title {
  display: flex;
  justify-content: center;
  position: relative;
}
.p-fcw-renew_result_blog__title-word {
  display: block;
  position: relative;
  font-size: 1.5rem;
  font-weight: 600;
  color: #325869;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word {
  animation: text_anim 2s linear infinite;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(1) {
  animation-delay: 0s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(2) {
  animation-delay: 0.1s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(3) {
  animation-delay: 0.2s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(4) {
  animation-delay: 0.3s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(5) {
  animation-delay: 0.4s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(6) {
  animation-delay: 0.5s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(7) {
  animation-delay: 0.6s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(8) {
  animation-delay: 0.7s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(9) {
  animation-delay: 0.8s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(10) {
  animation-delay: 0.9s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(11) {
  animation-delay: 1s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(12) {
  animation-delay: 1.1s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(13) {
  animation-delay: 1.2s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(14) {
  animation-delay: 1.3s;
}
.is-fcw-renew_load .p-fcw-renew_result_blog__title-word:nth-child(15) {
  animation-delay: 1.4s;
}
.p-fcw-renew_result_blog__inner {
  display: block;
  position: relative;
}
.p-fcw-renew_result_blog__data {
  display: block;
  position: relative;
}
.p-fcw-renew_result_blog__data + .p-fcw-renew_result_blog__data {
  margin-top: 2rem;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_result_blog__data {
    transition: opacity 0.4s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_result_blog__data:hover {
    opacity: 0.6;
    text-decoration: underline;
  }
}
.p-fcw-renew_result_blog__thumb {
  display: block;
  position: relative;
}
.p-fcw-renew_result_blog__thumb-img {
  display: block;
  position: relative;
}
.p-fcw-renew_result_blog__name {
  display: block;
  position: relative;
  margin-top: 0.2rem;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  color: #000;
}

.p-fcw-renew_result_share {
  display: block;
  position: relative;
  padding: 1.6rem 0;
  background-color: rgba(254, 254, 254, 0.6);
  border-radius: 1rem;
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
}
.p-fcw-renew_result_share::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.2rem solid #FFFFFF;
  border-radius: 1rem;
}
.p-fcw-renew_result_share__cap {
  display: block;
  position: relative;
  font-size: 1.2rem;
  text-align: center;
  font-weight: 700;
  color: #325869;
}
.p-fcw-renew_result_share__lead {
  display: block;
  position: relative;
  margin-top: 0.3rem;
  font-size: 1.1rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(to right, #ff80aa 0%, #70b0ff 50%, #addc88 100%);
  -webkit-background-clip: text;
}
.p-fcw-renew_result_share__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
  margin-top: 0.5rem;
}
.p-fcw-renew_result_share__list-item {
  width: 3rem;
  display: block;
  position: relative;
}
.p-fcw-renew_result_share__link {
  display: block;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_result_share__link {
    transition: opacity 0.4s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_result_share__link:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_result_share__link-img {
  display: block;
  position: relative;
}
.p-fcw-renew_result_share__link-cap {
  width: 9rem;
  display: block;
  position: absolute;
  padding: 0.5rem 0.5rem;
  top: -0.5rem;
  left: 50%;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 0.3rem;
  color: #325869;
  border: 1px solid #325869;
  background: var(--color-fcw-renew-white);
  transform: translate(-50%, -100%);
  z-index: 2;
  opacity: 0;
}
@keyframes motionCopyCaption {
  0% {
    opacity: 0;
    transform: translate(-50%, -80%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -100%);
  }
}
.is-copy .p-fcw-renew_result_share__link-cap {
  animation: motionCopyCaption 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}

.p-fcw-renew_btn {
  display: block;
  position: relative;
  background: linear-gradient(30deg, #d8ffe6 0%, #cadaff 50%, #ffcefb 100%);
  border-radius: 20rem;
  box-shadow: 0.4rem 0.4rem 0 0 #325869;
}
@media (hover: hover) and (pointer: fine) {
  .p-fcw-renew_btn {
    transition: opacity 0.5s var(--ease-fcw-renew_out);
  }
  .p-fcw-renew_btn:hover {
    opacity: 0.6;
  }
}
.p-fcw-renew_btn__base {
  width: calc(100% - 0.8rem);
  height: calc(100% - 0.8rem);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fefefe;
  border-radius: 20rem;
}
.p-fcw-renew_btn__content {
  width: 100%;
  height: 4.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1rem 2rem;
}
.p-fcw-renew_btn__icon {
  width: 3rem;
  display: block;
  position: relative;
  margin-right: 1rem;
}
.p-fcw-renew_btn__text {
  display: block;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--color-fcw-renew-navy);
}