@media all and (min-width:1280px){    
    .video-circle {
        width: 82vh;
        height: 82vh;
    }
    /* .header-container .banner-img-container .banner-img {
        width: 59vw;
    } */
    .header-container .video-bg {
        width: 70vh;
        height: 70vh;
    }
    .header-container .banner-img-container .banner-img {
        max-width: 118vh;
    }
}
@media all and (max-width:1279px) and (min-width:768px){
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body{
    font-size: 1.5625vw;
}
.container{
    max-width: 100vw;    
}
.container-inner{
    max-width: 100vw;
    padding: 0 7.8125vw;
}

/************************************************************************************/

/***********************Header Area****************************/

.header-container{
    padding: 3.125vw 0 0;
    min-height: 56.25vw;
    height: 100vh;
}
.header-inner-container{
    padding: 0 3.9062vw 0;
}
.header-container .logo-esmod-tokyo{
    width: 15.7031vw;
}
.header-container h2{
    font-size: 2.5vw;
    left: 3.9062vw;
    bottom: 3.9062vw;
    line-height: 3.9843vw;
    letter-spacing: normal;
}
.header-container h2.home-heading{
    font-size: 2.8vw;
}
.header-container .banner-img-container:before{
    width: 44.5312vw;
    height: 44.5312vw;
}
.header-container .banner-img-container:after{
    height: 0.07812vw;
}
.header-container video.video-bg {
    width: 38.2812vw;
}
.header-container .banner-text{
    font-size: 14px;
    top: 12.1875vw;
    right: 4.6875vw;
    line-height: 1.4062vw;
}
.right-red-circle {
    bottom: -2.9687vw;
    right: -2.6562vw;
    width: 19.9218vw;
    height: 19.9218vw;
    padding: 5.9687vw 3.125vw 5.4687vw 1.5625vw;
}
.right-red-circle .rrc-first{
    font-size: 1.25vw;
    letter-spacing: 0.1562vw;
    line-height: 1.6406vw;
}
.right-red-circle .rrc-year {
    font-size: 2.3437vw;
    line-height: 1.7968vw;
    letter-spacing: 0.07812vw;
    padding-top: 0.625vw;
    padding-bottom: 1.25vw;
}
.right-red-circle .rrc-last{
    font-size: 0.8593vw;
    letter-spacing: 0.07812vw;
    line-height: 0.9375vw;
}
.panel-wrapper .blank-panel {
    height: 24.6093vw;
}
/************************************************************************************/
/****************************Main Container******************************************/

.section-one{
    padding: 16.6406vw 0 8.125vw;
}
.section-one h4{
    font-size: 2.5vw;
    letter-spacing: 0.1562vw;
    line-height: 2.6562vw;
}
.section-one h3{
    font-size: 10.1562vw;  
    line-height: 8.2031vw;
}
.section-one .section-one-text{
    font-size: 1.5625vw;
    letter-spacing: 0.1562vw;
    line-height: 1.6406vw;
    padding-top: 5.3906vw;
}
.section-one .intro-container{
    margin: 7.0312vw auto 0;
}
.section-one .section-one-small-text{
    font-size: 1.0937vw;
    letter-spacing: 0.2343vw;
    line-height: 1.0937vw;
    padding-bottom: 1.5625vw;
}
.video-container-main{
    width: 62.5vw;
    height: 35.1562vw;
}
.section-one .video-container-main{
    margin: -2.4218vw auto 0;
}
.heading{
    position: relative;
}
.heading h2{
    font-size: 6.25vw;
}
.heading span.border{
    bottom: 3.2031vw;
}
.heading span.border:before{
    height: 0.625vw;
    width: 0.625vw;
    top: -0.3125vw;
}
.heading span.border:after{
    height: 0.625vw;
    width: 0.625vw;
    top: -0.3125vw;
}
.heading span.subtext{
    font-size: 1.25vw;
    letter-spacing: 0.2343vw;
    margin-top: 0.3906vw;
}
.section-two{
    padding: 8.125vw 0 15.625vw;
}
.section-two h3{
    font-size: 1.9531vw;
    letter-spacing: 0.1562vw;
    line-height: 2.0312vw;
    margin-top: 8.3593vw;
}
.section-two .video-container-main{
    margin: 3.125vw auto 0;
}

.section-three{
    padding: 15.625vw 0 2.5vw;
}
.features-container{
    font-size: 1.0156vw;
    grid-template-columns: 23.6718vw 54.375vw;
    gap: 6.3281vw;
}
.features-container .features-box-title h3 {    
    width: 23.6718vw;
    height: 23.6718vw;
    font-size: 3.5156vw;
    letter-spacing: 0.3906vw;
}
.features-container .features-box-title h3 .rotate-circle:after {
    width: 0.3906vw;
    height: 0.3906vw;
    right: -0.2343vw;
}
.features-container .features-box-title h3 .rotate-circle:before {
    width: 0.3906vw;
    height: 0.3906vw;
    left: -0.2343vw;
}
.features-container .features-box-title h3 span{
    font-size: 1.25vw;
}
.features-container .features-box-content{
    font-size: 1.2556vw;
}
.features-container .features-box-content p {
    line-height: 1.7187vw;
}
.features-container .features-box-content .features-box-num{
    font-size: 5.0781vw;
    line-height: 4.2968vw;
    margin-bottom: 1.6406vw;
}
.features-container .features-box-content .features-box-num{
    margin-top: 6.6406vw;
}
.features-container .features-box-content h4{
    font-size: 1.9531vw;
    margin-bottom: 2.7343vw;
}
.features-container .features-box-content .glb-vid {
    margin: 0.7812vw auto 3.0468vw;
    padding: 0 2.8125vw;
}
.features-container .features-box-content .features-box-num .line-circle{
    width: 5.0781vw;
    height: 5.0781vw;
}
.features-container{
    margin-top: 8.5156vw;
}
.instructors-list-container{    
    gap: 3.125vw;
    margin-top: 3.5156vw;
}
.instructors-list-container .instructors-list-box {
    grid-template-columns: 12.5vw 39.5312vw;
    gap: 2.2656vw;
}
.instructors-list-container .instructors-list-box .instructors-img{
    width: 12.5vw;
    height: 12.5vw;
}
.instructors-list-container .instructors-list-box .instructors-content{
    font-size: 1.1875vw;
}
.instructors-list-container .instructors-list-box .instructors-content h5{
    font-size: 1.7187vw;
    line-height: 1.4062vw;
}
.instructors-list-container .instructors-list-box .instructors-content h6{
    font-size: 1.0937vw;
    line-height: 1.0937vw;
    margin-top: 1.25vw;
    margin-bottom: 0.8593vw;
}
.instructors-list-container .instructors-list-box .instructors-content h6 span{
    font-size: 0.9375vw;
    padding-left: 0.5468vw;
}
.instructors-list-container .instructors-list-box .instructors-content p {
    line-height: 1.25vw;
}
.instructors-list-container .instructors-list-box.img-right{
    grid-template-columns: 39.5312vw 12.5vw;
}
.rank-container{
    border-radius: 0.7812vw;
    padding: 1.875vw 3.9062vw 2.3437vw;
    margin-top: 3.125vw;
}
.rank-container h2.rank-title{
    font-size: 1.25vw;
    padding: 0.3125vw 2.5vw;
    line-height: 1.6406vw;
}
.rank-container h2.rank-title:before{
    width: 1.6406vw;
    height: 3.9062vw;
}
.rank-container h2.rank-title:after{
    width: 1.6406vw;
    height: 3.9062vw;
}
.rank-container ul.rank-list{
    font-size: 0.7812vw;
    margin-top: 1.0937vw;
}
.rank-container ul.rank-list li{
    padding: 0.1562vw 0.2343vw;
}
.rank-container ul.rank-list li:last-child{
    margin-top: 2.5vw;
}
.rank-container ul.rank-list li:last-child:before{
    width: 0.1562vw;
    height: 1.4062vw;
    top: -2.1093vw;
}
.rank-container ul.rank-list li span.rank-list-num{
    font-size: 0.9375vw;
    width: 1.875vw;
    margin-right: 0.4687vw;
}
.rank-container ul.rank-list li span.rank-list-right-text{
    font-size: 0.7031vw;
}
.rank-container ul.rank-list li.active{
    padding: 0.625vw 0.2343vw;
}
.rank-container ul.rank-list li.active span.rank-list-num{
    font-size: 1.3281vw;
    width: 1.875vw;
    height: 1.875vw;
    background-size: cover;
}
.rank-container ul.rank-list li.active p{
    font-size: 1.0156vw;
    
}

.global-fashion-industry-box{
    padding: 4.7656vw 0;
    font-size: 0.9375vw;
}
.global-fashion-industry-box h3{
    font-size: 1.5625vw;
    letter-spacing: 0.1562vw;
    padding-left: 1.9531vw;
}
.global-fashion-industry-box h3:before{
    width: 1.1718vw;
    height: 0.07812vw;
}
.global-fashion-industry-box-inner{
    gap: 3.125vw;
    margin-top: 2.5vw;
    margin-bottom: 4.6875vw;
}
.global-fashion-industry-box-inner .person-details-box .pdb-img-box{
    height: 15.9375vw;
}
.global-fashion-industry-box-inner .person-details-box .pdb-name{
    font-size: 1.7187vw;
    margin: -0.4687vw 0 0 0;
    line-height: 1.4843vw;
}
.global-fashion-industry-box-inner .person-details-box h5{
    font-size: 1.0937vw;
    letter-spacing: 0.1562vw;
    line-height: 1.1718vw;
    margin-top: 1.0937vw;
    margin-bottom: 0.5468vw;
}
.global-fashion-industry-box-inner .person-details-box h6{
    font-size: 0.9375vw;
    letter-spacing: 0.07812vw;
    line-height: 1.0156vw;
    margin-bottom: 0.4687vw;
}
.global-fashion-industry-box-inner .person-details-box p{
    line-height: 1.4062vw;
}
.global-fashion-industry-box .video-container-main{
    margin: 2.5781vw auto 0;
}
.panel .features-container .right:not(.panel3 .features-container .right) {
    padding-bottom: 8.5156vw;
}

.section-four{
    padding: 3.125vw 0 11.7968vw;
}
.fashion-designer-list-container {
    font-size: 0.9375vw;
    column-gap: 4.6875vw;
    row-gap: 3.0468vw;
    margin-top: 3.0468vw;
}
.fashion-designer-list-container .fashion-designer-details .fdd-header h5{
    font-size: 1.4062vw;
    letter-spacing: 0.07812vw;
    line-height: 2.1093vw;
    padding-top: 0.7812vw;
    padding-bottom: 0.3906vw;
}
.fashion-designer-list-container .fashion-designer-details .fdd-header h5:before{
    width: 1.1718vw;
    height: 0.07812vw;
}
.fashion-designer-list-container .fashion-designer-details .fdd-header .fdd-text2{
    padding-top: 0.7812vw;
}
.fashion-designer-list-container .fashion-designer-details .fdd-img{
    width: 24.8437vw;
    height: 19.5312vw;
    border-radius: 0.7812vw;
    margin-top: 0.8593vw;
}

.section-five{
    padding: 3.2812vw 0 11.7187vw;
}
.style-me-box{
    gap: 5.8593vw;
}
.style-me-box .sm-box{
    margin-top: 2.0312vw;
}
.style-me-box .sm-box:first-child .box-img:after{
    width: 3.5156vw;
    height: 3.5156vw;
    right: -4.6875vw;

}
.style-me-box .sm-box .title {
    font-size: 2.6562vw;
    top: -1.25vw;
    line-height: 2.3437vw;
}
.style-me-box .sm-box .box-img{
    height: 16.3281vw;
}
.style-me-box .sm-box .box-img img{
    border-radius: 0.7812vw;
}
.style-me-box .sm-box .box-content h4{
    font-size: 1.0937vw;
    letter-spacing: 0.1562vw;
    line-height: 1.5625vw;
    margin-top: 0.7812vw;
}
.style-me-box .sm-box .box-content h4 span{
    font-size: 0.9375vw;
    letter-spacing: 0.07812vw;
}
.section-five .content-image-box{
    width: 31.25vw;
    height: 19.5312vw;
    border-radius: 0.7812vw;
    margin: -0.1562vw auto 2.5vw;
}
.section-six{
    padding: 7.8125vw 0;
}
.section-six .curriculum-content-box {
    grid-template-columns: 25.3125vw 52.8906vw;
    gap: 6.0937vw;
    margin-top: 7.4218vw;
}
.section-six .curriculum-content-box .cc-box h4{
    font-size: 1.9531vw;
    letter-spacing: 0.1562vw;
}
.section-six .curriculum-content-box .cc-box.section-six-small-text{
    font-size: 1.0156vw;
    letter-spacing: 0.07812vw;
    line-height: 1.7968vw;
}

.section-seven{
    padding: 10.2343vw 0;
}
.section-seven .section-seven-text{
    font-size: 1.5625vw;
    letter-spacing: 0.1562vw;
    line-height: 1.6406vw;
    padding-top: 5.3906vw;
}
.section-seven .intro-container{
    margin: 7.0312vw auto 0;
}
.section-seven .section-seven-small-text{
    font-size: 1.0937vw;
    letter-spacing: 0.2343vw;
    line-height: 1.0937vw;
    padding-bottom: 1.5625vw;
}
.section-seven h3{
    font-size: 10.1562vw;   
    line-height: 8.2031vw;
}
.section-seven h4{
    font-size: 1.5625vw;
    letter-spacing: 0.1562vw;
    margin-top:  8.9843vw;
    margin-bottom: 15.625vw;
}

.section-eight{
    padding: 13.9843vw 0 15.7031vw;
}
.section-eight .message-box{
    grid-template-columns: 54.6093vw 23.4375vw;
    gap: 6.25vw;
    font-size: 1.1718vw;
    letter-spacing: 0.1562vw;
    margin-top: 7.8125vw;
}
.section-eight .message-box h3{
    font-size: 1.9531vw;
    letter-spacing: 0.2343vw;
    margin-bottom: 2.8125vw;
}
.section-eight .message-box .message-box-img{
    height: 19.5312vw;
    border-radius: 0.7812vw;
}
.section-eight .message-box .message-box-content p{
    line-height: 2.9687vw;
    font-size: 1.1718vw;
    letter-spacing: 0.1562vw;
}
.section-eight .message-box .message-box-content .signature-img{
    height: 5.0781vw;
    border-bottom: 0.07812vw #E1DCDB solid;
    margin-top: 1.5625vw;
    padding-bottom: 3.9062vw;
    height: 9.2187vw;
}
.section-eight .message-box .message-box-content .message-box-inner-content{
    font-size: 0.9375vw;
    letter-spacing: 0.07812vw;
    padding-top: 1.5625vw;
}
.section-eight .message-box .message-box-content .message-box-inner-content h4{
    font-size: 1.0937vw;
    letter-spacing: 0.1562vw;
    margin-bottom: 0.7031vw;
}
.section-eight .message-box .message-box-content .message-box-inner-content h4 span{
    font-size: 0.9375vw;
    padding-left: 0.8593vw;
}
.section-eight .message-box .message-box-content .message-box-inner-content p{
    line-height: 1.5625vw;
    font-size: 0.9375vw;
}

.section-nine{
    padding: 16.0156vw 0 15.625vw;
}
.section-nine h2{
    font-size: 2.5vw;
    letter-spacing: 0.1562vw;
    margin-bottom: 3.125vw;
}
.section-nine h3{
    font-size: 1.5625vw;
    letter-spacing: 0.1562vw;
    margin-bottom: 13.75vw;
}
.section-nine .campus-box{
    padding:  8.9843vw 6.4062vw;
    border-radius: 0.7812vw;
}
.section-nine .campus-box h4{
    font-size: 10.1562vw;
    top: -6.0156vw;
    line-height: 8.3593vw;
}
.section-nine .campus-box p{
    font-size: 1.5625vw;
    letter-spacing: 0.1562vw;
}
.section-nine .campus-box h5{
    font-size: 5.4687vw;
    line-height: 5.5468vw;
    margin-top: 2.5vw;
}
.section-nine .campus-box p.noto-sans-jp{
    font-size: 1.1718vw;
    letter-spacing: 0.07812vw;
    line-height: 2.5vw;
    margin-top: 2.4218vw;
    margin-bottom: 3.9843vw;
}
.section-nine .campus-box .campus-img-box {
    gap: 0.3906vw;
    padding: 0 8.4375vw;
}
.section-nine .campus-box .campus-img-box .right-imgs {
    gap: 0.3906vw;
}
.section-nine .campus-box .campus-list-box{
    margin-top: 4.2968vw;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box {
    grid-template-columns: 7.0312vw 62.8906vw;
    gap: 1.5625vw;
    font-size: 1.1718vw;
    letter-spacing: 0.07812vw;
    border-bottom: 0.07812vw #E1DCDB solid;
    padding: 2.1093vw 0;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content .campus-list-content-two {
    margin-left: -2.9687vw;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-title{
    font-size: 1.25vw;
    letter-spacing: 0.07812vw;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content h6{
    font-size: 1.4062vw;
    letter-spacing: 0.07812vw;
    line-height: 1.5625vw;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content h6 span.f28{
    font-size: 2.1875vw;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content p{
    font-size: 1.1718vw;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content .list-content-one{
    line-height: 2.0312vw;
    margin-top: 0.8593vw;
}
.button-box{
    margin-top: 5.8593vw;    
    font-size: 1.4062vw;
}
.button-box .link{
    font-size: 1.4062vw;
    letter-spacing: 0.1562vw;
    width: 39.0625vw;
    height: 8.2031vw;
    margin: 1.25vw auto 0;
    border-radius: 7.8125vw;
}
.button-box .link:before{
    left: 11.25vw;
    width: 3.4375vw;
    height: 3.5156vw;
}
.button-box .link:after {
    right: 2.1875vw;
    width: 1.4843vw;
    height: 0.5468vw;
}
.button-box .link span{
/*    padding-left: 4.6093vw;*/
}
.button-box .below-text{
    font-size: 1.25vw;
    margin-top: 0.625vw;
    margin-bottom: 1.5625vw;
}

.faq-section{
    padding: 17.4218vw 0 21.3281vw;
    font-size: 1.0156vw;
    letter-spacing: 0.07812vw;
}
.faq-container {
  margin: 7.8906vw auto 0;
  padding: 0 7.0312vw;
}
.faq-container {
    margin: 4.8906vw auto 0;
    padding: 0 4.0312vw;
}
.faq-question {
    font-size: 1.2718vw;
    padding: 0.7812vw 0;
}
.faq-question:after {
    width: 2.2656vw;
    height: 1.0937vw;
    right: 1.5625vw;
    background-size: contain;
    background-repeat: no-repeat;
}
.faq-question span, .faq-answer span{
    font-size: 2.3437vw;
    padding-left: 2.7343vw;
    padding-right: 2.7343vw;
}

.faq-answer {
  font-size: 1.25vw;
  border-top: 0.07812vw #E1DCDB solid;
  border-bottom: 0.07812vw #E1DCDB solid;
  line-height: 2.0312vw;
}
.padding-top-bottom-23{
    padding: 1.7968vw 0;
}

.faq-item.active .faq-answer {
  max-height: 39.0625vw;
  font-size: 1.25vw;
}

footer{
    padding: 10.3125vw 0 17.2656vw;
}
footer .footer-box h2{
    font-size: 3.125vw;
    letter-spacing: 0.1562vw;
    margin-bottom: 6.25vw;
}
footer .copyright-text{
    font-size: 0.7812vw;
    letter-spacing: 0.07812vw;
    left: 3.9062vw;
    bottom: 2.5781vw;
}
.card-slider {
    padding-top: 7.8125vw;
    padding-bottom: 15.625vw;
 }
.card-container {
  gap: 1.0156vw;
}

.card {
  /* height: 38.75vw; */
}

.card-front, .card-back {
  /* height: 38.75vw; */
}
.card-front, .card-back  {
    font-size: 0.9375vw;
    letter-spacing: 0.07812vw;
    padding: 2.3437vw;
    border-radius: 0.7812vw;
}
.card-back .card-content h3{
    font-size: 1.25vw;
    letter-spacing: 0.1562vw;
    margin-top: 1.7968vw;
    margin-bottom: 0.1562vw;
}
.card-front {
  font-size: 1.9531vw;
}
.card-content {
    line-height: 1.7968vw;
}

.card-back  .card-img{
    height: 9.4531vw;
}
.card-back  .card-img img{
    border-radius: 0.7812vw;
}

.center-box h3{
    font-size: 1.4062vw !important;
    letter-spacing: 0.07812vw !important;
    margin-bottom: 0.2343vw;
}
.center-box h4{
    font-size: 1.0937vw !important;
    letter-spacing: 0.07812vw !important;
    line-height: 1.7968vw;
}
.center-box h5{
    font-size: 3.9062vw;
    line-height: 2.3437vw;
    margin-top: 0.625vw;
}
.center-box h5 span{
    font-size: 1.0937vw;    
}
.text-box-one h3 span, .text-box-two h3 span, .text-box-three h3 span, .text-box-four h3 span {
    font-size: 1.4062vw;
}
/* .text-box-one{
    left: 3.125vw;
}
.text-box-two {
    bottom: 4.6875vw;
    left: -2.7343vw;
}
.text-box-three {
    right: -3.5156vw;
} */
.pie-chart-two .center-box h3{
    font-size: 1.0937vw !important;
}
.pie-chart-two .center-box h5{
    font-size: 2.3437vw;
}
.pie-chart-two .center-box h5 span{
    font-size: 1.0937vw;    
}
/* .pie-chart-two .text-box-one {
    top: 0.3906vw;
    left: 0.3906vw;
}
.pie-chart-two .text-box-two {
    bottom: 1.5625vw;
    left: -0.3906vw;
}
.pie-chart-two .text-box-three {
    top: 0.7812vw;
    right: -4.6875vw;
}
.pie-chart-two .text-box-four {
    bottom: 0.7812vw;
    right: 0.7812vw;
} */
.right-red-circle.shrink .rrc-first:not(.right-red-circle.shrink.expand .rrc-first) {
    line-height: 1.1718vw;
}
.fashion-show-container .fashion-show-image3 {
    right: 7.8125vw;
}
}
@media all and (max-width:992px) and (min-width:768px){
    .text-box-three {
        right: -4.8156vw;
    }
}