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

html {
    overflow: scroll;
    max-width: 100%;
    width: 100%;
    height: auto;
    /* font-family: 'Noto Serif JP', serif; */
    color: #000;
}
a{
	color: inherit;
}
.tel_ttl {
    color: #000;
    font-size: 1.1em;
    width: 20%;
}
.event-clip .en {
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 1.8rem;
}
.event-clip .ja {
    display: block;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    font-size: 1rem;
}

.event-ttl {
font-size: 0.8rem;
}
.studio-s{
    color: #000!important;
}
	/*
h1,h2,h3,h4{
	font-family: 'Montserrat', sans-serif;
}
*/

h1,h2,h3{
/*font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Roboto, "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", sans-serif;*/
    font-family: 'Montserrat';
}
img{
	width: 100%;
}
body {
    overflow: hidden;
	font-size: 1.1em;
/*font-family: 'Noto Sans JP', sans-serif;*/
	
}
footer {
    padding-bottom: 7%;
    color: #fff;
    background: rgba(41, 150, 204, 0.1);
    background: #000;
  background: url(/images2/f-bo.jpg)!important;
	background-size: 130%;
}
.nav {
    flex-flow: inherit;
}
.total_hed h1{
    font-size: 7vw;
    padding: 5% 6% 0% 10%;
    /* width: 56%; */
    color: #fff;
    font-weight: bold;
  line-height: 1;
}
.total_hed2 h1{
    font-size: 7vw;
    padding: 5% 6% 0% 10%;
    width: 56%;
    color: #fff;
    font-weight: bold;
  line-height: 1;
}
.total_hed2 .f1-ttl2 {
padding: 0% 3% 0;
    font-size: 1.4em;
    width: 74%;
    font-weight: bold;
    text-align: center;
    color: #000;
    line-height: 2.7;
    /* border: solid; */
    margin: auto;
}
/*
.total_hed2 .f1-ttl2 span{
	    font-weight: bold;
    font-size: 1.8em;
	    mix-blend-mode: multiply;
    color: #2993ca;
}
.flow-ttl{
	padding-top: 1%;
}
*/
/*ヘッダー画像*/
.total_hed{
/*background: url(/images2/f-bo.jpg);*/
    padding: 10% 0 10%;
	    background-size: 130%;
}
.total_hed2{
    background: url(/images2/f-bo.jpg);
    padding: 10% 0 10%;
    background-size: 100%;
    background-repeat: repeat-y;
}
.total_hed_store_t{
    padding: 10% 0 10%;
 background-size: 100%;
}

.store1,
.total_hed._tokyo {
  background: url(/images2/2203_main_pc_tokyo.jpg);
  background-size: 100%;
}
.store2,
.total_hed._shinjuku {
  background: url(/images2/2203_main_pc_shinjuku.jpg);
  background-size: 100%;
}
.store3,
.total_hed._harajuku{
  background: url(/images2/2203_main_pc_harajuku.jpg);
  background-size: 100%;
}
.store4,
.total_hed._nagoya{
  background: url(/images2/nagoyapc.jpg);
  background-size: 100%;
}
.store5,
.total_hed._fukuoka{
  background: url(/images2/2203_main_pc_nagoya.jpg);
  background-size: 100%;
}
.store6,
.total_hed._nakano{
  background: url(/images2/2207_nakano_lobby_1.jpg);
  background-size: 100%;
}

.store1 h1,.store2 h1,.store3 h1,.store4 h1,.store5 h1{
	line-height: 1.3;
}






.style_pop{
background: url(/images2/pop.jpg);
	 background-size: cover;
}
.style_singerspng{
background: url(/images2/singersong.jpg);
	 background-size: cover;
}	
.style_hikigatari{
background: url(/images2/hiki.jpg);
	 background-size: cover;
}
.style_anison{
background: url(/images2/anison_pc.jpg);
	 background-size: cover;
}
.style_seiyu{
background: url(/images2/seiyuu_pc.jpg);
	 background-size: cover;
}
.style_dance{
background: url(/images2/dance.jpg);
	 background-size: cover;
}
.style_kpop{
background: url(/images2/kpop20222.jpg);
	 background-size: cover;
}	
.style_jazz{
background: url(/images2/jazz2022_pc.jpg);
	 background-size: cover;
}
.style_fore{
background: url(/images2/yougaku2022.jpg);
	 background-size: cover;
}
.style_net{
background: url(/images2/net2022_pc.jpg);
	 background-size: cover;
}	
.artist{
background: url(/images2/artist_pc.jpg);
	 background-size: cover;
}		
.intra{
background: url(/images2/intra_top.jpg);
	 background-size: cover;
}	
.aude-top{
background: url(/images2/aude_bg.jpg);
	 background-size: cover;
}
.show-top{
background: url(/images2/show_bg_sp.jpg);
	 background-size: cover;
}
.kounai-top{
background: url(/images2/kounaio-de_pc.jpg);
	 background-size: cover;
}
.pro-top{
background: url(/images2/pro_pc.jpg);
	 background-size: cover;
}
.ikusei-top{
background: url(/images2/ikuseipc.jpg);
	 background-size: cover;
}
		.live-top{
background: url(/images2/live-toppc.jpg);
	 background-size: cover;
}
		.champ-top{
background: url(/images2/champpc.jpg);
	 background-size: cover;
}
			.style_online{
background: url(/images2/onlinepc.jpg);
 background-size: cover;
}
.guidance-top{
	background: url(/images2/guidance_pc.jpg);
	 background-size: cover;
}
.guidance{
	background: url(/images2/2203_guidance_pc.jpg);
	 background-size: cover;
}
.access{
	background: url(/images2/access_pc.jpg);
 background-size: cover;
}
.access{
	background: url(/images2/access_pc.jpg);
 background-size: cover;
}
.course{
	background: url(/images2/2204_course_pc.jpg);
	 background-size: cover;
}
.ikusei{
		background: url(/images2/ikuseipc.jpg);
	 background-size: cover;
}
.feature_hed{
			background: url(/images2/2204_feature_pc.jpg);
	 background-size: cover;
}


.blog{
background: url(/images2/f-bo.jpg);
 	 background-size: cover;
}


.total_hed .f1-ttl{
	padding: 0% 0 3%;
    /* color: #2996cc; */
    font-weight: bold;
    color: #fff;
    font-size: 1.5vw;
    text-align: left;
    padding-left: 0;
	display: block;
}
.total_hed .f1-ttl2{
	color: #fff;
    padding-left: 10%;
}
.hatsuresson{
	color: #2993ca;
	display: block;
	font-weight: bold;
}
.bn2022{
	    width: 30%;
    position: absolute;
    right: 0%;
    top: 20%;
}
/*section1*/

.sea1{
    width: 70%;
    margin: auto;
    padding: 5% 0 0;
}
.sea2{
	 width: 100%;
    margin: auto;
	padding: 10% 0;
}
.sea1 h2{
font-size: 4em;
    font-weight: bold;
    line-height: 0.9;
}

.title2022{
    font-size: 1.8rem;
    margin-bottom: 0.3em;
    /* margin-bottom: 0.8em; */
    font-weight: bold;
    padding-left: 0%;
}
.title2022_1{
    font-size: 1.4rem;
    margin-bottom: 0.3em;
    /* margin-bottom: 0.8em; */
    font-weight: bold;
    padding-left: 0%;
}
.web-reserve{
	    text-align: center;
	padding: 0% 0 0;
}
/*共通部分*/
.uketuke{
	color: #2993ca;
    padding-top: 4%;
    font-weight: bold;
	    font-size: 1.4em;
}
.uketuke2{
	color: #f0bd16;
    padding-top: 4%;
    font-weight: bold;
	    font-size: 1.4em;
}
.btnArea{
    background: #2993ca;
    color: #fff;
    display: block;
	text-align: center;
    width: 36%;
        margin: 0 auto 10%;

    padding: 2%;
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 7px;
}
.btnArea2{
    background: #f0bd16;
    color: #fff;
    display: block;
    width: 36%;
    margin: 2% auto 10%;
    padding: 2%;
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 7px;
}

.oubo_wrap{
  display: flex;
  padding-top: 4%;
  padding-bottom: 4%;
  flex-wrap: wrap;
  max-width: 860px;
  margin: auto;
}
.oubobox{
	position: relative;
  width: 33%;
	text-align: center;
}
.name{
	    font-weight: bold;
    font-size: 1.2em;
}
.line{
position: absolute;
    width: 36%;
    top: 0;
    right: 8%;
}
.tel a{
	    color: #000;
    font-weight: 300;
    display: block;
    font-size: 1.2em;
}
.teltimettl{
	font-weight: bold;
}

.oubo_info_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.oubo_tel a{
  color: #000;
  font-weight: 300;
  display: block;
  font-size: 1.8rem;
  font-family: 'Montserrat';
  margin-right: .3em;
}
.oubo_tel{
  color: #000;
  font-weight: 300;
  display: block;
  font-size: 1.6rem;
  font-family: 'Montserrat';
}
.oubo_line{
  display: block;
  width: 2.3em;
}
.oubo_line img{
  height: 100%;
  width: auto;
}
.open_time{
  padding: .5em 0;
}

.hizuka{
        padding-top: 1%;
    display: flex;
    margin: auto;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.hizuka p{
    margin: 0 1% 0;
    width: 20%;
}
.hizuka span{
	    padding: 0 3% 0;
}
.uketuke2{
	display: none;
}
.gui_bou{
        width: 60%;
    height: 0.2vh;
    background: #2993ca;
  margin: 5% auto;
}

.nagare123 h3{
	    text-align: center;
    padding-top: 0;
font-weight: bold;
	font-size: 1.8em;
}
.flow-box{
	position: relative;
    width: 32%;
    margin: 5%;
}
.flow-block{
	    display: flex;
       width: 80%;
    margin: auto;
}
.flow-info p{

    font-size: 0.9em;
    padding: 3% 0 4%;
}

.step{
	    font-family: 'Montserrat';
	position: absolute;
    color: #2993ca;
    opacity: 0.2;
    font-weight: bold;
    font-size: 10em;
    top: -26%;
    right: 0%;
}
.ku{
	position: absolute;
    width: 14%;
    top: 10%;
    right: -30%;
}

.gui_bou2{
       width: 70%;
    height: 0.2vh;
    background: #dadada;
      margin: 5% auto 0;
}

.kengakugp1{
	    width: 60%;
}
.kengakugp2{
	width: 40%;
}
.kengaku_inner{
	display: flex;
	    padding-bottom: 5%;
}
.kengakutxt{
	    padding-top: 3%;
    width: 90%;
}
.kengakutxt li:first-of-type{
	    font-weight: bold;
    font-size: 1.6em;
    padding-bottom: 1%;
	    position: relative;
}
	.pc{
		display: block;
	}
	.sp{
			display: none;
}
@media (min-width:899px){
  .oubo_info_wrap {
    justify-content: center;
  }
  .oubobox {
    width: 33%;
    padding: 1em 0;
}
}/*  */

/*



コース



*/
.system_flex2022{
	display: flex;
}
.system_box{
	    width: 22%;
	    margin: 2%;
	position: relative;
}
.systm_img{
	width: 34%;
    margin: 4% auto;
}
.systemtxt2022 dt{
	text-align: center;
    color: #2993ca;
    font-weight: bold;
    font-size: 1.6em;
}
.systemtxt2022 dd:first-of-type{
	    text-align: center;
    color: #2993ca;
    padding-bottom: 6%;
}
.hyou_flex{
    display: flex;
    margin: auto;
    justify-content: center;
    padding-top: 4%;
}
.hyou{
	position: relative;
width: 40%;
    margin: 1%;
}
.btn_hyou{
background: #2993ca;
    color: #fff;
    padding: 2%;
    position: absolute;
    bottom: 8%;
    border-radius: 93px;
    width: 71%;
    font-size: 0.8em;
    left: 0;
    display: block;
    text-align: center;
    left: 14%;
}
.gui_txt2{
	    text-align: center;
    font-size: 0.9em;
}
.op_box{
    width: 30%;
    text-align: center;
    border: solid 3px;
    padding: 3% 2% 1%;
}
.op_box_fri{
	font-weight: bold;
       font-size: 1.3em;
    line-height: 1.3;
  padding-bottom: 8%;
}
.op_box_las{
	font-size: 0.9em;
}
.mantu{
    width: 37%;
    border: solid 2px #dadada;
    border-radius: 5px;
    padding: 2%;
    text-align: center;
}
.mantu_ttl{
	display: flex;
    justify-content: center;
}
.mantu_img{
width: 12%;
    margin: 3% 3% 0;
}
.mantu_txt{
	    display: block;
      font-size: 1.3em;
    font-weight: bold;
    padding: 2%;
}
.kome{
	font-size: 0.9em;
}
.mantu_txt span{
	display: block;
    font-size: 0.8em;
}
.mantu_gp{
	text-align: center;
    padding: 4%;
	font-weight: bold;
}
.oursesgp2020{
	display: flex;
	    justify-content: center;
}
.man1{
    border: solid 2px #dadada;
    padding: 7.4% 6.4% 7.4%;
    margin-bottom: 6%;
    border-radius: 5px;
    width: 80%;
}
.man2{
	    border: solid 2px #dadada;
    padding: 7.4% 6.4% 7.4%;
    border-radius: 5px;
    width: 80%;
}
	.mantu_gp li{
		font-weight: bold;
		    font-size: 0.9em;
	}
.op_box,.mantu,.man_gp{
	margin: 1%;
}
.a-te5{
	line-height: 1.2;
}
.a-te5 h3{
	    font-size: 1.6em;
}
.a-te5 p{
	font-size: 3.8em;
    font-weight: bold;
}
.a-te5 span{
	    color: #2993ca;
    font-weight: bold;
}

.z-wrap{
    width: 70%;
    margin: 10% auto;
}
.f-img-block,.f-img-block2{
	    width: 50%;
    margin: auto;
    display: block;
    text-align: center;
}
.f-img-block img{
/*    width: 70%;*/
}
.total-f,.total-f2{
	display: flex;
	position: relative;
	    padding-top: 5%;
}
.f-txttxt{
	    font-size: 1.8em;
    font-weight: bold;
}
.corbox{
	    margin-top: 0%;
}
.suuzi-f{
     right: 4%;
}
.suuzi-f2,.suuzi-f{
font-family: 'Montserrat';
    position: absolute;
    color: #2993ca;
    font-size: 17em;
    font-weight: bold;
    opacity: 0.3!important;
    top: 2%;
    mix-blend-mode: multiply;
}
.suuzi-f2{
left: 14%;
}
.bou_f{
	    width: 164%;
    background: #2993ca;
    height: 0.5vh;
    margin: 6% 0;
	    mix-blend-mode: multiply;
}
.bou_f2{
     width: 164%;
	    mix-blend-mode: multiply;
    background: #2993ca;
    height: 0.5vh;
    margin: 6% -70%;
}
.f-txt-block{
    width: 50%;  
    padding-top: 20%;
}
.f-txt-block2{
    width: 50%;  
    padding-top: 9%;
}
/*


VOATの特色


*/
.feature_inner{
    width: 70%;
    margin: auto;
    padding: 0% 0 0;
}
.feature_inner{
	 color: #fff;
}

.feature_inner .f-txt-block2, .f-txt-block {
       width: 60%;
     padding-top: 4%;
}
.eng_bou{
	    width: 164%;
    background: #2993ca;
    height: 0.5vh;
    margin: 4% 0;
	 mix-blend-mode: multiply;
}
.eng_bou2{
width: 194%;
    background: #2993ca;
    height: 0.5vh;
    margin: 6% -92%;
	    mix-blend-mode: multiply;
}
.e-btn{
       width: 17.7%;
    display: block;
    color: #fff;
    background: none;
    border-bottom: solid 2px;
    padding: 1.9% 0;
    font-size: 1.3vw;
    text-align: left;
    bottom: 15%;
    margin-top: 5%;
}

.feature_inner .f-img-block img {
    width: 100%;
}
.feature_inner h2{
    color: #2993ca;
	    font-weight: bold;
    font-size: 2em;
    mix-blend-mode: multiply;
       line-height: 1.2;
}
.f-img-block2{
	    width: 74%;
    margin FONT-VARIANT: JIS04;
    padding: 0 5% 4%;
}
.point3{
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    color: #2993ca;
    text-align: center;
    mix-blend-mode: multiply;
    justify-content: center;
        text-align: left;
    line-height: 1.5;
}
.point4{
/*	    font-weight: bold;*/
    font-size: 1em;
}
.muryou-flex{
	    display: flex;
    flex-wrap: wrap;
}
.muryou {
    border: solid 1px;
    padding: 1%;
    color: #2993ca;
    mix-blend-mode: multiply;
    display: block;
    width: 41%;
    margin: 1%;
    text-align: center;
    font-size: 1.2em;
}
.rai{
position: absolute;
    top: 23%;
    width: 40%;
    right: 3%;
}
.rai2{
position: absolute;
    width: 30%;
    bottom: 20%;
    right: 0;
}
/*
.f-txtlast {
     font-size: 1.5em;
}
*/
.lesson-gp {
    display: flex;
    justify-content: space-around;
    width: 70%;
    padding: 0 9% 0;
    margin: auto;
}
.f-boxx-ttl{
    font-size: 2.5vw;
    color: #2993ca;
    font-weight: bold;
    text-align: center;
}

.f-boxx-ttl3 {
    padding-top: 5%;
}

.erabr h3{
	    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    padding-bottom: 3%;
    margin-top: 8%;
}
.genru_wp{
	background: none;
}
.f-boxx{
margin: 0 3%;
}
.f-boxxttl2{
    text-align: center;
       color: #000;
    font-size: 1.2em;
    font-weight: bold;
	padding-bottom: 10%;
}
.feature_inner .total-f, .total-f2 {
    display: flex;
    position: relative;
    padding-top: 10%;
	padding-top: 2%;
}
/*


VOATストア


*/
.f1-ttl{
	color: #000
}
.store_wrap{
	    width: 70%;
    margin: auto;
    padding: 8% 0;
    text-align: left;
}
.branch-lede-copy {
    font-size: 2.2rem;
    text-align: left;
}
.store-photo {
       padding: 0 0 10%;
}
.store-photo h3{
	    font-size: 2.9em;
    font-weight: bold;
	text-align: center;
}
.j_wrap h3{
	    font-size: 2.9em;
    font-weight: bold;
	text-align: center;
}
.storename{
	padding: 0% 0 3%;
    font-size: 1.2em;
    text-align: center;
}
.b-photo-ttl2022{
	    font-size: 1.9em;
	font-weight: bold;
    padding: 3% 3% 0;
}
.s_text p{
	padding: 1% 7% 0;
} 
.branch-photo-box{
	margin: 0
}
branch-photo-list .slick-dots li.slick-active button {
    color: #2993ca;
}
.slick-dots{
	left: 0;
}
.branch-photo-list .slick-dots .bp-next-btn{
	background-repeat: no-repeat;
}
.branch-photo-list .slick-dots .bp-prev-btn{
	background-repeat: no-repeat;
}
.j_wrap{
	width: 90%;
  animation: center;
  margin: auto;
}
.tel_v{
  font-size: 2rem;
  text-align: left;
  margin-bottom: .5em;
}
.ad-detail .tel_v{
  display: flex;
  align-items: center;
}
.tel_v a{
		font-weight: bold;
}
.tel_v_tel {
  line-height: 1;
  margin-right: .3em;
}
.tel_v_line{
  display: inline-block;
  width: 1.5em;
}
.ad-route ol li {
    font-size: 1rem;
    text-align: left;
}
.ad-time,.ad-address,.ad-traffic-case{
   font-size: 1.1rem;
    font-weight: bold;
}
.ad-train,.ad-bus{
    background-repeat: no-repeat;
    text-align: left;
}
.ad-traffic-case{
	text-align: left;
}
.sch-link-download2 .foot-ico{
	background-repeat: no-repeat;
}
.sch-link-download2 .head-ico{
	background-repeat: no-repeat;
}
.sch-link-download2 a {
    display: block;
    padding: 0.8em;
    font-size: 1rem;
    background: #000;
    color: #fff;
}
.ad-train,.ad-bus{
    background-repeat: no-repeat;
}
/*


VOATスタイル


*/
.style_wrap1{
	    background: url(/images2/f-bo.jpg);
  padding: 5% 0 5%;
       background-size: cover;
}
.style_inner1{
	width: 80%;
    margin: auto;
	color: #fff;
}
.style_inner1 h2{
	    font-size: 4em;
    font-weight: bold;
    line-height: 0.9;
    padding-top: 8%;
	    color: #2993ca;
    mix-blend-mode: multiply;
}
.style_inner1 h3{
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 1%;
    color: #2993ca;
    mix-blend-mode: multiply;
    line-height: 1.2;
    padding-bottom: 1.8rem;
}
.style_inner1 .flow-ttl{
	    font-size: 1.2em;
}
.sitxt1{
	width: 70%;
	font-size: 1.2em;
}
.style_name{
	    display: flex;
    padding-top: 2%;
}
.style_name li{
	padding: 1%;
    width: 30%;
}
.s_w80 h2{
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    padding-bottom: 3%;
}
.s_w80 h2 span{
	    color: #2993ca;
    font-weight: bold;
    font-size: 1.2em;
	 mix-blend-mode: multiply;
}

.lesson_rei .systm_img{
	width: 100%;
}


.s_w80 {
    width: 80%;
    margin: auto;
    padding: 5% 0 0;
}
.lesson_rei dt {
    text-align: left;
    color: #2993ca;
    font-weight: bold;
    font-size: 1.4em;
}
.lesson_rei  dd:first-of-type {
    text-align: left;
    color: #2993ca;
    padding-bottom: 6%;
}


.reisuuchi{
	font-size: 2em;
	position: initial;
    top: -5%;
    font-weight: bold;
    color: #2993ca;
}
.store_box{
	text-align: center;
    padding-top: 5%;
}
.store_flex{
display: flex;
    width: 80%;
    justify-content: center;
    margin-left: 0;
    margin: auto;
}
.store_flex div{
	    margin: 1%;
    width: 30%;
}
.store_box h3{
	font-size: 3em;
    font-weight: bold;
}
.store_flex p{
	padding-top: 2%;
}
.tribwp h2{
	font-size: 3em;
    font-weight: bold;
}
.tribwp{
	    margin: auto;
    display: block;
    text-align: center;
	padding-top: 5%;
}
.tribwp p{
	font-size: 1.3em;
}
.tribwp a{
	    background: #0071a4;
    color: #fff;
    padding: 2%;
    border-radius: 62px;
    width: 20%;
    display: block;
    margin: 3% auto;
}
.colamwp,.intwp{
	width: 80%;
	margin: auto;
		    padding: 0% 0 5%;
}

.intwp h2{
	font-size: 3em;
    font-weight: bold;
}
.colamwp h2{
	font-size: 3em;
	line-height: 1;
    font-weight: bold;
}
.colam_btn{
	    background: #0071a4;
    color: #fff;
    padding: 2%;
    width: 20%;
    display: block;
    margin: 3% auto;
    text-align: center;
}

.bx-wrapper a {
    width: 220px!important;
}

.i-name{
	font-size: 3rem;
    font-weight: bold;
    line-height: 1.1;
}
.class{
	font-size: 0.8em;
	padding-top: 3%;
    line-height: 1.7;
}

.intwp{
	padding-top: 5%;
}

.bx-wrapper {
	box-shadow: none!important;
padding-top: 5%!important;
}
	
	.bx-wrapper .bx-pager.bx-default-pager a{
		display: none!important;
	}
	
	.txt p {
    display: none;
}
.bx-wrapper {
    box-shadow: none!important;
    border: none!important;
    background: #fff;
}
.bx-wrapper .bx-controls-direction a {
    display: none;
}
/*

map


*/
.studio-clip {
    border: none;
}

.school-tel {
    line-height: 1.1;
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    width: 100%;
}
.ac-btn::after{
	background: url(/images2/acsessb.svg);
	background-repeat: no-repeat;
}
.line-btn::after{
    background: url(/images2/lineb.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 5;
    overflow: revert;
	    width: 37px;
    height: 43px;
    top: 7%;
    left: 50%;
}

.line-btn {
padding: 46px 0 0px 0px;
    font-size: 14px!important;
       overflow: auto;
    font-weight: bold;
     width: 88px;
    height: 68px;
    top: 5%;
}

.ac-btn::after {
      width: 30px;
      height: 92px;
    top: 14%;
    left: 51%;
    transform: translate(-50%,-0%);
    background-size: 100%;
}
.ac-btn {
    padding: 50px 0 0px 0px;
    font-size: 14px!important;
    font-weight: bold;
}


.studio-info-inner {
    padding: 10px 10px 10px;
}
.school-name {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 400;
    margin-bottom: 2px;
}

.school-tel {
    line-height: 1.3;
    font-size: 1.2rem;
    color: #000;
    font-weight: bold;
    width: 100%;
    padding-top: 2%;
}

.sec {
    margin: 5em 0;
}
.sec-ttl .en {
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: 1.2px;
}
.sec-ttl .ja {
    display: block;
    font-size: 1.3rem;
    margin-left: 0;
    padding-bottom: 1%;
}
.access-block {
  width: 100%;
  padding-top: 1em;
  border-bottom: none;
}

/*


VOATアーティスト


*/

.voat-at_top{
width: 70%;
    margin: 3% auto;
}
.voat-at_top .style_name {
    display: flex;
    padding-top: 0%;
	flex-wrap: wrap;
}

.tuikaa-te{
    justify-content: center;
}

.devit_img{
	width: 33%;
}
.dev-tptalwp{
	display: flex;
}
.devttxt{
	    width: 60%;
    padding-left: 7%;
}
.devttxt dt{
	font-weight: bold;
    font-size: 1.8em;
    padding-bottom: 3%;
}
.devttxt dd{
    border-top: solid #b3b3b3 2px;
    padding: 4% 0% 6% 6%;
}

.voat-at_top h2{
	    font-size: 4em;
    font-weight: bold;
    line-height: 1.3;
    padding-bottom: 3%;
}

.voat-at_top h2 span{
color: #2992c9;
	font-weight: bold;
}
.devttxt dl{
	position: relative;
}
.devttxt dt {
    font-weight: bold;
    font-size: 1.8em;
    padding-left: 9%;
    padding-bottom: 3%;
    /* margin-top: 1%; */
}
.devttxt dd {
    border-top: solid #b3b3b3 2px;
    padding: 4% 2% 6% 9%;
}
.suuchi {
    font-weight: 400;
    color: #2992c9;
    font-size: 2.1em;
    top: -44%;
    left: 0;
    position: absolute;
}
.suuchi2{
	font-weight: 400;
    color: #2992c9;
    font-size: 2.1em;
top: 5%!important;
    left: 0!important;
    position: absolute;
}
.point-bule{
	display: block;
    color: #2992c9;
    font-weight: bold;
    padding-top: 3%;
    font-size: 1.2em;
}
/*イントラ*/
.inst-wrap {
    margin-top: 0;
    padding: 10em 0 1em;
}
.inst-wrap .en{
text-align: center;
    padding-left: 0;
font-family: 'Noto Sans JP', sans-serif;
	    margin-bottom: 0;
}
.inst-post-wrap section:last-child p.koumoku {
	font-size: 2.5rem;
	margin-bottom: 0.75em;
	font-weight: bold;
}
.movie_wrap iframe {
	max-width: 100%;
	margin: 0 0 1em;
}
.movie_wrap iframe.short {
	height: 640px;
	max-width: 360px;
}
#footbaner li a {
    color: #fff;
}
.ttl-abuso {
       font-size: 7vw;
padding: 10% 6% 0% 10%;
    width: 35%;
    color: #fff;
    font-weight: bold;
    line-height: 0.9;
    margin-top: -24%;
}
.jjj {
    width: 39%;
    display: flex;
    padding-top: 4%;
    position: relative;
}
.f-btn2 {
width: 10%;
    display: block;
    color: #000;
    background: none;
    border-bottom: solid 2px;
    padding: 1% 0;
    font-size: 1.3vw;
    text-align: center;
    margin-left: 10%;
    margin: 6% 10% 10%;
    font-weight: bold;
}
.producer-sec {
    background-color: #fff;
}
.producer-intro-sec h2{
	text-align: left;
}
.producer-name {
    color: #000;}

.official-btn {
    background-color: #10A6E8;
    color: #fff;
}

	.aida{
		    margin: 10%;
	}
/*
footer .wrap p {
    font-size: .8vw;
    line-height: 2;
    padding-bottom: 3%;
    text-align: center;
}
*/
/*
.footer {
    padding: 4rem 0 6em;
}
*/
.foot-lede-ttl img {
    width: 300px;
    max-width: 140px;
    text-align: center;
    margin: 0 auto 3%;
    display: block;
}
.pof1{
margin: 8% 0 4%;
}
.pof4{
	margin: 18% -66% 6%;
}
.pof5{
	margin: 12% 0 4%;
}


.pof6{
    margin: 15% -66% 6%;
}

.pof9{
	margin: 8% 0% 6%;
}
.pof42{
/*	left: 10%;*/
}
.point10{
	left: 22%;
}
.dauto{
	opacity: 0;
}
.dauto2{
	text-align: center;
    font-weight: bold;
    padding: 4% 0 10%;
}
.da1{
	padding-top: 2%;
    display: block;
}

big{
	font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1em;
}
.branch-photo-list .slick-dots .bp-next-btn{
	display: none;
	
}
.branch-photo-list .slick-dots .bp-prev-btn {
   display: none;
}
.branch-photo-list .slick-dots li.slick-active button {
    color: #2993ca;
}
.ad-route ol li::before {
    position: absolute;
    content: "\f0da";
    font-family: FontAwesome;
    left: 0.2em;
    font-size: 1.4em;
    top: -14%;
    color: #000;
}
.footer {
    padding: 0rem 0 6em;
}
.tui23s{
	    font-size: 1.2rem;
    padding-bottom: 3%;
	display: block;
}

@media (max-width: 1500px) {
  .suuzi-f2, .suuzi-f {
    font-size: 15em;
    top: 3%;
  }
  .muryou {
    font-size: 0.9em;
  }
}

@media (max-width: 1200px) {
  .suuzi-f2, .suuzi-f {
    font-size: 11em;
    top: 7%;
  }
}
@media (max-width: 1300px) {
  .sea1 {
    width: 90%;
  }
  .feature_inner {
    width: 100%;
  }
  .flow-block {
    width: 100%;
  }
  .z-wrap {
    width: 100%;
    margin: 10% auto 4%;
  }
  .feature_inner {
    width: 90%;
  }
  .hizuka p {
    margin: 0 0% 0;
    width: 30%;
  }
  .school-tel {
    font-size: 1rem;
  }
}


@media (max-width: 898px){
  .dauto2 {
    padding: 12% 0 16%;
    font-size: 1.1em;
  }
  /* .oubo_wrap {
    display: flex;
    padding-top: 4%;
    padding-bottom: 14%;
  } */
  .dauto {
    display: none;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .fnavi {
    display: none;
  }
  .f-btn2 {
    width: 29%;
    font-size: 4.1vw;
    padding: 3% 0% 3%;
    margin-left: 8%;
    background: none;
    color: #000;
    margin: 11% 6% 15%;
  }
  .total_hed {
    padding: 30% 0 18%;
  }
  .total_hed2 {
    padding: 30% 0 20%;
  }
  .store1 .bn2022 {
    width: 100%;
    position: static;
    right: 0;
    top: 48%;
    padding-top: 14%;
    padding-left: 20%;
  }
  .total_hed h1 {
    font-size: 13vw;
    padding: 5% 6% 0% 5%;
  }
  .total_hed2 h1 {
    font-size: 13vw;
    padding: 5% 6% 0% 5%;
  }
  .total_hed2 .f1-ttl {
    padding: 1% 0 3%;
    font-size: 3.5vw;
    padding-left: 5%;
  }
  .total_hed .f1-ttl {
    padding: 3% 0;
    font-size: 3.5vw;
    padding-left: 0%;
  }
  /*
.total_hed2 .f1-ttl2 span{
    font-weight: bold;
    font-size: 2em;
    color: #2993ca;
    mix-blend-mode: multiply;
    line-height: 1.2;
    padding-bottom: 6%;
}
*/
  .total_hed .f1-ttl2 {
    padding-left: 5%;
    padding-top: 7%;
    width: 90%;
  }
  .total_hed2 .f1-ttl2 {
    padding-left: 0;
    padding-top: 7%;
    padding: 0;
    padding: 15% 0 10%;
    width: 100%;
    font-size: 1.2em;
    line-height: 2.5;
  }
  .total_hed2 h1 {
    font-size: 13vw;
    padding: 25% 6% 0% 5%;
  }
  .hatsuresson {
    font-weight: bold;
  }
  .bn2022 {
    width: 80%;
    position: static;
    right: 0;
    top: 48%;
    padding-top: 13%;
    padding-left: 20%;
  }
  .sea1 {
    width: 90%;
    margin: auto;
    padding: 10% 0;
  }
  .sea1 h2 {
    font-size: 3em;
  }
  .title2022 {
    font-size: 1.6em;
  }
  .btnArea {
    width: 86%;
    margin: 0 auto 20%;
    padding: 6%;
    border-radius: 4px;
  }
  .btnArea2 {
    width: 86%;
    margin: 5% auto 20%;
    padding: 6%;
    border-radius: 4px;
  }
  /* .oubo_wrap {
    flex-direction: column;
    padding-top: 4%;
  } */
  .oubobox {
    position: relative;
    width: 80%;
    text-align: left;
    margin: auto;
    padding-top: 4%;
  }
  .tel a {
    color: #000;
    font-weight: 300;
    display: block;
    font-size: 1.5em;
    font-family: 'Montserrat';
  }
  .line {
    position: absolute;
    width: 36%;
    top: 60%;
    right: -1%;
    z-index: 2;
  }
  .hizuka {
    display: block;
    margin: 2% auto 0;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  .point3 {
    font-size: 1.6em;
  }
  .hizuka p {
    width: 100%;
    font-size: 0.9em;
    line-height: 1.6;
  }
  .gui_bou {
    width: 60%;
    height: 0.5vh;
    background: #2993ca;
    margin: 10% auto 0;
  }
  .nagare123 h3 {
    padding-top: 1%;
    font-size: 1.6em;
    font-weight: bold;
    border-bottom: solid 5px #2993ca;
    width: 68%;
    margin: auto;
  }
  .flow-block {
    flex-direction: column;
    margin: auto;
    width: 90%;
  }
  .flow-box {
    width: 90%;
    margin: 19% auto;
  }
  .flow-info p {
    font-size: 1em;
    padding: 3% 0 5%;
  }
  .step {
    font-size: 9em;
    top: -16%;
    right: 0%;
  }
  .ku {
    position: absolute;
    width: 16%;
    top: 86%;
    right: 40%;
    /* bottom: 0; */
    transform: rotate(90deg);
    left: 45%;
  }
  .kengaku_inner {
    flex-direction: column;
  }
  .kengakugp1 {
    width: 100%;
  }
  .kengakutxt li:first-of-type {
    font-size: 1.4em;
    text-align: center;
  }
  .kengakutxt {
    padding-top: 10%;
    width: 100%;
    text-align: left;
  }
  .kengakutxt li:first-of-type {
    padding-bottom: 3%;
  }
  .kengakugp2 {
    width: 100%;
    margin-top: 3%;
    margin-bottom: 4%;
  }
  .system_flex2022, .hyou_flex {
    flex-direction: column;
  }
  .newsicon-flex {
    padding: 10% 7% 0% 0%;
    flex-wrap: wrap;
  }
  .newsitem22 {
    width: 44.9%;
    text-align: center;
    margin: 3% 1% 3% 4%;
  }
  .system_box, .hyou {
    width: 100%;
    margin: 2% auto;
  }
  .btn_hyou {
    background: #2993ca;
    color: #fff;
    padding: 2% 5%;
    position: absolute;
    bottom: 6%;
    border-radius: 93px;
    width: 78%;
    font-size: 0.9em;
    left: 0;
    display: block;
    text-align: center;
    left: 6%;
  }
  .op_box {
    width: 95%;
    text-align: center;
    border-radius: 0px;
    border: none;
    padding: 7% 0% 6%;
  }
  .feature_inner h2 {
    color: #2993ca;
    font-weight: bold;
    font-size: 1.6em;
    mix-blend-mode: multiply;
    padding-bottom: 0.3em;
    line-height: 1.2;
  }
  .oursesgp2020 {
    flex-direction: column;
  }
  .mantu {
    width: 93.8%;
  }
  .op_box, .mantu, .man_gp {
    margin: 2% 0;
  }
  .z-wrap {
    width: 90%;
    margin: 10% auto;
  }
  .total-f {
    flex-direction: column-reverse;
  }
  .f-txt-block2, .f-txt-block {
    width: 88%;
    padding-top: 20%;
    margin-left: 0;
  }
  .mantu_img {
    width: 22%;
    margin: 0% 3% 0px -14%;
  }
  .mantu {
    padding: 8% 2%;
  }
  .man1, .man2 {
    width: 85%;
  }
  .suuzi-f2, .suuzi-f {
    position: absolute;
    color: #2993ca;
    font-size: 8em;
    font-weight: bold;
    right: 0;
    opacity: 0.3;
    top: -2%;
  }
  .total-f2 {
    flex-direction: column;
  }
  .f-txtlast {
    font-weight: bold;
  }
  .f-img-block img {
    width: 100%;
  }
  .f-img-block, .f-img-block2 {
    width: 100%;
    margin: 7% auto;
  }
  .feature_inner {
    width: 90%;
    margin: auto;
    padding: 0% 0 0;
  }
  .feature_inner .f-txtlast {
    font-weight: 400;
    padding-top: 0%;
  }
  /*
.feature_inner .f-txttxt {
    font-size: 2.7em;
}	
*/
  .e-btn {
    width: 45%;
    padding: 2.1%;
    font-size: 1.1em;
    margin-top: 5%;
  }
  .feature_inner .f-txt-block {
    width: 100%;
    padding-top: 4%;
  }
  .feature_inner .f-txt-block2 {
    width: 100%;
    padding-top: 4%;
  }
  .bou_f {
    width: 95%;
    margin: 6% auto;
  }
  .bou_f2 {
    width: 95%;
    margin: 6% auto;
  }
  .feature_inner .total-f, .total-f2 {
    padding-top: 20%;
  }
  .muryou {
    border: solid 1px;
    padding: 1%;
    width: 88%;
    margin: 2% 0;
    text-align: center;
    font-size: 1.3em;
  }
  .don {
    width: 110%;
  }
  .erabr h3 {
    font-size: 2.2em;
    margin-top: 20%;
    width: 90%;
    margin: 20% auto 0;
    line-height: 1.3;
  }
  .f-boxx-ttl {
    padding-top: 0%;
    font-size: 2.4em;
  }
  .f-boxx {
    margin: 12% 0;
  }
  .lesson-gp {
    display: flex;
    justify-content: space-around;
    width: 90%;
    padding: 0 6% 0;
    margin: auto;
  }
  /*
.feature_inner h2 {
    font-size: 3em;
}	
*/
  .style_inner1 h3 {
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 1%;
    line-height: 1.2;
    color: #2993ca;
    mix-blend-mode: multiply;
    padding-bottom: 5%;
  }
  .style_inner1 h2 {
    font-size: 4em;
    font-weight: bold;
    padding-bottom: 5%;
    line-height: 0.9;
    padding-top: 8%;
    color: #2993ca;
    mix-blend-mode: multiply;
  }
  section1 .suuzi-f2 {
    position: absolute;
    color: #2993ca;
    font-size: 12em;
    font-weight: bold;
    right: 0;
    opacity: 0.3;
    top: -2%;
    left: 18%;
  }
  section1 .suuzi-f {
    position: absolute;
    color: #2993ca;
    font-size: 13em;
    font-weight: bold;
    right: 0;
    opacity: 0.3;
    top: -2%;
  }

  /*


  VOATストア


  */
  .store_wrap {
    width: 90%;
  }
  .store_wrap {
    width: 90%;
    padding: 15% 0;
  }
  .branch-lede-copy {
    margin-bottom: 1rem;
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .store_wrap p {
    font-size: 15px
  }
  .store1,
  .total_hed._tokyo {
    background: url(/images2/2203_main_sp_2_t.jpg);
    background-size: cover;
  }
  .store2,
  .total_hed._shinjuku {
    background: url(/images2/2203_main_sp_2_s.jpg);
    background-size: cover;
  }
  .store3,
  .total_hed._harajuku{
    background: url(/images2/2203_main_sp_2_h.jpg);
    background-size: cover;
  }
  .store4,
  .total_hed._nagoya{
    background: url(/images2/nagoyasp.jpg);
    background-size: cover;
  }
  .store5,
  .total_hed._fukuoka{
    background: url(/images2/2203_main_sp_2_hu.jpg);
    background-size: cover;
  }
  .store6,
  .total_hed._nakano{
    background: url(/images2/2207_nakano_lobby_2.jpg);
    background-size: cover;
  }
  .store-photo h3 {
    font-size: 3em;
  }
  .storename {
    padding: 0% 0 8%;
    font-size: 1em;
  }
  .branch-photo-list .slick-dots li button {
    font-size: 1.1rem;
  }
  .j_wrap {
    text-align: center;
    width: 90%;
    margin: auto;
  }
  .tel_v {
    font-size: 2rem;
  }
  .ad-time, .ad-address, .ad-traffic-case {
    text-align: left;
  }
  .store1 .bn2022, .store2 .bn2022, .store3 .bn2022, .store4 .bn2022, .store5 .bn2022 {
    width: 100%;
    position: static;
    right: 0;
    top: 48%;
    padding-top: 13%;
    padding-left: 20%;
  }
  /*


  スタイル


  */
  .style_inner1 {
    width: 90%;
  }
  .sitxt1 {
    width: 100%;
  }
  .style_inner1 h2 {
    padding-top: 20%;
  }
  .style_name {
    display: flex;
    padding-top: 12%;
    flex-direction: column;
    width: 100%;
    margin: auto;
  }
  .style_name li {
    padding: 1%;
    width: 98%;
  }
  .s_w80 h2 {
    font-size: 2em;
    font-weight: bold;
  }
  .system_box, .hyou {
    margin: 12% auto;
  }
  .reisuuchi {
    font-size: 3em;
  }
  .lesson_rei dt {
    text-align: center;
  }
  .lesson_rei dd:first-of-type {
    display: none;
  }
  .system_box, .hyou {
    margin: 10% auto;
  }
  .tribwp a {
    padding: 3%;
    width: 70%;
    font-size: 1.2em;
    margin: 5% auto 15%;
  }
  .colamwp, .intwp {
    width: 90%;
  }
  .style_wrap1 {
    padding: 15% 0 15%;
  }
  .bx-wrapper .bx-pager {
    display: none !important;
  }
  .alenge {
    padding: 5% 5% 15%;
  }
  .s_w80 {
    width: 90%;
    padding: 15% 0 0;
  }
  .tribwp {
    padding-top: 10%;
  }
  .colamwp {
    padding: 10% 0;
  }
  .intwp {
    padding: 10% 0 0%;
  }
  .lesson_rei dd {
    padding: 3%;
    line-height: 1.6;
  }
  .lesson_rei dt {
    font-size: 1.7em;
    font-weight: bold;
  }
  .store_box {
    padding: 5%;
  }
  .style_pop {
    background: url(/images2/pop_sp.jpg);
    background-size: cover;
  }
  .style_singerspng {
    background: url(/images2/singersong_sp.jpg);
    background-size: cover;
  }
  .style_hikigatari {
    background: url(/images2/hikigatari_sp.jpg);
    background-size: cover;
  }
  .style_anison {
    background: url(/images2/anison_sp.jpg);
    background-size: cover;
  }
  .style_seiyu {
    background: url(/images2/seiyuu_sp.jpg);
    background-size: cover;
  }
  .style_dance {
    background: url(/images2/dance.jpg);
    background-size: cover;
  }
  .style_kpop {
    background: url(/images2/kpop2022.jpg);
    background-size: cover;
  }
  .style_jazz {
    background: url(/images2/jazz2022_sp.jpg);
    background-size: cover;
  }
  .style_fore {
    background: url(/images2/yougaku2022_sp.jpg);
    background-size: cover;
  }
  .style_net {
    background: url(/images2/net2022_sp.jpg);
    background-size: cover;
  }
  .artist {
    background: url(/images2/artist_sp.jpg);
    background-size: cover;
  }
  .intra {
    background: url(/images2/intra_top_sp.jpg);
    background-size: cover;
  }
  .aude-top {
    background: url(/images2/aude_bg_sp.jpg);
    background-size: cover;
  }
  .show-top {
    background: url(/images2/show_bg.jpg);
    background-size: cover;
  }
  .kounai-top {
    background: url(/images2/kounaio-de_sp.jpg);
    background-size: cover;
  }
  .pro-top {
    background: url(/images2/pro_sp.jpg);
    background-size: cover;
  }
  .ikusei-top {
    background: url(/images2/ikuseisp.jpg);
    background-size: cover;
  }
  .live-top {
    background: url(/images2/live-topsp.jpg);
    background-size: cover;
  }
  .champ-top {
    background: url(/images2/champsp.jpg);
    background-size: cover;
  }
  .style_online {
    background: url(/images2/onlinesp.jpg);
    background-size: cover;
  }
  .guidance {
    background: url(/images2/2203_guidance_sp.jpg);
    background-size: cover;
    background-position: left;
  }
  .access {
    background: url(/images2/access_sp.jpg);
    background-size: cover;
  }
  .course {
    background: url(/images2/2204_course_sp.jpg);
    background-size: cover;
  }
  .total_hed2 {
    background: url(/images2/f65.jpg);
    padding: 10% 0 10%;
    background-size: 100%;
  }
  .ikusei {
    background: url(/images2/ikuseisp.jpg);
    background-size: cover;
  }
  .feature_hed {
    background: url(/images2/2204_feature_sp.jpg);
    background-size: cover;
  }
  .blog {
    background: url(/images2/f-bo333.jpg);
    background-size: cover;
  }
  /*access	*/
  .line-btn::after {
    background: url(/images2/lineb.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 5;
    overflow: revert;
    width: 54px;
    height: 63px;
    top: 35%;
    left: 17%;
  }
  .line-btn {
    padding: 60px 0 0px 0px;
    font-size: 15px !important;
    overflow: scroll;
    font-weight: bold;
    width: 88px;
    height: 84px;
    top: 5%;
    left: 0px;
  }
  .line-btn::after {
    width: 54px;
    height: 60px;
    top: 30%;
    left: 20%;
  }
  .ac-btn {
    padding: 67px 0 0px 0px;
    font-size: 15px !important;
    font-weight: bold;
  }
  .ac-btn::after {
    width: 43px;
    height: 92px;
    top: 14%;
    left: 51%;
    transform: translate(-50%, -0%);
    background-size: 100%;
  }
  .ac-btn {
    padding: 67px 0 0px 0px;
    font-size: 15px !important;
    font-weight: bold;
  }
  .studio-box:not(:last-child) {
    margin-bottom: 2rem;
  }
  /*


デビュー


*/
  .voat-at_top {
    width: 90%;
    margin: 3% auto;
  }
  .tuikaa-te {
    flex-direction: inherit;
    flex-wrap: wrap;
    margin-left: 10.6%;
  }
  .tuikaa-te li {
    padding: 2% 1% 5%;
    width: 45%;
  }
  .dev-tptalwp {
    flex-direction: column;
  }
  .devit_img {
    width: 100%;
  }
  .devttxt {
    width: 100%;
    padding-left: 6%;
    padding-top: 14%;
  }
  .devttxt dd {
    padding: 7% 20% 8% 3%;
    padding-left: 16%;
    font-size: 0.9em;
    width: 78%;
    text-align: left;
  }
  .devttxt dt {
    font-weight: bold;
    font-size: 1.6em;
    padding-left: 12%;
    padding-bottom: 6%;
    /* margin-top: 1%; */
    line-height: 1.5;
  }
  .suuchi2 {
    top: 2%;
    left: -7%;
  }
  .point-bule {
    padding-top: 10%;
  }
  .inst-post-wrap section:last-child li {
    margin-bottom: 2.5em;
    line-height: 1.8;
  }
  .inst-post-wrap section:last-child p {
    font-size: 1.5rem;
    line-height: 1.8;
  }
  .inst-post-wrap section:last-child p.koumoku {
    color: #10A6E8;
    font-size: 1.8rem;
    margin-bottom: 0.5em;
  }
  .border_onews {
    width: 41%;
    padding: 9% 3%;
    border: solid #b3b3b3;
    margin: 1%;
    font-size: 0.8em;
    display: block;
    position: relative;
    color: #000;
  }
  .producer-profbox .prof-txt {
    font-size: 1.4rem;
  }
  .producer-intro-sec h2 {
    font-size: 2.3rem;
  }
  .producer-intro-sec p {
    font-size: 1.8rem;
    line-height: 1.6;
  }
  /*
	.modal-wrapper{
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Roboto, "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", sans-serif;
	}
*/
  .tel_ttl p {
    font-weight: bold !important;
  }
  .pof42 {
    top: 1% !important;
    font-size: 11em !important;
    left: 22% !important;
  }
  .pof52 {
    top: 4%;
  }
  .point7 {
    top: 0% !important;
  }
  .point10 {
    left: 35% !important;
  }
  .fo08 {
    font-size: 12em;
  }
  .total_hed2 {
    /*    background: url(/images2/rokuroku.jpg);*/
    /*
    padding: 10% 0 10%;
  background-size: cover;
*/
  }
  .modal-wrapper .modal-close {
    z-index: 20;
    position: absolute;
    top: 0%;
    right: 0%;
    width: 35px;
    color: #ccc;
    font-size: 41px;
    font-weight: 100;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
  }
  .studio-s {
    padding: 0% 3% 0% 6% !important;
  }
  .studio-s span {
    font-size: 30.2vw !important;
    color: #000 !important;
    margin-left: -4% !important;
  }
  .tel_box {
    display: flex !important;
    border-bottom: solid 1px #b3b3b3 !important;
    padding-bottom: 6% !important;
    width: 92% !important;
    margin: 5% auto !important;
  }
  .teldetail {
    width: 63% !important;
    font-size: 5vw !important;
    /* font-weight: bold; */
    padding-top: 3% !important;
    /* padding-bottom: 14%; */
    padding-left: 14% !important;
  }
  .teldetail img {
    width: 11% !important;
    padding-right: 4% !important;
  }
  .linedetail {
    display: block !important;
    width: 13% !important;
    margin-left: 3% !important;
    margin-top: 3% !important;
  }
  .tel_ttl {
    font-weight: bold !important;
    color: #ccc !important;
    font-size: 1em !important;
    width: 27% !important;
    padding-top: 3% !important;
  }
  .tel_box a {
    color: #ccc;
  }
  .f-img-block2_2022 {
    width: 110%;
    display: block;
    padding: 0;
    margin: 7% 7% 0;
  }
  .event_wrap {
    padding-top: 0;
  }
  .linetel {
    text-align: left;
  }
  .e-btn {
    width: 22%;
    padding: 2.1% 0;
    font-size: 1.1em;
    margin-top: 5%;
  }
  .sub22 {
    font-size: 17px;
    padding: 1% 6% 2%;
  }
  .ttl-abuso {
    font-size: 16vw !important;
  }
  .ad-route ol li::before {
    font-size: 1.4em;
    top: -14%;
  }
  .uuu {
    display: block;
    padding-left: 12%;
    margin: auto;
    padding-top: 28%;
    color: #000;
    width: 20%;
    /* margin-left: 13%; */
  }
  .op_box_fri {
    font-weight: bold;
    font-size: 2.5em;
    /* text-align: left; */
    line-height: 1.3;
    padding-bottom: 8%;
  }
}

@media (max-width: 400px) {
  .e-btn {
    width: 23%;
  }
}

@media (min-width: 899px) {
  .access-block {
    display: flex;
    justify-content: space-between;
  }


}
 /*


関連ブランド


*/

.located_reco_block{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* border-top: .5px solid var(--color-grey);
  border-bottom: .5px solid var(--color-grey); */

  width: 100%;
  margin: 2em 0;
}
.located_reco_box{
  position: relative;
  width: 33.33333%;
  border: 1px solid var(--color-grey);
  border-left: none;
  overflow: hidden;
}
@media (max-width: 859px) {
  .located_reco_box:nth-child(3n) {
    border-right: none;
  }
  .located_reco_box:nth-child(n+4) {
    border-top: none;
  }
}
.reco_detail_box{
  visibility: none;
  opacity: 0;
  transform: translateY(-101%);
}
.located_reco_box.on .reco_detail_box{
  position: absolute;
  z-index: 1;
  font-size: 0.68rem;
  width: 100%;
  height: 100%;
  background-color: var(--color-black2);
  color: var(--color-white);
  overflow-y: scroll;
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  transition: transform .4s , opacity .4s;

  display: flex;
  justify-content: center;
  align-items: center;
}
/* .located_reco_box:hover .reco_detail_box{
  transform: translateY(0);
  opacity: 1;
} */
.reco_txt{
  position: absolute;
  display: block;
  top: 0;
  /* bottom: 0;
  margin: auto; */
  height: fit-content;
  padding: 1em .6em 1em;
}

.reco_img_box{
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
/* .located_reco_box:hover .reco_img_box{
  transform: translateY(-100%);
  opacity: 0;
} */
.reco_logo_img{
  position: absolute;
  pointer-events: none;
}
.reco_logo_img.nda{top: 0;}
.reco_logo_img.ndak{top: -100%;}
.reco_logo_img.nds{top: -200%;}
.reco_logo_img.nyoga{top: -300%;}
.reco_logo_img.npila{top: -1800%;}
.reco_logo_img.nbox{top: -400%;}
.reco_logo_img.nbal{top: -500%;}
.reco_logo_img.nbalk{top: -600%;}
.reco_logo_img.non{top: -700%;}
.reco_logo_img.nmusic{top: -800%;}
.reco_logo_img.tdl{top: -900%;}
.reco_logo_img.sst{top: -1300%;}
.reco_logo_img.pst{top: -1400%;}
.reco_logo_img.stn{top: -1500%;}
.reco_logo_img.voat{top: -1000%;}
.reco_logo_img.voice{top: -1100%;}
.reco_logo_img.voatk{top: -1200%;}
.reco_img_box{
  transition: transform .4s , opacity .4s;
}

.reco_detail_btn{
  position: absolute;
  bottom: 8%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  width: 60%;
  padding: .3em 1.8em;
  margin: 0 auto;
  opacity: .2;
  z-index: 10;
}

@media (min-width: 860px) {
  .located_block {
    padding-top: 15em;
  }
  .located_reco_block{
    width: 100%;
    margin: 0 auto;
    justify-content: center;
  }
  .located_reco_box{
    width: calc(100% / 7);
    border: 1px solid var(--color-grey);
  }
  .located_reco_box:not(:first-child){
    border-left: none;
  }
  .sec_top_contents .foot_desc{
    padding-right: 0;
  }
  .reco_detail_btn{
    width: 55%;
  }
  .reco_txt{
    bottom: 0;
    margin: auto;
  }
  .located_reco_box.on .reco_detail_box{
    overflow-y:inherit;
  }
}

@media (min-width: 1200px) {
  .reco_detail_box{
    font-size: .7em;
  }
}