body{
   font-family: "Noto Sans", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-variation-settings:
    "wdth" 100;
}
header .sns-pulldown-wrap li.sns-pulldown{
   padding: 2px 2px 0 30px;
}
header .sns-pulldown-wrap li.sns-pulldown:before,
header .sns-pulldown-wrap li.sns-pulldown.active:before{
   left: 16px;
}

.downloadWrapper,
.downloadWrapper h1{
   font-family: "Noto Sans", sans-serif;
}

.keyvisual_wrapper nav.snsnavi.vi {
   max-width: 160px;
   text-align: center;
   position: absolute;
   z-index: 100;
   top: 75px;
   right: 0px;
   justify-content: space-around;
   background: url("../../img/top/header/followus_bg.png") top right no-repeat;
   background-size: 100% auto;
   height: auto;
   padding-top: 40%;
}
.roadmapWrapper .fase02-02-text {
   width: 50%;
}
.roadmapWrapper .fase02-03-text{
   width: 44%;
}
.gameWrapper .gamedetail dl.gameplay-box dt {
   max-width: 100%;
}
.gameWrapper .gamedetail dl.ai-box dt {
   max-width: 100%;
   margin: 0 auto 8%;
}
.gameWrapper .inner.disital_jewelry {
    padding-top: 244%;
}

.roadmapWrapper h2.fase01 {
   font-size: clamp(30px, 3vw, 45px);
}
.roadmapWrapper .fase01-01-text {
   width: 60%;
}
.roadmapWrapper h2.fase02 {
   font-size: clamp(34px, 5vw, 80px);
}
.roadmapWrapper h2.fase03 {
   font-size: clamp(30px, 3vw, 47px);
}

.gameWrapper .inner.concept article .concept-wrap .text-area p,
.gameWrapper .inner.intro .text-area1-wrap .text-area1 p,
.gameWrapper .inner.intro .text-area2-wrap .text-area2 p,
.gameWrapper .inner.disital_jewelry .text-area1-wrap .text-area1 p{
   font-size: 15px;
}

.gameWrapper .gamedetail dl.gameplay-box dd,
.gameWrapper .gamedetail dl.ai-box dd{
   font-size: 15px;
}


.gameWrapper .inner.gameplay .itembox_wrapper .itembox dl dd{
   font-family: "Noto Sans", sans-serif;
   font-size: 15px;
}


@media screen and (min-width: 940px) {
   .gameWrapper .gamedetail dl.gameplay-box dt img.img-pc {
      display: block;
      max-width: 506px;
      margin-left: 7px;
   }
   .gameWrapper .gamedetail dl.ai-box dt {
      text-align: right;
      max-width: 100%;
      margin: 64% 0 3% 0;
   }
   .gameWrapper .gamedetail dl.ai-box dt img {
      text-align: right;
      max-width: 635px;
      margin-right: -7px;
   }
   
   .roadmapWrapper h2.fase01 {
      position: absolute;
      top: 22%;
      left: 2.2%;
      font-size: clamp(20px, 3vw, 45px);
      color: rgb(255, 201, 14);
   }
   .roadmapWrapper h2.fase02 {
      position: absolute;
      top: 12%;
      left: 26.2%;
      font-size: clamp(20px, 5vw, 80px);
   }
   .roadmapWrapper h2.fase03 {
      position: absolute;
      top: 13%;
      left: 81%;
      font-size: clamp(20px, 3vw, 47px);
      color: #2071ea;
   }

   .gameWrapper .inner.concept article .concept-wrap .text-area p,
   .gameWrapper .inner.intro .text-area1-wrap .text-area1 p,
   .gameWrapper .inner.intro .text-area2-wrap .text-area2 p,
   .gameWrapper .inner.disital_jewelry .text-area1-wrap .text-area1 p{
      font-size: 15px;
   }

   .gameWrapper .gamedetail dl.gameplay-box dd,
   .gameWrapper .gamedetail dl.ai-box dd{
      font-size: 15px;
   }
}

@media screen and (min-width: 1200px) {
    .gameWrapper .inner.disital_jewelry {
        padding-top: 35%;
        padding-bottom: 4%;
        position: relative;
    }
    .roadmapWrapper .fase01-01-text {
         position: absolute;
         top: 38%;
         width: 15%;
   }
   .roadmapWrapper .fase02-02-text {
      width: 20%;
   }
   .roadmapWrapper .fase02-03-text{
      width: 20%;
   }

   .gameWrapper .inner.concept article .concept-wrap .text-area p,
   .gameWrapper .inner.intro .text-area1-wrap .text-area1 p,
   .gameWrapper .inner.intro .text-area2-wrap .text-area2 p,
   .gameWrapper .inner.disital_jewelry .text-area1-wrap .text-area1 p{
      font-size: 1.1vw;
   }

   .gameWrapper .gamedetail dl.gameplay-box dd,
   .gameWrapper .gamedetail dl.ai-box dd{
      font-size: 1.1vw;
   }

   .gameWrapper .inner.gameplay .itembox_wrapper .itembox dl dd{
      font-size: 17px;
      line-height: 1.8;
   }
}

@media screen and (min-width: 1380px) {
   .gameWrapper .inner.concept article .concept-wrap h2 {
        margin: 0 0 20px -10px;
    }
    

   .keyvisual_wrapper .kevisual_read .read_dltext br {
      display: none;
   }
   .keyvisual_wrapper nav.snsnavi.vi {
      max-width: 280px;
      background: url("../../img/top/header/followus_bg.png") top right no-repeat;
      background-size: 100% auto;
      padding-top: 16%;
   }
   .roadmapWrapper h2.fase02 {
      position: absolute;
      top: 10%;
      left: 26.2%;
      font-size: clamp(20px, 5vw, 80px);
   }
   .gameWrapper .inner.gameplay h2,.gameWrapper .inner.gameplay h2 img{
       max-width: 265px;
   }
 header .gnavi ul li a {
    letter-spacing: 0px;
    font-size: 15.5px;
  }

}