@charset "UTF-8";

/*============================================

  2021 Renewal - style.css

============================================*/


/*Reset =============================================*/
*{
  box-sizing: border-box;
  background-repeat: no-repeat;
}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,figcaption,button{
  margin: 0;
  padding: 0;
}
ul,li{
list-style: none;
}
a{
text-decoration: none;
color: inherit;
}
a[href^="tel:"] {
  pointer-events: all;
}
img,svg{
vertical-align: bottom;
border: none;
width: 100%;
max-width:100%;
height:auto;
}
svg{
  /* fill: currentColor; */
  vertical-align: bottom;
}
button{
  background-color: inherit;
  border: none;
}
table {
  border-collapse: collapse;
}


:root {
  /* --color-bg-grey: #f0f5fa; */
  --color-bg-grey: #f4f6f9;
  --color-txt-black: #333333;
  --color-txt-grey: #a0b4be;
  --color-txt-grey2: #46505a;
  --color-txt-red: #ce0612;
  --font-en: 'Barlow Condensed', sans-serif;
  --font-ja: 'Noto Sans JP', sans-serif;

  --filter-w: invert(100%) sepia(19%) saturate(377%) hue-rotate(316deg) brightness(100%) contrast(300%);
  --filter-wg: invert(96%) sepia(8%) saturate(14%) hue-rotate(314deg) brightness(86%) contrast(111%);
  --filter-red: invert(33%) sepia(39%) saturate(3362%) hue-rotate(347deg) brightness(84%) contrast(106%);
  --inn-w: 1.5em;
  --inn-w-minus: -1.5em;

  --bgc-grey: #e9e9e9;
  --kc-green: #00a99d;
  --btn-color: #444;
  --kc-pink: #fd247c;
  --kc-red: #f90000;
}
@media (min-width: 769px) {
  :root {
    --inn-w: 3em;
    --inn-w-minus: -3em;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@media (min-width: 960px) {
  :root {
    --inn-w: 4em;
    --inn-w-minus: -4em;
  }
}

/* font-size =============================================*/
.vw_base,.vw_base_max{
  /* font-size: 10px; */
  /* font-size: clamp(10px,3.125vw,16px) !important; */
  font-size: 3.125vw;
}
@media (min-width: 769px) {
  .vw_base,.vw_base_max{
    font-size: 10px;
  }
}/*  */
@media (min-width: 960px) {
  .vw_base{
    /* W1024:12 ~ 15px */
    font-size: clamp(10px,1.04166666vw,16px);
  }
  .vw_base_max{
    /* W1024:12 ~ 15px */
    font-size: 1.04166666vw;
  }
}/*  */


/* Lazyload ============================== */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 1000ms;}


/* font =============================== */
.pc,.pc960{display: none;}

.center{ text-align: center;}
.left-center{ text-align: left;}
.center-left{ text-align: center;}
.left{ text-align: left;}
._right{
  margin-left: auto;
}
._center{
  margin: auto;
}
.comp{ font-family: var(--font-comp);}
.en{ font-family: var(--font-en);}
.ja{ font-family: var(--font-ja);}
.num{ font-family: var(--font-num);}
.roboto{ font-family:"Roboto",sans-serif;}
.num , .geo { font-family: "Geologica", sans-serif;}
.script { font-family: "Caveat", cursive;}
.ja.mont {
  font-family: 'Montserrat', sans-serif;
}
.barlow {
  font-family: 'Barlow Condensed', sans-serif;
}
.oswald {
  font-family: 'Oswald','Barlow Condensed',  sans-serif;
}
.comma {
  font-size: .7em;
}

.bold{font-weight: bold !important;}
.small{font-size: .9em;}
.small2{font-size: .8em;}
.small3{font-size: .7em;}
.small4{font-size: .6em;}
.small5{font-size: .5em;}

.gold{ color: var(--c-gold);}
.yellow{ color: var(--c-yellow);}

.w_600{font-weight: 600 !important;}
.w_500{font-weight: 500 !important;}
.w_400{font-weight: 400 !important;}

.nowrap{white-space: nowrap;}
.hor {
  font-family: "Zen Old Mincho",serif;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.red{ color: var(--color-txt-red); }
.red2{ color: var(--color-red2); }
.blue{ color: var(--color-blue); }
.black{ color: var(--c-black);}
.gold{ color: var(--c-gold); }
.grey{ color: var(--c-grey-d); }
.grey-l{ color: var(--c-grey-l); }
.grey-bg{ color: var(--c-grey-bg); }

._icon_w{filter: var(--filter-w);}

.block{display: block;}
.none{display: none;}
.asterisk{
  position: relative;
  display: block;
  padding-left: 1.2em !important;
  margin-top: 0.2em;
}
.asterisk::before{
  content: "※";
  position: absolute;
  left: 0;
}
.hov a,.hover,.r-over,button{
  transition: opacity .5s;
}
.hov a:hover,.hover:hover,.r-over:hover,button:hover{
  opacity: .6;
}
._center {
  display: block;
  width: fit-content;
  margin: auto;
}
._right {
  margin-left: auto;
}

@media (min-width: 769px) {
  .sp{display: none;}
  .pc{display: block;}

  .left-center{ text-align: center;}
  .center-left{ text-align: left;}
}/*  */
@media (min-width: 960px) {  
  .pc960{display: block;}
  .sp960{display: none;}
}/*  */



/* SECTION ============================== */
.sec_bloc{
  padding: 3em 0;
}
._top0{ padding-top: 0 !important;}
._bottom0{ padding-bottom: 0 !important;}
._top_w{ padding-top: 4em;}
._bottom_w{ padding-bottom: 4em;}

.c_inner{
  padding: 0 var(--inn-w);
}
.c_wide{
  max-width: 97.5em;
  margin: 0 auto;
}
.c_wide_narrow{
  max-width: 960px;
  margin: 0 auto;
}
.max600{ max-width: 600px; margin: 0 auto; }
.max800{ max-width: 60em; margin: 0 auto; }
.max900{ max-width: 66.25em; margin: 0 auto; }
.max1000{ max-width: 72.5em; margin: 0 auto; }
.max1100{ max-width: 78.75em; margin: 0 auto; }
.max1200{ max-width: 85em; margin: 0 auto; }
.max1300{ max-width: 91.25em; margin: 0 auto; }
.max1400{ max-width: 97.5em; margin: 0 auto; }

.no_mv{
  padding-top: 8.5em;
}

/* 小タイトル */
.n-sec-ttl-s{
  font-family: 'Barlow Condensed', sans-serif;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: .6em;
}
.n-sec-ttl-s .ja{
  display: block;
  font-size: .5em;
  margin-top: .2em;
  line-height: 1.4;
  color: #46505a;
}

/* 大タイトル */
.n-sec-ttl{
  /* font-size: 2rem; */
  font-size: 5em;
  margin-bottom: 1em;
  text-align: center;
  position: relative;
}
.n-sec-ttl:after{
  content: "";
  position: absolute;
  bottom: -.5em;
  right: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 1px;
  width: 1.42105em;
  background-color: #ce0612;
}
.n-sec-ttl .en{
  display: block;
  font-weight: 500;
  /* color: #ce0612; */
  margin-bottom: .2em;
}
.n-sec-ttl .ja{
  display: block;
  font-size: 0.3em;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #46505a;
  font-weight: 700;
}
.n-sec-p{
  font-size: 1.1em;
  width: 90%;
  text-align: justify;
  margin: 0 auto 2rem;
  color: #46505a;
  max-width: 570px;
}
.n-sec-desc {
  font-size: 1.3rem;
  text-align: justify;
  margin: 0 auto 2rem;
  color: #46505a;
  max-width: 570px;
}

@media print, screen and (min-width : 769px){
  /* SECTION ============================== */
  .sec_bloc{
    padding: 4em 0;
  }
  ._top_w{ padding-top: 6em;}
  ._bottom_w{ padding-bottom: 6em;}
  .c_inner_pc{
    padding-left: var(--inn-w);
    padding-right: var(--inn-w);
  }
  .no_mv{
    padding-top: 10em;
  }
}/* min-width : 769px */


/* padding top and bottom */
.ptb05{ padding-top: .5em; padding-bottom: .5em;}
.ptb1{ padding-top: 1em; padding-bottom: 1em;}
.ptb2{ padding-top: 2em; padding-bottom: 2em;}
.ptb3{ padding-top: 3em; padding-bottom: 3em;}
.ptb4{ padding-top: 4em; padding-bottom: 4em;}
.ptb5{ padding-top: 5em; padding-bottom: 5em;}
.ptb6{ padding-top: 6em; padding-bottom: 6em;}
.ptb7{ padding-top: 7em; padding-bottom: 7em;}
.ptb8{ padding-top: 8em; padding-bottom: 8em;}
.ptb9{ padding-top: 9em; padding-bottom: 9em;}
/* padding left and right */
.plr05{ padding-left: .5em; padding-right: .5em;}
.plr1{ padding-left: 1em; padding-right: 1em;}
.plr2{ padding-left: 2em; padding-right: 2em;}
.plr3{ padding-left: 3em; padding-right: 3em;}
.plr4{ padding-left: 4em; padding-right: 4em;}
.plr5{ padding-left: 5em; padding-right: 5em;}
.plr6{ padding-left: 6em; padding-right: 6em;}
.plr7{ padding-left: 7em; padding-right: 7em;}
.plr8{ padding-left: 8em; padding-right: 8em;}
.plr9{ padding-left: 9em; padding-right: 9em;}
/* mt */
.mt05{ margin-top: .5em;}
.mt1{ margin-top: 1em;}
.mt2{ margin-top: 2em;}
.mt3{ margin-top: 3em;}
.mt4{ margin-top: 4em;}
.mt5{ margin-top: 5em;}
.mt6{ margin-top: 6em;}
.mt7{ margin-top: 7em;}
.mt8{ margin-top: 8em;}
.mt9{ margin-top: 9em;}
/* mb */
.mb05{ margin-bottom: .5em;}
.mb1{ margin-bottom: 1em;}
.mb2{ margin-bottom: 2em;}
.mb3{ margin-bottom: 3em;}
.mb4{ margin-bottom: 4em;}
.mb5{ margin-bottom: 5em;}
.mb6{ margin-bottom: 6em;}
.mb7{ margin-bottom: 7em;}
.mb8{ margin-bottom: 8em;}
.mb9{ margin-bottom: 9em;}
/* font-size */
.fz1{font-size:1em;}
.fz11{font-size:1.1em;}
.fz12{font-size:1.2em;}
.fz13{font-size:1.3em;}
.fz14{font-size:1.4em;}
.fz15{font-size:1.5em;}
.fz16{font-size:1.6em;}
.fz17{font-size:1.7em;}
.fz18{font-size:1.8em;}
.fz19{font-size:1.9em;}
.fz20{font-size:2em;}


/* SECTION TITLE ========== */
.sec_ttl{
  font-size: 1em;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 2em;
}
.sec_ttl .en{
  display: block;
  font-size: 5em;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: .02em;
  padding: 0;
  margin: 0;
}
.sec_ttl .ja{
  display: block;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0;
  margin: .4em 0 0;
  color: #333;
}
.sec_ttl .ls{
  padding-top: .4em;
}
.sec_ttl._s .en{
  font-size: 4em;
}
.sec_ttl .small{
  font-size: 3.5em;
}
.sec_ttl .small2{
  font-size:  2.6em;
}
@media (min-width : 769px){
  /* .sec_ttl{
    font-size: 45px;
  } */

}/*  */



/* BUTTON ================== */
.induct-btn {
  display: block;
  font-size: 1.2em;
  padding: 0.8em 0;
  text-align: center;
  font-weight: normal;
  border: 1px solid #333;
  color: #333;
  max-width: 28em;
  margin: auto;
}


/* link circle + arrow ========== */
.link_circle_arrow{
  display: flex !important;
  width: fit-content;
  align-items: center;
  font-family: var(--font-en);
  font-size: 1rem;
  padding: 1.1em 0;
  transition: transform .2s;
}
.link_circle_arrow._right{
  margin-left: auto;
}
.link_circle_arrow._center{
  margin: auto;
}
.link_circle_arrow.border {
  border: 1px solid;
  padding-left: 5em;
  padding-right: 5em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-radius: 3em;
}
.link_circle_arrow .txt{
  display: inline-block;
  font-family: var(--font-comp);
  font-size: 1.2em;
  font-weight: 600;
}
.arrow_circle{
  position: relative;
  display: inline-block;
  background-color: currentColor;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  margin-left: .8em;
  overflow:hidden;
}
.arrow_circle_img{
  position: absolute;
  top: 0;
  bottom: .1em;
  left: 0;
  right: 0;
  margin: auto;
  width: 42% !important;
  filter: var(--filter-gray);
  transition: transform .25s ease-in, opacity .25s;
}
.arrow_circle_img._pdf{
  width: 44%;
}
.arrow_circle::before,
.arrow_circle::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 42%;
  height: 42%;
  background-image: url(/imgs/icon_cursor_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(-200%);
  opacity: 0;
  transition: transform .25s ease-out, opacity .25s ease-out;
  filter: var(--filter-w);
}
.arrow_circle::after{
  transform: translateX(0);
  opacity: 1;
}
.bg_g .arrow_circle_img,
.bg_g .arrow_circle::after,
.bg_g .arrow_circle::before{
  filter: none;
}
.link_circle_arrow:hover{
  transform: translateX(.3em);
  color: var(--c-blue);
}
.link_circle_btn_wrap .link_circle_arrow:hover{
  transform: translateX(.3em);
  color: inherit;
}
.bg_g .link_circle_arrow:hover{
  color: var(--c-blue3);
}
a:hover .arrow_circle_img, 
.link_circle_arrow:hover .arrow_circle_img, 
a:hover .arrow_circle::after, 
.link_circle_arrow:hover .arrow_circle::after{
  transform: translateX(200%);
  opacity: 0;
}

a:hover .arrow_circle::before, .link_circle_arrow:hover .arrow_circle::before, .top_cont_box:hover .arrow_circle::before{
  transform: translateX(0);
  opacity: 1;
}
a:hover .arrow_circle{
  background-color: var(--color-txt-red);
}


.arrow_circle._line{
  border: 1px solid var(--c-white);
}
.arrow_circle._line .arrow_circle_img{
  bottom: 0;
}


/* Header
=================================================================
================================================================== */
.n-header{
  /* background-color: rgb(146, 146, 146,.5); */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  font-size: 0.75em;
  padding: 0 1em 0 2em;
  transition: background-color .5s;
  /* height: 100px; */
}
.n-header-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 7em;
  /* max-width: 1366px;
  margin: 0 auto; */
}

.sp-tel-bloc,.sp-menu-bloc{
  display: none;
}

.sp-menu-inner{
  /* max-width: 420px; */
  margin: auto;
}

/* SP MENU Login Button 追加================================= */
.sp-menu-login-box{
  padding: 0 2em 2em;
}
.sp-menu-login-btn{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.8em;
  font-weight: 500;
  padding: 0.9em 0 0.8em;
  background-color: #00a99d;
}
.login-icon{
  position: relative;
  padding-left: 2.2em;
  padding-right: 1em;
}
.login-icon::before{
  content: "";
  position:absolute;
  left: 0;
  top: 0;
  bottom: .1em;
  margin: auto;
  display: block;
  width: 1.8em;
  height: 1.8em;
  background-image: url(/assets/img/2021/login_w.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.n-head-logo{
  width: 4em;
}
header.white,
.white header{
  background-color: rgba(0, 0, 0, .8);
}

.pc-nav{
  display: none;
}

/* SP-BUTTON================================= */
.sp-btn{
  display: flex;
  justify-content: space-between;
}
.telephone-btn,.panel-btn{
  display: block; 
  position: relative;
  width: 6em;
  height: 7em;
}

/* Telephone-Btn=========================== */
.telephone-btn-icon img{
  position: absolute; 
  left:0;
  right:0;
  top:-.5em;
  bottom:0;
  margin: auto;
  width: 3.5em; 
  transition-property: opacity; 
  transition-duration: .4s;
  opacity: 1;
}
.telephone-btn-icon:before, .telephone-btn-icon:after {
  transition: .3s;
  display: none; 
  content: ""; 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  width: 1.8em; 
  height: .1em; 
  margin-left: -.9em; 
  background: #444; 
}
.telephone-btn .close { 
  background: transparent;
}
.telephone-btn .close:before, .telephone-btn .close:after {
  margin-top: 0;
  display: block; 
  content: ""; 
  position: absolute; 
  top: 50%; 
  left: 0;
  right: 0; 
  width: 3em; 
  height: .1em;
  margin: auto;
  background: #fff;
  transition: .9s;
}
.telephone-btn .close:before {
  transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); 
}
.telephone-btn .close:after {
   transform: rotate(-135deg); 
   -webkit-transform: rotate(-135deg); 
}
.telephone-btn .close img{
  transition-property: opacity; 
  transition-duration: .4s;
  opacity: 0;
}	

.sp-tel-bloc, .sp-menu-bloc {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding-top: 8em;
  box-sizing: border-box;
  font-size: .95em;
  border-bottom: solid 0px #ccc;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: -1;
  color: #fff;
  background-color: rgba(0, 0, 0, .9)
}
.sp-menu-bloc{
  padding-bottom: 8em;
}
.sp-menu-bloc .news-bnr{
  padding: 0 2em;
}

/* Panel-Btn================================= */
.panel-btn-icon,.panel-btn-icon:before, .panel-btn-icon:after { 
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 3em; 
  height: .1em; 
  margin: 0 auto; 
  background: currentColor; 
  transition: .2s; 
}
.panel-btn-icon{ 
  color: #fff;
}
.panel-btn-icon:before, .panel-btn-icon:after {
  content: "";
  transition: .3s; 
}
.panel-btn-icon:before { 
  margin-top: -1em; 
}
.panel-btn-icon:after { 
  margin-top: 1em; 
}
.panel-btn .close { 
  background: transparent; 
}

.panel-btn .close:before, .panel-btn .close:after {
  margin-top: 0;
  transition: .3s;
}
.panel-btn .close:before { 
  transform: rotate(-45deg); 
}
.panel-btn .close:after { 
  transform: rotate(45deg); 
}

/* SP TEL Menu ==============================================  */
.sp-tel-bloc a,.sp-menu-bloc a{
  color: #fff;
}
.sp-menu-ul{
  margin: 2em auto 5em;
  padding: 0 2em;
}
.sp-tel-menu-list {
  font-size: 2em;
  padding: 1em 0 1.05em;
  border-bottom: 1px solid #666;
}
.sp-menu-ttl .en, .sp-menu-ttl .ja{
  display: block;
}
.sp-menu-ttl .en{
  position: relative;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.sp-menu-ttl .ja {
  font-size: 1em;
  /* margin-bottom: .2em; */
  letter-spacing: .01em;
  font-weight: 500;
}

.li_voat_img{
  width: 2.5em;
}
.li_voat .sp-menu-ttl {
  display: flex;
  align-items: center;
  gap: .3em;
}
.li_voat .ja{
  display: inline-block;
  font-size: .65em;
}
.li_voat_pc_img{
  display: block;
  width: 2.5em;
}


.sp-tel-menu-list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sp-tel-menu-list a:first-child{
  width:  8.5em;
}

.s-menu-tel-btn{
  position: relative;
  display: block;
  font-family: 'oswald', sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: 0.02em;
  padding:  0 0 0 1.2em;
  border-radius: .15em;
}
.sp-tel-bloc .s-menu-tel-btn{
  color: #41e1ec;
}
.s-menu-tel-btn::before{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: block;
  width: 1.3em;
  height: 1.4em;
  background-image: url(/assets/img/2021/tel-ico-bl.svg);
  background-repeat: no-repeat;
}
.s-menu-line-btn{
  width: 1.5em;
  aspect-ratio: 14 / 15;
  padding: 0;
  margin-left: auto;
}
.s-menu-line-btn::before{
  background-image: url(/assets/img/2021/line-ico-gl.svg);
  background-position: center;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.reverse .n-head-logo img,
.reverse .telephone-btn-icon img{
  filter: brightness(0);
}
.reverse .panel-btn-icon{
  color: #000;
}
.reverse.white .n-head-logo img,
.reverse.white .telephone-btn-icon img,
._panel_open .n-head-logo img,
._panel_open .telephone-btn-icon img,
._tel_open .n-head-logo img,
._tel_open .telephone-btn-icon img{
  filter: none;
}
.reverse.white .panel-btn-icon,
._panel_open .panel-btn-icon,
._tel_open .panel-btn-icon{
  color: #fff;
}



/* SP NAV Menu ==============================================  */
.sp-menu-main{
  margin: 2em auto 3em;
  padding: 0 2em;
}
.sp-menu-main-li{
  font-size: 2em;
}
.sp-menu-main-li a{
  /* position: relative; */
  display: block;
  padding: 1.2em 0;
  /* border-left: 1px solid #666; */
  border-bottom: 1px solid #666;
  /* margin-right: 1em; */
  /* margin-bottom: 1em; */
}

.sp-menu-main-arrow{
position: relative;
}
.sp-menu-main-arrow::after{
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: .2em;
  display: inline-block;
  width: 16px;
  height: 16px;
  /* margin-top: -8px; */
  background-image: url(/assets/img/2021/line-arrow-wh.svg);
  background-size: 16px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-top;
  opacity: .8;
}

.sp-menu-ul-open{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin: .2em auto 1.2em;
}
.sp-menu-ul-open li{
  width: 47%;
  font-size: .85em;
}
.sp-menu-ul-open li a{
  color: #ddd;
  padding: .7em 0 .6em;
}

.accshow {
  display: none;
}
.sp-open-ttl{
  position: relative;
}
.sp-open-ttl:after{
  position: absolute;
  top: .5em;
  right: -.8em;
  content: "";
  display: block;
  width: .3em;
  height: .3em;
  /* background-color: #f00; */
  border-right:2px solid;
  border-bottom:2px solid;
  transform: rotate(45deg);
  transition: transform .3s;
}
a.sp-open-bt.open .sp-open-ttl:after{
  transform: rotateZ(-135deg);
  margin-top: .15em;
}
/* a.sp-open-bt.open{
  padding-bottom: .5em;
} */

.sp-menu-bloc .top-banner-ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* max-width: 40em; */
  padding: 0 2em;
  margin-bottom: 2em;
}
.sp-menu-bloc .top-banner-li{
  width: 48.5%;
}

.sp-menu-bloc .sp-open-ttl{
  display: block !important;
}
.sp-menu-bloc .sp-open-ttl:after {
  top: .3em;
  right: .8em;
}

.sp-menu-bloc a.sp-open-bt.open .sp-open-ttl:after {
  margin-top: 0;
}

/* PC NAV */
.pc-nav{
  width: 100%;
  color: #fff;
  height: 100%;
  /* max-width: 76.4em; */
}
.pc-menu-main{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.pc-menu-main-li a{
  display: block;
  padding: 1.1em 0px;
  transition: opacity .5s;
  position: relative;
  border-bottom: none;
}
.pc-menu-main-li a:hover{
  opacity: .8;
}
.pc-menu-ttl .ja{
  font-size: 0.65em;
}

.pc-menu-main .pc-menu-main-li{
  font-size: 1.6em;
  font-size: clamp(1.65em,1.71875vw,2em);
  padding-left: 3.6vw;
}
.vw_base .pc-menu-main .pc-menu-main-li{
  font-size: 1.1em;
}
.pc-menu-main-li>a::after{
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  bottom: 0;
  transition: transform .5s;
  -webkit-transform:scale(0, 1);
  transform:scaleX(0%);
  transform-origin: left;
}
.pc-menu-main-li>a:hover::after{
  -webkit-transform:scale(1, 1);
  transform:scaleX(100%);
}
.pc-menu-main-li .sp-open-ttl:after{
  top: .3em;
}
.pc-open-bt {
  margin-right: 1em;
}
.pc-open-bt:hover .sp-open-ttl:after{
  transform: rotateZ(-135deg);
  margin-top: .15em;
}

.pulldown{
  position: absolute;
  background-color: rgba(0, 0, 0, .9);
  color: #fff;
  width: 100%;
  left: 0;
  /* top: 4.4em; */
  z-index: -1;
  padding: 1em 0;
  opacity: 0;
  transform:translateX(-100%);
}
.pc-menu-main-li:hover .pulldown{
  opacity: 1;
  transform:translateX(0);
  transition: transform .3s , opacity .6s;
}
.pc-menu-ul{
  width: 45em;
  padding-left: 4em;
  margin: 0 auto;
  flex-wrap: wrap;
  display: flex;
}
.pc-menu-ul .ja{
  font-size: 0.65em;
  line-height: 1.2;
  margin-top: .2em;
}
.pc-menu-ul li{
  width: 14.285%;
}
/* .pc-menu-ul-inst li:last-child{
  width: 33.32%;
} */
.pc-menu-ul-st{
  width: 48em;
  padding-left: 5em;
}
.pc-menu-ul-st li{
  width: 20%;
}
@media (min-width: 769px) {
  .sp-tel-bloc, .sp-menu-bloc{
    display: none !important;
  }
  .sp-btn{
    display: none;
  }
  .pc-nav{
    display: block;
    font-size: 1.2em;
    padding-right: .5em;
  }
  .reverse .pc-nav{
    color: #000;
  }
  .reverse.white .pc-nav{
    color: #fff;
  }
  
  .n-header {
    padding: 0 1.5em;
    font-size: 1em;
  }
  .n-head-logo {
    width: 3em;
  }
  .n-header-inner {
    min-height: 5.5em;
  }
  .n-header:hover {
    background: rgba(0, 0, 0, .8);
  }
  .n-header:hover .pc-nav{
    color: #fff;
  }
  .n-header:hover .n-head-logo img{
    filter: none;
  }

  .pc-menu-main-li a{
    padding: 1.02em 0;
  }

  /* .vw_base .n-head-logo {
    width: 4.8em;
  }
  .vw_base .n-header-inner {
    min-height: 4.5em;
  } */
  
}/* mq960 end */


/* FOOTER
======================================================================== */
.footer {
  background-color: #222;
  padding: 1em 0 4em;
}

.foot-top-block {
  padding: 2em 3%;
}

.foot-lede-ttl {
  padding: 0;
  width: 6em;
  margin: 0 auto 3em;
}
.foot-lede-desc {
  color: #d2d2d6;
  font-size: .9em;
  text-align: justify;
}

.fnavi {
  color: #444;
}
.fnavi {
  flex-basis: 48%;
}
.fnavi-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 3em 0;
}
.fnavi-box {
  width: 47%;
  padding: 1em 0;
}
/* .fnavi-box.fnavi-box-1 {
  width: 100%;
} */
.fnavi-sec:not(:last-child) {
  margin-bottom: 3em;
}
.fnavi-sec-ttl {
  font-size: 1em;
  font-weight: bold;
  color:#FFF;
  padding-bottom:.4em;
}
.fnavi-list li,.fnavi-list li a{
  color: #d2d2d6;
}
.fnavi-list li {
  color: #FFF;
  position: relative;
  padding-left: 1.4em;
  font-size: .9em;
}
.fnavi-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "→";
}
.fnavi-list li a:hover {
  text-decoration: underline;
}

.copyright{
  color: #d2d2d6;
  font-size: 11px;
  border: none;
  text-align: left;
  padding: 1.5em 3%;
}


@media screen and (min-width: 769px){
/* footer
------------------------------------------- */
  .footer {
    font-size: .9em;
    padding: 4em 0;
  }
  .foot-lede-ttl {
    padding: 0;
    margin: 0 0 3em;
  }
  .foot-lede-ttl img {
    width: 250px;
  }
  .footer .sp-hide {
    display: block;
  }
  .foot-top-block {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0; 
    margin-bottom: 2.4em;
  }
  .foot-lede {
    -webkit-flex-basis: 48%;
    -ms-flex-basis: 48%;
    flex-basis: 48%;
  }

  /* .foot-lede-desc {
    font-size: 1.2em;
  } */

  .foot-top-block {
    padding: 0;
  }
  .foot-lede-ttl img {
    width: auto;
  }
  .copyright {
    padding: 0;
  }
  .fnavi {
    flex-basis: 62%;
  }
  .foot-lede {
    flex-basis: 35%;
  }
  .fnavi-block{
    justify-content: flex-end;
  }

  .fnavi-box {
    /* -webkit-flex-basis: 31%;
    -ms-flex-basis: 31%; */
    flex-basis: 40%;
    margin-left: 1em;
  }
  /* .fnavi-box-1{
    flex-basis: 37%;
  } */
  /* .fnavi-box-2,.fnavi-box-3{
    flex-basis: 28%;
  } */
  .fnavi-sec-ttl,
  .fnavi-list li {
    font-size: .8em;
  }
}/* 769 */

@media screen and (min-width: 960px){
  /* .fnavi {
    flex-basis: 48%;
  } */
  .fnavi-block {
    gap: 2em;
  }
  .fnavi-box {
    flex-basis: fit-content;
    margin-left: 0;
  }
  .foot-top-block {
    margin-bottom: 0;
  }
}/* 960 */


/* TOP BANNER ============================= */
.top-banner-ul{
  width: 96%;
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
}
.top-banner-li{
  width: 49%;
}
.top-banner-ul-pc{
  display: none;
  /* transform:translatey(100%) ; */
}
.top-banner-ul-pc.is-animation{
  display: block;
  width: 10em;
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 7;
  /* transform:translatey(0); */
  transition: opacity .8s;
  animation: top-banner-fade2 .6s linear 1;
}

@keyframes top-banner-fade {
   from { opacity: 0; } 
   to { opacity: 1; }  
}
@keyframes top-banner-fade2 {
   from { opacity: 0; } 
   to { opacity: 1; }  
}

.top-banner-ul-pc a {
  display: block;
  margin-top: 0.5rem;
}
/* .top-banner-ul-pc a:first-child{
  display:none;
} */


/* breadcrumb
=========================================================== */
.breadcrumb {
  padding: 1.5em 0;
  margin-bottom: 3em;
}
.breadcrumb ul {
  /* border-bottom: dotted 1px #666666; */
  text-align: right;
  padding: 0;
}
.breadcrumb li {
	display: inline-block;
	font-size: .8em;
}
.breadcrumb li:not(:last-child)::after {
	content: ">";
	padding: 0 .3em;
}



/* TOP - LESSON SYSTEM
=========================================================== */
.n-system-box{
  background-color: #f0f5fa;
  position: relative;
  margin: 7rem auto 0;
  padding-top: 4rem;
}
.n-system-box:before{
  content: "";
  display: block;
  width: 7em;
  height: 7em;
  background-image: url(/assets/img/2021/top-system-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: -4rem;
  margin: auto;
}
.n-system-box-2:before{
  background-position: 0 50%;
}
.n-system-box-3:before{
  background-position: 0 100%;
}

.n-system-big-ttl{
  font-size: clamp(3rem,8.5714285vw,3.5rem);
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.3;
  text-align: center;
  font-weight: 600;
}
.n-system-ttl{
  font-size: 2.6em;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.3;
  padding: .2em 0 .5em;
  font-weight: 600;
}
.n-system-box-1 .n-system-ttl{
  color: #ce0612;
}
.n-system-box-2 .n-system-ttl{
  color: #be8003;
}
.n-system-box-3 .n-system-ttl{
  color: #0098a5;
}

@media (min-width: 768px) {
  .n-system-block{
    display: flex;
  }
  .n-system-box{
    width: 32%;
    margin: 5rem auto 3rem auto;
  }
  .n-system-ttl {
    padding: .5em 0 ;
  }

}/* mq768 end */
@media (min-width: 960px) {
  .n-system-big-ttl {
    /* font-size: clamp(3.6rem,3.75vw,4.1rem); */
    margin-bottom: 1em;
  }
}/* mq960 end */



/* MUSICAL INSTRUMENTS
=========================================================== */
.sec-mi{
  padding: 3.5rem 0 6em;
}
.toppage .sec-mi{
  padding: 3.5rem 0 0;
}

.n-system-img{
  display: block;
  max-width: 400px;
  margin: 0 auto;
}
.mi-block{
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 80em;
  margin: auto;
}
.mi-box{
  /* width: calc(50% - 0.5px); */
  width: 50%;
  position: relative;
  /* margin-top: 1px; */
  overflow: hidden;
  aspect-ratio: 8 / 7;
  border: .5px solid #434343;
}
.mi-box-img{
  max-width: 100%;
  height: auto;
}

.mi-box-ttl{
  height: 1.94em;
  /* font-size: 3.4rem; */
  font-size: clamp(3.1rem,8.85714vw,4rem);
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  right:0;
  bottom: 0;
  left:0;
  margin: auto;
  padding-bottom: 2.6em;
  filter: drop-shadow(0 0 .5em #000a);
}
.mi-box-ttl a{
  color: #fff;
} 
.mi-box-ttl .en{
  font-weight: 500;
}
.mi-box-ttl .ja{
  font-size: 0.42em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}

.mi-more-btn{
  position: absolute;
  bottom: 0;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.3rem,3.714285vw,1.5rem);
  line-height: 2.1em;
  height: 2.1em;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.mi-box:nth-child(even) .mi-more-btn{
  background-color: rgba(0, 0, 0, 0.8);
}

.mi-more-btn-txt{
  position: relative;
  display: block;
  /* padding-right: 1em; */
  /* border-bottom: 1px solid; */
  /* height: 1.85em; */
}
/* .mi-more-btn-txt::before,.mi-more-btn-txt::after{
  content: "";
  display: block;
  width: 1px;
  height: .6em;
  background-color: #fff;
  position: absolute;
  bottom: .3em;
  right: .4em;
} */
/* .mi-more-btn-txt::after{
  transform: rotateZ(90deg);
} */

.mi-more-detail{
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: clamp(1rem,2.857142vw,1.4rem);
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(10%);
  transition: transform 1s,opacity 1s;
  opacity: 0;
}
.mi-more-detail-txt{
  text-align: justify;
  width: 90%;
  font-size: .9em;
  line-height: 1.4;
  padding-bottom: .5em;
}
.mi-more-detail .more-btn{
  position: absolute;
  bottom: .8em;
  color: #fff;
  font-size: 1.3em;
}
.mi-more-detail .more-btn-txt::before {
  background-color: #fff;
}

.mi-close-box{
  position: absolute;
  display: none;
  z-index:2;
  right: 0;
  top: 0;
  width: 2.6em;
  height: 2.6em;
}
.mi-close-btn,.mi-close-btn:before{
  display: block;
  height: 1px;
  width: 16px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.mi-close-btn{
  transform: rotateZ(45deg);
}
.mi-close-btn:before{
  content: "";
  transform: rotateZ(90deg)
}

/* オープン時 */
.mi-btn.mi-open .mi-more-btn{
  display: none;
}
.mi-btn.mi-open .mi-more-detail{
  transform: translateY(0);
  opacity: 1;
  z-index: 1;
  transition: 0;
}
.mi-btn.mi-open .mi-close-box{
  display: block;
}


.mi-box-last{
  background-color: #222;
  display: flex;
  align-items: center;
  /* overflow-y: scroll; */
}
.mi-box-last-inner{
  padding: 1.5rem;
  position: absolute;
}
.mi-box-last-inner p{
  color: #d2d2d6;
  font-size: 1.05rem;
  line-height: 1.4;
  text-align: justify;
  margin: .5em 0;
}


/* .mi-box._voat{
  width: 100%;
  aspect-ratio: 16 / 7;
} */
.mi-box._voat .mi-more-detail {
  background-color: #2c8abcee;
}
.mi-box._voat .mi-more-btn {
  background-color: #2c8abcee;
}
._voat .mi-box-ttl{
  bottom: .5em;
}
.mi_box_voat_logo {
  display: block;
  width: 3.4em;
  margin: 0 auto .2em;
}

@media (min-width: 769px) {
  .mi-box {
    width: calc(100% / 4);
  }
  .mi-box-ttl{
    font-size: 2.8em;
  }
  .mi-more-detail {
    font-size: .9em;
  }
  .mi-more-btn {
    font-size: 1.1em;
  }
  .mi-more-detail .more-btn{
    font-size: 1em;
  }
}/* mq768 end */

@media (min-width: 960px) {
  .mi-box {
    width: calc(100% / 5);
  }
  .sec-mi.max-wide{
    max-width: 1500px;
  }
  /* .mi-box {
    width: 16.6666%;
  } */
  /* .mi-box-ttl{
    font-size: clamp(3.2rem,2.9090909vw,4.2rem);
  } */

  /* .mi-more-detail {
    font-size: clamp(1.1rem,1vw,1.3rem);
  } */
}/* mq768 end */



/* OTHER STUDIO, OTHER WORKS, NOAH SCHOOL
========================================================================== */
.in-list{
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  /* padding: .3em 0; */
  margin: 0 auto;
}
.in-list li{ 
  padding: 2vw 0; 
  width: 47.5%; 
  box-sizing: border-box;
}
.in-list img{ width: 100%;}
.in-list p{font-size: 3vw; line-height: 1.4;}
.in-list .in-ttl {
  text-align: center;
  padding: .7em 0 .3em;
  font-weight: bold;
  font-size: 3.2vw;
}
.in-list .in-ttl span{ display: block;}
.in-list li .in-txt{
  padding: .3em 0;
}

.otr_sc .in-list li{ 
  width: 31%; 
  box-sizing: border-box; 
  /* padding: .5em 0; */
}

.other_img_box{
  position: relative;
}
.other_img_box_logo{
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 55%;
  height: fit-content;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

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

  /* 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 LIST
========================================== */
.work_list{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}
.work_list_box{
  width: calc((100% - 1px) / 2);
}
.work_list_box a{
  display: block;
  position: relative;
}
.work_list_img_wrap{
  position: relative;
  background-color: #000;
  aspect-ratio: 3 / 2;
}
.work_list_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.noah_school .work_list_img{
  opacity: .6;
}
.work_list_img_logo{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 80%;
  height: auto;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

.work_list_txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 10px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.9);
  color: #fff;
  /* overflow-y: scroll; */
  /* visibility: visible; */
  transform: translateY(0);
  /* opacity: 1; */
  transition: transform .4s, opacity .4s;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: .85em;
  font-weight: 500;
  text-align: left;
  padding: .5em;

  visibility: none;
  opacity: 0;
}
.work_list_txt br {
  display: none;
}
.work_list_box:hover .work_list_txt {
  opacity: 1;
  visibility: visible;
}

@media (min-width:769px){
  /* .work_list_flex{
    display: flex;
  } */
  .otr_wks .work_list_box{
    width: calc( (100% - 5px) / 6 );
  }
  .work_list_box{
    width: calc( (100% - 6px) / 7 );
  }
}/*  */



/* GENRE INST LIST
========================================== */
/* .genre_inst_sec{
  overflow: hidden;
} */
.inst_list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .5px;
  margin-bottom: 1em;
}
.inst_list_box{
  width: 47%;
  margin: 0 0 1em;
}
.inst_list_box a{
  display: block;
  margin: 0 .05em;
}
.inst_list_box .txt {
  padding: .6em 0;
}
.inst_list_box h2{
  font-size: 1.6em;
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: .1em;
}
.inst_style_tag{
  font-size: .9em;
  font-weight: 300;
  line-height: 1.5;
  color: var(--color-txt-red);
}

/* SLICK ARROW DOTS CUSTOM */
.genre_inst_sec .slick-prev,
.genre_inst_sec .slick-next{
  top: 40%;
  z-index: 10;
  width: 4em;
  height: 4em;
  filter: var(--filter-w);
  transition: filter .5s;
}
.genre_inst_sec .slick-prev:hover,
.genre_inst_sec .slick-next:hover{
  filter: var(--filter-blue);
}
.genre_inst_sec .slick-prev::before,
.genre_inst_sec .slick-next::before{
  content: '';
}
.genre_inst_sec .slick-prev{
  left: 0;
  background-image: url(/imgs/top_studio_slick_arrow_left.svg);
}
.genre_inst_sec .slick-next{
  right: 0;
  background-image: url(/imgs/top_studio_slick_arrow_right.svg);
}

@media (min-width: 769px) {

  .inst_list {
    padding-top: .5em;
    gap: 1.5em;
  }
  .inst_list_box{
    width: 24%;
    max-width: 20em;
  }
  .inst_style_tag {
    font-size: .75em;
  }
  .genre_inst_sec .top-link-btn{
    margin-top: 0;
  }
}/*  */

/* top studio list
========================================================================== */
.n-studio-block{
  display: flex; 
  flex-wrap: wrap; 
  justify-content: flex-start;
  max-width: 1400px;
  margin: auto;
  border-top: 1px solid #E0E5EA;
  border-left: 1px solid #E0E5EA;
}
/* .n-studio-block-akasaka{
  border-top: none;
}
.n-studio-box-akasaka {
  border: 1px solid #E0E5EA;
  margin: auto;
} */

.n-studio-box{
  width: 50%;
  background-color: #fff;
  border-right: 1px solid #E0E5EA;
  border-bottom: 1px solid #E0E5EA;
}
.n-studio-box-last{
  background-color: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}
.n-studio-box-last p{
  font-size: 1.1em;
  width: 85%;
  text-align: justify;
  color: #fff;
}

.n-studio-title{
  text-align: center;
  font-size: 1.7em;
  letter-spacing: .03em;
}
.n-studio-title .ja{
  margin-bottom: -.45em;
  color: #333;
}
.n-studio-title .en{
  display: block;
  font-size: .5em;
  color: #808080;
  letter-spacing: 0;
}

.n-studio-inner{
  position: relative;
  padding: .5em 0 3em;
}
.n-btn-wrap{
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 auto;
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
}
.n-tel-btn{
  color: #00C7D5;
  font-size: 1.5em;
  padding-left: 0.1em;
  line-height: 1;
}
.n-studio-btn{
  display: block;
  width: 3em;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: .9em;
  padding-top: 2.8em;
  text-align: center;
  color: #808080;
}
.n-ac-btn{
  background-image: url(/assets/img/common/pin-ico-.png);
  background-size: 1.9em;
  background-position: center .2em;
}
.n-line-btn{
  background-image: url(/assets/img/common/line-ico-.png);
  background-size: 2.4em;
  background-position: center 0;
}
/

.sec-common-studio{
  padding: 3.5rem 0;
}
.toppage .sec-common-studio{
  padding: 3.5rem 0 0;
}

.studio-clip{
  position: relative;
  padding-top: 58%;
}
.studio-clip a{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.studio-clip img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.studio-new-open{
  position: absolute;
  right: 0;
  font-family: "Roboto", sans-serif;
  font-size: .85em;
  line-height: 1;
  padding: .3em;
  background-color: #444;
  color: #fff;
}
@media (min-width: 769px) {

  .n-studio-box {
    width: calc(100% / 6);
    font-size: .9em;
  }
  .n-tel-btn {
    font-size: 1.35em;
  }
  .n-studio-title{
    font-size: 1.6em;
  }
  .n-studio-btn {
    font-size: .82em;
  }
}/* mq768 end */

@media (min-width: 960px) {

  .n-studio-box {
    width: calc(100% / 7);
    font-size: .8em;
  }

}/* mq768 end */