@charset "utf-8";
/* CSS Document */

@media print, screen and (min-width : 768px){

  h2{font-size: 45px; line-height: 1; margin-bottom: 0.6em;}
  h2 span{font-size: 18px; padding: 1em 0 0; margin: 0;}

  /* header
  ========================================================================== */
  header{position: relative; position:fixed;}
  header .header_wrap{padding: 0 20px 0;}
  header h1{margin: 0;width: auto;}
  header .logo{margin-right: auto; width: 80px!important;}
  .main_view{padding-top: 40px!important;}

  /* footer
  ========================================================================== */
  footer{margin: 0; padding-bottom: 60px;}
  .foot_logo{width: 180px; padding: 1em 0 1em 0;}
  footer .inner .left p{font-size:3vw; line-height:2.1;}
  footer .inner .left p span{font-size: .5em;}
  footer .inner .right p{font-size:2vw; line-height: 1.5;}

  .movie-wrap{padding:3em 0 0;}
  .movie-wrap iframe{height:400px;}

  /* スライドメニュー
  ========================================================================== */
  #slide_menu{right: -50vw; width: 50vw;}
  #ham_btn .inner{padding: 7px 0 0; width: 30px; height: 17px; display: block; position: relative; transition: all ease-out 0.8s; box-sizing: border-box;}
  #slide_menu .menu_list li{margin: 0 0 2px;}
  #slide_menu .menu_list li a{font-size: 20px; padding: 10px 0;}
  #slide_menu .menu_list li a span{margin: 0 0 1vw 2vw; font-size: 10px;}
  #slide_menu .box_wrap{margin: 0 0 0;}
  #slide_menu .box_wrap .btn_list{margin: 0 0 25px;}
  #slide_menu .box_wrap .btn_list li{margin: 0 0 15px;}
  #slide_menu .box_wrap .btn_list li a{padding: 15px; font-size: 18px;}
  #slide_menu .box_wrap .btn_list li:nth-child(3){margin: 30px 0 0;}
  #slide_menu .box_wrap .btn_list li:nth-child(3) a{background: url(../images/common/id.png) no-repeat 15px center #fff; background-size: auto;}
  #slide_menu .box_wrap.after_login .user_name{position: absolute;left: 4vw; top: 15px; font-size: 16px;}


  /* sp_tel_menu
  ========================================================================== */
  #sp_tel_menu{padding: 20px 20px;}
  #sp_tel_menu .top{padding: 15px 0 25px;}
  #sp_tel_menu .top h2{padding: 0 0 0 10px;font-size: 36px;}
  #sp_tel_menu .top h2 span{margin-left: 10px;font-size: 13px;}
  #sp_tel_menu .top p{font-size: 2.5vw;}
  #sp_tel_menu ul{margin: 0 0 0;font-size: 0;}
  #sp_tel_menu ul li{margin: 0 1% 30px;width: 48%;}
  #sp_tel_menu ul li a{padding: 15px 10px; display: block; font-size: 1em;}
  #sp_tel_menu ul li a span{right: 10px; font-size: .8em;}
    
  /* studio list
  ========================================================================== */
  /* .st_box p{font-size: 3.5vw;}
  .st_box p span{ font-size: 2vw;} */


  /* EVENT
  ========================================================================== */
  .event_st dl.in-list dd img{margin:0 auto;}
  .event_st dl.in-list dd p{font-size: 2vw;}
  .event_st dl.in-list dd p.in-ttl{font-size: 2.5vw;}	

  /* underpage-main
  ========================================================================== */
  #page.main_view.under-main > .keyin {position: absolute; top: 60%; left: 50%; transform: translate(-50%,-60%);}
  #page.under-main > .keyin h1 span{font-size: 3.5vw; padding-top:1em;}
    
  /* TOP NEWS
  ========================================================================== */
  dl.news_list dd{ padding: 0 2vw;}
  .news-img{margin-bottom: 1em;}
  .news-txt{ font-size: 2.25vw; font-weight:bold;line-height: 1.5; padding: 0em 0;}
  .news_link p{font-size: 2.5vw;}

  dl.news_stop dd .news-img {margin-bottom:.75em;width:100%;}
  dl.news_list dd .news-tag,dl.news_stop dd .news-tag,.news_all_list .news-img .news-tag{font-size: 2vw;}
  dl.news_stop dd .news-txt{ font-size: 2.5vw;margin-bottom:2em;}
    
  /* NEWS
  ========================================================================== */
  #page.main_view.news-st > .keyin {position: absolute; top: 60%; left: 50%; transform: translate(-50%,-60%);}
  #page.news-st > .keyin h1 span{font-size: 3.5vw; padding-top:1em;}

  .right_news_box{padding:0 1em;}
  /* .news_all_list .inner{padding:9em 1em 2em;} */
  .news_all_list li{margin-bottom:3em;}

  .news_all_list h2{text-align:left; font-size:2vw; padding-top:.5em; line-height:1.5;}
  .news-date{font-size: 1.4vw;}

  .news-cat-ttl{font-size:6.5vw; margin-bottom:1em; font-family: 'Lato', sans-serif; font-weight: 900; text-align:center;}
  .news-cat-ttl span{font-size:3.5vw; padding-top:1em;}

  .left_news_box{width:100%;padding:0 1.5em;}
  .left_news_box ul{margin-bottom:2em;}
  .left_news_box li{position:relative; padding:1.5em .6em; width:48%; margin-bottom:1em;}
  .left_news_box h3{font-size:4vw; padding-bottom:1em; margin-top:.5em; text-align:center;}
  .left_news_box li a{display:block; font-size:2.2vw;}

  div.newspostslider ul li img{height: 300px;}
    
  .news-post-wrap{padding:6em 0em 0em;}
  .news-post-wrap .right_news_box{padding-top:0em;}
  .news-post-box{font-size:2vw; line-height:1.6; margin-bottom:3em;padding:0 1.5em 1.5em;}
  /* .news-post-box iframe{width:100%;height:400px;} */
  .news-post-box .news-tag{position:absolute; right:-.05em; top:-.17em;}
  .news-post-box .news-date{margin-bottom:.5em;}
  .news-post-box h1{font-size:3vw;}
  .news-post-box .news-post-date{color:#999;font-size:1.5vw;margin-bottom:2em}
  .news-post-box h2{font-size:2.5vw; margin:1em 0;}
  .news-post-box img{max-width:100%; height:auto;}

  @media screen and (min-width: 960px){
    .news-post-box iframe {
      width: 600px!important;
      height: 350px;
    }
  }/*  */


  /* pager
  ========================================================================== */	
  .pager a{color:#AAAAAA;font-size:2vw;}
  .pager .num .current_page{font-size:2vw;}
  .pager span i{font-size:3.5vw;}

  /* pankuzu
  ========================================================================== */
  .breadcrumbs li{position:relative;display:inline-block;margin-right:1em;font-size: 12px;}
    
  .recruit-in .breadcrumbs{line-height:1.1;}
  .recruit-in .breadcrumbs ol{padding:2em .75em .75em .75em;}
  .recruit-in .breadcrumbs li{font-size: 12px;}
    

  /* PAGE : STUDIO 
  ========================================================================== */
  #page .keyin h1{ font-size: 50px;}
  #page > .keyin h1 span{ font-size: 30px; line-height: 2;}
  #page .keyin p{ font-size: 35px;} 
  /* #page .keyin p.shop-time{ font-size: 20px;color:#fff!important;margin:1.5em 0 2.5em;}	 */
  
  .studio_list.room h2{line-height:.9;}
  .studio_list.room h2 span:nth-child(1){ font-size: 34px; padding-bottom:.1em;}
  .piano-room-desc {font-size: 18px; padding-top:.3em;}
  .studio_list.room h3{font-size: 22px; padding:.4em 0;}

  .link_logo_wrap{padding:2.5em 0 0 0em;margin-bottom:2.5em;}
  .studio_list.room h3{font-size: 24px;padding:0 0 1em;}
  .studio_list.room h3 span{font-size: 16px;padding:.5em 2em}
  .link_logo_box li.link_logo{padding:0 3.5em 0 0;}	

  .link_logo_box{padding:1.5em 1em 1.75em;margin-bottom:2.5em;}
  .link_logo_box li.studio_link_box{font-size:24px;}
  .studio_link_box a{font-size:24px;}

  .link_logo_box2{padding:1.5em 0 1.75em;margin-bottom:2.5em;}
  .link_logo_box2 li.studio_link_box{padding:1em 0;font-size:24px;}
  /* .link_logo_box2 li.studio_link_box img{
    width:40px;
    padding:0 5px 0px;
  } */
    
  /* .studio_list.room .st_box .st_rec_ico span{top:10px;left:8px;padding:.3em .5em;font-size:2.5vw;border-radius:20px;} */

  .key-icon > div .icon-in{ padding: .7em 0 .5em; font-size: 16px !important;} 
  .key-icon img{ width: 30%; margin:0 auto 0; display: block;}
  .key-icon > div .icon-in span{ font-size: 16px;}
  .key-icon > div .icon-in:nth-child(3) span{ font-size: 16px;}

  .shop-social .nb li p.txt{ font-size:18px; line-height:1.5;}


  /*////// STANDARD EQUIPMENT //////*/
  .shop-eq-wrap {padding:3em 0 0;}
  .shop-eq-wrap ul {padding:1em 2em 0;}
  .shop-eq-wrap li {width:100%;}
  .shop-eq-wrap li h3{margin-bottom:.5em;}
  .shop-eq-wrap li h3 span{font-size: 3vw;}
  .shop-eq-wrap dd p{ padding: 1em; line-height:1.3;}
    

  /*////// SHOP OPTIONS //////*/
  .shop-options {padding:2em 2em 0;}
  .shop-options table th,.shop-options table td {padding: .75em;}
  .shop-options tbody th {font-size: 3vw;}
  .shop-options tbody td{font-size: 3vw;}
  .shop-options tbody td span{font-size: 2.5vw;}
    
    
  /* STUDIO ROOM
  ========================================================================== */
  .room-left h1{text-align:center;font-size: 7.5vw;margin:0 0 1em; line-height:1.7;}
  .room-left h1 span{font-size: 3.5vw;}
  .room-left h1 span:first-child{line-height:1.1;}

  .room-left > .shop_image{ width: 100%; margin: 30px 0 30px;overflow:hidden;position:relative;}
  .room-left > .shop-txt{ padding: 0 2em 1em;}
  .room-left > .shop-txt p{font-size: 3vw;}
  .room-left > .shop_image > .slide-room img{ width:100%; margin: 0;}
    
  .room-left .link_logo_wrap{padding:0 0;margin-bottom:1.5em;}	

    
  /* studiomap
  ========================================================================== */
  .studiomap-wrap{padding:4em 1em 4em;}

  .studiomap-wrap h1,.studiomap-wrap h2{
  font-size: 45px;
  line-height: 1;}

  .studiomap-wrap h1 span,.studiomap-wrap h2 span{
  font-size: 18px;
  padding: 1em 0;
  margin: 0;}

  .studioalllist-wrap{padding:3em 1em 4em;}
  .studioalllist-wrap table{width:100%; box-sizing:border-box; }
  .studioalllist-wrap table th,.studioalllist-wrap table td {padding: 1em; font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display:table-cell;}
  .studioalllist-wrap table th{padding: 1em; border-bottom: 1px solid #aaa; font-size: 14px; width:15%;}
  .studioalllist-wrap table td.tel a{padding: .5em; font-size: 16px; letter-spacing:2px; width:25%;} 
  .studioalllist-wrap table td.add {padding: 1em; } 

  /* user guide
  ========================================================================== */
  .userduide-wrap{padding:3em 2em 0;}
  .userduide-wrap h2{font-size:4vw; text-align:center;}
  .userduide-wrap h2 span{font-size:3vw;}

  .userduide-wrap .inner{padding:0 1em;}
  .userduide-wrap ul{border-top:1px solid #ccc; padding:3em 0;}
  .userduide-wrap li h3{font-size:3.75vw;}
  .userduide-wrap li p{font-size:2.75vw; line-height:1.6; margin-bottom:2em;}
  .userduide-wrap li img{width:90%; display:block; margin:0 auto;}

  .userguide_other{padding:3em 3em;}
  .userguide_other li{margin-bottom:1em; font-size:2.75vw;}
  .userguide_other li .userguide-kiyaku{margin:2em auto 2em; width:100%;}
  .userguide-kiyaku > input:nth-child(1) + label {font-size:2.75vw;}
  .userguide-kiyaku > input:nth-child(1) + label i{
      /* color:#f72872 !important;  */
      padding:.4em; 
  }
  .userguide-kiyaku .modalTitle {padding-bottom: .5em; margin: .5em 0;font-size:3.75vw;}
  .userguide-kiyaku .modalMain {font-size:2.75vw; line-height:1.6;;}
  .userguide-kiyaku .modalMain ul{border-top:none; padding:0em 0;}
  .userguide-kiyaku .modalMain ul span{ font-size:3vw;}
  .userguide-kiyaku .modalMain ul span.under-l{ font-size:3vw;}

  .gear-modal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {right: 10px; top:15%!important;}
    
  .recruit-in .userguide-kiyaku > input:nth-child(1) + label {top:80px;width:100px;height:100px;border-radius:100px;padding-top:30px;font-size:15px;line-height:1.3;}
  .recruit-in .userguide-kiyaku .modalMain{padding:1em;}
  .recruit-in .userguide-kiyaku .modalMain table {font-size: 2.25vw; line-height:1.4;}
  .recruit-in .userguide-kiyaku .modalMain table th,.recruit-in .userguide-kiyaku .modalMain table td {padding: 20px;display:table-cell;}
    .recruit-in .userguide-kiyaku .modalMain table th{width:25%;}
    
  /* faq
  ========================================================================== */
  .qa-box{padding:3em 2em;}
  .qa-lede-copy{font-size: 3vw; padding-bottom:1em; line-height:1.1;}
  .qa-lede-copy span{font-size: 3vw; display:inline;}
  .qa-text-box{padding:2em 0; font-size: 3vw; line-height:1.6;}
  .qa-text-box h3{font-weight:bold;}
  .qa-text-box h3.q{font-size: 3vw; padding-bottom:1rem;}
  .qa-text-box i{font-size: 4vw;}


  /* storage
  ========================================================================== */
  .storage-lede{padding:4em 2em;}
  .storage-box{padding:0 2em; margin-bottom:3em; width:100%;}
  .storage-box .ico-img img,.locker-box .ico-img img{width:15%; margin:0 auto 3em; display:block; padding:0;}
  .storage-box h3,.locker-box h3{font-size: 4.5vw;margin-bottom:1.5em;}
  .storage-box li{padding:1.5em; margin-bottom:2em;}
  .storage-box li p,.locker-box li p{font-size: 4.5vw;}
  .storage-box li p span,.locker-box li p span{font-size: 3vw; padding-top:.75em;}
  .storage-box .storage-img{width:80px; height:80px; margin:0 auto .75em; overflow:hidden;}
  .storage-box .storage-img img{height:100%; width:auto; border-radius:80px; }

  .locker-box{padding:4em 2em; margin-bottom:2em;}
  .locker-box li{padding:1.5em; margin-bottom:2em;}

  .locker-box li .st-name p{margin-top:.1em;}
  .locker-box li .st-name p span{padding-top:.5em;}
  .locker-box li .locker-price{padding:1em 0 .2em; border-radius:4px;}
  .locker-box li .locker-price p{font-size: 5vw;}
  .locker-box li .locker-price p span{font-size: 2.5vw;}

  .storage-box p.caution,.locker-box p.caution{font-size: 2.5vw;}
  .locker-box p.caution span{font-size: 3vw; display:block; padding-top:.3em; font-weight:bold;}
  .locker-txt{font-size: 3vw; line-height:1.4; text-align:center; margin-top:2em;}


  /* MAIL MAGAZINE
  ========================================================================== */
  .mailmagazine-lead{padding:7em 0 .5em; margin-bottom:2em;}
  .mailmagazine-lead .mm-ico{margin:0 auto 1.25em;}
  .mailmagazine-lead .mm-ico i{font-size:7vw;}
  .mailmagazine-lead h1{font-size: 6.5vw; margin-bottom:1em;}
  .mailmagazine-lead h1 span{font-size: 3.5vw; padding-top:1.25em;}
  .mailmagazine-lead p{font-size:4vw; line-height:1.4;}
    
  .mailmagazine-lead2{padding:7em 0 .5em; margin-bottom:2em;}
  .mailmagazine-lead2 .mm-ico{margin:0 auto 1.25em;}
  .mailmagazine-lead2 .mm-ico i{font-size:7vw;}
  .mailmagazine-lead2 h2{font-size: 6.5vw; margin-bottom:1em;}
  .mailmagazine-lead2 h2 span{font-size: 3.5vw; padding-top:1.25em;}
  .mailmagazine-lead2 p{font-size:4vw; line-height:1.4;}
    
  .mailmagazine-tokuten{background:#f6f6f6; padding:2em 2em 1em;}
  .mailmagazine-tokuten li{padding:1.25em 1em; margin-bottom:2em;}
  .mailmagazine-tokuten li:before{border-style: solid; border-width: 60px 60px 0 0;}
  .mailmagazine-tokuten .mm-num{top:2px; left:7px; font-size: 4vw;}
  .mailmagazine-tokuten li i{font-size:11vw; margin-bottom:.2em;}
  .mailmagazine-tokuten li p{font-size:3.5vw; line-height:1.3;}

  .mailmagazine-touroku{padding:3em 0 2em;}
  .mailmagazine-touroku img{margin-bottom:3.5em;}
  .mailmagazine-touroku h2{font-size: 5vw;}
  .mailmagazine-touroku p{font-size: 3vw; margin-bottom:1.5em; line-height:1.6;}
  .mm-form-bt a{font-size: 4vw; margin:0 auto 2em;}
  .mm-form-bt2 a{font-size: 4vw; margin:0 auto 1em;}
  .mm-oubo-txt{padding:0 1.5em; text-align:left !important; font-size: 4vw;}
  .mm-oubo-txt span{border-bottom: 1px solid #FC247C; padding-bottom: 2px;}

  /* NIGHT PACK
  ========================================================================== */
  .nightpack-lead{padding:2em 2em 3em;}
  .nightpack-lead p{font-size: 2.75vw;}
  .nightpack-box ul{padding:0 2em;}
  .nightpack-box li{padding:4em 0 0; margin-bottom:2em}
  .nightpack-box li:last-child{padding:4em 0 1em;}
  .nightpack-box li h2{font-size: 4.5vw; margin-bottom:1em;}
  .nightpack-box li h3{font-size: 3.5vw; margin-bottom:1em; text-align:center;}
  .nightpack-box li h3 span{display:block; font-size: 2.5vw; padding-top:.75em;}
  .nightpack-box li img{width:100% !important;}
  .nightpack-box li:last-child img{width:80% !important;}
  .nightpack-box li p{font-size: 2.5vw; padding-top:.3em;}
  .nightpack-caution{padding:0 2em;}
  .nightpack-caution p{font-size: 3vw; padding:1em;}
  .about-yoshisoba{padding:3em 2em;}
  .about-yoshisoba img{display:block; width:30%; margin:0 auto 2em;}
  .about-yoshisoba p{font-size: 3vw; margin-bottom:1.5em;}
  .about-yoshisoba .yoshi-link{text-align:center; width:100%;  margin-bottom:1.5em;}
  .about-yoshisoba .yoshi-link a{font-size: 3vw; padding:.75em 1em;}

  /* PERMIT
  ========================================================================== */
  .permit-lead{padding:6.5em 2em 1em; margin-bottom:3em;}
  .permit-lead .permit-ico{margin:0 auto 2em; width:90px;}
  .permit-lead h1{font-size:4vw; margin-bottom:1em;}
  .permit-lead p{font-size:3vw;}
  .permit-wrap{padding:3em 2em 3em;}
  .permit-box {padding:2.5em 2em;}
  .permit-box h2{font-size:3.5vw;}
  .permit-box p{font-size:3vw; margin-bottom:1em;}
  .permit-box ul{padding:2em 0 0 2em;}
  .permit-box li{list-style-type: decimal; font-size:3vw; margin-bottom:1em;}
  .permit-box li h3{font-size:3vw; font-weight:bold; margin-bottom:.5em;}

  .permit-pdf{padding:3em 0;}
  .permit-pdf p{margin-bottom:1.5em; font-size:3vw;}
  .permit-pdf .access-pdf{border: 3px solid #FC247C;}
  .permit-pdf .access-pdf p {padding:1em 0; font-size: 3.5vw;}
  .permit-pdf .access-pdf p::after {font-size: 4.5vw;}


  /* DJ
  ========================================================================== */
  .dj-wrap h2{margin-bottom:.5em;}
  .dj-night-p a{right:0; top:1.6em;}

  /* ABOUT STUDIO
  ========================================================================== */
  .aboutstudio-bt-wrap {padding:2em 0;}


  /* REC
  ========================================================================== */

  .rec-wrap .conf a{font-size: 2.75vw;}

  .rec-option-wrap{background:#E5E0DC; padding:3em 1.5em 1em;}
  .rec-option-wrap li{width:100%;}
  .rec-option-wrap li:first-child img{width:100% !important; margin:0 auto 1em;}
  .rec-option-wrap li:last-child{padding:1.5em;}
  .rec-option-wrap li h3{font-size: 4.5vw; text-align:center; margin-bottom:1em;}
  .rec-option-wrap li p{font-size: 3vw; line-height:1.5;}


  /* REC2
  ========================================================================== */
  .rec2-wrap{padding:3.5em 2em 0em;}
  .rec2-wrap h1{ font-size: 3vw;}
  .rec2-wrap h1 i{font-size: 4vw; padding-top:.5em;}

  .rec-band-wrap{padding: 3vw 2em 3vw;}
  .rec-vocal-wrap{padding: 10vw 2em 3vw;}
  .rec-ico-img{width:40%; margin:0 auto 2em;}
  .rec-band-wrap h2{font-size: 8vw; line-height:1.0; margin-bottom:.2em; }
  .rec-band-wrap h2 span{ font-size: 3vw; padding-top:.5em;}
  .rec-band-wrap h2 span.rec-ttl-store{ font-size: 3.5vw; padding-top:.5em;}
  .rec-band-wrap p{font-size: 3vw;}
  .rec-band-wrap p span{font-size: 3vw;}

  .rec-chart-wrap{padding:2.5em 0;}
  .rec-chart-wrap h3{font-size: 3vw; margin-bottom:1em;}
  .rec-chart-box{border:4px solid #000; padding:2.5em 2em 2em; margin-bottom:1em;}
  .rec-chart-wrap i{margin:0 auto .75em; display:block; font-size: 5.5vw; text-align:center;}
  .rec-chart-box:before{border-width: 50px 50px 0 0;}
  .rec-chart-box .chart-number{top:5px; left:5px; font-size: 3.5vw;}
  .rec-chart-box .chart-ttl{font-size: 4vw; margin-bottom:1em;}
  .rec-chart-box .rec-chart-img{width:100%; margin-bottom:2em;}
  .rec-chart-box .rec-chart-img2{width:80%; margin:0 auto 2em;}
  .rec-chart-box .rec-chart-img3{width:80%; margin:0 auto 2em;}
  .rec-chart-box .chart-price{font-size: 3vw;}
  .rec-chart-box .chart-price span{font-weight:normal; display:block;}
  .rec-vocal-wrap .chart-price span{display:inline;}
  .rec-arts-box{padding:3em 4em 4em; text-align:center;}
  .rec-arts-box p{font-size:2.75vw;}
  .rec-arts-box p span{font-size: 3.5vw; border:2px solid #16d1c4; border-radius:28px; margin-top:1em;}
  .rec-arts-box p i{padding:0 .25em 0 .5em; }

  /* engineer
  ========================================================================== */
  .engineer-wrap p.e-s-lead{font-size: 2.75vw; padding:0 2em;}
  .engineer-st li p{font-size: 2.5vw;}
  .engineer-st li p span{font-size: 3.25vw;}

  .engineer-price{padding:0 1em;}
  .e-s-price-ttl {font-size: 4vw; padding:.5em .75em; width:60%;}
  .engineer-price ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:2em;}
  .engineer-price li{padding:1em 0;}
  .engineer-price li p{font-size: 3vw; font-weight:bold;}
  .engineer-price li p span{font-size: 3vw;}
  .engineer-price li p.e-s-price{font-size: 5vw; line-height:1.4;}
  .engineer-price li p.e-s-price span{font-size: 3vw;}
  .e-s-price-caution{font-size: 2.75vw; line-height:1.5; margin-bottom:2em;} 
  .engineer-arts{font-size: 2.5vw;}
  .engineer-arts .arts-ttl{font-size: 3vw; margin-bottom:1em;}
  .engineer-arts .arts-tel{font-size: 4vw;}
  .engineer-arts .sub-ttl{font-size: 2vw; margin:1em 0;}
  .engineer-arts img{margin:0 auto 2em;}
  .engineer-arts .arts-web,.engineer-arts .arts-mail{font-size: 3vw;}　

  /* selfrec
  ========================================================================== */
  .selfrec-wrap{padding: 6vw 2em;}
  .selfrec-wrap h2{font-size: 4vw; line-height:1.5; padding:0 1em; }
  .selfrec-lead{font-size: 2.5vw; line-height:1.6; margin-bottom:2em; padding:0;}

  .selfrec-st-box{margin-bottom:2em;}
  .selfrec-st-box .selfrec-ttl img{width:100%;}
  .selfrec-st-box .selfrec-ttl h3{font-size: 5vw; line-height:1.3;}
  .selfrec-st-box .selfrec-ttl h3 span{font-size: 3vw; margin:0 .2em;}
  .selfrec-st-box .selfrec-map img{width:60%; margin:0em auto; padding:1em 0 3em;}
  .selfrec-st-box .selfrec-subttl{font-size: 3vw; line-height:1.4; padding:0 1.25em; margin-bottom:.5em;}
  .selfrec-st-box .selfrec-desc{font-size: 2.5vw; line-height:1.6; padding:0 1.25em; margin-bottom:1em;}
  .selfrec-st-box .selfrec-tel{font-size: 4vw; margin:0 0 1em; padding-left:.25em;}
  .selfrec-st-box .selfrec-link{margin-bottom:1em;}
  .selfrec-st-box .selfrec-link a{font-size: 3vw; padding:.75em 1em;}

  /*.selfrec-st-box-list {width:100%;padding:0 1.5em;}
  .selfrec-st-box-list ul{margin-bottom:2em;}
  .selfrec-st-box-list li{position:relative; padding:1.5em .6em; width:15%; margin-bottom:1em; background: currentColor;}
  .selfrec-st-box-list h3{font-size:4vw; padding-bottom:1em; margin-top:.5em; text-align:center;}
  .selfrec-st-box-list li a{display:block; font-size:2.2vw;}*/

  .selfrec-st-box-list {width:100%;padding:0 1.5em;}
  .selfrec-st-box-list ul{margin-bottom:2em;}
  .selfrec-st-box-list li{position:relative; padding:1.5em .6em; width:48%; margin-bottom:1em;}
  .selfrec-st-box-list h3{font-size:4vw; padding-bottom:1em; margin-top:.5em; text-align:center;}
  .selfrec-st-box-list li a{display:block; font-size:2.2vw;}

  .selfrec-st-box-list {width:100%; padding-top:.5em; text-align:left;}
  .selfrec-st-box-list ul{margin-bottom:2em;}
  .selfrec-st-box-list h3{font-size:20px; padding-bottom:1.5em; margin-top:0em; text-align:left;}
  .selfrec-st-box-list li{position:relative; padding:1em; width:22%; border-bottom:1px solid #ddd;}
  .selfrec-st-box-list li a{font-size:15px;}
  .selfrec-st-box-list li:hover{background-color:#ddd;}

  .selfrec-st-box-list{width:100%; float:none; padding:.5em 4em 0; text-align:left;}
  .selfrec-st-box-list li{padding:1em; width:22%;}
    


  /* livestream
  ========================================================================== */
  .livestream-wrap{padding: 6vw 0;}
  .livestream-wrap h2 span{font-size: 3vw; padding-top:.5em;}
  .livestream-wrap p.livestream-ttl{font-size: 3.5vw; line-height:1.4; margin:1em 0 1.5em;}

  .livestream-logo ul{padding:0 2em;}
  .livestream-logo li{ padding:0 1em;}
  .livestream-logo li img{width:80%; margin:0 auto 2em;}

  .livestream-lead li img{margin-bottom:2em;}
  .livestream-lead li:last-child{padding:0 2em;}
  .livestream-lead p.livestream-m-ttl{font-size: 3.5vw; line-height:1.5;}
  .livestream-lead p.livestream-desc{font-size: 3vw; line-height:1.6;}

  .livestream-flow ul{padding:0 2em;}
  .livestream-flow li{padding:1.5em; margin-bottom:4em;}
  .livestream-flow li:after{bottom:-1.5em; left: 50%; transform: translate(-50%,0%);}
  .livestream-flow li:last-child:after{content: none; }
  .livestream-flow li p.flow-img{width:10%; left: 1em; padding:.25em;}
  .livestream-flow li p{font-size: 3vw;}

  .livestream-price{padding:0 2em;}
  .livestream-price h3{font-size: 5.5vw; margin-bottom:1em;}

  .livestream-price .price-box{border:2px solid #16d1c4;}
  .livestream-price .price-ttl{padding:2.5em 0 1em;}
  .livestream-price .price-ttl ul{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:.6em;}
  .livestream-price .price-ttl li:first-child{margin-bottom:.5em;}
  .livestream-price .price-ttl li:first-child span{border-radius:18px; font-size: 2.5vw; margin:0 .25em;}
  .livestream-price .price-ttl li:last-child{font-size: 5.5vw; margin-bottom:.2em;}
  .livestream-price .price-ttl li:last-child span{font-size: 3vw;}
  .livestream-price .price-ttl p{font-size: 2.5vw; }

  .livestream-price .price-timebox p{font-size: 3vw; line-height:1.6; padding:1.5em;}
  .livestream-price .price-timebox ul{padding:.5em 1.5em 1.5em;}
  .livestream-price .price-timebox li{width:47%;}
  .livestream-price .price-timebox li p{font-size: 3vw; line-height:1.6;}
  .livestream-price .price-timebox li table{width:100%;}
  .livestream-price .price-timebox li th{font-size: 3vw; padding:.75em;}
  .livestream-price .price-timebox li td{font-size: 3vw; padding:.75em;}

  .demo-wrap-lead{padding:0em 2em;}
  .demo-wrap-lead p{font-size: 3vw; line-height:1.6; margin-bottom:.5em;}
  .demo-wrap-lead img{margin:1em auto 1em; width:50%;}
  .demo-wrap-lead a{font-size: 3vw; line-height:1.5;}
  .demo-wrap-lead ul{margin-bottom:2em;}
  .demo-wrap li iframe{width:70%; height:300px; margin:0 auto 1em;}

  .chromakey-wrap{padding:3em 2em .5em;}
  .chromakey-about{padding:1em 0;  margin-bottom:1.5em;}
  .chromakey-about h3{font-size: 3.5vw; font-weight:bold; margin-bottom:.75em;}
  .chromakey-about p{font-size: 3vw; line-height:1.6; margin-bottom:2em;}
  .chromakey-about li{margin-bottom:3em;}
  .chromakey-about li:last-child{margin-bottom:0em;}
  .chromakey-about li:first-child:after{bottom:-4vw; font-size: 4vw; }
  .chromakey-about li p{position:absolute; bottom:-5vw; left:50%; font-size: 6vw;}

  .chromakey-st h3{font-size: 3vw; margin-bottom:1em;}
  .chromakey-st-box {background:#fff; margin-bottom:3em; padding-bottom:2.5em;}
  .chromakey-st-box .c-st-ttl{position:relative; margin-bottom:1em;}
  .chromakey-st-box .c-st-ttl p{font-size: 6vw; padding:.75em 0;}
  .chromakey-st-box .c-st-ttl p span{display:inline; font-size: 3vw;}
  .chromakey-st-box .c-st-price{font-size: 4vw;}
  .chromakey-st-box .c-st-price span{display:block; font-size: 2.75vw; font-weight:normal;line-height:1.4; color:#16d1c4; margin-bottom:.75em;}
  .chromakey-st-box .c-st-caution{font-size: 3vw; margin-bottom:1em;}
  .chromakey-st-box .c-st-desc{font-size: 3vw; margin-bottom:1em; padding:0 1em .5em; line-height:1.6;}
  .chromakey-st-box .c-st-table{padding:0 1.5em 3em;}
  .chromakey-st-box table{width:100%; font-size: 3vw; line-height:1.3; border-top:1px solid #ccc; border-left:1px solid #ccc;}
  .chromakey-st-box table span{display:block; font-size: 2.5vw;}
  .chromakey-st-box table tbody td.price{font-size: 3vw;}
  .chromakey-st-box .c-st-link{margin-bottom:1.5em;}
  .chromakey-st-box .c-st-link a{font-size:2.5vw;}

  /* RECRUIT
  ========================================================================== */
  .recruit-staff-wrap{padding:3em 2em;}
  .recruit-bt-wrap{margin-bottom:3em;}
  .recruit-bt-box p {font-size:2.8vw !Important; color:#fff; line-height:1.4;}
  .recruit-bt-box p span:last-child{font-size: 2vw; color:#fff; }
  .recruit-bt-box p span:first-child{font-size: 2.3vw; color:#fff; padding-bottom:0;}

  .recruit-staff-wrap ul{margin-bottom:-3em;}
  .recruit-staff-wrap li{margin-bottom:3em;}
  .recruit-staff-wrap p{font-size: 2.5vw;}
  .recruit-staff-wrap li p.recruit-st-name{font-size: 2.3vw; color:#fff; padding:1px 10px 1px 5px; }
  /* .recruit-ico{bottom:-20px; left:-10px;} */
  .recruit-staff-wrap li .recruit-staff-detail {display:none;}

  .recruit-link-wrap .inner{padding:3em 2em 1em;}
  .recruit-link-box{position:relative; margin-bottom:2em;}
  .recruit-link-box img{width:100%;}

  .recruit-ow-wrap{padding:3em 2.5em .5em;}
  .recruit-ow-wrap li{margin-bottom:2em;}
  .recruit-ow-wrap li:after{border-width: 0 0 25px 25px; right:7px; bottom:7px;}
  .recruit-ow-wrap h3{padding:1.5em 1em 1em 1em; font-size: 3.5vw;}
  .recruit-ow-wrap p{padding:0 1.5em 1.5em 1.5em; font-size: 2.5vw; line-height:1.5;}

  /* .recruit-blog-wrap{padding:3em 2em;} */
  .recruit-blog-wrap li a{padding:1.5em; margin-bottom:2em;}
  .recruit-blog-wrap li a .bloglistthumb{width:15%;}
  .recruit-blog-wrap li a .bloglisttext{width:80%; padding-top:.5em;}
  .recruit-blog-wrap li a .bloglisttext h3{font-size: 3vw; line-height:1.3; margin-bottom:.2em;}
  .recruit-blog-wrap li a .bloglisttext p.recruit-entrydate{font-size: 2vw; color:#666;}
  .top-bt-bloglist a{font-size: 2.5vw; padding:.7em; display:block;}

  .recruit-map-wrap{padding:3em 2em 4em;}
    
    
  /* RECRUIT BOSYU
  ========================================================================== */
    
  .userguide_other li .recruit-b{margin:1em auto 1em; width:200px;}

  .recruit-bosyu {margin:0 auto 3em; padding:.8em ; width:300px; border:2px solid #f72872;}
    
  .recruit-bosyu > input:nth-child(1) + label {font-size:16px;}
  .recruit-bosyu .modalTitle {font-size:24px; margin-bottom:1em;}
  .recruit-bosyu .modalMain {font-size:16px;}
  .recruit-bosyu .modalMain li{width:100%;}
  .recruit-bosyu .modalMain ul span{font-size:18px;}
  .recruit-bosyu .modalMain ul span.under-l{font-size:18px;}
    
  .recruit-in .recruit-bosyu > input:nth-child(1) + label {top:100px;width:110px;height:110px;border-radius:110px;padding-top:35px;font-size:16px;line-height:1.3;}
  .recruit-in .recruit-bosyu .modalMain{padding:1em;}
  .recruit-in .recruit-bosyu .modalMain table {font-size: 16px; line-height:1.4;}
  .recruit-in .recruit-bosyu .modalMain table th,.recruit-in .recruit-bosyu .modalMain table td {padding: 20px;display:table-cell;}
  .recruit-in .recruit-bosyu .modalMain table th{width:25%;}
    
  .recruit-bosyu {background-color: rgba(86,196,176,0.6)!important;color: #fff!important;border:solid 4px #fff;}
    
    
  /* RECRUIT STAFF INTERVIEW
  ========================================================================== */
  .staff-main .staff-name-box{padding:1em 2em 1em; }
  .staff-main .staff-name-box p.tenpo-name{font-size: 3vw; line-height:1.7;}
  .staff-main .staff-name-box p.tenpo-name span{color:#fff; font-size: 3vw; display: block;}
  .staff-main .staff-name-box p.staff-prof{font-size: 2vw; line-height:1.8;}
  .staff-main .staff-name-box h2{font-size: 3.5vw; font-weight:bold; color:#fff; text-align:right !important; margin-bottom:.5em;}
  .staff-main .left-name p,.staff-main .left-name h1,.staff-main .left-name h2{text-align:left !important;}

  .recruit-interview-box{padding:3em 2em;}
  .recruit-interview-box li{margin-bottom:2.5em;}
  .recruit-interview-box h3{font-size:3.5vw; margin-bottom:.5em;line-height:1.4;}
  .recruit-interview-box p{font-size:2.75vw; line-height:1.6;}

  .recruit-staff-photobox ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .recruit-staff-photobox li{width:48%;}
    
  .daytime-wrap{padding:3em 0;}
  .staff-day-img img{width:55%;}
  .staff-day-txt p{font-size:3.75vw; margin-bottom:.2em;}
  .staff-day-txt p span{font-size: 5.5vw;}
  .staff-day-txt p.staff-day-txt-s{font-size:2.5vw !important;}

  .recruit-intern-wrap{padding:0em 2em 1em;}
  .recruit-intern-wrap img{width:100% !important;}
  .intern-baner{margin-bottom:2.5em;}
  .recruit-intern-wrap li{margin-bottom:2.5em;}
  .recruit-intern-wrap li:last-child{margin-top:3em;}
  .recruit-intern-wrap li img{width:100% !important;}
  .recruit-intern-wrap li h3{padding:.75em 1em .5em 1em; font-size: 4vw;line-height:1.6;}
  .recruit-intern-wrap li h3 span{padding:.5em 1em; font-size:2.5vw; border-radius:25px;}
  .recruit-intern-wrap li p{padding:0 1em 1.25em 1em; font-size: 2.75vw; line-height:1.5;}
    
  .recruit-post-wrap{padding:3em 1em 0em;}
  .recruit-post-wrap .right_news_box{padding-top:0em;}
  .recruit-post-box{font-size:3vw; line-height:1.6; margin-bottom:3em;}
  .recruit-post-box .news-tag{position:absolute; right:-.05em; top:-.17em;}
  .recruit-post-box .news-date{margin-bottom:.5em;}
  .recruit-post-box h1{font-size:5vw;}
  .recruit-post-box h2{font-size:4.5vw; margin:1em 0;}
  .recruit-post-box img{max-width:100%; height:auto;}


  /* GEAR
  ========================================================================== */
  .gear_all_list .inner{padding:1em 2em 2em;}
  .gear_all_list h2{font-size:5.5vw;line-height:1.4;margin-bottom:.5em;}
  .gear_all_list h2 span{font-size:2.5vw;}

  .right_gear_box li{padding:2em 1.5em 1.5em;margin-bottom:2em;}
  .right_gear_box li .gear-kind{font-size: 2.5vw;margin-bottom:.75em;}
  .right_gear_box li h3{font-size:4vw;line-height:1.4;margin-bottom:.6em;}
  .right_gear_box li .categories{font-size: 2vw;}
    
  .left_gear_box ul{padding:1.5em 1.5em .5em;border-left:6px solid #efefef;border-right:6px solid #efefef;}
  .left_gear_box li h3{font-size:2.75vw;padding:.5em 0;}
  .left_gear_box li a{font-size:2.5vw; padding:1em 0;}

  .gear-tab-item {border-left:6px solid #efefef;border-right:6px solid #efefef;padding:.75em 0 .5em;font-size:3vw;}
    
  /* company
  ========================================================================== */	
  .nomain-form-wrap {
    padding-top: 11em;
  }
  .company-section {
    padding: 1.5em 7% !important;
  }
  .nomain-form-wrap h1{font-size: 45px; line-height: 1;}
  .nomain-form-wrap h1 span{font-size: 18px; padding: 1em 0; margin: 0;}
  .company-info dd{padding:0 2em;}
  .company-info h2{font-size:24px;}	

  /* 404 NOT FOUND
  ========================================================================== */
  body.notfound h1{font-size:5.5vw;line-height:.8;margin-bottom:.5em;}
  body.notfound h1 span{font-size:5.5vw;display:block;line-height:.8;}
  body.notfound .notfound-wrap{font-size:3vw;line-height:1.7;padding:2.5em 2em 1em;}
  body.notfound .back-btn {margin-top:2.5em; padding: 0 4em;}
  body.notfound .back-btn a {margin: 1em auto 1em;font-size: 4vw;}
  body.notfound .studio_list{margin-bottom:2em;}

}/* min-width : 768px */




@media print, screen and (min-width:769px){

  .sp_view,.sp{ display: none;}
  .pc_view,.pc{ display: inherit;}

  .nomain_wrap{
    margin-top: 120px;
  }

  /* header
  ========================================================================== */
  header{ position: fixed; }
  header .header_wrap{
    margin: auto; 
    box-sizing: border-box; 
    position: relative; 
    display: flex; 
    align-items: center;
    min-width: 1200px;
  }
  header h1{width: 15%; line-height: 0; vertical-align: middle; box-sizing: border-box;}
  header h1 a{width: 120px;}
  header .logo{width: 10%; margin-right:5%; line-height: 0; vertical-align: middle; box-sizing: border-box; z-index: 2;}
  header .logo a{width: 120px;}
  header .right_box{
    display: flex;
    align-items: center;
    height: fit-content !important;
  }
  header .right_box li{display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box;}
  header .right_box li:nth-child(2){ padding: 0 1em 0 2em;}
  header .right_box li a{display: block;}
  header .right_box li.user_name{display: inline-block; font-size: 14px; font-weight: bold;}
  header .right_box li.user_name span:nth-child(1){display: inline-block; font-size: 11.5px; font-weight: normal;}
  header .right_box li.user_name span:nth-child(2){font-size: 11px; font-weight: normal;}
  header .right_box li span{display: block;}
  header .right_box li#login_btn_pc a,header .right_box li#login_btn_pc p,header .right_box li#booking_btn_pc p,header .right_box li#contact_btn_pc a,header .right_box li#recruit_btn_pc a{padding: 0 0 0 50px; text-align: left; font-size: 18px; font-family: 'Questrial', sans-serif; transition: 0.3s; background: url(../images/common/login.svg) no-repeat left center;background-size:35px 35px;}
  header .right_box li#login_btn_pc a:hover,header .right_box li#booking_btn_pc a:hover,header .right_box li#contact_btn_pc a:hover,header .right_box li#recruit_btn_pc a:hover{opacity: .7;}
  header .right_box li#login_btn_pc span,header .right_box li#booking_btn_pc span,header .right_box li#contact_btn_pc span,header .right_box li#recruit_btn_pc span{display: block; font-size: 11px; font-family: "メイリオ","ms pgothic", sans-serif;}
  header .right_box li#booking_btn_pc p{background: url(../images/common/calendar.svg) no-repeat left center;background-size:35px 35px;}
  header .right_box li#contact_btn_pc a{background: url(../images/common/contact.svg) no-repeat left center; background-size:35px 35px;}
  header .right_box li#recruit_btn_pc a{background: url(../images/common/recruit.svg) no-repeat left center; background-size:35px 35px;}
    header .right_box svg{height:35px;}


/* header 2024 
==========================================*/

@media screen and (min-width: 768px){
  .cssacc_label::before {
    top: 1.5vw;
    left: 55%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid black;
  }
  .head_sp_nav_st a{
    font-size: 20px!important;
  }
}

@media screen and (min-width: 769px){
  .pulldown {
    background-color: #fff;
    position: fixed;
    top: -50%;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 100%;
    padding-bottom: 2rem;
  }

  .pulldown span{
    display: block;
    font-size: .8em;
  }

  .pulldown_host:hover .pulldown{
    top: 0;
    opacity: 1;
    transition: top .3s ease , opacity .3s .15s;
  }

  .pulldown_host:hover .pulldown{
    transition: .3s;
  }

  .pulldown_ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 1em;
    width: calc(9.2rem * 6)!important;
    padding: 7rem 2rem 0;
    margin: initial!important;
  }

  .pulldown p {
    font-size: 1rem;
    padding: 6rem 0rem 1rem 4rem;
  }

  .pulldown_ul li a {
    position: relative;
    display: block;
    width: 9.1em;
    font-weight: 500;
    letter-spacing: .03em;
    /* margin: .6em 0 .6em .9em; */
    white-space: nowrap;
    /* border-bottom: 1px #fff solid; */
  }

  .pulldown_ul li a {
    padding: .5rem .5rem!important;
    font-size: .8rem!important;
    text-align: start!important;
  }

  .pc_nav {
    margin-left: auto;
    margin-right: 0!important;
  }

  .after_login {
    display: block;
    position: relative;
    z-index: 2;
  }

  .no_header_bg .pulldown{
    background-color: #000;
  }

  .no_header_bg .pulldown{
    color: #FFF;
  }

}


  /* no_header */
  .no_header_bg .pc_nav ul li a,
  .no_header_bg .pc_nav ul li a span{
    color: #fff;
    position: relative;
    z-index: 2;
  }
  .no_header_bg header .right_box p,
  .no_header_bg header .right_box span,
  .no_header_bg header .right_box li a{
    color: #fff;
  }
  .no_header_bg header .right_box li#booking_btn_pc p {
    background-image: url(/images/common/calendar_w.svg);
  }
  .no_header_bg header .right_box li#login_btn_pc p{
    background-image: url(/images/common/login_w.svg);
  }
  .no_header_bg .main_view{ 
    margin-top: 0;
    padding-top: 0;
  }
  .no_header_bg #page.main_view.under-main > .keyin {
    top: 60%;
    margin: inherit;
  }
  .no_header_bg header:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
  

  /* pc_nav
  ===================================== */
  .pc_nav{
    display: inline-block; 
    width: fit-content;
    vertical-align: middle;
    box-sizing: border-box;
    margin-right: auto;
  }
  .pc_nav ul{
    width: 100%;
    margin: auto;
    font-size: 0;
    display: flex;
    display: -webkit-flex;
  }
  .pc_nav ul li{
    text-align: center;
    width: fit-content;
    display: inline-block;
  }
  .pc_nav ul li a{
    display: block;
    text-align: center;
    padding: 26px 20px;
    font-size: 17px;
    font-family: 'Questrial', sans-serif;
  }

  .pc_nav ul li a span{
  display: block;
  text-align: center;
  font-size: 11px;
  font-family: "メイリオ","ms pgothic", sans-serif;
  }


  /* スライドメニュー
  ===================================== */
  .sp_nav,
  #ham_btn,
  #wrap.open #bg_cover,
  #tel_btn,
  #sp_tel_menu,
  #booking_btn{
  display: none;
  }

  #booking_close{right: 7em;top: 1em;}
  @media print, screen and (min-width : 1100px){
  #booking_close{right: 7em;top: .5em!important;}	
  }
  #floormap_close{right: 7em;top: 3em;}

    
  /* top-h1box
  ========================================================================== */
  .top-h1box{padding:3.5em 0 2.5em;}
  .top-h1box h1{margin: 0 0 1em;font-size: 25px;line-height: 155%;}
  .top-h1box p{font-size: 18px;}

  /* key
  ==========================================================================*/
  .main_view{ padding-top: 0!important;}
  .main_view img{width:100%!important;}
  .key_inner .lead,.key_inner .lead2{ width: 50%;}
    
  /* underpage-main
  ========================================================================== */
  #page.under-main{ position: relative; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; width: 100% !important; display:block !important;}
  #page.main_view.under-main img{width: 100% !important; height:auto; }
  #page.main_view.under-main > .keyin {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%); 
    z-index: 1; 
    background:none; 
    color: #fff; 
    text-align: center; 
    width: 100%; 
  }
  #page.under-main > .keyin h1{ font-size: 45px;}
  #page.under-main > .keyin h1 span{ font-size: 18px; font-weight: normal; padding-top:1em;}


  /* STUDIO LIST
  ==========================================================================*/

  .studio_list{ padding: 0;}

  .studio_list > .inner.flex{ flex-wrap: wrap; justify-content: flex-start; padding: 0;}
  .st_box{ width: calc(100% / 8); }
  .st_box img {
    width: 100% !important;
    aspect-ratio: 3 / 2;
  }
  .st_box p {
    font-size: 16.5px;
  }
  .st_box p span, .st_about p.txt {
    font-size: .7em;
    letter-spacing: 0;
  }
  .st_about{ 
    padding: 0 3em 1em;
    align-items: center;
  }
  .st_about p.txt{ line-height: 1.6;}
  .st_about.inner{ width: 1400px;}
  .st_about p.txt{ 
    width: 90%; 
    /* padding-top: 1.5em; */
  }
  .st_about p.img{ 
    width: 10%; 
    box-sizing: border-box; 
    padding: 0 1.5em;
  }
  .st_about p.img img{ width: 100px !important;}


  /*.movie-wrap{padding:3em 0;}*/
  .movie-wrap iframe{height:300px;width:600px;}
    
  .movie-wrap ul{margin-bottom:1em;}	
  .movie-wrap li{margin-bottom:0;width:49%;}
  .movie-wrap-under{padding: 0 0 3em;margin-top:-3em;}	
    
  .news .bottom{padding: 60px 0;}
    
  /* TOP NEWS
  ==========================================================================*/
  .news{ margin-top: 50px;}
  /* .news h2 span.ls{padding-top:1.25em;} */
  dl.news_list > div{ width: auto; padding: 0 .5em; box-sizing: inherit;}
    
  .news-tag{ display: flex; align-items: center; padding: .5em 0 0; line-height: 1;}
  .news-tag span{ font-size: 12px; padding: .3em .45em;}
  .news-txt{ font-size: 14px;font-weight: 500; padding: 0;text-align: left;}
  .slick-dotted.slick-slider{ margin-bottom: 90px;}
  /* ul.slick-dots{ bottom: -3em;} */
  .news_link{ width: 220px;}
  .news_link p{font-size: 1em;}
    
  dl.news_stop {
    padding: 0 10%;
    justify-content: flex-start;
    gap: 2.6666666%;
  }
  dl.news_stop dd{width:23%;}
  dl.news_stop dd .news-img {margin-bottom:1em;width:100%;}
  dl.news_list dd .news-tag,dl.news_stop dd .news-tag,.news_all_list .news-img .news-tag{font-size: .7vw;}
  dl.news_stop dd .news-txt{ font-size: .8vw;margin-bottom:2em;}
    
  /* SERVICE
  ========================================================================== */
  .service{ 
    margin-top: 20px;
    font-size: 10px;
  }
  .service .bottom{ padding: 30px 0 30px;}
  .srv{ 
    width: 100%;
    display: flex;
    justify-content: center; 
    margin: auto;
  }
  .srv_box{ 
    width: 33.333%; 
    padding: 4.8em 3.5em 2.5em;
    margin: .5px;
  }
  .srv_box .srv_in{
    transition: transform .5s;
  }
  .srv_box:hover .srv_in{
    transform: translateY(-4px);
  }
  .srv_logo_wrap{
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    margin-bottom: 3em;
  }
  .srv_logo{
    width: 8.2em;
    margin: 0 1.5em 0 0;
  }
  .srv_ttl{
    font-size: 2.7em;
    /* text-align: center; */
  }
  .srv_ttl span {
    font-size: 0.55em;
  }
  .srv_txt{ 
    font-size: 13px;
  }
  .srv_icn{ 
    width: 90%; 
    margin: 45px auto 38px;
  }
  dl.srv dd .srv-in{ padding: 2em 1em 0;}
  .srv_icn p{ width: 12.5%; padding: 0;}
  .srv_icn p img{ margin: 0 auto; width: 70px !important;}
  .srv_icn p span{ display: block; text-align: center; font-weight: bold; font-size: 14px; padding: .2em 0 0;}
    
  .color_link{width: 280px;margin-bottom: 1em;margin-top: 2em;}
  .color_link p {font-size: 1.4em;}	


  .srv.four_box{
    flex-wrap: wrap;
  }
  .srv.four_box .srv_box{
    width: 24%;
    padding: 6em 2em 5em;
  }
  .srv.four_box .srv_logo{
    margin: 0;
  }
  .srv.four_box .srv_logo_wrap{
    flex-direction: column;
    text-align: center;
    margin-right: 0;
    margin-bottom: 3.5em;
  }
  .srv.four_box .srv_ttl{
    font-size: 2.2em;
    margin-top: 0.5em;
  }
  .srv.four_box .srv_txt{
    font-size: 11px;
  }
    
  /* EVENT
  ========================================================================== */
  .event_st .bottom{ padding: 50px 0 0;}
  .event_st dl.in-list{
    justify-content: center;
  }
  .event_st dl.in-list dd{ 
    width: 35%;
    padding: 0px;
    margin: 0 14px;
  }
  .event_st p.img img{width:100%!important;}

  .event_st dl.in-list dd p{font-size: 15px;}
  .event_st dl.in-list dd p img{ margin: 0 auto;}
  .event_st dl.in-list dd p.in-ttl{ text-align: left; font-size: 16px;}
  .event_st dl.in-list dd p.in-ttl span{ display: inline;}
  .event_st dl.in-list dd p.in-txt{ font-size: 13px;}	

  /* OTHER STUDIO
  ========================================================================== */
  .in-list{
    gap: 1.5%;
  }
  .in-list li {
    /* width: 23.6%; */
    flex: 1;
    padding: 0;
  }
  /* .in-list p{font-size: 15px;} */
  .in-list img {
    margin: 0 auto;
  }
  .in-list .in-ttl {
    /* text-align: left; */
    font-size: 12px;
  }
  /* .in-list .in-ttl span {
    display: inline;
  } */
  .in-list .in-txt {
    font-size: 10px;
    letter-spacing: -.01em;
  }

  /* OTHER WORKS
  ========================================================================== */
  /* .otr_wks .bottom{ padding: 50px 0 0;} */
  .otr_wks .in-list{ width: 90%; }
  .otr_wks .in-list li{
    width: 13%;
    padding: 0;
  }
  .otr_wks .in-list .in-txt{
    font-size: 10px; 
    text-align: justify;
    padding: 1em 0;
  }

  /* NOAH SCHOOL
  ========================================================================== */
  .otr_sc .in-list{ flex-wrap: nowrap;}
  .otr_sc .in-list li{padding: 0; width:9%}


  /**/
  .link_sns{ width: 380px; margin: 0px auto 30px;}
  .link_sns i{ font-size:2.6em;}


  /* footer
  ========================================================================== */
  footer{
    margin: 0;
    padding: 2em;
  }
  footer .inner{
    display: flex; 
    justify-content: space-between;
    align-items: flex-end;
  }
  footer .fo_link_sns {
    font-size: 1.7rem;
  }
  footer address{
    font-size: 13px;
    max-width: 1200px;
    margin: auto;
    padding: 2em 0;
  }
  footer .inner .left{ width: 25%; display: block; padding: 0;}
  footer .inner .left p{ 
    font-size: 18px; line-height: 1.6;
  }
  .foot_logo{
    width: 130px;
    padding: .5em 0 1em;
  }
  footer .inner .left dl{
    padding: .5em 0 0;
  }
  footer .inner .left dl dd{ line-height: 1; padding: .5em 0;}
  footer .inner .left dl dd p{ border-left: #efefef solid 4px; padding-left: .5em;}
  footer .inner .right{ 
    width: 70%;
    padding:0;
  }
  footer .inner .right p{ 
    font-size: 13.5px;
    line-height: 1.7;
  }


  /* TOPへ戻るボタン
  ========================================================================== */

  #page-top{
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 100;
  width: 60px; height: 60px;}

  #page-top i{ font-size: 1.25em;}


  /* pankuzu
  ========================================================================== */
  .breadcrumbs{width:100%;}
  .breadcrumbs ol{padding:.7em var(--inn-w);}
  .breadcrumbs li{display:inline-block;margin-right:1em;font-size: 14px;}

  .recruit-in .breadcrumbs ol{padding:1em 0em 1em 0em;}
  .recruit-in .breadcrumbs li{font-size: 12px;}


  /* PAGE : STUDIO 
  ========================================================================== */

  /*KEY*/

  #page.studio-top{
    height: 580px;
    z-index:9;
  }
  #page.shibuya1-st{background-image: url(../images/under-studio/shibuya1/key.jpg);}
  #page.shibuya2-st{background-image: url(../images/under-studio/shibuya2/key.jpg) ;}
  #page.shibuya3-st{background-image: url(../images/under-studio/shibuya3/key.jpg) ;}
  #page.yoyogi-st{background-image: url(../images/under-studio/yoyogi/key.jpg) ;}
  #page.shinjuku-st{background-image: url(../images/under-studio/shinjuku/key.jpg) ;}
  #page.shinjuku2-st{background-image: url(../images/under-studio/shinjuku2/key.jpg) ;}
  #page.baba-st{background-image: url(../images/under-studio/baba/key.jpg) ;}
  #page.ikebukuro-st{background-image: url(../images/under-studio/ikebukuro/key.jpg) ;}
  #page.ikebukuro-annex-st{background-image: url(/images/under-studio/ikebukuro-annex/key.jpg) ;}
  #page.hatsudai-st{background-image: url(../images/under-studio/hatsudai/key.jpg) ;}
  #page.shimokita-st{background-image: url(../images/under-studio/shimokita/key.jpg) ;}
  #page.kichijoji-st{background-image: url(../images/under-studio/kichijoji/key.jpg) ;}
  #page.jiyugaoka-st{background-image: url(../images/under-studio/jiyugaoka/key.jpg) ;}
  #page.toritsudai-st{background-image: url(../images/under-studio/toritsudai/key.jpg) ;}
  #page.sancha-st{background-image: url(../images/under-studio/sancha/key.jpg) ;}
  #page.ikejiri-st{background-image: url(../images/under-studio/ikejiri/key.jpg) ;}
  #page.komazawa-st{background-image: url(../images/under-studio/komazawa/key.jpg) ;}
  #page.nogata-st{background-image: url(../images/under-studio/nogata/key.jpg) ;}
  #page.ginza-st{background-image: url(../images/under-studio/ginza/key.jpg) ;}
  #page.akasaka-st{background-image: url(../images/under-studio/akasaka/key.jpg) ;}
  #page.akihabara-st{background-image: url(../images/under-studio/akihabara/key.jpg) ;}
  #page.nakano-st{background-image: url(../images/under-studio/nakano/key.jpg) ;}
  #page.ebisu-st{background-image: url(../images/under-studio/ebisu/key.jpg) ;}
  #page.gakudai-st{background-image: url(../images/under-studio/gakudai/key.jpg) ;}
  #page.fudomae-st{background-image: url(../images/under-studio/fudomae/key.jpg) ;}
  #page.soundarts-st{background-image: url(../images/under-studio/soundarts/key.jpg) ;}	
  #page.denenchofu-st{background-image: url(../images/under-studio/denenchofu/key.jpg) ;}	
  #page.ochanomizu-st{background-image: url(../images/under-studio/ochanomizu/key.jpg) ;}	
  #page.harajuku-st{background-image: url(../images/under-studio/harajuku/key.jpg) ;}
  #page.hakone-st{background-image: url(../images/under-studio/hakone/key.jpg) ;}	
  #page.shibuya-st{background-image: url(../images/under-studio/shibuya/key.jpg) ;}	
  #page.nakameguro-st{background-image: url(../images/under-studio/nakameguro/key.jpg) ;}	
  #page.shibuya3-st{background-image: url(../images/under-studio/shibuya3/key.jpg);}
  


  #page.main_view{ 
    overflow: hidden; 
    position: relative;
    margin-top: 120px;
  }
  #page.main_view > img{ display: none;}
  #page.main_view > .keyin{ position: inherit; transform: none; top: auto; left: auto; padding: 2em 0 1.5em;}
  #page.main_view.st > .keyin{padding: 0 0;}

  #page > .keyin h1{ font-size: 50px;line-height: 1.0;margin-bottom:.1em;}
  #page > .keyin h1 span{ font-size: 18px; margin: 0; padding: .5em 0 0; line-height:1.8;}
  #page > .keyin p{ font-size: 30px; padding: .25em 0 0;}
  #page .keyin p.shop-time{ font-size: 20px;}		

  .key-icon{width: 100%;display:block;height:60px;margin-bottom:-250px;}
  .key-icon.pc{
    position: absolute;
    bottom:0;
    margin-bottom: -1px;
    z-index: 1;
  }  

  #page.main_view.st .key-icon{width: 100%;display:block;height:60px;margin:-55px 0 0;background: rgba(0,0,0,0.0);}
  .key-icon > div{ border: none;-webkit-box-shadow:none; box-shadow: none; justify-content: space-around; width: 1200px; margin: 0 auto;}
  .key-icon > div .icon-in{ border: none; width: 18%; padding: .5em 1em 0; box-sizing: border-box;}

  #page.main_view img{ width: 20%!important; margin: 0;}
  .key-icon svg{ width:80%; height:50px;fill:#000;margin: 0;font-size: 16px;}
  .key-icon svg:hover{ fill:#fc247c;}
  .key-icon > div .icon-in p{ display: flex; align-content: center; align-items: center; font-size: 16px !important;position:relative;}
  .key-icon > div .icon-in span{ font-size: 16px !important; text-align: center; width: 82%;}
  .key-icon > div .icon-in:nth-child(3) span{ font-size: 16px !important; letter-spacing: 0;}
  .key-icon > div .icon-in:nth-child(3) svg{ width:90%; height:50px; margin-top:-.1em;}
  
  #page .keyin .keyin_tel_wrap .store-line-bt,
  .store-cal-bt{
    width: 2.4em;
  }
  .store-cal-bt {
    padding: .45em;
  }

  .icon-in.active svg {
    fill: #fc247c;
  }

  /*SHOP IMG*/
  .shop_image{ width: 100%; background: #ededed; margin: 40px auto 0;}
  .shop_image dl{ width: 95%; margin: 0 auto; padding: 40px 0 50px;}
  .shop-img img{ width: auto;width:180px!important;}

  .shop-txt-wrap ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
  .shop-txt-wrap li{width:48%;}	
    
  /*SHOP TEXT*/
  .shop-txt{font-size: 16px;}	
  .shop-txt p{ font-size: 16px; padding: 0 0;}
  .shop-txt .midashi{font-size: 18px;padding:2em 0 .75em;}
  .shop-top-add{font-size: 18px; text-align:center; margin-top:2em; margin-bottom:2em;}
  .shop-top-add i{font-size:2.3em; margin-bottom:.3em;}
  
  .shop-entry-txt {
    width: fit-content;
    margin: auto;
  }
  .shop-entry-txt * {
    width: fit-content !important;
  }

  /*SHOP ICON*/
  .shop-icon{ width: 900px; justify-content: space-around; padding:0 0;margin: 3.5em auto 0em;}
  .shop-icon > p{ width: 16.6%;}
  .shop-icon > p img{ margin: 0 auto; height:100px;}
  .shop-icon > p svg{height:100px;}
  .shop-icon > p span{ font-size: 12px;}

  /*-popup*/
  p.popup-in > .pop{ font-size: 14px; top: -100px; left: -55%; font-weight: bold; line-height: 1.6;}
  p.popup-in > .pop::before{ left: 50%;}

  /*STUDIO*/
  .studio_list.room h2 span:nth-child(1){ display: inline-block; font-size: 30px; padding:0 .25em 0 0;}
  .studio_list.room .st_box{ 
    width: calc( (100% - 5px) / 6);
  }
  .studio_list.room .st_box p{ font-size: 22px;}
    
  .link_logo_wrap{padding:2.5em 30% 1em;margin-bottom:3em;}	
  .link_logo_box{ padding:1em 0; max-width: 420px; }
  .link_logo_box li.studio_link_box{font-size:18px;}
  .link_logo_box li.link_logo{padding:0;}	
  /* .link_logo_box li:first-child{width:64%;}
  .link_logo_box li:last-child{width:32%;}	 */
  /* @media print, screen and (min-width : 1440px){
  .link_logo_box li.link_logo{padding:0 4.5em 0 0;}
  .link_logo_box li:first-child{width:60%;}
  .link_logo_box li:last-child{width:40%;}	
  } */
  /* @media print, screen and (min-width : 1800px){
  .link_logo_wrap{padding:2.5em 33% 1em;margin-bottom:3em;}		
  .link_logo_box li.link_logo{padding:0 5em 0 0;}	
  } */
  .studio_link_box a{font-size:22px;padding:.5em .8em;border-radius:4px;}
  .link_logo_box2{padding:1.5em 0 1.5em 0;margin:0 auto 2.5em;}
  .link_logo_box2 li.studio_link_box{font-size:20px;}	
  .link_logo_box2 li.studio_link_box img{
    /* width:40px!important; */
    /* padding:0 5px 0px; */
    width: 2.6em;
  }	
    
  .studio_list.room .st_box .st_rec_ico span {
    top: .6em;
    left: .6em;
    padding: .5em .8em;
    font-size: 10px;
  }
  .studio_list.room .st_box .st_rec_ico span:hover{opacity: 1;}	

  .studio_list.room .conf{ margin: 40px 0 60px;}
  .studio_list.room .conf button{ width: 400px; font-size: 16px; padding: 1em; box-sizing: border-box; cursor: pointer;}
  .studio_list.room .conf button::before{ font-size: 20px; left: 1em; vertical-align: middle;}
  .studio_list.room .conf button:hover{ background: #000; color: #fff;}
  .studio_list.room .conf button::before:hover{color: #fff;}

  .floor_map .bottom img{ margin: 0 auto;width:560px!important;}
  .floor_map .bottom { padding: 10vw 10vw;}

  /*TOP NEWS*/
  .under .news .news_link{ width: 280px;}
  dl.news_list dd{ padding: 0 1.5vw;}


  /*PICKUP*/
  .shop-pickup{ padding: 0px 0;}
  .shop-pickup h2{ font-size: 28px;}

  .shop-pickup .flex{ flex-wrap: wrap; justify-content: space-between; width: 100%;}
  .shop-pickup .flex:before{content:"";display: block;width:31%;order:1;}
  .shop-pickup .flex:after{content:"";display: block;width:31%;}
  .shop-pickup .flex p{ width: 31%;padding: 3vw 0 0;}

  .ico-pickup .flex{ width: 100%; margin: 2em auto 2em; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center;}
  .ico-pickup .flex p{ width: 16%; margin:1.5%; padding:.2em 0 .75em!important;border:1px solid #000;}
  .ico-pickup .flex p:hover{background:#eee;}
  .ico-pickup .flex p::after{content: ""; position:absolute;right:3px;bottom:3px;width:0;height: 0;border-style: solid;border-width: 0 0 12px 12px;border-color: transparent transparent #000000 transparent;}
  .ico-pickup .flex:before{content:none;}
  .ico-pickup .flex:after{content:none;}
  .room-top .ico-pickup .flex{ width: 100%; margin: 2em auto 2em; display: flex; flex-wrap: wrap; justify-content: space-between;}
  .room-top .ico-pickup .flex p{ width: 31%!important;margin:0;padding:.2em 0 .75em!important;}

  /*SOCIAL*/
  .store_instagram{/*padding: 1em;*/margin: 3em auto;display: block;width:50%;}
  .shop-social .flex-wrap{width: 100%; padding:0 !important; padding-left: 0px;}
  .shop-social .social-box{float:left; width: 42%; margin:0 4% !important; vertical-align:top; padding:0;}
  .shop-social .nb{margin:0 0 0 0 !important; vertical-align:top;}
  .shop-social .b-box{border:1px solid #eee; margin-top:2em !important;}
  .shop-social .nb .b-box{border:none; margin-top:0em;}
  .shop-social .nb li:first-child{padding: 0 0 1em;}

  .shop-social .nb li p.txt{ font-size: 14px; text-align: justify;}

  .social_more{ width: 80%; margin: 1em auto 0; box-sizing: border-box;}
  .social_more p{ box-sizing: border-box; font-size: 1em;}

  /*ALL STUDIO*/
  /* .under .studio_list{ padding: 10px 0 80px;} */
  .under .studio_list.room{ padding: 40px 0 0px;}


  /*////// PRICE //////*/
  .shop-price {padding:4em 0 0em}
  .shop-price-tabs {width: 100%; margin:-.5em 0 0; padding:0 0;}
  .shop-price-tab-item {border-right: 10px solid #fff; font-size: 18px; padding:1em 0;}
  .shop-price-tab-item:hover {background-color: #555; color:#fff !important; transition: all 0 ease;}
  .shop-price-tab-item:hover span{color:#fff;}
  .no-border{border-right: 0px solid #fff;}

  .shop-price-tabs dl{
    margin: 1.5em .5em;
  }
  .shop-price-tabs dt{
    font-size: 24px; 
    margin-bottom:.5em; 
    text-align:left; 
  }
  .shop-price-tabs dd{font-size: 18px;}
  .shop-price-tabs label span{display:inline;}

  .price-table table {
    font-size: 18px; 
    line-height:1.5; 
    margin-bottom:2em;
  }
  .price-table table th,
  .price-table table td {padding: 8px; height:70px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align:middle;}
  .price-table thead th {
    width: 24%;
  }
  .price-table tbody th {font-size: 20px;}
  .price-table tbody th span{font-size: 14px; display:inline;}
  .price-table tbody th span:nth-child(2),
  .price-table tbody th .min30{
    font-size: 14px; display:block;
  }
  .price-table th {font-weight: bold;background-color:#f6f6f6;}
  .shop-price-tabs ul {padding:0 0;}
  .shop-price-tabs li{font-size: 16px;line-height:1.4;margin-bottom:.5em;}

  .day-price{border-left: none; border-top: none;}

  .shop-price .price-at {padding-right:1em;}


  /*////// STANDARD EQUIPMENT //////*/
  .shop-eq-wrap {padding:4em 0 0;}
  .shop-eq-wrap ul {padding:2em 1em 0;}
  .shop-eq-wrap li {width:47%; float:left; margin-bottom:3em;}
  .shop-eq-wrap li:nth-child(even){float:right;}
  .shop-eq-wrap li h3{font-size: 36px; margin-bottom:.3em;}
  .shop-eq-wrap li h3 span{font-size: 16px; padding-left:.4em;}
  .shop-eq-wrap dd p{ padding: 1em; line-height:1.3;}

  /*////// SHOP OPTIONS //////*/
  .shop-options {padding:4em 0 1em;}
  .shop-options .inner{padding:0 5%;}
  .shop-options table {width: 100%; font-size: 16px; line-height:1.5;}
  .shop-options table th,.shop-options table td {padding: 10px 15px;}
  .shop-options thead th {font-size: 16px;}
  .shop-options thead th span{font-size: 14px;}
  .shop-options tbody th {font-size: 16px;}
  .shop-options tbody td{font-size: 16px;}
  @-moz-document url-prefix() {
  .shop-options table{border-collapse: separate;}}
  .shop-options thead td,.shop-options thead th,.shop-options tbody td,.shop-options tbody th{z-index: -1;}	
  .shop-options tbody td,.shop-options tbody th{background-color: #fff!important;position: static;		
  }
  .shop-options tbody td span{font-size: 14px; padding-left:.5em;}


  /*////// SHOP GALLERY //////*/
  .shop-gallery {padding:4em 0 0;}
  .shop-gallery-wrap {background-color:#f6f6f6; width:100%; padding:3em 0;}
  .insta-box{float:left; width:16%; margin:2%;}
  .insta-box:nth-of-type(2n){float:left;}
  .insta-box .thumb{width: 100%; height: 100%; max-width: 260px; position: relative;}
  .insta-box .thumb::before{content: ""; display: block; padding-top: 100%;}
  .insta-box .thumb a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
  .insta-box .thumb img{width: 100%; height: auto; line-height: 0; position: absolute; bottom: 0;}

  .insta-btn-more{margin: 40px auto 30px; width: 400px; }
  .insta-btn-more p {font-size: 16px; padding: 1em; box-sizing: border-box;}

  .insta-link-txt{font-size: 14px; margin-top:1em;}


  .shop-gallery-wrap ul{padding:.5em 0 0;}
  .shop-gallery-wrap ul:before{content:"";display: block;width:17%;order:1;}
  .shop-gallery-wrap ul:after{content:"";display: block;width:17%;}
  .shop-gallery-wrap li{width:17%;margin-bottom:1.5em;margin: 1%}


  /*////// ACCESS //////*/
  .shop-access-tel{ font-size: 30px;color:#000!important;}
  .shop-access .shop-tel,
  .shop-access-tel.sub_tel a{
    pointer-events: none;
    color:#000!important;
  }
  .shop-access{ padding: 4em 0 4vw; width: 1200px; margin: 0 auto;}
  .shop-access .inner{margin: 1em auto 0; padding:0 0; display: flex; justify-content: space-between;}
  .access-box {width: 47%;}
  .access-box img{width:100%; margin-bottom:2em;}
    .access-box iframe {
      /* width: 100% !important;
      height: 300px; */
      margin-bottom: 2.5em;
    }

  .access-box dl{margin-bottom:2em; text-align:left;}
  .access-box dt{font-size: 18px; font-weight:bold; margin-bottom:.6em;}
  .access-box dt i{padding-right:.4em;}
  .access-box dd{font-size: 16px; font-weight:normal; line-height:1.5;}
  .access-box span{display:block;}

  .access-pdf{ width: 80%; margin: 0vw auto 0; border: 1px solid #000;}
  .access-pdf p { background: #fff; padding: .35em 1.5em; position: relative; font-size:18px; text-align: center;}
  .access-pdf p::after { content: "\f1c1"; position: absolute; top: 50%; left: 90%;
      transform: translate(0,-50%); font-family: FontAwesome;}


  /* STUDIO ROOM
  ========================================================================== */

  .room-top{
    margin-top: 120px;
  }

  /*key*/

  #page.st{ position: relative;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 400px;}
  #page.st.shibuya1-st{background: url(../images/under-studio/shibuya1/key.jpg) no-repeat top center/cover;}
  #page.st.shibuya2-st{background: url(../images/under-studio/shibuya2/key.jpg) no-repeat top center/cover;}
  #page.st.yoyogi-st{background: url(../images/under-studio/yoyogi/key.jpg) no-repeat top center/cover;}
  #page.st.shinjuku-st{background: url(../images/under-studio/shinjuku/key.jpg) no-repeat top center/cover;}
  #page.st.baba-st{background: url(../images/under-studio/baba/key.jpg) no-repeat top center/cover;}
  #page.st.ikebukuro-st{background: url(../images/under-studio/ikebukuro/key.jpg) no-repeat top center/cover;}
  #page.st.hatsudai-st{background: url(../images/under-studio/hatsudai/key.jpg) no-repeat top center/cover;}
  #page.st.shimokita-st{background: url(../images/under-studio/shimokita/key.jpg) no-repeat top center/cover;}
  #page.st.kichijoji-st{background: url(../images/under-studio/kichijoji/key.jpg) no-repeat top center/cover;}
  #page.st.jiyugaoka-st{background: url(../images/under-studio/jiyugaoka/sp-key.jpg) no-repeat top center/cover;}
  #page.st.toritsudai-st{background: url(../images/under-studio/toritsudai/key.jpg) no-repeat top center/cover;}
  #page.st.sancha-st{background: url(../images/under-studio/sancha/key.jpg) no-repeat top center/cover;}
  #page.st.ikejiri-st{background: url(../images/under-studio/ikejiri/key.jpg) no-repeat top center/cover;}
  #page.st.komazawa-st{background: url(../images/under-studio/komazawa/key.jpg) no-repeat top center/cover;}
  #page.st.nogata-st{background: url(../images/under-studio/nogata/key.jpg) no-repeat top center/cover;}
  #page.st.ginza-st{background: url(../images/under-studio/ginza/key.jpg) no-repeat top center/cover;}
  #page.st.akasaka-st{background: url(../images/under-studio/akasaka/key.jpg) no-repeat top center/cover;}
  #page.st.akihabara-st{background: url(../images/under-studio/akihabara/key.jpg) no-repeat top center/cover;}
  #page.st.nakano-st{background: url(../images/under-studio/nakano/key.jpg) no-repeat top center/cover;}
  #page.st.ebisu-st{background: url(../images/under-studio/ebisu/key.jpg) no-repeat top center/cover;}
  #page.st.gakudai-st{background: url(../images/under-studio/gakudai/key.jpg) no-repeat top center/cover;}

  #page .keyin a.shop-tel{pointer-events: none;}

  #page.main_view.st > .keyin{ align-items: center;}
  #page.main_view.st .key-icon{ z-index: 1;}

  /*ROOM TOP*/

    

    
  .room-top .inner{ display: flex; justify-content: space-between;}
  .room-top .room-left{ 
    width: 54%; position:relative; padding: 60px 0 2vw;
  }
  .room-top .room-right{ 
    width: 40%; position:relative; padding: 50px 0 3.4vw;
  }
  .room-left-wrapper{
    display: flex;
    flex-direction: column-reverse;
  }
  .room-left h1{ 
    font-size: 43px; 
    font-weight: 700; 
    margin-bottom:0; 
    margin-top:0;
    padding-top:0;
    position:static;
    text-align:left;
    line-height:1;
  }
  .room-left h1 span{font-size: 16px;display: inline-block;padding:0 0 0 .5em;}
  .room-left h1 span:first-child{font-size: 16px;display:block;padding:0 .5em 0 0;line-height:1.4;}
    
    
  .room-left .link_logo_wrap{padding:0 0;margin-bottom:1.5em;}	
    
  .room-top h2,.room-price h2{ text-align: left; font-size: 30px;}
  .room-top h2 span,.room-price h2 span{ display: inline-block; padding-left: 1em;}

  /*__shopimage*/	
  .room-top .shop_image h2{ font-size: 60px; font-weight: 700;}
  .room-left > .shop_image > h2 span{font-size: 30px; padding: 0;}

  .room-left .shop_image{ background: none; margin: 0 auto 10px;}
  .room-left .slide-room img{ width: 100%!important;}
  .room-left .slide-room-img-box img{ width: inherit !important;}

  .room-left .shop_image .slick-prev:before, .slick-next:before { font-size: 50px; color: #fff; }

  .room-left .shop_image dl{ width: 100%; padding: 0; margin: 20px 0 40px;}
  .room-left .shop_image .slick-next{ right: 10px; color: #fff; z-index: 1;}
  .room-left .shop_image .slick-prev{ left: 10px; color: #fff; z-index: 1;}
  .room-left .shop_image ul.slick-dots{ width: 100px;}	

  .room-right{ padding: 65px 0 3.5vw!important;}
  .room-top .shop-txt.inner{ width: 100%;padding:0 0 1em;display: block;}
  .room-top div + div{ padding: 20px 0;}

  .room-top .shop-txt p{ padding: 20px 0 0; font-size: 16px; line-height: 1.8;width:100%!important;margin-bottom:.5em;}
  .start30min,.room_self_caution{font-size: 16px;padding:.4em 0;}
  .room-top .shop-txt a{display:inline;}
  .room-top .shop-txt blockquote{display:block!important;width:100%!important;}
  .room-baner{width:500px!important;margin:2em auto 0;display:block;}	

  /*EQUIPMENT*/

  .studio-eq dd p{font-size: 14px;}
  .studio-eq dd p:nth-child(1) {
    width: 38%;
  }
  .studio-eq dd p:nth-child(2) {
    width: 72%;
  }

  /*booking*/
  .room-top div.room-reserve{ padding: 2em 0;}
  .room-reserve p{ font-size: 24px; padding: 1em 0;}

  /*ROOM PRICE LIST*/

  .price-list h3,
  .price-list .st-price-list-ttl{ 
    text-align: left; 
    font-size: 18px;
  }

  /*PRICE ATTENTION*/

  .price-list{margin: 0 0 60px; padding: 0 0;}

  .price-list > p{ font-size: 14px;}
  .price-list dl{ display: flex; justify-content: space-between;}
  .price-list dl dd > div:nth-child(1){ border-bottom: 1px solid #ccc;}

  .price-list dd:not(:last-child){ border-right: 1px solid #ccc;}
  .price-list dd{ display: block; border-bottom: none;}
  .price-list dd span{ display: none!important;padding-left:0!important;}

  .price-list dd > div,.price-list dl.list01 dd > div:nth-child(2){ font-size: 12px;}

  .price-list dd > div:nth-child(2){ border-left: none;}

  .price-list dd > div:nth-child(2) p{ font-size: 21px;}
  .price-list dl.list01 dd > div:nth-child(1)
  ,.price-list dl.list01 dd > div:nth-child(2)
  ,.price-list dl.list02 dd > div{ 
    width: auto;
    min-height: 64px;
  }

  .price-list dl.list01 dd:nth-child(n+3) > div:nth-child(1) span{ display: block!important; padding-left: 0;}

  .price-list dl:nth-of-type(1) dd{ width: 100%;}
  .price-list dl:nth-of-type(1) dd:nth-child(n+3){ width: 100%;}

  .price-list dl:nth-of-type(2) dd{ width: 100%;}

  .price-list dl:nth-of-type(3) dd{ width: 100%;}
  .price-list dl:nth-of-type(3) dd p span{ display: block; padding-left: 0;}

  .price-list dl:nth-of-type(4) dd{ width: 100%;}
  .price-list dl:nth-of-type(5) dd{ width: 50%;}

  .booth-price-list dl:nth-of-type(1) dd,.booth-price-list dl:nth-of-type(2) dd{ width: 100%;}
  .recbooth-price-list dl:nth-of-type(1) dd{width: 100%!important;}
  .recbooth-price-list dl:nth-of-type(2) dd{width: 100%;}
  .piano-price-list dl:nth-of-type(1) dd{width: 100%!important;}

  .price-at{
    font-size: 14px; 
    /* padding: 1.5em 0; */
  }
  /* .price-at p{box-sizing: border-box; padding: 0 0 0 3em; line-height: 1.8;}
  .price-at p::before{ left: 1em;} */

  /* NEW PRICE LIST =================== */
  .st-price-list{
    border-right: none !important;
  }
  .st-price-list-grid{
    display: block;
    font-size: 13px;
  }
  .st-price-list-grid:last-child{
    border-bottom: none;  
  }
  .st-price-list-grid dt,.st-price-list-grid dd{
    border-bottom: none !important;
  }
  .st-price-list-grid dt{
    width: 100%;
    font-size: .92em;
    line-height: 1.4;
    padding: .2em .1em;
    height: 64px;
  }
  .st-price-list-grid dd{
    width: 100%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 1.6em;
    padding: .8em 0;
    height: 68px;
  }
  .st-price-list-grid dd span{
    display: inline-block !important;
  }


  /* NEWS
  ========================================================================== */
  .news_all_list {
    padding-top: 120px;
  }
  #page.main_view.news-st{ overflow: hidden; position: relative; }
  #page.main_view.news-st img{ width: 100%;}
  #page.main_view.news-st > .keyin {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; background:none; color: #fff; text-align: center; width: 100%; padding: 6vw 0 5vw;}
  #page.news-st{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 550px; background: url(../images/key/main_news.jpg) no-repeat top center/cover;}
  #page.news-st > .keyin h1{ font-size: 45px;}
  #page.news-st > .keyin h1 span{ font-size: 18px; font-weight: normal; padding-top:1em;}

  /* .news_all_list .inner{padding:3em 0em 0em;} */
    
  div.newspostslider ul li img{height: 400px;}
  @media screen and (min-width: 1500px){
  div.newspostslider ul li img{height: 500px;}
  }

  .right_news_box{width:100%;}
  .news_all_list .inner,
  .news-post-wrap .inner{
    padding:2em 0em 2em;
  }
  .news_all_list ul{
    justify-content: flex-start;
    gap: 5%;
  }
  .news_all_list li{padding:0; width:30%;}
  .news_all_list .news-img{margin-bottom:1em;}
  .news_all_list .news-img img{width:100%!important;}
  .news_all_list .news-txt-box{width:100%;}
  .news_all_list h2{text-align:left; font-size:16px;}
  .news-date{font-size: 12px;  margin-bottom:0em;}

  .left_news_box{width:100%; text-align:left;}
  .left_news_box ul{
    margin-bottom:2em;
    justify-content: flex-start;
  }
  .left_news_box h3{
    font-size:20px; 
    padding: 0 0.6% 1em;
    margin-top:0em; 
    text-align:left;
  }
  .left_news_box li{
    position:relative; 
    padding:1em; 
    width:18.8%; 
    margin: 0 .6% 1%;
    border-bottom:1px solid #ddd;
  }
  .left_news_box li a{font-size:15px;}
  .left_news_box li:hover{background-color:#ddd;}

  .news-cat-ttl{font-size:32px; margin-bottom:1.5em !important; margin-top:0em; text-align:left!important;}
  .news-cat-ttl span{
    font-size: 1em;
  }
  .news-post-wrap{
    padding: 11em 0 2em;
  }
  .news-post-wrap .right_news_box{padding-top:0em;}

  .news-post-box{padding:1em 4em 3em; position:relative; font-size:15px;line-height:1.9; margin-bottom:5em;}
  .news-post-box .news-tag{position:absolute; right:-.05em; top:-.5em;}
  .news-post-box .news-date{margin-bottom:.5em;}
  .news-post-box h1{font-size:20px;letter-spacing:1px;}
  .news-post-box .news-post-date{color:#999;font-size:13px;margin-bottom:4em}
  .news-post-box h2{font-size:17px; margin:1.5em 0;}
    
  .news-post-bt a{width:35%;margin:5em auto 4em;padding:.5em 0;}

  .knowledge-main{background: url(../images/key/main_knowledge.jpg) no-repeat top center/cover;}
  .knowledge-post-wrap .news-img{
    padding: 25em 0 0;
    margin: 0 auto 1em;
    max-width: 600px;
  }

  /* pager
  ========================================================================== */
  .pager{text-align:center; padding:1em 0;position:relative;}
  .pager a{font-size:16px;}
  .pager .num .current_page{font-size:16px;}
  .pager span i{font-size:30px;}
  .pager span.before{position:absolute;top:40%;left:1em;transform: translate(0%,-40%);}
  .pager span.next{position:absolute;top:40%;right:1em;transform: translate(0%,-40%);}

    
    
  /* studiomap
  ========================================================================== */
  .studiomap-wrap{padding:11em 0em 2em;}
  .stmap{margin-bottom:5em;}

  .studioalllist-wrap{padding:3em 0em 4em;}
  .studioalllist-wrap table{width:100%; box-sizing:border-box;border-top: 1px solid #ccc;}
  .studioalllist-wrap table th,.studioalllist-wrap table td {padding: 1em; font-size: 18px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display:table-cell;}
  .studioalllist-wrap table th{padding: 1em; border-bottom: 1px solid #aaa; font-size: 18px; }
  .studioalllist-wrap table td.tel{padding:1em .5em 1em;}
  .studioalllist-wrap table td.tel a{padding: .4em .75em; font-size: 20px; letter-spacing:2px;background:none;color:#16d1c4;border-radius:0px;pointer-events: none;} 
  .studioalllist-wrap table td.add {
    padding: 1em; 
    text-align: left;
  }



  /* USER GUIDE
  ========================================================================== */
  .user-main{background: url(../images/key/main_user.jpg) no-repeat top center/cover;}

  /* user guide
  ========================================================================== */
  .userduide-wrap{padding:4em 0 0;}
  .userduide-wrap .inner{padding:0 5%;}
  .userduide-wrap h2{font-size:26px }
  .userduide-wrap h2 span{font-size:20px;}

  .userduide-wrap ul{padding:4em 0;}
  .userduide-wrap li:first-child{float:right; width:59%;}
  .userduide-wrap li:last-child{float:left; width:32%;}
  .userduide-wrap li:last-child img{width:100%;}
  .userduide-wrap li h3{font-size:22px; margin-bottom:1.25em;}
  .userduide-wrap li p{font-size:18px; line-height:1.6; margin-bottom:0;}
  .userduide-wrap li img{width:100%; display:block; margin:0 auto;}

  .userguide_other{padding:3em 0; background-color:#f6f6f6;}
  .userguide_other .inner{padding:0 5%;}
  .userguide_other li{margin-bottom:1em; font-size:18px; line-height:1.6; text-align:center;}
  .userguide_other li a{color: #f72872;}
  .userguide_other li .userguide-kiyaku{margin:1em auto 1em; width:200px;}

  .userguide-kiyaku {margin:0 auto 3em; padding:.8em ; width:300px; border:2px solid #f72872;}
  .gear-modal {margin:0 auto 0; padding:0; width:100%; border:0px solid #f72872; color:#fff;}
  .gear-modal> input:nth-child(1) + label {color:#fff !important; padding:0;}
  .gear-modal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {right:50%!important;transform: translate(50%,0%);top:15%!important;}
    
  .userguide-kiyaku > input:nth-child(1) + label {font-size:16px;}
  .userguide-kiyaku .modalTitle {font-size:24px; margin-bottom:1em;}
  .userguide-kiyaku .modalMain {font-size:16px;}
  .userguide-kiyaku .modalMain li{width:100%;}
  .userguide-kiyaku .modalMain ul span{font-size:18px;}
  .userguide-kiyaku .modalMain ul span.under-l{font-size:18px;}
    
  .gear-modal .modalMain h3{text-align:left;margin-bottom:1em;}
  .gear-modal .modalMain ul{width:100%;border-bottom:1px dotted #ccc;text-align:center;background:#fff!important;padding-bottom:1em;margin-bottom:1em;display: flex; flex-wrap: wrap; justify-content: space-between;}
  .gear-modal .modalMain li{width:47%;background:#fff!important;padding:.5em 0;border:1px solid #f72872;}
    
  .recruit-in .userguide-kiyaku > input:nth-child(1) + label {top:100px;width:110px;height:110px;border-radius:110px;padding-top:35px;font-size:16px;line-height:1.3;}
  .recruit-in .userguide-kiyaku .modalMain{padding:1em;}
  .recruit-in .userguide-kiyaku .modalMain table {font-size: 16px; line-height:1.4;}
  .recruit-in .userguide-kiyaku .modalMain table th,.recruit-in .userguide-kiyaku .modalMain table td {padding: 20px;display:table-cell;}
  .recruit-in .userguide-kiyaku .modalMain table th{width:25%;}
    
  .userguide-kiyaku{
    /* background-color: rgba(86,196,176,0.6)!important;
    color: #fff!important; */
    border:solid 4px #fff;
  }
  .st_terms_block{
    font-size: 16px;
    padding: 1em 0 3em !important;
  }
  .st_terms_box{
    float: none !important;
    width: 100% !important;;
    padding: 0.5em 0;
  }
  .st_terms_desc{
    font-size: 1em !important;
    padding: 0.3em 0;
  }
    

  /* faq
  ========================================================================== */
  .faq-main{background: url(../images/key/main_faq.jpg) no-repeat top center/cover;}

  .qa-box{padding:3em 0em;}
  .qa-lede-copy{font-weight:bold;font-size: 22px; text-align:center; padding-bottom:1em; line-height:1.1;}
  .qa-lede-copy span{display:inline; font-size: 22px; font-weight:bold;}
  .qa-text-box{padding:2em 0;text-align:left;font-size: 18px;}
  .qa-text-box h3{font-weight:bold;}
  .qa-text-box h3.q{font-size: 18px;padding-bottom:1rem;}
  .qa-text-box i{font-size: 18px;padding-right:0.5rem;}

  /* storage
  ========================================================================== */
  .storage-lede{padding:4em 0em;}
  .storage-lede-copy{font-size: 30px;line-height:1.3; margin-bottom:1em;}
  .storage-lede p{font-size: 18px; text-align:center;}
  .storage-box{padding:0 0; margin-bottom:3em;}
  .storage-box .ico-img img,.locker-box .ico-img img{width:120px !important; margin:0 auto 2em;}
  .storage-box h3,.locker-box h3{font-size: 24px; margin-bottom:2em;}
  .storage-box li{width:24%; padding:1.5em; margin-bottom:2em;}
  .storage-box li:nth-child(1),.storage-box li:nth-child(2){width:49%; position:relative;}
  .storage-box li p,.locker-box li p{font-size: 24px;}
  .storage-box li p span,.locker-box li p span{font-size: 18px; padding-top:.5em;}
  .storage-box .storage-img{width:80px; height:80px; margin:0 auto .75em; overflow:hidden; position:absolute; top:50%; left:10%; transform: translate(0,-50%);}
  .storage-box .storage-img img{height:100%; width:auto; border-radius:80px; }

  .locker-box{padding:4em 2em; margin-bottom:2em;}
  .locker-box li{width:49%;}

  .locker-box li .st-name p{margin-top:.1em;}
  .locker-box li .st-name p span{padding-top:.1em;}
  .locker-box li .locker-price{width:55%; padding:.6em 0 .2em;}
  .locker-box li .locker-price p{font-size: 30px;}
  .locker-box li .locker-price p span{font-size: 18px;}
  .storage-box p.caution,.locker-box p.caution{font-size: 18px; line-height:1.6; margin-top:1em;}
  .locker-box p.caution span{font-size: 22px; display:inline; padding:0em 1em;}
  .locker-txt{font-size: 22px; margin-top:2em;}


  /* MAIL MAGAZINE
  ========================================================================== */
  .mailmagazine-lead{padding:5em 0 .5em; margin-bottom:2em;}
  .mailmagazine-lead .mm-ico{margin:0 auto 1em;}
  .mailmagazine-lead .mm-ico i{font-size:50px;}
  .mailmagazine-lead h1{font-size: 45px; margin-bottom:1em;}
  .mailmagazine-lead h1 span{font-size: 18px;}
  .mailmagazine-lead p{font-size:30px; line-height:1.4;}
    
  .mailmagazine-lead2{padding:5em 0 .5em; margin-bottom:2em;}
  .mailmagazine-lead2 .mm-ico{margin:0 auto 1em;}
  .mailmagazine-lead2 .mm-ico i{font-size:50px;}
  .mailmagazine-lead2 h2{font-size: 45px; margin-bottom:1em;}
  .mailmagazine-lead2 h2 span{font-size: 18px;}
  .mailmagazine-lead2 p{font-size:30px; line-height:1.4;}
  .mailmagazine-lead2 i{font-size:50px;display:block;margin-bottom:.2em;}	
    
  .mailmagazine-tokuten{padding:3em 2em 2em;}
  .mailmagazine-tokuten li{width:32%; padding:1.25em 1em; margin-bottom:1em;}
  .mailmagazine-tokuten li:before{border-style: solid; border-width: 50px 50px 0 0;}
  .mailmagazine-tokuten .mm-num{top:2px; left:7px; font-size: 25px;}
  .mailmagazine-tokuten li i{font-size:55px; margin-bottom:.3em;}
  .mailmagazine-tokuten li p{font-size:20px; line-height:1.3;}
    
  .mm-exe{margin-top:4em;}	

  .mailmagazine-touroku{padding:3em 0 3em;}
  .mailmagazine-touroku img{margin:0 auto 4.5em; width:900px !important;}
  .mailmagazine-touroku h2{font-size: 28px;}
  .mailmagazine-touroku p{font-size: 18px; margin-bottom:2em;}
  .mm-form-bt a{font-size: 26px; margin:0 auto 2em; width:50%;}
  .mm-form-bt2 a{font-size: 26px; margin:0 auto 0em;  width:50%;}
  .mm-oubo-txt{padding:0 0; text-align:left !important; line-height:1.8 !important;}
  .mm-oubo-txt span{padding-bottom: 0px;}


  /* NIGHT PACK
  ========================================================================== */
  .nightpack-lead{padding:3em 0; text-align:center;}
  .nightpack-lead p{font-size: 18px;}
  .nightpack-box ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:2em;}
  .nightpack-box li{width:48%; padding:3.5em 0 0; margin-bottom:2em}
  .nightpack-box li:last-child{padding:3.5em 0 1em;}
  .nightpack-box li h2{color:#FC247C; font-size: 32px; margin-bottom:1em;}
  .nightpack-box li h3{font-size: 28px; margin-bottom:1em; text-align:center;}
  .nightpack-box li h3 span{font-size: 16px; padding-top:1em;}
  .nightpack-box li:last-child img{width:80% !Important; margin:1.5em auto 1.5em;}
  .nightpack-box li p{text-align:center; font-size: 18px; margin:1em auto 1em;}
  .nightpack-caution{padding:0;}
  .nightpack-caution p{font-size:18px;padding:1.5em; font-weight:bold; text-align:center}
  .about-yoshisoba{padding:3em 0;}
  .about-yoshisoba img{display:block; width:200px !important; margin:0 auto 2em;}
  .about-yoshisoba p{font-size: 18px; margin-bottom:2em;}
  .about-yoshisoba .yoshi-link{text-align:center; width:100%;  margin-bottom:1em;}
  .about-yoshisoba .yoshi-link a{font-size: 16px;}


  /* PERMIT
  ========================================================================== */
  .permit-lead{
    padding:11em 0em 1em; 
    margin-bottom:3em;
  }
  .permit-lead .permit-ico{margin:0 auto 2em; width:100px;}
  .permit-lead h1{font-size:32px; margin-bottom:1em;}
  .permit-lead p{font-size:18px;}
  .permit-wrap{padding:4em 0;}
  .permit-box {padding:4em 5em 2em;}
  .permit-box h2{font-size:28px;}
  .permit-box p{font-size:18px; margin-bottom:2em;}
  .permit-box ul{padding:2em 0 0 2em;}
  .permit-box li{list-style-type: decimal; font-size:24px; margin-bottom:2em;}
  .permit-box li h3{font-size:24px; font-weight:bold; margin-bottom:.5em;}

  .permit-pdf{padding:3em 0 5em;}
  .permit-pdf p{margin-bottom:1.5em; font-size:20px;}
  .permit-pdf .access-pdf{border: 3px solid #FC247C; width:400px; margin:0 auto;}
  .permit-pdf .access-pdf p {padding:1em 0; font-size: 22px; }
  .permit-pdf .access-pdf p::after {font-size: 22px;}



  /* DJ
  ========================================================================== */
  .dj-main{background: url(../images/key/main_dj.jpg) no-repeat top center/cover;}

  .dj-wrap{padding:3em 0 6em;}
  .dj-wrap h2{font-size:30px; margin-bottom:.5em; }
  .dj-store{position:relative; padding-top:5em; width:100%;}
  .dj-half-wrap{display: flex; flex-wrap: no-wrap; justify-content: space-between;}
  .dj-half{position:relative; padding-top:5em; width:49%;}
  .dj-night-p a{top:3em; font-size:22px; padding:.5em;}
  .dj-store-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:1.5em;}
  .dj-store-box{width:50%;}
  .dj-store-box p{font-size:18px}
  .dj-half .dj-store-box{width:50%;}
  .dj-full-box{width:100%;}
  .dj-store-box:first-child{border-right:1px solid #444;}
  .dj-store-box p{padding:.5em; text-align:center; width:100%;}
  .dj-store-box ul{flex-wrap: no-wrap;}
  .dj-store-box li{width:50%; padding:1.5em 1.2em; min-height: 290px;}
  .dj-store-box li:nth-child(odd){border-right:1px solid #444; border-left: 1px solid #444;}
  .dj-store-box li:nth-last-child(2),.dj-store-box li:last-child{border-bottom:0px solid #444;}
  .dj-full-box li{width:25%; border-right:1px solid #444 !important; border-bottom:1px solid #444 !important;}
  .dj-half .dj-full-box li{width:50%; min-height: 290px;}
  .dj-half .dj-store-box p{font-size:18px;}
  .dj-full-box li:nth-last-child(4n){border-right:none;}
  .dj-store-box li img{padding:0 1.5em; margin-bottom:1em; max-width: 250px;}
  .dj-store-box li h3{color:#fff; font-size:18px; line-height:1.3; text-align:center; margin-top:.5em;}
  .dj-store-box li h3 span{color:#fff; font-size:16px; font-weight:normal; display:block; margin-top:.4em;}

  .dj-store-box.dj-full-box.dj-100 li{width:100% !important;}
  .dj-store-box.dj-full-box.dj-100 li img{width:50%;} 

  .dj-one-box{width:25%;}
  .dj-one-box li{width:100%;}

  .dj-sp-one-box{width:25%;}
  .dj-sp-one-box li{width:100%;}

  .dj-two-box{width:50%;}
  .dj-two-box li img{max-width: 100%;}
  .dj-two-box li{width:50%;}

  .dj-half-two-box{width:50%;}
  .dj-half-two-box li img{max-width: 45%;}
  .dj-half-two-box li{width:100%;}

  .dj-sp-half-two-box{width:50%;}
  .dj-sp-half-two-box li img{max-width: 45%;}
  .dj-sp-half-two-box li{width:100%;}

  .dj-three-one-box{width:33.33%;}
  .dj-three-one-box li img{max-width: 65%;}
  .dj-three-one-box li{width:100%;}

  .dj-sp-three-one-box{width:33.33%;}
  .dj-sp-three-one-box li img{max-width: 65%;}
  .dj-sp-three-one-box li{width:100%;}

  .dj-three-2-box{width:33.33%;}
  .dj-three-one-2-box li img{max-width: 65%;}
  .dj-three-one-2-box li{width:100%;}

  .dj-three-two-box{width:66.66%;}
  .dj-three-two-box li img{max-width: 65%;}
  .dj-three-two-box li{width:50%;}

  .dj-full-two-box{width:100%;}
  .dj-full-two-box li img{max-width: 45%;}
  .dj-full-two-box li{width:50%;}

  .dj-full-three-box{width:100%;}
  .dj-full-three-box li img{max-width: 70%;}
  .dj-full-three-box li{width:50%;}

  .dj-three-box{width:33.33%;}
  .dj-three-box li img{max-width: 70%;}
  .dj-three-box li{width:100%;}

  .dj-sp-three-box{width:33.33%;}
  .dj-sp-three-box li img{max-width: 70%;}
  .dj-sp-three-box li{width:100%;}

  .dj-full-three-box{width:100%;}
  .dj-full-three-box li img{max-width: 70%;}
  .dj-full-three-box li{width:33.33%;}

  .dj-three-three-box{width:75%;}
  .dj-three-three-box li img{max-width: 95%;}
  .dj-three-three-box li{width:33.33%;}





  /* REC
  ========================================================================== */
  .rec-main{background: url(../images/key/main_rec.jpg) no-repeat top center/cover;}
  .rec-wrap{padding: 3vw 0 3vw;}
  .rec-wrap p{font-size: 16px; margin-bottom:2em; text-align:center;}

  dl.rec-srv{display: flex; flex-wrap: wrap; justify-content: space-between;}
  dl.rec-srv dd{width: 49.5%; position: relative; padding:4em 3em 1em; box-sizing: border-box; margin-bottom:1px;}

  dl.rec-srv2{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:3.5em;}
  dl.rec-srv2 dd{width: 33%; position: relative; padding:2.5em 1em 1em; box-sizing: border-box; margin-bottom:1px;}

  .rec-srv-in p{color: #fff;}
  h2.rec-srv-ttl{ font-family: 'Lato', sans-serif; font-weight: 900; text-align: center; font-size: 42px; margin-bottom:.25em;}
  h2.rec-srv-ttl span{ font-size: 18px; display: block; color: #fff;}
  p.rec-srv-txt{ font-size: 18px; line-height: 1.6;text-align: justify;text-justify: inter-ideograph;text-shadow:0px 0px 5px #000;}
  p.rec-srv-store{color:#afedee; }

  dl.rec-srv2 h2.rec-srv-ttl{font-size: 36px;}
  dl.rec-srv2 p.rec-srv-txt{font-size: 14px;}

  .rec-bt-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; padding:2em 10%;}
  .rec-bt-wrap li{width:48%;}
  .rec-wrap .userguide-kiyaku{margin-bottom:2em; width:100%;}
  .rec-wrap .userguide-kiyaku li{width:100%;}
  .rec-wrap .conf{}
  .rec-wrap .conf a{font-size: 16px; border: 2px solid #000; margin:0 auto 2em !important; padding:1em .8em; display:block !important; width:100%;}
  .rec-wrap .conf a:before{left: 1em; color: #000; font-size: 18px; }
  .rec-wrap .conf a:hover:before{color:#fff;}
  .rec-wrap .arts-conf a{width:48%; margin:0 auto 1em !important;}

  .rec-option-wrap{padding:3em 0;}
  .rec-option-box{display: flex; flex-wrap: wrap; justify-content: center;}
  .rec-option-wrap a{width:60%; padding:0;}
  .rec-option-wrap ul{width:100%; margin-bottom:0em; display: flex; flex-wrap: wrap; justify-content: space-between;}
  .rec-option-wrap li:first-child{width:40%;}
  .rec-option-wrap li:first-child img{margin:0 auto;}
  .rec-option-wrap li:last-child{
    width: 60%;
    padding: 1.5em 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .rec-option-wrap li h3{font-size: 18px; margin-bottom:.5em;}
  .rec-option-wrap li p{font-size: 14px; line-height:1.6;}


  /* REC2
  ========================================================================== */
  .rec2-wrap{padding:4em 0em 0em; text-align:center; margin-bottom:1em;}
  .rec2-wrap h1{ font-size: 20px;}
  .rec2-wrap h1 i{display:block; font-size: 25px; padding-top:1em;}

  .rec-band-wrap{padding: 2em 0 3em;}
  .rec-vocal-wrap{padding: 5em 0 2em;}

  .rec-ico-img{width:250px !important; margin:0 auto 2em;}
  .rec-band-wrap h2{font-size: 60px; line-height:1.0; margin-bottom:.5em; }
  .rec-band-wrap h2 span{ font-size: 24px; margin:0; padding:1em 0 0;}
  .rec-band-wrap h2 span.rec-ttl-store{ font-size:18px; margin:0; padding:1em 0 0;}
  .rec-band-wrap p{font-size: 16px; line-height:1.6; text-align:center;}
  .rec-band-wrap p span{font-size: 18px; line-height:1.6; }

  .rec-chart-wrap{padding:3em 0;}
  .rec-chart-wrap h3{font-size: 18px; margin-bottom:1.5em; }
  .rec-chart-box{border:6px solid #000; padding:2.5em 3em 2em; margin-bottom:1.5em;}
  .rec-chart-wrap i{margin:0 auto 1em; font-size: 30px;}
  .rec-chart-box:before{border-width: 60px 60px 0 0;}
  .rec-vocal-wrap .rec-chart-box:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 0px 0 0;}
  .rec-chart-box .chart-number{top:7px; left:7px; font-size: 30px;}
  .rec-chart-box .chart-ttl{font-size: 28px; margin-bottom:1em; }

  .rec-chart-box p,.rec-chart-box li p{font-size:18px;}
  .rec-chart-box .w750 li:first-child{width:750px; float:left;}
  .rec-chart-box .w750 li:last-child{ width:calc(100% - 810px); float:right; padding-top:.5em;}
  .rec-chart-box .w750 li:last-child p{text-align:left !important;}
  .rec-chart-box .w570 li:first-child{width:570px; float:left;}
  .rec-chart-box .w570 li:last-child{ width:calc(100% - 630px); float:right; padding-top:.5em;}
  .rec-chart-box .w570 li:last-child p{text-align:left !important;}
  .rec-chart-box .rec-chart-img{width:700px; margin-bottom:1em;}
  .rec-chart-box .rec-chart-img2{width:470px; margin:0 0 1em;}
  .rec-chart-box .rec-chart-img3{width:470px; margin:0 0 1em;}
  .rec-chart-box .chart-price{margin-top:1em; font-size: 20px; line-height:1.4; text-align:center;}
  .rec-vocal-wrap li:first-child p{text-align:left; padding-top:.5em;} 
  .rec-vocal-wrap .chart-price{margin-top:0em; font-size: 18px; line-height:1.7; text-align:left;}
  .rec-chart-box .chart-price span{display:inline;}

  .rec-arts-box{padding:4em 0 5em; text-align:center;}
  .rec-arts-box p{font-size:18px;}
  .rec-arts-box p span{font-size: 22px; display:inline; padding:.5em .75em; border:3px solid #16d1c4; border-radius:24px; margin:0 0 0 1em;}

  /* engineer
  ========================================================================== */
  .engineer-main{background: url(../images/key/main_engineer.jpg) no-repeat top center/cover;}
  .engineer-wrap{padding: 3vw 0;}
  .engineer-wrap p.e-s-lead{font-size: 16px; line-height:1.6; margin-bottom:2em; padding:0 0;}

  .engineer-st li{width:16.667%;}
  .engineer-st li p{font-size: 14px; line-height:1.3;}
  .engineer-st li p span{font-size: 14px;}

  .engineer-price{padding:0 0;}
  .e-s-price-ttl {font-size: 20px; border:5px solid #000; color:#000; padding:1em 1.5em; width:30%; margin:-.75em auto 0;}
  .engineer-price i{font-size: 35px; padding:.25em 0; color:#000;}
  .engineer-price ul{margin-bottom:3em; padding:0 3em;}
  .engineer-price li{border:5px solid #FC247C; padding:1em 0; display: flex; flex-wrap: wrap; justify-content: center;}
  .engineer-price li p{font-size: 24px; padding-top:.4em;vertical-align:middle;}
  .engineer-price li p span{font-size: 16px; padding:0; margin:0;}
  .engineer-price li p.e-s-price{font-size: 28px; padding-top:0;}
  .engineer-price li p.e-s-price span{font-size: 16px;}

  .e-s-price-caution{font-size: 16px; line-height:1.6; padding:1.5em; margin-bottom:3em;}

  .engineer-arts{padding:3em 1em 1em; font-size: 14px; margin-bottom:1em;}
  .engineer-arts i{padding-right:.5em;}
  .engineer-arts p{margin-bottom:.5em;}
  .engineer-arts .arts-ttl{font-size: 20px; margin-bottom:1em;}
  .engineer-arts .arts-tel{font-size: 30px;}
  .engineer-arts .sub-ttl{font-size: 12px; margin:2em 0 1em;}
  .engineer-arts img{width:120px !important; margin:0 auto 1.5em;}
  .engineer-arts .arts-web,.engineer-arts .arts-mail{font-size: 22px;}
  .engineer-arts ul{display: flex; flex-wrap: wrap; justify-content: center; padding:1em 5% 0;}
  .engineer-arts li{width:33.3%;}
  .engineer-arts li p{vertical-align:middle;}

  /* selfrec
  ========================================================================== */
  .selfrec-main{background: url(../images/key/main_selfrec.jpg) no-repeat top center/cover;}
  .selfrec-wrap{padding: 3em 0;}
  .selfrec-wrap h2{font-size: 24px; padding:0 0; margin-bottom:1em;}
  .selfrec-lead{font-size: 16px; margin-bottom:3em; padding:0;}

  .selfrec-st-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .selfrec-st-box{width:48%; margin-bottom:4em;}
  .selfrec-st-box .selfrec-ttl h3{ font-size: 34px; padding:0 0 .5em;}
  .selfrec-st-box .selfrec-ttl h3 span{font-size: 20px; font-weight:bold; margin:0 .2em 0 0;}
  .selfrec-st-box ul{margin-bottom:2.5em;}
  .selfrec-st-box ul:last-child{margin-bottom:0;}
  .selfrec-st-box .selfrec-map img{width:50% !important; margin:0 auto; padding:1em 0 3em;}
  .selfrec-st-box .selfrec-subttl{font-size: 18px; padding:0 1.5em; margin-bottom:1em;}
  .selfrec-st-box .selfrec-desc{font-size: 14px; padding:0 1.5em; margin-bottom:1em;}
  .selfrec-st-box i{color:#fff; padding-right:.2em;}
  .selfrec-st-box .selfrec-tel{font-size: 28px; margin:0 0 1.5em;}
  .selfrec-st-box .selfrec-link{text-align:center; width:100%;  margin-bottom:1em;}
  .selfrec-st-box .selfrec-link a{font-size: 16px; padding:.5em 1em;}
    

  /* Narration
  ========================================================================== */
  .narration-main{background: url(../images/key/main_narration.jpg) no-repeat top center/cover;}
  .narration-wrap{padding: 3vw 0 3vw;}
  .narration-wrap p{font-size: 16px; margin-bottom:2em; text-align:left; padding:0 0em; }

  .narration-st-wrap .inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .narration-st-box{width:47%;}

  .narration-ic {}
  .narration-ic img.logo-img{width:150px !important; margin:0 auto 1em;}
  .narration-ic h2{font-size: 28px; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif; font-weight:900; margin-bottom:1em;}
  .narration-ic h2 span{display:inline; font-size: 24px; font-weight:900;}
  .narration-ic h2 i{padding:0 .25em 0 1em;}

  .narration-st-box{margin-bottom:1em;}
  .narration-st-box ul{margin-bottom:1em;}
  .narration-st-box li:nth-child(1){width:100%;}
  .narration-st-box li:nth-child(2),.narration-st-box li:nth-child(3){width:49%; padding:1em 0;}
  .narration-st-box li:nth-child(4){width:100%; padding:1em 0; font-size: 16px; line-height:1.6;}

  .narration-st-box .price-list dl{ border: #ccc 1px solid; margin: .5em 0 1.5em;}
  .narration-st-box .price-list dl.list01 dd{width:25%;}
  .narration-st-box .price-list dl.list01 dd > div:nth-child(1) p{font-size: 13px;}
  .narration-st-box .price-list h3{text-align:center;}

  .narration-option-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .narration-price-option{width:48%; border:1px solid #ccc;}
  .narration-price-option h3{font-size: 14px; text-align:center; padding:.5em 0; background:#f6f6f6;}
  .narration-price-option p {padding:.5em 1em 0;}
  .narration-price-option p.price{font-size: 18px; text-align:center; font-weight:bold; margin:.5em 0;}
  .narration-price-option img{margin:1em auto; width:50% !important;}
  .narration-price-option p.desc{font-size: 14px; line-height:1.5;}
  .narration-price-option p.link a{font-size: 14px; text-align:center; border:1px solid #000; padding:.2em; display:block; margin-bottom:1em;}
  .narration-price-option p.link a:hover{border:1px solid #000; background:#000; color:#fff;}


  /* livestream
  ========================================================================== */
  .livestream-main{background: url(../images/key/main_livestream.jpg) no-repeat top center/cover;}

  .livestream-wrap{padding: 4vw 0;}
  .livestream-wrap h2 span{font-size: 18px;}
  .livestream-wrap p.livestream-ttl{font-size: 28px; margin:1em 0 2em; padding:0 1em;}

  .livestream-logo ul{padding:0 3em; margin-bottom:3em;}
  .livestream-logo li{width:25%; padding:0 3em;}
  .livestream-logo li img{margin:0 auto 0em;}

  .livestream-lead ul{padding:0 0; margin-bottom:4em;}
  .livestream-lead li:first-child{width:100%;}
  .livestream-lead li:first-child img{margin:0 auto 3em; width:70% !important;}
  .livestream-lead li:last-child{width:100%; padding:0 0; }
  .livestream-lead p.livestream-m-ttl{font-size: 20px; line-height:1.5; margin-bottom:1.5em;}
  .livestream-lead p.livestream-desc{font-size: 18px; line-height:1.6; margin-bottom:0em;}

  .livestream-flow ul{padding:0 6em; margin-bottom:3em;}
  .livestream-flow li{width:15%; padding:1em; border:2px solid #000; position:relative; margin-bottom:0em; margin-right:5%;}
  .livestream-flow li:after{content: "\f054"; bottom:50%; left: 120%; transform: translate(0,50%); color: #000; font-size: 20px;}
  .livestream-flow li:last-child{margin-right:0%;}
  .livestream-flow li:last-child:after{content: none;}
  .livestream-flow li p.flow-img{width:50%; position:absolute; top:7%; left: 50%; transform: translate(-50%,0%); padding:.25em;}
  .livestream-flow li p{padding-top:60%; font-size: 14px;}

  .livestream-price{padding:0 0;}
  .livestream-price h3{font-size: 24px; margin-bottom:1em; color:#16d1c4;}
  .livestream-price .price-box{border:2px solid #16d1c4;}
  .livestream-price .price-ttl{padding:2em 0 1em;}
  .livestream-price .price-ttl ul{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:.6em;}
  .livestream-price .price-ttl li:first-child{margin-bottom:.5em;}
  .livestream-price .price-ttl li:first-child span{padding:.5em 1em; border-radius:20px; font-size: 16px; font-weight:bold; margin:0 .5em;}
  .livestream-price .price-ttl li:last-child{font-size: 36px; margin-bottom:0;}
  .livestream-price .price-ttl li:last-child span{font-size: 20px; font-weight:bold;}
  .livestream-price .price-ttl p{font-size: 16px; font-weight:bold;}

  .livestream-price .price-timebox p{font-size: 18px; line-height:1.6; padding:1.5em;}
  .livestream-price .price-timebox ul{padding:0 1.5em 1.5em; width:100%;}
  .livestream-price .price-timebox li:first-child{width:60%;}
  .livestream-price .price-timebox li:last-child{width:35%;}
  .livestream-price .price-timebox li p{font-size: 18px; line-height:1.6;}
  .livestream-price .price-timebox li table{width:100%;}
  .livestream-price .price-timebox li th{background:#efefef; padding:.5em;  font-size: 16px;}
  .livestream-price .price-timebox li td{padding:.5em; font-size: 16px;}

  .demo-wrap{background:#E5E0DC;}
  .demo-wrap-lead{padding:0;}
  .demo-wrap-lead ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 5%; margin-bottom:2em}
  .demo-wrap-lead li{width:50%;}
  .demo-wrap-lead p{font-size: 16px; line-height:1.6; margin-bottom:.25em; text-align:center;}
  .demo-wrap-lead img{margin:1.2em auto 1em; width:60%;}
  .demo-wrap-lead a{font-size: 16px; line-height:1.4; word-break:break-all; text-align:center !important; color:#cc0000;}
  .demo-wrap li iframe{margin:0 auto 0em; display:block; height:320px;}

  .chromakey-wrap{padding:3em 0em .5em;}

  .chromakey-about{padding:1em 0;  margin-bottom:3em;}
  .chromakey-about h3{font-size: 26px;}
  .chromakey-about p{font-size: 18px; line-height:1.6; margin-bottom:1.5em; text-align:center;}
  .chromakey-about ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 10%;}
  .chromakey-about li{width:46%; position:relative; margin-bottom:0; padding:0;}
  .chromakey-about li:last-child{margin-bottom:0em;}
  .chromakey-about li:first-child:after{content: "\f054"; font-family: FontAwesome; position: absolute; bottom:50%; left: 107%; transform: translate(0%,50%); font-size: 20px; }
  .chromakey-about li p{bottom:-40px; font-size: 40px; line-height:1.1; argin-bottom:0em;}

  .chromakey-st{text-align:center; }
  .chromakey-st h3{font-size: 20px; line-height:1.4; font-weight:bold; margin-bottom:1.5em;}
  .chromakey-st-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}

  .chromakey-st-box {width:48%; background:#fff; margin-bottom:4em; padding-bottom:3em;}
  .chromakey-st-box .c-st-ttl{position:relative; margin-bottom:2em;}
  .chromakey-st-box .c-st-ttl p{font-size: 30px; padding:1em 0;}
  .chromakey-st-box .c-st-ttl p span{display:inline; font-size: 18px; padding-right:1em;}
  .chromakey-st-box .c-st-ttl p span:last-child{padding:0 0;}
  .chromakey-st-box .c-st-price{font-size: 24px; margin-bottom:0;}
  .chromakey-st-box .c-st-price span{font-size: 16px; line-height:1.4; margin-bottom:1em;}
  .chromakey-st-box .c-st-caution{font-size: 16px; line-height:1.6; margin-bottom:1.5em; padding:0 1.5em;}
  .chromakey-st-box .c-st-desc{font-size: 16px; line-height:1.6; margin-bottom:1.5em; padding:0 1.5em .5em;}
  .chromakey-st-box .c-st-desc span{display:block; font-weight:bold; text-align:center;}
  .chromakey-st-box .c-st-table{padding:0 1.5em 3em;}
  .chromakey-st-box table{width:100%; font-size: 14px; line-height:1.3;}
  .chromakey-st-box table span{font-size: 12px;}
  .chromakey-st-box th,.chromakey-st-box td{padding:1em .5em;}
  .chromakey-st-box table tbody td.price{font-family: 'Roboto', sans-serif; color:#16d1c4;font-size: 16px;}
  .chromakey-st-box .c-st-link a{border:1px solid #000; font-size: 16px; padding:.5em 1.5em;}
  .chromakey-st-box .c-st-link a:hover{border:1px solid #000; background:#000; color:#fff;}

    
  /* 211030--御茶ノ水----11/12 9:00 OPEN！！-----
  ========================================================================== */
  .ochanomizu-open{
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      color: #fff;
      margin-bottom: 0.3em;
      font-size: 1.3em;
    }
    
  /* OPTION LINK
  ========================================================================== */
  .st-option-link-box {
    padding: 0.5em 1em;
    margin: 1.5em 0 1em;
    font-weight: bold;
    border: solid 1px #ccc;
    background: #f6f6f6;
    text-align: center;
  }
  .st-option-link-box p{
      margin: 0; 
      padding: 0;
  }	


  /* RECRUIT
  ========================================================================== */
  .recruit-bt-wrap{margin-bottom:4em;}
  .recruit-bt-box{width:24%; padding:1em 0 1em 0;}
  .recruit-bt-box p{text-align:center; font-size: 24px !important; line-height:1.1; vertical-align:middle;}
  .recruit-bt-box a{color:#fff; display:block;}
  .recruit-bt-box p span:last-child{font-size: 16px; color:#fff;}
  .recruit-bt-box p span:first-child{font-size: 18px; color:#fff; display:inline; padding-bottom:0em; padding-right:.5em;}

  .recruit-staff-wrap{padding:4em 0em;}
  .recruit-staff-wrap p{font-size: 16px;}
  .recruit-staff-wrap ul{margin-bottom:0;justify-content: flex-start;}
  .recruit-staff-wrap li{width:25%; margin-bottom:2.5em;border:10px solid #fff;}
  .recruit-staff-wrap li p.recruit-st-name{font-size: 13px; padding:8px 10px; }
  .recruit-staff-wrap li p.recruit-st-name span{font-size: 11px;letter-spacing:.2px;}
  .recruit-ico{bottom:-15px; left:-10px;}

  .recruit-staff-wrap li .recruit-staff-detail {font-size: 16px; display: block; text-align: center; width: 100%; height: 100%; position: absolute; top:-20%; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; z-index:12; }
  .recruit-staff-wrap li.shinsotsu .recruit-staff-detail{background-color: rgba(238, 129, 144, 0.8);}
  .recruit-staff-wrap li.chuto .recruit-staff-detail{background-color: rgba(41, 194, 203, 0.8);}
  .recruit-staff-wrap li.fulltime .recruit-staff-detail{background-color: rgba(250, 175, 59, 0.8);}
  .recruit-staff-wrap li.shorttime .recruit-staff-detail{background-color: rgba(177, 215, 21, 0.8);}
  .recruit-staff-wrap li .recruit-staff-detail span {color: #fff; display: block; height: 100%; vertical-align: middle; width: 100%; top:45%; text-align: center; font-weight:bold;}
  .recruit-staff-wrap li a:hover .recruit-staff-detail {opacity: 1; color: #fff; display: block; position: absolute; top:0%; height: 100%;}
  .recruit-staff-wrap li a:hover .recruit-staff-detail span {color: #fff; display: block; height: 100%; position: absolute; top:45%; text-align: center;}
    
  .recruit-staff-tab-item {width: 11.111%; border-bottom: 6px solid #fff; border-right: 6px solid #fff; background-color: #efefef; line-height:1.3; padding:2em 0; font-size: 14px; color: #000; display: block; float: left; text-align: center;  transition: all 0.2s ease; }	
  .recruit-staff-tab-item span{font-weight:bold;display:block;font-size:16px;}
    
  .recruit-entry-tab-item {border-bottom: 6px solid #fff; border-right: 6px solid #fff; background-color: #efefef; line-height:1.3; padding:2em 0; font-size: 14px; color: #000; display: block; float: left; text-align: center;  transition: all 0.2s ease; }	
  .recruit-entry-tab-item span{font-weight:bold;font-size:16px;}
  .recruit-entry-tabs .inner{padding:0;}
    
  .recruit-shinsotsu-wrap ul{padding:3em 12%;display: flex; flex-wrap: wrap; justify-content: space-between;}
  .recruit-shinsotsu-wrap li{margin-bottom:0;width:47%;border:6px solid #fff;}
  .recruit-shinsotsu-wrap li img{width:100%!important;margin:0 auto}
  .recruit-shinsotsu-wrap li p{font-size: 20px;line-height:1.3;font-weight:bold;text-align:center;}

  .recruit-link-wrap .inner{padding:3em 0em;margin-bottom:3em;}
  .recruit-link-wrap p{font-size: 16px; line-height:1.5;}
  .recruit-link-box{width:48%; margin-bottom:0;}
  .recruit-link-box p{font-size:40px;}
  .recruit-link-box p span{font-size: 18px; line-height: 1.4; color:#fff; display:block; padding-top:.4em;}

  .recruit-ow-wrap{padding:2em 0 4em;}
  .recruit-blog-wrap .news_all_list {
    padding: 0;
  }
  .recruit-ow-wrap li{margin-bottom:0; width:30%;}
  .recruit-blog-wrap .news_all_list li {
    width: 21%;
    margin-bottom: 1.5em;
  }
  .recruit-blog-wrap .news_all_list h2 {
    font-size: 14px;
    font-weight: 500;
  }
  .recruit-ow-wrap li:after{border-width: 0 0 20px 20px; right:7px; bottom:7px;}
  .recruit-ow-wrap h3{padding:1.5em 1em 1em 1em; font-size: 20px;}
  .recruit-ow-wrap p{padding:0 1.25em 1.5em 1.25em; font-size: 16px; line-height:1.5;}

  .recruit-blog-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
  .recruit-blog-wrap li{width:30%;}
  .recruit-blog-wrap li{width:30%;}
  .recruit-blog-wrap li a{padding:1em; margin-bottom:2em;}
  .recruit-blog-wrap li a .bloglistthumb{width:25%;}
  .recruit-blog-wrap li a .bloglisttext{width:70%; padding-top:.5em;}
  .recruit-blog-wrap li a .bloglisttext h3{font-size: 18px; line-height:1.3; margin-bottom:.2em;}
  .recruit-blog-wrap li a .bloglisttext p.recruit-entrydate{font-size:12px;}
  .top-bt-bloglist a{font-size: 16px; padding:1em; display:block; width:30%; margin:0 auto;}
  .top-bt-bloglist a:hover{background:#000; color:#fff;}

  .recruit-map-wrap .inner{padding:3em 5% 4em;}


    
  /* RECRUIT SESSION
  ========================================================================== */
  .session_infobox{padding:3em 1em 0em;}
  .session_infobox ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .session_infobox li{width:48%;}
  .session_infobox li:first-child{width:100%;}
    
  .session_lead h2{font-size:24px; font-weight:normal; line-height:1.4;}
  .session_lead h2 span{font-size:32px; font-weight:bold; line-height:1.4;}

  .seminar_sche_list_box{
    width: 100% !important;
  }
  .seminar_table_wrap {
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    gap: 2%;
  }
  /* .seminar_table_wrap table {
    width: 49%;
  } */

  /* .session_infobox th {
    width: 20% !important;
  } */
  /* .session_infobox tr ul {
    width: 48% !important;
  } */
  /* .session_infobox li:first-child td ul{width:48%!important;} */
  .session_infobox tr ul li{
    width: 100% !important;
  }
  .session_infobox table{font-size:18px;line-height:1.7;}
  .session_infobox td,th{padding:1em;}
  .session_infobox th {
    width: 20%;
    font-size: .85em;
    text-align: center;
    padding: 1em 0;
  }
  .session_infobox td ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .session_infobox td li{width:48%;}
  .session_infobox td li:first-child{width:48%;}

  #recForm, #recForm_part {
    padding-top: 10em;
  }
  .testw{
    flex-direction: row;
    justify-content: center;
  }
  .testw .userguide-kiyaku {
    margin: 0 0.5em 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recruit_btn_wrap {
    padding: 1.5em 1.5em 0;
  }
  .recruit_btn{
    font-size: 22px;
    margin: 1.5em auto;
    transition: opacity .3s;
  }
  .recruit_btn:hover{
    opacity: .6;
  }
  .recruit-box.sec {
    padding: 14rem 0 8em;
  }


  /* RECRUIT STAFF INTERVIEW
  ========================================================================== */
  .staff-main .inner{padding:0; position:relative; width:1200px !important; margin:0em auto 0em;}
  .staff-main .staff-name-box{width:42%; background: rgba(0,0,0,0.4); position:absolute; bottom:5%; right:5%; padding:1.5em; }
  .staff-main .left-name{bottom:5%; left:5%;}
  .staff-main .staff-name-box h1{font-size: 45px; color:rgba(255,255,255,0.6); margin-bottom:.6em;}
  .staff-main .staff-name-box h1 span{ font-size: 20px; padding-top:.2em}
  .staff-main .staff-name-box p.staff-prof{font-size: 16px; line-height:1.4;}
  .staff-main .staff-name-box h2{font-size: 24px!important; margin-bottom:.1em;line-height:1.1!important;}
  .staff-main .staff-name-box h2 span{font-size: 32px;line-height:1!important;padding:.5em 0;}

  .recruit-interview-box .inner{padding:1.5em 0 .5em; width:1200px;}
  .recruit-interview-box li{margin-bottom:3em;}
  .recruit-interview-box h3{font-size:18px; margin-bottom:.5em;}
  .recruit-interview-box p{font-size:16px; line-height:1.7;}

  .daytime-wrap{background: #E5E0DC; padding:2em 0;  width:1200px; margin:0 auto;}
  .daytime_list{width: 85%; margin: 20px auto 0px; box-sizing:border-box;}
  .daytime_list dd{padding:0 2em;}
  .staff-day-img{width:100%; }
  .staff-day-img img{width:70% !important; margin:0 auto 1em;}
  .staff-day-txt p{font-size:18px; font-weight:bold; line-height:1.6; text-align:center; margin-bottom:.2em;}
  .staff-day-txt p span{display:block; font-family: "Oswald"; font-size: 24px; font-weight:bold; }
  .staff-day-txt p.staff-day-txt-s{font-size:12px !important; font-weight:normal; line-height:1.5; width:100%; text-align:center;}
  .daytime_list .slick-next:before{font-size: 50px; display:block;}
  .daytime_list .slick-prev:before{font-size: 50px; display:block;}

  .recruit-intern-wrap{padding:2em 0 4em;margin-bottom:4em;}
  .intern-baner{border:1px solid #56c4b0; margin-bottom:2.5em;}
  .recruit-intern-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .recruit-intern-wrap li{border:1px solid #56c4b0; margin-bottom:1.5em; width:30%;}
  .recruit-intern-wrap li img{width:100%; height:auto;}
  .recruit-intern-wrap li h3{padding:.75em 1em .5em 1em; font-size: 21px; color:#56c4b0; text-align:center; line-height:1.5;}
  .recruit-intern-wrap li h3 span{background:#FC247C; padding:.25em 1em; font-size:14px; color:#fff; border-radius:15px;}
  .recruit-intern-wrap li p{padding:0 1em 1.25em 1em; font-size: 15px; line-height:1.5;}

  .recruit-intern-wrap li:last-child{border:0px solid #56c4b0; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:1em;}
  .recruit-intern-wrap li:last-child img{width:45% !important; height:auto;}
  .recruit-intern-wrap li:last-child .text-box{width:50% !important;}
  .recruit-intern-wrap li:last-child h3{text-align:left;}

  .recruit-post-wrap{background-color:#efefef; padding: 13em 0em;}
  .recruit-post-wrap .right_news_box{padding-top:0em;}
  .recruit-post-box{padding:2em; position:relative; font-size:18px; box-shadow: 0 0 3px rgba(120,120,120,0.3); margin-bottom:0em;}
  .recruit-post-box .news-tag{position:absolute; right:-.05em; top:-.5em;}
  .recruit-post-box .news-date{margin-bottom:.5em;}
  .recruit-post-box h1{font-size:32px;}
  .recruit-post-box h2{font-size:26px; margin:1.5em 0;}

    
  /* RECRUIT 2024
  ========================================================================== */
  .recruit_bloc{
    /* 768px : 11p */
    font-size: clamp(11px,1.430429128vw,14px);
    /* font-size: 10px; */
  }

  .recruit_top_key_ttl {
    width: 60rem;
}

.recruit_top_key_ph{
  width: 100%;
}

.recruit_top_key_ph img{
  width: 100%;
}
.recruit_top_key_txtbox {
  right: 0;
  bottom: 6em;
  left: inherit;
}

.recruit_top_key_txt {
  font-size: 2em;
  width: 6em;
}

.recruit_top_key_subtxt {
  font-size: .5em;
  padding-bottom: .5em;
}

.recruit_top_left {
  left: .4em;
  font-size: 3em;
}

.recruit_top_left_sub {
  font-size: 1.2em;
}

.recruit_top_about_sec {
  padding: 6em 2em 14em 6em;
}

.recruit_top_about_cnt img{
  margin: 0 auto;
  width: 60em;
}

.recruit_top_about_txtbox{
  text-align: center;
}

.recruit_top_about_txt {
  font-size: 1.3rem;
  text-align: left;
  display: inline-block;
}

.recruit_top_type{
  display: flex;
  justify-content: space-around;
  padding: 8em 0 0;
  flex-wrap: wrap;
}

.recruit_top_type_newbox{
  width: 45%;
  padding-bottom: 4em;
}

.recruit_top_type_midbox{
  width: 45%;
}

.recruit_top_type_newcnt p {
  font-size: 2em;
  padding-right: 1em;
}

.recruit_top_type_ph {
  width: 5em;
}

.recruit_top_type_midcnt p {
  font-size: 2em;
}

.recruit_top_type_newsub {
  bottom: 4.5em;
  right: 1em;
  font-size: 1em;
}

.recruit_top_type_midsub {
  bottom: 1em;
  right: 1em;
  font-size: 1em;
}

.recruit_top_type_newcnt {
  padding: 0 1em 2em 0;
}

.recruit_top_type_midcnt {
  padding: 0 1em 2em 0;
}


.recruit_top_works_sec {
  padding: 4em 0 12em 6em;
}
    
.recruit_top_works_box p {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: #fff;
  font-weight: 600;
  font-size: 3em;
}

/* .recruit_top_works_box span {
  font-size: 1.5rem;
} */

.recruit_top_about_box {
  padding: 0 0 0 10em;
}

.recruit-st-name {
  right: 1em;
  top: 0.5em;
  font-size: 2em;
}

.recruit-st-namesub {
  bottom: 1em;
  right: 1em;
  font-size: 1.3em;
}

.recruit-st-name span {
  position: relative;
  bottom: -24em;
  font-size: 0.8em;
  display: block;
}

.recruit-ico {
  bottom: 1.5em;
  left: 2em;
  width: 30%;
}

.recruit_top_staff_txt {
  padding: 0 2em 0 0;
  font-size: 1.5em;
}

.recruit_top_staff_other {
  padding: 8em 3em 6em 0;
}

.recruit_top_staff_otherbox {
  padding: 2em 4em;
  margin: 0 0 0 auto;
  width: 40em;
}

.recruit_top_staff_otherlogo {
  width: 8em;
}

.recruit_top_staff_otherbox p {
  font-size: 1.8em;
  font-weight: 600;
}

.staff-arrows-box{
  position: relative;
}

.arrow_circle {
  width: 4em;
  height: 4em;
}

.arrow_circle::before {
  font-size: 1.5em;
}

.recruit_top_join_ttl {
  font-size: 1.2em;
}

@media print, screen and (min-width:1400px){
  .recruit-st-name {
    right: 0.5rem;
    font-size: 1rem;
  }

  .recruit-st-namesub {
    bottom: 0.5em;
    right: 1em;
    font-size: .8em;
  }

  .recruit-ico {
    bottom: .5em;
    left: .5em;
    width: 30%;
}
}

/* RECRUIT2024 WORKS
========================================================================== */
.recruit_works_key_ttl {
  left: 5%;
  width: 20%;
  filter: invert(1);
}

.recruit_works_key_phbox {
  width: 70%;
  margin: 0 0 0 auto;
}

.recruit_works_key_txtbox {
  left: auto;
  right: 0;
  bottom: 10vw;
}

.recruit_works_key_txt {
  font-size: 3vw;
  width: 30vw;
  overflow: hidden;
}

.recruit_works_cnt_scroll {
  padding-bottom: 6em;
}

.recruit_works_cnt{
  display: flex;
  justify-content: space-between;
  padding-bottom: 15em;
}

.recruit_works_cnt:nth-child(even){
  flex-direction: row-reverse;
}

.recruit_works_cnt_box {
  padding: 4em;
}

.recruit_works_cnt_ttl {
  padding-bottom: .5em;
  font-size: 2.5em;
}

.recruit_works_cnt_txt{
  width: 48.5%;
}

.recruit_works_cnt_txt p {
  font-size: 1.6em;
  line-height: 1.6;
}

.recruit_works_cnt_ph{
  width: 48.5%;
}

.recruit_works_cnt_num {
  font-size: 4em;
}


/* RECRUIT2024 CAREER
========================================================================== */
.recruit_career_key_txtbox {
  top: 30em;
  left: 5em;
}

.recruit_career_key_ph{
  width: 100%;
}

.recruit_career_key_ph img{
  width: 100%;
}

.recruit_career_key_txt {
  font-size: 5em;
}

.recruit_career_about_ttl{
  padding-bottom: 1.5em;
  font-size: 3em;
}

.recruit_career_about_ttl span {
  display: block;
  padding-left: 0;
}

.recruit_career_about_ph {
width: 60%;
}

.recruit_career_about_txtbox {
  text-align: center;
  margin: 0 auto;
}

.recruit_career_about_txt {
  text-align: left;
  display: inline-block;
  font-size: 1.3em;
  line-height: 2;
  padding-bottom: 3em;
}

.recruit_career_about_txt span {
  padding-bottom: 2em;
}

.recruit_career_entry_box {
  justify-content: center !important;
}

.recruit_career_entry_box li{
  width: 50% !important;
}

.recruit_career_entry_box li:nth-child(even){
  padding: 0 0 0 1em;
}

.recruit_career_entry_box li:nth-child(2n+1){
  margin: 0 auto 0 0;
}

.recruit_career_entry_box li:first-child{
  margin:0;
}

.recruit_career_entry_cond{
  font-size: 1.5em;
}

.recruit_career_entry_cond span{
  font-size: .8em;
  padding: 1em 0;
}




  /* ABOUT NOA
  ========================================================================== */
  .aboutstudio-main{background: url(../images/key/main_aboutstudio.jpg) no-repeat top center/cover;}
  .aboutstudio2-main{background: url(../images/key/main_aboutstudio2.jpg) no-repeat top center/cover;}
  .aboutstudio3-main{background: url(../images/key/main_aboutstudio3.jpg) no-repeat top center/cover;}

  .aboutstudio-wrap{padding:3em 0em 3em;}
  .aboutstudio-wrap .inner{width:960px; margin:0 auto;}
  .aboutstudio-wrap p{font-size:18px; line-height:1.6; margin-bottom:2em;}
  .aboutstudio-wrap ul{display: flex; justify-content: space-between;}
  .aboutstudio-wrap li{width:29%; font-size:4vw; line-height:1.6; margin-bottom:0;}
  .aboutstudio-wrap li img{width:80%; margin:0 auto .3em; display:block;}
  .aboutstudio-wrap li h2{font-size:20px; line-height:1.6; text-align:left;}

  .varietystudio-wrap{padding:4em 0em 0em;}
  .varietystudio-wrap .inner{width:960px; margin:0 auto;}
  .varietystudio-wrap li{font-size:16px; line-height:1.6; padding-bottom:2.5em; margin-bottom:2.5em; display: flex; justify-content: space-between;}
  .varietystudio-wrap li:last-child{border-bottom:none; padding-bottom:0;}
  .varietystudio-wrap li .imgbox{width:30%; padding-top:.5em;}
  .varietystudio-wrap li .imgbox img{width:100%; margin:0 0 1em; display:block; }
  .varietystudio-wrap li .textbox{width:65%;}
  .varietystudio-wrap li h2{font-size:22px; line-height:1.6; text-align:left;}
  .varietystudio-wrap li p{font-size:16px; line-height:1.6;}

  .aboutstudio-bt-wrap {padding:2em 0;}
  .aboutstudio-bt-wrap ul{width:100%; display: flex; justify-content: space-between;}
  .aboutstudio-bt-wrap li{width:30%; margin-bottom:0em;}
  .aboutstudio-bt-wrap li h3{width:100%; font-size:20px;}

  /* GEAR
  ========================================================================== */
  .gear_all_list .inner{padding:3em 0em 4em;}
  .gear_all_list h2{font-size:40px;line-height:1.3;margin-bottom:.75em;text-align:left;}
  .gear_all_list h2 span{font-size:18px;display:inline;padding-left:1em;}
  .gear_all_list h2 span.gear-postkind{display:block;margin-bottom:0;padding-left:0;padding-bottom:0;}

  .right_gear_box{width:73%; float:right;}
  .right_gear_box li{padding:2em 1.5em 1.5em;margin-bottom:2em;}
  .right_gear_box li .gear-kind{font-size: 16px;margin-bottom:.75em;}
  .right_gear_box li h3{font-size:32px;line-height:1.4;margin-bottom:.6em;}
  .right_gear_box li h3 span{font-size:18px;}
  .right_gear_box li .categories{font-size: 14px;}
  .right_gear_box li.gear-posttxt{font-size:17px;line-height:1.7!important;padding:2em;}

  .left_gear_box{width:22%; float:left;padding-top:1em;}
  .left_gear_box ul{padding:1em 1em .5em;border-left:2px solid #efefef;border-right:2px solid #efefef;}
  .left_gear_box li h3{font-size:14px;padding:.25em;}
  .left_gear_box li a{font-size:14px; padding:1em 0;}
  .gear-tab-item {border-left:2px solid #efefef;border-right:2px solid #efefef;padding:.75em 0 .5em;font-size: 14px;}

  /* company
  ========================================================================== */
  .form-lead{padding:0 0;margin-bottom:1.5em;font-size:16px;}
  .form-lead2{padding:0 0;margin-top:2em; margin-bottom:3em;font-size:16px;}
  .company-info{margin:3em 0 5em;padding:0 7%;}
  .company-info dl{display: flex; flex-wrap: wrap; justify-content: space-between;border-bottom:1px dotted #CCCCCC;padding:1em 0;}
  .company-info dt{text-align:left;font-weight:bold;margin-bottom:0em;width:25%;}
  .company-info dd{text-align:left;width:72%;padding:0 0;}
  .company-info dd span{display:inline;}
  .company-info h2{font-size:20px;margin-bottom:1.5em;}
  .brandtop_box{width:100%;height:25px;margin-bottom:2em;margin-left:1.5%;}
  .pickupbox ul{width: 100%;
      display: flex;
      flex-wrap: wrap;}
  .pickupbox li{width: 19%;
      margin: 0 0.5% 40px;float:left;box-shadow:0px 0px 10px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.15);position:relative;padding:0em 0em 3.5em;}
  /*.pickupbox li:nth-child(even){float:left;}*/
  .brandimage img{width:100%!important;overflow:hidden;}
  .pickup_text{width:100%;font-size:14px;padding:1em 1em 0em;}
  .br_web_btn{width:50%;background-color:#000;position:absolute;right:0;bottom:0;text-align:center;font-size:14px;font-weight:normal;padding:0em;}
  .br_web_btn a{color:#fff;display:block;padding:.4em 0;}
  .br_web_btn a:hover{color:#fff;background-color:#ee0000;display:block;padding:.4em 0;}
  .br_web_btn i{padding-left:.5em;color:#fff;}


  .news_all_list .nomain-form-wrap{padding-top:2.5em;}
    
    
  /* 404 NOT FOUND
  ========================================================================== */
  body.notfound h1{font-size:30px; line-height:1.3;margin-bottom:2em;}
  body.notfound h1 span{font-size:30px; display:inline;}
  body.notfound .notfound-wrap{font-size:18px;line-height:1.7;text-align:center;padding:2em 0 6em;}
  body.notfound .back-btn {margin-top:2em; padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
  body.notfound .back-btn a {width:47%;margin: 1em auto 1em;font-size: 20px;padding: 1em;}
  body.notfound .studio_list{margin-bottom:3em;}

}/* min-width:769px */


@media screen and (max-width : 1400px){
  .st_about.inner{ width: 100%;}	
}

@media screen and (min-width : 1400px){
  .store_instagram{width:35%;}
}

@media screen and (max-width : 1300px){
  .st_about.inner,.shop-pickup .flex,.shop-social{ width: 100%;}
}

@media screen and (max-width : 1200px){
  .key-icon > div,.price-list,.price-at p{ width: 100%;}
}

@media screen and (max-width : 900px){
  .shop-icon{ width: 100%; }
}

@media screen and (min-width : 1300px){
  .movie-wrap-under{padding: 0 0 3em;margin-top:-5em;}		
}

/* 20211210追加
========================================================================== */
.news-btn-line {
    padding: 1em;
    display: block;
    background-color: #00B900;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    max-width: 300px;
    margin: 5px 0 10px;
    transition: opacity .5s;
    font-weight: 600;
}
.news-btn-line:hover {
    opacity: .7;
}