/*---------------------------------------------------
Copyright (c) THIRDWAVE CORP. All Rights Reserved.
----------------------------------------------------*/
h5.dxv {
  display: none;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

#container {
  letter-spacing: .8px;
  width: 100%;
}

.column2R #main {
  float: none;
  width: auto;
}

.breadCrumb {
  width: 970px;
  margin: 0 auto;
}

.pagetop {
  width: 1050px;
  margin: 0 auto;
}

#main section.contents .section_inner {
  width: 96vw;
  max-width: 1050px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding: 80px 0;
}

#main section.contents .section_inner p.text {
  font-size: 18px;
}

#main section.contents.main_visual {
  position: relative;
  overflow: hidden;
}

#main section.contents.main_visual .section_inner {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

#main section.contents.main_visual img {
  max-width: 100%;
  margin: 0 auto;
  animation: anime-fadeIn 2s ease 0s 1 normal;
  height: auto;
}

#main section.contents.main_visual .popup_pc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 48%;
  margin: 0 auto;
  overflow: hidden;
}

#main section.contents.main_visual .popup_pc img {
  animation-name: anime-popup;
  animation-timing-function: ease;
}

@keyframes anime-popup {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  70% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes anime-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes anime-fadeIn2 {
  0% {
    opacity: 0;
    background-position: center 100px;
  }

  100% {
    opacity: 1;
    background-position: center 0;
  }
}

#main section.contents.main_catch {
  background: #F8F9E0;
}

#main section.contents.main_catch .section_inner p.text {
  color: #222;
  text-align: center;
  font-size: 18px;
  line-height: 2;
  animation: anime-fadeIn 2s ease 0s 1 normal;
}

#main section.contents.main_catch .section_inner p.text em.em01 {
  font-weight: bold;
  color: #FF00A1;
}

#main section.contents.main_catch .section_inner p.text em.em02 {
  font-weight: bold;
  color: #00B1FF;
}

.section_inner p.h2-sub {
  text-align: center;
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;
}

.section_inner h2.ttl {
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 30px;
  margin-bottom: 40px;
}

#main section.contents.scene {
  background: #FFD240;
}

#main section.contents.scene ul.point-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

#main section.contents.scene ul.point-list li {
  text-align: center;
  margin-bottom: 20px;
  width: 20%;
}

#main section.contents.scene ul.point-list li.active img {
  animation-name: numberAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

#main section.contents.scene ul.point-list li.active:nth-child(1) img {
  animation-delay: .2s;
}

#main section.contents.scene ul.point-list li.active:nth-child(2) img {
  animation-delay: .3s;
}

#main section.contents.scene ul.point-list li.active:nth-child(3) img {
  animation-delay: .4s;
}

#main section.contents.scene ul.point-list li.active:nth-child(4) img {
  animation-delay: .5s;
}

@keyframes numberAnime {
  0% {
    opacity: 0;
    transform: translateY(50px);
    /* transform: scale(0); */
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    /* transform: scale(1); */
  }
}

#main section.contents.scene ul.point-list li img {
  width: 150px;
}

#main section.contents.scene ul.point-list li p {
  color: #000;
  margin-top: 20px;
  font-size: 16px;
}

#main section.contents.scene ul.point-list li span {
  font-size: 12px;
  display: block;
  margin-top: 20px;
}

#main section.contents.wacomAll {
  background-image: url("img/raytrek_wacomset/img_color_bg_top.jpg"), url("img/raytrek_wacomset/img_color_bg_bottom.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
}

#main section.contents.wacomAll h2.ttl {
  font-size: 22px;
  margin-top: 40px;
}

#main section.contents.wacomAll h2.ttl span {
  font-size: 32px;
}

#main section.contents.wacomAll ul.point-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 40px;
  gap: 20px;
}

#main section.contents.wacomAll ul.point-list li {
  text-align: center;
  width: 25%;
}

#main section.contents.wacomAll ul.point-list li div.model img {
  max-width: 100%;
  margin-bottom: 20px;
}

#main section.contents.wacomAll ul.point-list li div.model p.ttl {
  color: #24009E;
  font-weight: bold;
  line-height: 1.4;
  font-size: 18px;
  margin-bottom: 20px;
  min-height: 60px;
}

#main section.contents.wacomAll ul.point-list li div.model p.detail {
  color: #222;
  font-size: 15px;
  padding: 0 20px;
}

#main section.contents.lineup {
  background: #FFD240;
}

#main .none {
  display: none;
}

#main section.contents.lineup .section_inner {
  padding: 120px 0;
}

#main section.contents.lineup .model-block {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 180px;
}

#main section.contents.lineup .model-block .set_box {
  position: relative;
  z-index: 100;
}

#main section.contents.lineup .model-block.bg01,
#main section.contents.lineup .model-block.bg02,
#main section.contents.lineup .model-block.bg03,
#main section.contents.lineup .model-block.bg04 {
  position: relative;
}

#main section.contents.lineup .model-block.bg03 {
  margin-bottom: 0;
}

#main section.contents.lineup .model-block.bg01::after,
#main section.contents.lineup .model-block.bg02::after,
#main section.contents.lineup .model-block.bg03::after,
#main section.contents.lineup .model-block.bg04::after {
  content: '';
  position: absolute;
  z-index: 99;
  background-position: top center;
  width: 100%;
  height: 100%;
  top: -70px;
  left: 0;
}

#main section.contents.lineup .model-block.bg01::after {
  background: url(img/raytrek_wacomset/bg01.png) no-repeat center 0;
  background-size: auto 85%;
}

#main section.contents.lineup .model-block.bg02::after {
  background: url(img/raytrek_wacomset/bg02.png) no-repeat center 0;
  background-size: auto 95%;
  top: -80px;
}

#main section.contents.lineup .model-block.bg03::after {
  background: url(img/raytrek_wacomset/bg03.png) no-repeat center 0;
  background-size: auto 85%;
}

#main section.contents.lineup .model-block.bg04::after {
  background: url(img/raytrek_wacomset/bg04.png) no-repeat center 0;
  background-size: auto 95%;
  margin-bottom: 0;
  top: -80px;
}

#main section.contents.lineup .model-block.active {
  animation: anime-fadeIn2 1s ease 0s 1 normal;
}

#main section.contents.lineup .model-block h3 {
  position: relative;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 1;
  padding: 25px 0;
}

#main section.contents.lineup .model-block h3::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -29px;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}

#main section.contents.lineup .model-block.bg01 h3 {
  background: #E75288;
}

#main section.contents.lineup .model-block.bg01 h3::after {
  border-top: 30px solid #E75288;
}

#main section.contents.lineup .model-block.bg02 h3 {
  background: #17C8A4;
}

#main section.contents.lineup .model-block.bg02 h3::after {
  border-top: 30px solid #17C8A4;
}

#main section.contents.lineup .model-block.bg03 h3 {
  background: #44C3FF;
}

#main section.contents.lineup .model-block.bg03 h3::after {
  border-top: 30px solid #44C3FF;
}

#main section.contents.lineup .model-block.bg04 h3 {
  background: #8352E7;
}

#main section.contents.lineup .model-block.bg04 h3::after {
  border-top: 30px solid #8352E7;
}

#main section.contents.lineup .model-block.bg05 h3 {
  background: #00d2d3;
}

#main section.contents.lineup .model-block.bg05 h3::after {
  border-top: 30px solid #00d2d3;
}

#main section.contents.lineup .model-block.bg06 h3 {
  background: #ee5253;
}

#main section.contents.lineup .model-block.bg06 h3::after {
  border-top: 30px solid #ee5253;
}

#main section.contents.lineup .model-block h3 span {
  margin-top: 0.25em;
  display: inline-block;
  font-weight: normal;
  font-size: 0.9em;
}

#main section.contents.lineup .model-block .set_box {
  background: #fff;
}

#main section.contents.lineup .model-block .set_box .box_top {
  background: #eee;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  gap: 20px;
}

#main section.contents.lineup .model-block .set_box .box_top p.img img {
  display: block;
  max-width: 100%;
}

#main section.contents.lineup .model-block .set_box .box_top .detail_box .ttl {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 20px;
}

#main section.contents.lineup .model-block .set_box .box_top .detail_box .spec {
  font-size: 16px;
  line-height: 1.75;
}

#main section.contents.lineup .model-block .set_box .box_bottom {
  padding: 30px;
}

#main section.contents.lineup .model-block .box_bottom ul {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  flex-wrap: wrap;
  gap: 30px;
}

#main section.contents.lineup .model-block .box_bottom ul li {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  width: calc((100% - 30px - 30px) / 3);
  transition: 0.3s all;
  display: flex;
  flex-direction: column;
}

#main section.contents.lineup .model-block .box_bottom ul li.active {
  animation-name: numberAnime2;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

#main section.contents.lineup .model-block .box_bottom ul li.active:nth-child(1) {
  animation-delay: .2s;
}

#main section.contents.lineup .model-block .box_bottom ul li.active:nth-child(2) {
  animation-delay: .4s;
}

#main section.contents.lineup .model-block .box_bottom ul li.active:nth-child(3) {
  animation-delay: .6s;
}

#main section.contents.lineup .model-block .box_bottom ul li .set-image {
  display: block;
  position: relative;
  aspect-ratio: 16/9;
}

#main section.contents.lineup .model-block .box_bottom ul li .set-image--tablet {
  width: 45%;
  position: absolute;
  bottom: 0;
  right: 0;
  filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.75));
}

@keyframes numberAnime2 {
  0% {
    opacity: 0;
    /* transform: translateY(100px); */
  }

  100% {
    opacity: 1;
    /* transform: translateY(0); */
  }
}


#main section.contents.lineup .model-block .box_bottom ul li h4 {
  display: flex;
  min-height: calc(2em* 1.4 + 8px + 8px);
  margin-bottom: 20px;
  padding: 8px;
  align-items: center;
  justify-content: center;
  background: #4E4E4E;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
}

#main section.contents.lineup .model-block .box_bottom ul li h4.one-line {
  line-height: 2.8;
}

#main section.contents.lineup .model-block .set_box .box_bottom p.img {
  display: block;
  text-align: center;
}

#main section.contents.lineup .model-block .set_box .box_bottom p.img img {
  max-width: 100%;
  max-height: 200px;
  transition: 0.3s all;
}

#main section.contents.lineup .model-block .set_box .box_bottom a:hover {
  opacity: 0.8;
}

#main section.contents.lineup .model-block .box_bottom ul li p.normal {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 10px;
}

#main section.contents.lineup .model-block .box_bottom ul li p.normal span.price {
  font-size: 130%;
}

#main section.contents.lineup .model-block .box_bottom ul li p.special {
  font-weight: bold;
  color: #FF0000;
  font-size: 14px;
  margin-bottom: 10px;
}

#main section.contents.lineup .model-block .box_bottom ul li p.special span {
  font-size: 140%;
  margin: 0 4px;
}

#main section.contents.lineup .model-block ul li .detail_btn a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #0A3190;
  border-radius: 20px;
  transition: 0.2s all;
  padding: 8px 0;
  font-size: 16px;
}

#main section.contents.lineup .model-block ul li .detail_btn a:hover {
  opacity: 0.8;
}

#main section.contents.dospara {
  background: #CCEFFF;
}

#main section.contents.dospara h2.ttl {
  font-weight: bold;
  line-height: 1.4;
  color: #0B5BB7;
  margin-bottom: 0;
}

#main section.contents.dospara .h2-sub {
  font-size: 16px;
  color: #222;
}

#main section.contents.dospara h2.ttl img {
  margin-bottom: 40px;
}

#main section.contents.dospara p.setting {
  margin-bottom: 40px;
}

#main section.contents.dospara p.setting img {
  border: 5px solid #0B5BB7;
  border-radius: 20px;
  margin-top: 40px;
}

#main section.contents.about {
  background: #4C75BF url(img/raytrek_wacomset/img_illust_model_bg.jpg) no-repeat center 0;
  margin-bottom: 200px;
}

#main section.contents.about .section_inner {
  color: #fff;
  position: relative;
}

#main section.contents.about .section_inner h2.ttl {
  color: #fff;
  text-align: left;
  font-size: 36px;
}

#main section.contents.about .section_inner p.detail {
  font-size: 18px;
  line-height: 2.5;
  width: 50%;
  margin-bottom: 40px;
}

#main section.contents.about .section_inner .about-model {
  position: absolute;
  bottom: -70px;
  left: 50%;
}

#main section.contents.about .section_inner .about-btn {
  width: 300px;
}

#main section.contents.about .section_inner .about-btn i {
  padding-left: 10px;
}

#main section.contents.about .section_inner .about-btn a {
  display: block;
  text-decoration: none;
  text-align: center;
  background: #E75288;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  padding: 15px 0;
  font-size: 18px;
  transition: 0.4s all;
}

#main section.contents.about .section_inner .about-btn a:hover {
  background: #FF78A9;
}

#main section.contents.about .all-btn {
  position: absolute;
  bottom: -170px;
  left: 0;
  right: 0;
  margin: auto;
  width: 640px;
  transition: 0.2s all;
}

#main section.contents.about a.all-btn {
  display: block;
  text-decoration: none;
  text-align: center;
  background: #0A3190;
  color: #fff;
  padding: 25px 0 22px;
  font-size: 22px;
  transition: 0.2s all;
}



/*-------------------------------------
　ボタン
---------------------------------------*/
.all-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #a3a3a3;
  border-radius: 2px;
  background-color: #fff;
  text-decoration: none;
}

.all-btn::after {
  position: absolute;
  top: calc(50% - 4px);
  right: 25px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 3px solid;
  border-bottom: 3px solid;
  border-color: #484848;
  content: '';
}

@media screen and (max-width: 767px) {
  .all-btn::after {
    right: 14px;
    width: 7px;
    height: 7px;
  }

  #main section.contents.about p.aboutbtn {
    position: relative;
  }

  #main section.contents.about .all-btn {
    position: relative;
    bottom: -20px;
  }

  #main section.contents.about {
    margin-bottom: 0px;
  }
}

.all-btn::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: -168%;
  width: 150%;
  height: 100%;
  -webkit-transform: skewX(-18deg);
  transform: skewX(-18deg);
  background-color: #a3a3a3;
  content: '';
  opacity: 0.3;
}

.c-button--over:before {
  -webkit-animation: c-button-animation-over ease-out .4s both;
  animation: c-button-animation-over ease-out .4s both;
}

.c-button--out:before {
  -webkit-animation: c-button-animation-out ease-in .4s both;
  animation: c-button-animation-out ease-in .4s both;
}

.all-btn>span {
  display: inline-block;
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 480px) {
  .all-btn>span {
    font-size: 20px;
    letter-spacing: 1.96px;
    line-height: 1.63;
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .all-btn>span {
    font-size: 14px;
    letter-spacing: 1.68px;
    line-height: 1.36;
  }
}

.all-btn {
  border: 0;
  background: linear-gradient(45deg, #93d349, #3dbd6a);
  color: #fff;
}

.all-btn::after {
  border-color: #fff;
}

.all-btn::before {
  background-color: #fff;
  opacity: .15;
}

@-webkit-keyframes c-button-animation-over {
  0% {
    left: -168%;
  }

  100% {
    left: -18%;
  }
}

@keyframes c-button-animation-over {
  0% {
    left: -168%;
  }

  100% {
    left: -18%;
  }
}

@-webkit-keyframes c-button-animation-out {
  0% {
    left: -18%;
  }

  100% {
    left: 168%;
  }
}

@keyframes c-button-animation-out {
  0% {
    left: -18%;
  }

  100% {
    left: 168%;
  }
}

.campaign_wrap {
  margin: 0 auto;
  position: relative;
  width: 970px;
}

.campaign_wrap h2 {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 40px;
}

.campaign_wrap ul {
  display: flex;
  justify-content: center;
}

.campaign_wrap ul li {
  width: 35%;
  text-align: center;
}

.effect {
  opacity: 0;
  transition: 1s all;
}

.effect.active {
  opacity: 1;
}


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

  .sp {
    display: block;
  }

  .breadCrumb {
    width: auto;
  }

  .pagetop {
    width: auto;
  }

  img {
    max-width: 100%;
  }

  .section_inner p.h2-sub {
    font-size: 4.5vw;
  }

  .section_inner h2.ttl {
    font-size: 6.5vw;
  }

  #main section.contents.main_visual .popup_pc {
    width: 80%;
  }

  #main section.contents.lineup .section_inner {
    width: auto;
  }

  #main section.contents .section_inner img {
    max-width: 100%;
  }

  #main section.contents .section_inner {
    width: auto;
    padding: 40px 10px;
  }

  #main section.contents .section_inner p.text {
    font-size: 4vw;
  }

  #main section.contents.main_catch .section_inner p.text {
    width: auto;
    font-size: 3.9vw;
  }

  #main section.contents.scene ul.point-list {
    flex-wrap: wrap;
    max-width: inherit;
  }

  #main section.contents.scene ul.point-list li {
    width: 49%;
    padding: 0;
    /* animation: anime-fadeIn 2s ease 0s 1 normal; */
  }

  #main section.contents.scene ul.point-list li img {
    width: 60%;
  }

  #main section.contents.scene ul.point-list li p {
    font-size: 3.5vw;
  }

  #main section.contents.scene ul.point-list li span {
    font-size: 3vw;
  }

  #main section.contents.wacomAll {
    background-size: 150% auto;
  }

  #main section.contents.wacomAll h2.ttl {
    font-size: 5vw;
    margin-top: 20px;
  }

  #main section.contents.wacomAll h2.ttl span {
    font-size: 4vw;
  }

  #main section.contents.wacomAll ul.point-list {
    display: block;
  }

  #main section.contents.wacomAll ul.point-list li {
    width: auto;
  }

  #main section.contents.wacomAll ul.point-list li div.model img {
    max-width: 80%;
  }

  #main section.contents.lineup .section_inner {
    padding: 60px 0;
  }

  #main section.contents.lineup .model-block .set_box .box_top {
    display: block;
    padding: 20px;
  }

  #main section.contents.lineup .model-block {
    margin-bottom: 60px;
  }

  #main section.contents.lineup .model-block.bg03 {
    margin-bottom: 0;
  }

  #main section.contents.lineup .model-block h3 {
    line-height: 1.4;
    padding: 20px 10px;
  }

  #main section.contents.lineup .model-block .set_box .box_top p.img img {
    max-width: 80%;
    margin: 0 auto;
  }

  #main section.contents.lineup .model-block h3 {
    font-size: 5vw;
  }

  #main section.contents.lineup .model-block h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    transform: translateX(-50%);
  }

  #main section.contents.lineup .model-block.bg01 h3::after {
    border-top: 15px solid #E75288;
  }

  #main section.contents.lineup .model-block.bg02 h3::after {
    border-top: 15px solid #17C8A4;
  }

  #main section.contents.lineup .model-block.bg03 h3::after {
    border-top: 15px solid #44C3FF;
  }

  #main section.contents.lineup .model-block.bg04 h3::after {
    border-top: 15px solid #8352E7;
  }

  #main section.contents.lineup .model-block.bg01::after,
  #main section.contents.lineup .model-block.bg02::after,
  #main section.contents.lineup .model-block.bg03::after,
  #main section.contents.lineup .model-block.bg04::after {
    background: none;
  }

  #main section.contents.lineup .model-block .set_box .box_top .detail_box .ttl {
    font-size: 5vw;
    text-align: center;
  }

  #main section.contents.lineup .model-block .set_box .box_top .detail_box .spec {
    font-size: 3.5vw;
  }

  #main section.contents.lineup .model-block ul {
    display: block;
    padding-bottom: 1%;
  }

  #main section.contents.lineup .model-block ul li {
    width: auto;
    margin-bottom: 30px;
  }

  #main section.contents.lineup .model-block .set_box .box_bottom {
    padding: 0;
  }

  #main section.contents.lineup .model-block .box_bottom ul {
    display: block;
  }

  #main section.contents.lineup .model-block .box_bottom ul li {
    width: auto;
  }

  #main section.contents.lineup .model-block .box_bottom ul li p {
    width: 90%;
    margin: auto;
  }

  #main section.contents.dospara h2.ttl {
    margin-bottom: 10px;
  }

  #main section.contents.dospara h2.ttl img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }

  #main section.contents.dospara p.setting {
    margin-bottom: 0;
  }

  #main section.contents.dospara p.setting img {
    border: 3px solid #0B5BB7;
    max-width: 98%;
    margin-top: 0;
  }

  #main section.contents.about {
    background-position: 70% top;
    background-size: auto 57%;
  }

  #main section.contents.about .section_inner h2.ttl {
    text-align: center;
    font-size: 5vw;
    margin-bottom: 20px;
  }

  #main section.contents.about .section_inner .about-model {
    position: static;
  }

  #main section.contents.about .section_inner p.detail {
    font-size: 4vw;
    line-height: 1.8;
  }

  #main section.contents.about .section_inner .about-btn {
    margin: auto;
  }

  #main section.contents.about .section_inner p.detail {
    width: auto;
  }

  #main section.contents.about a.all-btn {
    width: auto;
    margin: 20px;
    font-size: 5vw;
  }

  .campaign_wrap {
    width: auto;
  }

  .campaign_wrap h2 {
    font-size: 5vw;
  }

  .campaign_wrap ul li {
    width: 48%;
  }
}

/*SFCC*/
#container a,
#container a span {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #container {
    margin: 0 auto;
    width: auto;
  }

  #root,
  .breadCrumb {
    display: none;
  }

  #container img {
    max-width: 100%;
  }
}

.p-create-pc__purpose.p-create-pc__campaign {
  background-color: #fff;
}

.menu-sticky {
  display: none;
}

@media screen and (max-width:767px) {
  :root {
    --height-menu-sticky: 11.73vw;
  }

  .menu-sticky--padding {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: calc(var(--height-menu-sticky) + 2vw + 2vw);
    margin-top: calc((var(--height-menu-sticky) + 2vw + 2vw) * -1);
  }

  .menu-sticky {
    height: var(--height-menu-sticky);
    margin: 2vw;
    position: sticky;
    top: 2vw;
    left: 0;
    z-index: 101;
    display: flex;
    gap: 2vw;
  }

  .menu-sticky li {
    flex: 1;
  }

  .menu-sticky li a.page-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-shadow: 1vw 1vw 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
  }

  .menu-sticky li a.page-link.page-link__desktop {
    background: #E75288;
  }

  .menu-sticky li a.page-link.page-link__note {
    background: #8352E7;
  }
}

/*slick*/
.contents--notice {
  position: relative;
  z-index: 1
}

.contents__inner.notice {
  min-height: 67px;
  margin: 60px 0;
  padding-inline: 0
}

.contents--notice .notice__slider {
  position: absolute;
  width: 100%;
  z-index: 10
}

.contents--notice .notice__slider .slick-slide {
  max-width: 636px
}

.contents--notice .notice__slider img {
  width: 100%;
  height: auto
}

.contents--notice .notice__slider .slick-slide {
  margin: 0 50px
}