
body.no-main div.h1box h1 span{
    font-size:1rem;
    display:block;
}
body.no-main div.h1box p{font-size:.9rem;line-height:1.9;margin-top:2em;}
body.no-main div.h1box .ico-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:1em;}
body.no-main div.h1box .ico-box section{width:20%;}
.slick-slide{opacity: 1;}
div.newspostslider{margin: 0 0; width: 100%; position: relative;}
div.newspostslider ul{display: block; width: 100%; text-align: center; position: relative; padding: 0;}
div.newspostslider ul li:not(.slick-current){cursor: pointer;}
div.newspostslider div.slick-list{padding: 0!important;}
div.newspostslider ul.slick-dots{clear: both; padding: 5px 0 0;}
div.newspostslider ul.slick-dots li{float: none; width: 20px; height: 2px; margin: 0 4px; background: #DDD; color:#DDD!important;display: inline-block; text-indent: -999px; overflow: hidden; cursor: pointer;}
div.newspostslider ul.slick-dots li.slick-active{background: #333;}
div.newspostslider ul.slick-dots li button{ width: 20px; height: 2px;}
div.newspostslider ul.slick-dots li button:before{ width: 20px; height: 2px;border-radius:0;}
.slick-dotted.slick-slider{margin-bottom: 5px;}
.what-box{
    font-size:.9rem;
    line-height:1.9;
}
.what-box .ico-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:1em;}
.what-box .ico-box section{width:20%;}
.what-box .ico-box2{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:2em 5%;}
.what-box .ico-box2 section{width:30%;}
.about-bt{
    padding-bottom: 1em;
}
.about-bt li:last-child{margin-bottom:0;}
.about-bt li a{position:relative;background-color:#000;display:block;width:100%;text-align:center;}
.about-bt li a img{opacity: .75;width:100%;}
.about-bt li:nth-child(2n) a img{opacity: .7;width:100%;}
.about-bt li:nth-child(3n) a img{opacity: .8;width:100%;}
.about-bt li a h3{font-size:.85rem;position:absolute;top: 50%; left:50%; transform: translate(-50%,-50%);color:#fff;letter-spacing:3px;width:100%;}
.block8 {
    padding-bottom: .2em;
}
.news-post-bt {width:100%;margin:3em auto 0;display:block;text-align:center;}
.news-post-bt a{font-size:.7rem;border:2px solid;padding:1em 1.5em 1em 1.8em;color:#000;letter-spacing:6px;line-height:1;text-align:center;font-family:'Oswald', sans-serif;font-weight:700;}
.news-post-bt a:hover{background:#000;color:#fff;}


@media screen and (min-width:769px){
  .wrapper {position: relative;height: 960px;}
  .banner-wrapper-fixed {height:950px;}
  .foreground {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.0);}
  .mainvis img{width:100%;height:auto;object-fit: cover;font-family: 'object-fit: cover;';}
  .swiper-container {height:960px;}
    
  body.no-main div.h1box{padding:6em 2.5em 1.5em;}
  body.no-main div.h1box h1{letter-spacing:6px;font-size:2.2rem;line-height:1.5;}
  body.no-main div.h1box h1 span{letter-spacing:3px;font-size:1.5rem;display:block;line-height:2;padding-top:0em;}
  body.no-main div.h1box p{font-size:1rem;line-height:1.9;margin-top:2em;}
  body.no-main div.h1box .ico-box{padding-top:2em;}	
      
  /* div.newspostslider ul li img{height: 400px;} */
  .slick-dotted.slick-slider{margin-bottom: 25px;}	
    
  .what-box{padding:2.5em;font-size:1rem;line-height:1.9;}
  .what-box h2 {font-size:2.2rem;letter-spacing:1;}
  .what-box h2 span{font-size:1.5rem;}
  .what-box ul{padding-top:2em;}
  .what-box li{margin-bottom:4.5em;}
  .what-box .ico-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:2em;}
  .what-box .ico-box section{width:20%;}
  .what-box .ico-box2{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:3em 10%;}
  .what-box .ico-box2 section{width:30%;}	
    
  .about-bt{padding:4em 2em 4em;}	
  .about-bt ul{
      display: flex;
      justify-content: space-between;
      width: 100%;
  }	
  .about-bt li{
      margin-bottom: 2em;
      width: 33%;
  }
  .about-bt li a img{opacity: .8}	
  .about-bt li a h3{font-size:1rem;}

} /*  */


@media screen and (min-width: 960px){
  .wrapper {position: relative;height: 80vh;}
  .banner-wrapper-fixed {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-image:none;background-position: center;background-size: cover;transition: all 0.1s ease 0s;}
  .foreground {position: absolute;top: 0;left: 0;width: 100%;height: 80vh;background-color: rgba(0,0,0,0.0);background-image: url('../imgs/main/pc-undermain-about.jpg');}
  .mainvis img{width:100%!important;}
  .white .swiper-container{animation: scrollswiper 2s both;}
    
  body.no-main div.h1box{padding:8em 20% 0;}
  body.no-main div.h1box h1{font-size:2.2rem;line-height:1.9;}
  body.no-main div.h1box h1 span{letter-spacing:3px;font-size:1.5rem;line-height:2;padding-top:.5em;}		

  /* div.newspostslider ul li img{height: 400px;} */
  div.newspostslider ul.slick-dots{padding: 15px 0 10px;}		
  .slick-dotted.slick-slider{margin-bottom: 0;}
      
  .what-box{padding:2.5em 0;font-size:1rem;line-height:1.9;}
  .what-box h2 {font-size:2.2rem;letter-spacing:1;}
  .what-box h2 span{font-size:1.5rem;padding-top:.5em;}
  .what-box ul{padding-top:2em;display:flex;flex-wrap:wrap;justify-content:space-between;}
  .what-box li{width:100%;margin-bottom:4.5em;padding:0 20%;}
  .what-box li.half{width:47%;margin-bottom:3em;padding:0 0;}	
  .what-box .ico-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:2em 15%;}
  .what-box .ico-box section{width:18%;}
  .what-box .ico-box2{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:3em 18%;}
  .what-box .ico-box2 section{width:28%;}	
  .what-box li.half .ico-box2{padding:3em 10%;}
    
  .about-bt{padding:3em 0 2em;}
  .about-bt ul{display:flex;flex-wrap:wrap;justify-content:space-between;}	
  .about-bt li{width:32.5%;margin-bottom:1em;}
  .about-bt li a h3{font-size:.9rem;}
    
} /*  */



/*  COMPANY INFO  02
========================================= */
.company-info dl{
    width:100%;
    border-bottom: 1px solid #CCCCCC;
    padding: 1.5em 0;
    font-size: 1.2em;
}
.company-info dl.lst{
    border-bottom: 0px solid #CCCCCC;
    padding: 1em 0;
    font-size: 1.2em;
}
.company-info dt{
    font-size: .9em;
    font-weight: 300;
    letter-spacing: .1em;
    padding-bottom: 1em;
    color: var(--color-grey);
}

.company-info dd span{
    display:block;
}

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

    .company-info dl{
        padding:1.5em 0;
    }
    .company-info dl.lst{
        padding:1.5em 0;
    }
    .company-info dd span{
        display:block;
    }	
} /*  */

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

    .company-info dl{
        font-size: 1.4em;
    }
    .company-info dl.lst{
        font-size: 1.4em;
    }
    .company-info dd span{
        display:inline;
    }
} /*  */


/*  OFFICE& ACCESS 03
========================================= */

.access-box li:last-child{
    margin-bottom:0;
}
.access-box li img{
    margin-bottom:1em;
}
.access-box li iframe{
    width:100%;
    height:300px;
}
.access-box li dl{
    line-height:1.7;
}
.access-box li dt{
    font-size: 1.1em;
    font-weight: 400;
    color: var(--color-grey);
    padding-bottom: 0.5em;
}
.access-box li dd{
    margin-bottom: 2em;
    padding-bottom: 0.8em;
    border-bottom: 1px solid #CCCCCC;
    line-height: 2em;
    font-size: 1.1em;
}
.access-li1 {
    padding-bottom: 3em;
}

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

    .access-box li{
        margin-bottom:3em;
    }
    .access-box li img{
        margin-bottom:2em;
    }
    /* .access-box li iframe{
        height:400px;
    } */
    .access-box li dt{
        margin-bottom:.2em;
    }
    .access-box li dd{
        font-size: 1.2em;
    }
} /*  */


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

    /* .access-box ul{
        display:flex;flex-wrap:wrap;
        justify-content:space-between;
    } */
    .access-box li{
        width:100%;
        margin-bottom:0em;
    }
    .access-box li img{
        margin-bottom:2em;
    }
    /* .access-box li iframe{
        height:500px;
    } */
    .access-box li dt{
        margin-bottom:.2em;
    }
    /* .access-box li dd{
        margin-bottom:3em;
    } */

} /*  */


/*  RELATED COMPANY 記事
========================================= */

.brand-li {
    padding-bottom: 5em;
}
.brand-logo {
    width: 70%;
    margin: 0 auto;
    padding: 1em 0;
}
.brand-logo img {
    filter: var(--filter-b);
}
.brand-txt {
    font-size: 1em;
    text-align: center;
}

@media screen and (min-width: 769px){
    .brand-li {
        padding-bottom: 6em;
    }

    .brand-ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .brandwrap li{
        width: 32%;
    }
    .brand-logo {
        width: 40%;
    }
    .brandwrap li .infobox p{
        /* font-size:.9rem; */
        text-align:center;
        /* margin-top:-.25em; */
    }
    .res-img{
        object-fit: cover;
        width: 100%;
        height: 40em;
    }


} /*  */


@media screen and (min-width: 1500px){
    .res-img{
        object-fit: cover;
        width: 100%;
        height: 50em;
    }

} /*  */



/*  コンフィデンス 05
========================================= */
.news-post-box {
    font-size: 1.2em;
    line-height: 1.8em;
}
.news-post-wrap{
    /* padding:4em 0em 0; */
    overflow:hidden;
}
.news-post-wrap h1{
    font-size:1rem;
    line-height:1.7;
    text-align:center;
    padding-bottom: 1.3em;
    font-weight:bold;
}
.news-post-wrap h1 img{
    width: 60%;
    margin: 2em auto 0!important;
    display: block;
    filter: var(--filter-b);
}
.news-post-wrap h1 span{
    font-size:1.2em;
    font-weight: 300;
}


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

    .news-post-box{
        font-size:1rem;
        line-height:2.2;
        /* padding:0 2.5em 3.5em; */
    }
    .news-post-box .logo img{
        width:30%;
        margin:0 auto;
    }
    .news-post-box p{
        /* margin-top:1em; */
        font-size: 1.2em;
    }	
    .news-post-bt a{
        font-size:1.2em;
    }
    .news-post-wrap h1 img{
        width:30%;
    }
    .news-post-wrap h1 span{
        font-size:1.2em;
    }
    .newspostslider img {
        width: 100%;
        height: 320px;
        object-fit:cover;
    }

} /*  */

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

    .news-post-wrap{
        padding:7em 0 0;
    }
    .news-post-wrap h1 img{
        width:24%;
    }

} /*  */

@media screen and (min-width: 1200px){
.newspostslider img {
    width: 100%;
    height: 500px;
    object-fit:cover;
}
} /*  */

/* 2023 追加
========================================= */


/*body
========================================= */
/* .no-main {
    background-color: #f0f0f0;
} */
.about_sec_bloc{
    padding: 3em 0;
    overflow: hidden;
  }

.dark .breadcrumbs ol {
    color: white;
}

/* SECTION  ABOUT TOP
========================================= */
.sec-about-top {
    padding: 8em 0 0 ;
}
.about-mv {
    width: 90%;
    margin: 0 auto;
}


@media (min-width: 769px) {

    .about-mv {
        width: 95%;
        margin: 0 auto;
    }
    .sec-about-top {
        padding-top: 9em;
    }
}

/* SECTION  ABOUT BOX
========================================= */

.ja-each-about {
    display: block;
    /* position: absolute; */
    /* top: 11.5sem; */
    padding: 1em 0;
    font-size: 1.5em;
}
.each-about-txt {
    font-size: 1.3em;
    line-height: 2.2em;
  }
.about-p {
    padding-bottom: 0;
  }

  @media (min-width: 769px) {

    .sec-ttl-box1 {
        width: 100%;
    }
    .each-about-txt {
        padding: 1em 0 1em;
        line-height: 2em;
     }
    .about-box-wrap {
        display: flex;
     }
     .ja-each-about {
        top: 11.9em;
        font-size: 1.8em !important;
     }
} /* */

@media (min-width: 769px) {

} /* */


/* SECTION  ABOUT VISION
========================================= */
.vision-ul {
    padding-top: 2em;
}
.vision-li {
    padding-bottom: 4.2em;
}
.en-vision-ttl-txt {
    display: block;
    font-size: 2em;
    font-weight: 400;
}
.ja-vision-ttl-txt {
    font-size: 1em;
    font-weight: 400;
}
.vision-ttl-box {
    padding: 0 0 1em;
}
.ja-vision-txt {
    font-size: 1.2em;
}

@media (min-width: 769px) {
    .vision-ttl-box {
        padding-bottom: .5em;
    }
    .en-vision-ttl-txt {
        font-size: 1.6em;
        padding-bottom: .3em;
    }
    .ja-vision-ttl-txt {
        font-size: .8em;
    }
    .ja-vision-txt {
        font-size: 1.3em;
        line-height: 1.8em;
    }
    .vision-li {
        padding-bottom: 5em;
    }
} /* */

@media (min-width: 960px) {
    .en-vision-ttl-txt {
        padding-bottom: 0;
    }
}

@media (min-width: 1300px) {
    .ja-vision-txt {
        font-size: 1.1em;
        line-height: 1.8em;
    }
} /* */

/*  COMPANY INFO
========================================= */
.about-bt-txt {
    font-size: 2em;
    font-weight: 300;
}

.breadcrumbs-txt {
    font-size: 1.5em;
}

@media (min-width: 769px) {
    .about-bt-txt {
        font-size: 1.6em;
        font-weight: 400;
    }
} /* */



/*  ダンスアカデミー ブランド一覧
========================================= */
.company-ttl{
    font-size: 2em;
    padding: 0.8em 0;
}
.company-detail{
    padding-top: 1em;
    letter-spacing: 0;
}
.brandimage {
    position: relative;
    background-color: black;
    display: inline-block;
  }
.brandimage .logo {
    width: 55%;
    height: fit-content;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    filter: var(--filter-w);
    z-index: 1;
}
.brand-li{
    width: 47%;
    padding-bottom: 2em;
}
.brand-img {
    opacity: .8;
    /* object-fit: cover;
    height: 17em;
    width: 1000px; */
  }
  .brandwrap ul{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  

@media screen and (min-width:768px){
    .brand-li{
        width:31%;
        background:none;
        padding-bottom: 3em;
    }
    .brandwrap ul{
        /* margin-bottom: 8em; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
      }
      
} /* */


@media screen and (min-width:960px){
    .brand-li{
        width: 32%;
        background: none;
        margin-bottom: 2em;
    }
    .brandwrap ul {
        padding: 3em;
      }   
} /* */



/*  ブランド一覧  last-child
==================================  */
@media screen and (min-width: 769px){
    .entry_15466{
      margin-right: 24.5em;
    }
  }
  @media screen and (min-width: 960px){
    .entry_15466{
      margin-right: 25em;
    }
  }
  @media screen and (min-width: 1400px){ 
    .entry_15466{
      margin-right: 24em;
    }
  }


  /*  PROPERTY INFO
==================================  */
.property-post-box {
    font-size: 1.2em;
    line-height: 1.8em;
    padding-top: 4em;
}
@media screen and (min-width: 769px){

    .property-post-box{
        font-size:1rem;
        line-height:2.2;
        /* padding:0 2.5em 3.5em; */
    }
    .property-post-box p{
        /* margin-top:1em; */
        font-size: 1.2em;
    }	
}