@media screen and (min-aspect-ratio:1/1){
    /*横幅広い時は縦基準*/
    .scrollarea{
        height: 100svh;
    }
}


@media screen and (max-width:768px){

    *, *:after, *:before {
        pointer-event:none;
    }

    html.menu_scroll_stop{
        overflow:hidden! important;

    }

    .pc_only{
        display:none !important;
    }

    .sp_only{
        display:block;
    }


    .contents-wrap {
        font-size: 1.6rem;
    }
    .wrapper {
        overflow:hidden;
    }

    .header-logo {
        /* width: 79px;
        left: 16px;*/
    }

    .kv {
       padding-top:0;
    }

    .contents-wrap .kv__nextarrow {
        font-size:6vw;
        right: 0.5em;
    }

    .header-navi{
       
    }

    .header-navi.fixed {
        top:0;
    }

    .header-navi a{
        font-size: 3vw;
        display:inline-block;
    }

    .header-navi__back{
        width: 90%;
        max-width: 330px;
        visibility :hidden;
        display: none;    
    }

    .header-navi ul {
       
        flex-wrap: wrap;
        padding: 0 1.25em;
        
    }

    .header-navi-sp{
        display:block;
        width: 100%;
        background-color: rgba(125, 205, 255, 0);
        transition:background-color 0.3s ease-out;
        /*padding-top: 5vw;*/
    }

    .header-navi-sp__btn{
        position: relative;
        width: 9vw;
        margin-left: auto;
        margin-right: 3vw;
        margin-top:3vw;
        margin-bottom: 3vw;
    }

   

     .header-navi-sp__btn img{
        width:100%;
        left:0;
        top:0;
     }

    .header-navi-sp__btn-close{
        position:relative;
        display:block;
    }

    .header-navi-sp__btn-open{
        position:absolute;
        transition:opacity 0.3s ease-out;
    }

     .header-navi-sp__menu{
        background: #fff;
        overflow: hidden;
        transition: height 0.3s ease-out;
        height: 0;
        overflow: scroll;
    }

    .header-navi-sp.show .header-navi-sp__menu{
        height: calc(100lvh - 10vw);
    }

    .header-navi-sp.show{
        background-color: rgba(125, 205, 255, 0.5);
    }

    .header-navi-sp.show .header-navi-sp__btn-open{
        opacity:0;
    }


    .menu-sp__title{
        padding:0 5%;
        padding-bottom:7vw;
        border-bottom:solid 1px #ccc;
    }

    .menu-sp__menu{
        padding:0 5%;
        
    padding-bottom: 10vw;
       height: calc(120vw);
       box-sizing: content-box;
    }

    .header-navi.fixed .menu-sp__menu{
         padding-bottom: 0;
         height: auto;
         box-sizing: border-box;
         overflow: scroll;
    }

    .header-navi-sp__menu-inner{
        padding:7vw 0;
        height: 220vw;
        
    }

    .menu-sp__menu-block{
        display:flex;
        padding-left:3vw;
        border-bottom:solid 1px #ccc;
        justify-content: space-between;
        /*align-items: center;*/
    }

    .menu-sp__menu-block3{
        padding-top: 2.8vw;
        padding-bottom: 2.8vw;
    }


    .menu-sp__menu-block2,
    .menu-sp__menu-block5{
        padding-top: 2.7vw;
        padding-bottom: 2vw;
    }

    .menu-sp__menu-block6{
        padding-top: 6vw;
        padding-bottom: 3vw;
        border-bottom: none;
        padding-left: 0 !important;
        display:none;
    }

    .menu-sp__menu-block1 .menu-sp__subtitle{
        margin-top: 0.25vw;
    }

    .menu-sp__menu-block2 .menu-sp__subtitle{
        margin-top: -1vw;
        margin-bottom: 6vw;
    }

    .menu-sp__menu-block2 .menu-sp__subtitle{
        margin-top: -4vw;
    }
    .menu-sp__menu-block3 .menu-sp__subtitle{
        margin-top: -4.25vw;
    }

    .menu-sp__menu-block2 .menu-sp__submenu,
    .menu-sp__menu-block5 .menu-sp__submenu{
       margin-top: -1vw;
       margin-bottom:-0.5vw;
    }

    .menu-sp__menu-block2 .menu-sp__submenu-text,
    .menu-sp__menu-block5 .menu-sp__submenu-text{
        line-height:2.35;
    }

    .menu-sp__menu-block5 .menu-sp__subtitle{
        margin-top: -4vw;
    }

    .menu-sp__menu-block2 .menu-sp__bar{
        padding-top: 3vw;
    }

    .contents-wrap .menu-sp__bar{
        font-size: 3.85vw;
    }

    .menu-sp__menu-block3 .menu-sp__bar{
        padding-top: 2.5vw;
        
    }

    .menu-sp__menu-block3 .menu-sp__submenu-text:nth-child(1){
        margin-bottom: 2vw;
       margin-top: -0.2vw;
    }

    .menu-sp__menu-block5 .menu-sp__bar{
        padding-top: 3vw;
    }

    .contents-wrap .menu-sp__subtitle{
        font-size: 5vw;
        font-weight: bold;
        line-height: 3;
        width:30vw;

    }

    .menu-sp__bar{
        width:6vw;
    }

    .contents-wrap .menu-sp__submenu{
        width:55vw;
        font-size: 3.85vw;
    }

    .contents-wrap .menu-sp__submenu-text{
        font-size: 3.85vw;
        padding-left: 1.25em;
    }

    .header-navi__mobilityshow_logo{
            width: 82%;
    }

    .header-navi__mobilityshow_logo::after{
        top: -1.25vw !important;
    }



    .header-navi li {
        margin-bottom: 0em;

    }

    .header-navi li:last-child {
        width: 100%;
        margin-bottom: -0em;
        display: none;
    }

    .header-navi li:last-child a{
        width: 50%;
        margin:0 auto;
        display:block;
    }

    .header-navi li:last-child img{
        display:inline;
    }

    .toparea{
        padding-bottom:60vw;
    }

    .toparea__mobility-logo{
        width:100%;
    }

    .toparea__top {
        width: 80%;
        padding-top: 22vw;
    }

    .toparea__top.headerfixed{
        padding-top:11.5em;
    }

    .toparea__copyblock {
        width: 100%;
        margin-bottom: 2.25em;
    }

    .toparea__top h1{
        width: 100%;
    }

    .toparea__top h1 span {
    font-size: 0.65em;
    }

    .toparea__copyblock p {
        bottom: 2.8em;
        font-size: 0.7em;
        right: -1.75em;
    }

    .contents-wrap .toparea__top-text {
        width: 100%;
        font-size: 3.4vw;;
        white-space:wrap;
        filter: drop-shadow(0 0 0.1em rgba(0,0,175,0.6)) drop-shadow(0 0 0.1em rgba(0,0,175,0.6));
    }

    .toparea:after {
            background-image: linear-gradient(to bottom,rgba(0,100,255,0.0) 0% ,rgba(0,100,255,0.0) 10% ,rgba(0,100,255,0.4) calc(30%),rgba(0,100,255,0.4) calc(80% - 10em),rgba(0,100,255,0));
    }

    .toparea__top-text:after {
        background-image: linear-gradient(to bottom, rgba(0, 100, 235, 0) 0%, 
        rgba(0, 100, 235, 0) 15%, 
        
        rgba(0, 100, 235, 0.7) 80%, rgba(0, 100, 235, 1) 94%, rgba(0, 100, 235, 1));
    }

    .toparea__main {
        width: 90%;
        padding-top: 3em;
    }

    .toparea__main-top {
        margin-bottom: 3em;
    }

    .contents-wrap .toparea__title {
        font-size: 1.25em;
        width: 85%;
        margin-bottom: 0.6em;
        margin: 0 auto 1em;
    }

    .contents-wrap .toparea__text {
         /*font-size: 0.8rem;*/
         font-size: 3.75vw;
         letter-spacing: 0.05em;
    }

    .contents-wrap .chain-message {
        white-space: nowrap;
        font-size: 5vw;
        transform: translate(-50%, -69%);
        width:auto;
        
    }

    .scrollarea{
        height: 200vw;
    }

    .detailarea {
        width: 96%;
        height: auto;
        padding-bottom: 0.8em;
        padding-top: 0.75em;
        top:50svh;
        max-height: 95svh;
    }

    .contents-wrap .detailarea_img {
        width: 94%;
    }

    .contents-wrap .detailarea_discription {
        font-size: 4vw;
        padding: 0 3%;
    }

    .contents-wrap .detailarea_discription_current {
        max-height: 40vh;
    }
    
    .contents-wrap .detailarea_discription_clast,
    .contents-wrap .detailarea_discription_current{
        flex-direction: column;
        max-height: 40vh;
    }

    .detailarea_text-wrap {
        width:100%;
    }

    .detail-info__era {
        width: 30%;
        padding-bottom: 0.5em;
    }

    .contents-wrap .detailarea_title{
        font-size: 4vw;
        margin-bottom: 0;
    }

    .contents-wrap .detailarea_text {
        font-size: 3.5vw;
    }

    .contents-wrap .detailarea_text-inner {
        font-size: 3.5vw;
    }

    .detailarea__close {
        width: 1.35em;
        top: 0.35em;
        right: 0.35em;
        padding: 0.3em;
    }

    .contents-wrap .detailarea__pointers {
        width: 77%;
    }

    .detailarea__pointers-wrap {
        width: 72%
    }

    .detailarea__pointers li {
             width: 2.5vw;
             height:2.5vw;
             border-radius:1.25vw;
             border-width :1px;
    }



    .box__text {
        width: 100%;
        line-height: 1.5;
        font-size: 0.75em;
    }

    .contents-wrap .box__text {
        position: absolute;
        font-size: 3.8vw;
        letter-spacing: 0.025em;
        top: 2.5em;
    }

    

    .box__title {
        margin-bottom: 14vw;
        font-size: 18vw;
        transform: translate(-50%, 0%);
        top:0.45em;
    }

    .box__pictures figcaption{
        font-size: 3.75vw;
    }

    .box1, .box2, .box3 {
        height:auto;
    }

    .box1__imageback,
    .box2__imageback,
    .box3__imageback {
      position:relative;
      top:0;
      left:0;
      transform:none;
    }

    .box__pictures figure img {
        margin-bottom: 0.15em;
    }

    .box1__title {
        width: calc(3.8em * 1.22);
        top: 0.7em;
    }
    .box2__title{
        width:3.8em;
        top: 0.76em;
    }

    .box3__title{
        width: calc(4.4em * 1.26);
        top: 1em;
    }

    .box__pictures {
        flex-direction: column;
        width: 90%;
        top: 60vw;
        transform: translateX(-50%);
    }

    .box1__pictures{
        top: 56vw;
    }

    .box2__pictures {
        top: 57vw;
    }

    .box__pictures figure {
        width: 100%;
        margin-bottom: 3vw;
    }

    .box2 .box__pictures figure{
        margin-bottom: 0.6em;
    }

    .box3 .box__text {
        top: calc(2.5em - 0.25em);
    }

   
    

    .show_detail{
        position:absolute;
        bottom:10.5vw;
        width:67.7%;
        left:50%;
        transform:translateX(-50%);
    }

    .contents-wrap .detailarea__close {
        width: 2em;
        right: 0.7em;
        top: 0.7em;
    }
   

    .box4 {
        padding: 2em 5%;
    }

    .box__title span.en {
        font-size: 7vw;
    }

    .box__title span.jp {
        font-size: 4vw;
        margin-bottom: 0.1em;
    }

    .timetable__title {
            line-height: 2;
    }

    .timetable__btn {
        top: 0.45em;
        right:0.45em;
    }

    .box4{
        background-size:185vw;
    }

    .box4__title.box__title{
        top:3vw;
    }

    .box5__title.box__title{
        left: 50%;
        top:3vw;
    }

    .box4__block3-title,.box4__block4-title {
        font-size: 1.05em;
    }

    .contents-wrap .box4__block1-text{
        font-size: 3.7vw;
        line-height: 1.6;
    }

    .contents-wrap .timetable__title{
        font-size: 4.8vw;
        line-height: 3.5;
    }

    .contents-wrap .timetable__btn{
        font-size: 1.65vw;
        top: 2.5em;
        right: 2.5em;
    }

    .timetable__btn {
        width: 8vw;
    }

    .box4__block {
        width: 100%;
        margin-bottom: 1.75em;
    }

    .box4__block-title {
        font-size: 5vw;
        padding: 0.25em 0;
    }

    .box4__block-title span {
        font-size: 0.7em;
        display: block;
        margin-top: -0.7em;
    }

    .box4__block-button a {
        font-size:4.8vw;
        height: 3.5em;
        line-height: 3.52;
    }

    .box4__block2-image img{
        /*margin-bottom:7vw;*/
    }

    .box4__block:nth-of-type(2) .box4__block-title{
        padding-top: 0.3em;
    }

    .box4__block:nth-of-type(2) .box4__block1-text{
        padding-bottom: 0.8em;
    }

    .box4__discription{
        font-size: 4.75vw;
        position: relative;
        left: 0;
        bottom:0;
        padding: 4vw;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .box4__discription dt{
        margin-bottom: 0.2em;
        line-height:1.5;
    }

    .box4__discription dt:nth-child(2){
         margin-bottom: 0.5em;
    }

    .box4__block5 .box4__discription dt{
        padding-top: 1em;
    }

    .box4__discription dd{
        line-height:1.35;
        padding-right: 0;
        font-size: 0.75em;
    }

    .box4__block5 .box4__discription dd.block5{
        padding-left: 3em;
        text-indent: -3em;
    }

     .box4__discription dd .note{
        font-size:0.8em;
     }
    .box4__block2-button.box4__block-button{
        font-size: 4.4vw;
        line-height: 3.5;
    }

    .box4__block3-image.box4__block-image{
        padding-bottom:0;
        margin-bottom:0;
    }
     
    .box5 {
        padding-top: 2em;
        padding-bottom: 2.5em;
    }

    .box5__title.box__title{
        margin-bottom: 12vw;
    }

    

   

    .slider_clip{
        /*width: 350%;*/
        margin-left: calc(-136% + 12vw);
    }

    .slider .slider_arrow {
        width: 0.75em;
    }

    .slider_arrow.left {
        left: 0.5em;
    }

    .slider_arrow.right {
        right: 0.5em;
    }

    .galleryarea_currentpicture img, .galleryarea_lastpicture img {
        width: 100%;
        margin: 0 auto;
        height:auto;
    }

    .box6{
        padding: 1.25em 0;
    }
        
    .contents-wrap .box6__btn{
         width:90%;
    }


    .contents-wrap .box6__bottom{

    }

    .box6__top{
        padding: 0.85em 0.5em;
    }

    .box6__bottom a {
        font-size: 4.75vw;
        letter-spacing: 0;
    }
   
    .contents-wrap .box7__title box__title{
        
    }

    .contents-wrap .box7__top {
        width: 90%;
        padding: 0.35em;
        line-height: 1.2;
    }

   
    .contents-wrap .box7__bottom {
        font-size: 6.4vw;
    }

    .contents-wrap .box7__bottom-day{
        font-size: 1.1em;
    }

    .contents-wrap .box7__bottom-place{
        font-size: 3.5vw;
        letter-spacing: 0;
    }

    .box7__bottom-place a {
        padding-top: 0.25em;
        padding-bottom: 0.2em;
        font-size: 0.65em;
    }

    .box7__bottom-place a:after {
        left: 0.35em;
        margin-right: 0.2em;
    }

    .box8__schedule-box {
            
        max-width: 90vw;
    }


    .box8 {
        padding-left:0;
        padding-right:0;
        background-size:185vw;
        padding-top:9vw;
        padding-bottom: 15vw;
    }

    .box8__under {
        flex-direction: column;
    }

    .box8__schedule1>img,
    .box8__schedule2>img,
    .box8__schedule3>img{
        display:none !important;
    }

    .box8__schedule1,
    .box8__schedule2 {
        margin-bottom: 1.2em;
    }

    .box8__schedule2,
    .box8__schedule3,
    .box8__schedule4 {
        width: 100%;
    }

    .box8__schedule-flex-right img {
        margin-bottom: -1.75%;
    }

    .box8__schedule-flex-left {
       
        display: none;
    }

    .box8__schedule-flex-right {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
    }

    .box8__schedule3 a {
        left: 6.8%;
        bottom: 26.5%;
        width: 86%;
    }

    .box8__schedule-box>div{
        
    }

    .contents-wrap .box8__title {
        transform: translate(-50%, -50%);
    }

    .box8__schedule-flex {
        top: 0%;
        position: relative;
        left: 0;
        width: 100%;
        transform:none;
    }

    .contents-wrap .box8__schedule-flex-left {
        width: 100%;
    }

    .box8__schedule1>img.pc_only,
    .box8__schedule2>img.pc_only{
        display:none;
    }

    .box9__title {
        width:90%;
    }

    .box9__booth,
    .box9__booth2 {
        width:90%;
    }

    .footer__top {
        width: 62%;
    }

    .footer-navi {
        width: 100%;
    }

    .footer-navi li {
        width: 49.5%;
        margin-bottom: 0.5em;
    }

    .footer-navi ul {
        flex-wrap: wrap;
    }

    .footer-navi__text {
        font-size: 0.75rem;
    }

    .footer__x {
        width: 97%;
    }

    .footer__x a {
        padding: 0.75em 2.6em;
        padding-left: 3em;
    }

    .footer__x-text{
        font-size:1.05em;
        margin-right: 2.2em;
    }

    .footer__x-logo {
        width: 2.2rem;
    }

    .subpage_close{
        top: 1em;
    }

    div.subpage__contents-block {
        padding: 0;
        flex-direction: column !important;
    }

    div.subpage__text-box {
        width: 100%;
    }

    .subpage div,
    .subpage span,
    .message-sub div,
    .message-sub span{
        font-size: 2.7vw;
    }

    .subpage__box>div {
        background-image:none;
        max-height: inherit;
        height: auto;
    }

    div.subpage__text-box {
        left: 0;
        top: 0;
        transform: none;
        position: relative;
        padding:0 5%;
    }

    h2.subpage__text-title {
        margin-bottom: 1.8em;
    }

    div.subpage__text-discription {
        margin-bottom: 0.5em;
        font-size: 0.855em;
    }

    .subpage__box0 .subpage__title{
        width:85vw;
        top:17vw;
        max-width: inherit;
        z-index:1;
    }

    .subpage__box1 .subpage__title {
        width:69.8vw;
        top: 17vw;
        max-width:inherit;
        z-index:1;
    }

    .subpage__box2 .subpage__title {
        width: 80vw;
        top: 8vw;
        max-width:inherit;
        z-index:1;
    }

    .subpage__box2:after{
        content:none;
    }

    .subpage__text-title .jp {
        font-size: 1.25em;
    }

    div.subpage__box0-top{
        height:17.5vw;
        background-position: 45% center;
    }

    .subpage__box div.subpage__text-box {
        left: 0;
        transform:none;
        padding:8vw 5%;
        font-size: 4.2vw;
    }

   

    .subpage__box0-middle .subpage__text-box,
    .subpage__box0-bottom .subpage__text-box {
        background-image:url(/jms/img/subpage_box0_back.webp);
        background-position:top;
    }

    .subpage__box1-middle1 .subpage__text-box,
    .subpage__box1-middle2 .subpage__text-box,
    .subpage__box1-middle3 .subpage__text-box{
        background-image:url(/jms/img/subpage_box1_back.webp);
        background-position:top;
    }

    .subpage__box2-middle .subpage__text-box{
        background-image:url(/jms/img/subpage_box2_back.webp);
        background-position:top;
    }

    .subpage__box2-top h2 {
        width: 85%;
    }

    .subpage__box2-top-title{
        padding-top:2.75em;
    }

    .subpage__box2-middle{
    }

    .subpage__box2-middle .subpage__image-box{
         
    }

    .subpage__box2 .subpage__text-box{
        width:100%;
    }

    .contents-wrap .technical-report__btn{
        font-weight: 600;
        font-size: 4vw;
    }

    .contents-wrap .technical-report__text-inner{
        font-size:3.5vw;
        height: 100%;
    }

   

    .technical-report__close{
        right: 1em;
        top: 1em;
        width: 3.6em;
        border-radius: 1.8em;
        border-width: 1px;
    }

    .technical-report__clip {
        padding: 0;
        margin: 0;
        height:100%;
        background: #000;
    }

    .technical-report__base{

    }

    .technical-report__base img{

    }

    .technical-report__text-inner {
        padding-left: 0em;
        padding-right: 0em;
    }

    .contents-wrap .technical-report{
        width: 90%;
    }

    .technical-report.show .technical-report__text {
            height: 80dvh;
    }

    .technical-report__text-wrap .technical-report__base {
        width:100%;
    }

    .contents-wrap .message-sub__btn {
        font-size: 3.5vw;
    }

    .technical-report .technical-report__text-title{
        font-size: 5vw;
        border-bottom: 1px solid #000;
        padding-bottom: 4vw;
        margin-bottom: 5vw;
    }

    .technical-report__text-wrap>div {
            font-size: 3.65vw;
            width: 89%;
    }

    .technical-report .technical-report__text-text{
        top: 10.5%;
        width: 100%;
        left: auto;
    }

    .technical-report .technical-report__text-pic2-text1{
        left: 6%;
        top: 23%;
        width: 89%;
    }

    .technical-report .technical-report__text-pic2-text2{
        left: 7.5%;
        top: 41.15%;
    }


    .technical-report .technical-report__text-pic3-text1{
        left: 6%;
        top: 50.4%;
        width: 84%;
    }

    .technical-report .technical-report__text-pic3-text2{
        left: 6%;
        top: 73.8%;
        width: 90%;
    }

    

    .technical-report .technical-report__text-pic4-text{   
        left: 6%;
        top: 91%;
        width: 90%;
    }

    .technical-report .technical-report__text-pic4-text span{
        font-size: 3.65vw;
        white-space: nowrap;
    }

    /***********************/
    /*heritage-episode
    /***********************/



     .contents-wrap .heritage-episode__btn{
        font-weight: 600;
        font-size: 4vw;
    }

    .contents-wrap .heritage-episode__text-inner{
        font-size:3.5vw;
        height: 100%;
    }

   

    .heritage-episode__close{
        right: 1em;
        top: 1em;
        width: 3.6em;
        border-radius: 1.8em;
        border-width: 1px;
    }

    .heritage-episode__clip {
        padding: 0;
        margin: 0;
        height:100%;
        background: #000;
    }

    .heritage-episode__base{

    }

    .heritage-episode__base img{

    }

    .heritage-episode__text-inner {
        padding-left: 0em;
        padding-right: 0em;
    }

    .contents-wrap .heritage-episode{
        width: 90%;
    }

    .heritage-episode.show .heritage-episode__text {
            height: 80dvh;
    }

    .heritage-episode__text-wrap .heritage-episode__base {
        width:100%;
    }


    .heritage-episode .heritage-episode__text-title{
        font-size: 5vw;
        border-bottom: 1px solid #000;
        padding-bottom: 4vw;
        margin-bottom: 5vw;
    }

    .heritage-episode__text-wrap>div {
            font-size: 3.65vw;
            width: 89%;
    }

    .heritage-episode .heritage-episode__text-text{
        top: 17%;
        width: 90%;
        left: 5%;
    }

    .heritage-episode-report .heritage-episode-report__text-pic2-text1{
        left: 6%;
        top: 23%;
        width: 89%;
    }


    .subpage__box0 .subpage__text-discription{
            margin-bottom: 1.5em;
    }

    .subpage__box0 div.subpage__text-box {
            padding-bottom: 12vw;
    }



    .box1 .show_detail,
    .box2 .show_detail,
    .box3 .show_detail{
        pointer-events:auto;
    }

    .show_detail img{
        width:100%;
    }

    .galleryarea_rotation{
        display:none;
        bottom: 0.5em;
        top: auto;
        left: auto;
        right: 0.5em;
        width: 1.5em;
    }

    .galleryarea_rotation.show{
        display:block;
    }

    .galleryarea_wrap.rotate .galleryarea_photo-area{
        transform: translate(-50%, -50%) rotate(90deg);
        top: 50%;
        left: 50%;
        /* margin: auto 0; */
        position: absolute;
        width:100dvh;
        width: 92dvh;
        height: 87vw;
    }

    .galleryarea_wrap.rotate .galleryarea_currentpicture img.horizon,
    .galleryarea_wrap.rotate .galleryarea_lastpicture img.horizon{
        width: auto;
        height: 100%;
    }

    .galleryarea_wrap.rotate .galleryarea{
        height:100%;
        max-width: 90dvh;
    }

    .galleryarea_wrap.rotate .galleryarea_currentpicture,
    .galleryarea_wrap.rotate .galleryarea_lastpicture{
        height: 90%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .galleryarea_wrap.rotate .galleryarea_currentpicture{
        position:relative;
    }

    
    #contents .sec-account .sns-ul {
        max-width: 75.641025641vw;
    }

    #contents .sec-account .sns-ul li a dl {
        width: 20.5128205128vw;
    }

    #contents .sec-account .sns-ul li a dl dt {
        width: 15.3846153846vw;
        margin-bottom: 4.1025641026vw;
    }

    #contents .sec-account .sns-ul li a dl dd {
        font-size: 3.3333333333vw;
    }

    .mousepointer {
        width: 19%;
        transform: translate(-50%, 75%);
    }

    .contents-wrap .mousepointer__text{
        font-size: 3.5vw;
    }
        
    
}

@media screen and (max-width:340px){
    .header-navi a {
        color: #000;
        font-size: 0.58rem;
        font-weight: 600;
    }
}