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

.sen{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/*************************************************/
.header-container .banner-text {
    font-size: 14px;
    letter-spacing: 0;
}
.header-container h2.home-heading {
    font-family: "Bodoni Moda", serif;
    font-weight: 500;
    font-size: 32px;
    text-transform: none;
    line-height: 46px;
    letter-spacing: 0;
}
.right-red-circle{
    font-family: "Sen", sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #F9F7F7;    
    letter-spacing: 0;
}
.right-red-circle .rrc-first {
    letter-spacing: 0px;
    line-height: 18px;
}
.right-red-circle .rrc-year {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    letter-spacing: 1px;
}
.header-container .circle-text h2 {
    font-family: "Bodoni Moda", serif;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: 0px;
}
.section-one{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.section-one h4{
    font-size: 32px;
    letter-spacing: 0;
    line-height: 58px;
}
.section-one .section-one-text{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 35px;
    padding-top: 57px;
}

.heading span.subtext {
    font-family: "Bodoni Moda", serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
}
.section-two h3 {
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    letter-spacing: 0px;
}
.features-container {
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0;
}
.features-container .features-box-title h3{
    font-family: "Bodoni Moda", serif;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0px;
}
.features-container .features-box-content {
    font-size: 13px;
    letter-spacing: 0px;
}
.features-container .features-box-content h4{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 36px;
}
.instructors-list-container .instructors-list-box .instructors-content h6 span {
    letter-spacing: 0px;
    color: #A4A3A3;
    padding-left: 0;
}
.instructors-list-container .instructors-list-box .instructors-content {
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 0;
}
.features-container .features-box-content h4.big-head{
    font-size: 25px;
}
.rank-container ul.rank-list{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.rank-container ul.rank-list li span.rank-list-right-text {
    text-align: center;
    width: 75px;
}
.global-fashion-industry-box{    
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.global-fashion-industry-box-inner .person-details-box h6{
    line-height: 1.6;
    letter-spacing: 0;
    padding-top: 15px;
}  
.text-box-one h3, .text-box-two h3, .text-box-three h3, .text-box-four h3{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;   
    line-height: 1.25; 
}
.text-box-one h3 span, .text-box-two h3 span, .text-box-three h3 span, .text-box-four h3 span{
    font-family: "Bodoni Moda", serif;
    font-weight: 400;
    letter-spacing: 0px;   
    font-size: 18px;
    text-align: left;
}
.features-container .features-box-content .center-box h4{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;
}
.pie-chart-box .pie-chart:nth-child(2) {
    max-width: 70%;
}
.section-six .curriculum-content-box {
    grid-template-columns: 1fr 1fr;
    gap: 46px;
}
.global-fashion-industry-box h3{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}
.fashion-designer-list-container{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}
.fashion-designer-list-container .fashion-designer-details .fdd-header h5{
    letter-spacing: 0;
}
.section-six .curriculum-content-box .cc-box h4{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.6;
}
.section-six .curriculum-content-box .cc-box.section-six-small-text{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.8;
}
.card-front, .card-back{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}
.card-back .card-content{
    font-size: 12px;
    line-height: 1.5;
}
.card-back .card-content h3{
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
}
.section-eight .message-box{
    font-family: "Bodoni Moda", serif;
    font-weight: 400;       
}
.section-eight .message-box h3{
    line-height: 1.8;
    letter-spacing: 0px;
}
.section-eight .message-box .message-box-content p{
    line-height: 2.5;
    letter-spacing: 0px;
}
.section-eight .message-box .message-box-content .message-box-inner-content{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}
.section-eight .message-box .message-box-content .message-box-inner-content h4{
    letter-spacing: 0;
    line-height: 1.5;
}
.section-eight .message-box .message-box-content .message-box-inner-content h4 span{
    letter-spacing: 0;
    line-height: 1.5;
}
.section-eight .message-box .message-box-content .message-box-inner-content p{
    line-height: 1.5;
}
.section-nine{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}
.section-nine h2{
    letter-spacing: 0;
    line-height: 1.8;
}
.section-nine h3{
    letter-spacing: 0;
    line-height: 1.8;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content p{
    letter-spacing: 0;
    line-height: 1.8;
}
.section-nine .campus-box {
    padding-top: 0px;
}
.section-nine .campus-box h4.open-campus {
    transform: translateY(-2px);
    width: auto;
}
.noto-sans-jp{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}   
.section-nine .campus-box p.noto-sans-jp {
    line-height: 2.2;
    font-size: 14.9px;
}

.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content {
    /* grid-template-columns: 1fr; */
}
.section-nine .campus-box .campus-list-box .campus-list-content-box{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-title{
    letter-spacing: 0;
    line-height: 1.8;
}
.section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content h6{
    font-family: "Bodoni Moda", serif;
    letter-spacing: 0px;
    line-height: 1;    
    margin-bottom: 11px;
}
.button-box .link span {
    padding-left: 0px;
}
.button-box .link:before{
    display: none;
}
.button-box{
    font-family: "Bodoni Moda", serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.2;    
}
.button-box .link{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0;
    line-height: 15px;
    height: 75px;
}
.button-box .below-text {
    margin-top: 15px;
    margin-bottom: 30px;
}
.faq-section {
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0px;
}
.faq-question {
    letter-spacing: 0;
    line-height: 1.8;
}
.faq-item.active .faq-answer{
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0;
}
.button-box h2{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: 0;
}
.right-red-circle.shrink .rrc-first:not(.right-red-circle.shrink.expand .rrc-first){
    font-size: 11px;
    line-height: 1.25;
    padding: 5px;
}
.section-seven-small-text{
    display: none;
}
.section-seven h4{
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0;
}
.bfs-show-on-mobile{
    display: none;
}
.pie-chart-three .text-box-one {
    top: 10px;
    left: -8px;
}
.pie-chart-three .text-box-three {
    top: 10px;
    right: -5px;
}
.pie-chart-three .text-box-two {
    left: -8px;
}
.pie-chart-three .text-box-four {
    bottom: 50px;
    right: -25px;
}
.pie-chart-three .text-box-one h3{
    text-align: right;
}
.section-five .pie-chart {
    margin: 30px auto 0;
}
.pie-chart-three span.small-text {
    text-align: right;
    display: block;
    position: absolute;
    right: -30px;
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
}
.text-box-three {
    right: -35px;
}
.text-box-two {
    left: -35px;
}
.pie-chart-two .text-box-one {
    left: 15px;
}
.pie-chart-two .text-box-three {
    right: -34px;
}
.pie-chart-two .text-box-two {
    left: -3px;
}
.pie-chart-two .text-box-four {
    right: -23px;
}

a.office-site {
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.features-box .button-box{
    font-family: "Bodoni Moda", serif;
}
.header-container .circle-text h2 {
    text-transform: none;
}
@media all and (max-width:1279px) and (min-width:768px){
    
    /* .pie-chart-three .text-box-one {
        top: 0.7812vw;
        left: -0.625vw;
    }
    .pie-chart-three .text-box-three {
        top: 0.7812vw;
        right: -0.3906vw;
    }
    .pie-chart-three .text-box-two {
        left: -0.625vw;
    }
    .pie-chart-three .text-box-four {
        bottom: 3.9062vw;
        right: -0.78125vw;
    } */
    .section-five .pie-chart {
        margin: 2.3437vw auto 0;
    }
    .pie-chart-three span.small-text {
        right: -1.1718vw;
    }

    /*************************************************/
    .header-container .banner-text {
        font-size: 1.0937vw;
    }
    .header-container h2.home-heading {
        font-size: 2.5vw;
        line-height: 3.5937vw;
    }
    .right-red-circle{
        font-size: 1.3281vw;
    }
    .right-red-circle .rrc-first {
        line-height: 1.4062vw;
    }
    .right-red-circle .rrc-year {
        font-size: 2.3437vw;
        letter-spacing: 0.07812vw;
    }
    .header-container .circle-text h2 {
        line-height: 3.2031vw;
    }
    .section-one h4{
        font-size: 2.5vw;
        line-height: 4.5312vw;
    }
    .section-one .section-one-text{
        font-size: 1.5625vw;
        line-height: 2.7343vw;
        padding-top: 4.4531vw;
    }

    .heading span.subtext {
        font-size: 1.25vw;
    }
    .section-two h3 {
        font-size: 1.9531vw;
    }
    .features-container {
        font-size: 1.0156vw;
    }
    .features-container .features-box-title h3{
        font-size: 2.3437vw;
    }
    .features-container .features-box-content {
        font-size: 1.0156vw;
    }
    .features-container .features-box-content h4{
        font-size: 1.7187vw;
        line-height: 2.8125vw;
    }
    .instructors-list-container .instructors-list-box .instructors-content {
        font-size: 0.9375vw;
    }
    .features-container .features-box-content h4.big-head{
        font-size: 1.9531vw;
    }
    .rank-container ul.rank-list li span.rank-list-right-text {
        width: 5.8593vw;
    }
    .global-fashion-industry-box-inner .person-details-box h6{
        padding-top: 1.1718vw;
    }  
    .text-box-one h3 span, .text-box-two h3 span, .text-box-three h3 span, .text-box-four h3 span{
        font-size: 1.4062vw;
    }
    .features-container .features-box-content .center-box h4{
        font-size: 1.0937vw;
    }
    /* .pie-chart-two .text-box-four {
        right: -1.5625vw;
    } */
    .section-six .curriculum-content-box {
        gap: 3.5937vw;
    }
    .section-six .curriculum-content-box .cc-box.section-six-small-text{
        font-size: 1.0156vw;
    }
    .card-back .card-content{
        font-size: 0.9375vw;
    }
    .section-nine .campus-box h4.open-campus {
        transform: translateY(-0.1562vw);
    }
    .section-nine .campus-box p.noto-sans-jp {
        font-size: 1.1640vw;
    }
    .section-nine .campus-box .campus-list-box .campus-list-content-box .campus-list-content h6{
        margin-bottom: 0.8593vw;
    }
    .button-box{
        font-size: 1.875vw; 
    }
    .button-box .link{
        line-height: 1.1718vw;
        height: 5.8593vw;
    }
    .button-box .below-text {
        margin-top: 1.1718vw;
        margin-bottom: 2.3437vw;
    }
    .right-red-circle.shrink .rrc-first:not(.right-red-circle.shrink.expand .rrc-first){
        font-size: 0.8593vw;
        padding: 0.3906vw;
    }    
    .section-seven h4{
        font-size: 1.5625vw;
    }
}
@media all and (max-width:1024px) and (min-width:768px){
    .text-box-three {
        right: -28px;
    }
    .pie-chart-two .text-box-three {
        right: -42px;
    }
    .pie-chart-two .text-box-four {
        right: -30px;
    }
}
@media all and (max-width:767px){
    .text-box-one h3 span, .text-box-two h3 span, .text-box-three h3 span, .text-box-four h3 span {
        font-size: 11px;
    }
    .pie-chart-three .text-box-one {
        top: 7px;
        left: -20px;
    }
    .pie-chart-three .text-box-two {
        left: -16px;
    }
    .pie-chart-three .text-box-three {
        right: -17px;
    }
    .language-change-box {
        top: 28px;
        right: 20px;
    }
    .header-container h2.home-heading {
        font-size: 26px;
        line-height: 1.6;
    }
    .right-red-circle .rrc-first {
        line-height: 1.25;
        padding-top: 12px;
        font-size: 12px;
    }
    .right-red-circle .rrc-year {
        font-size: 24px;
        letter-spacing: 1px;
        line-height: 1.2;
    }
    .right-red-circle.shrink .rrc-first:not(.right-red-circle.shrink.expand .rrc-first) {
        font-size: 10px;
    }
    .header-container .banner-text {
        font-size: 11px;
    }
    .section-one h4 {
        font-size: 18px;
        line-height: 1.8;
    }
    .section-one .section-one-text {
        font-size: 14px;
        line-height: 1.8;
    }
    .section-one .video-container-main {
        margin: 20px auto 0;
    }
    .section-one .section-one-text{
        padding: 40px 0 0;
    }
    .heading span.subtext {
        font-size: 14px;
        line-height: 1.5;
    }
    .heading span.subtext {
        font-size: 14px;
        line-height: 1.8;
    }
    .section-two h3 {
        font-size: 16px;
        line-height: 1.8;
        margin-top: 53px;
    }
    .section-three {
        padding: 114px 0 15px;
    }
    .features-container .features-box-title h3 {
        line-height: 1.2;
    }
    .features-container .features-box-content h4 {
        line-height: 1.6;
    }
    .features-container .features-box-content p {
        line-height: 1.8;
    }
    .rank-container ul.rank-list li.active p {
        line-height: 1.3;
        font-size: 12px;
    }
    .center-box h3 {
        line-height: 1.6;
    }
    .section-seven h4{
        font-size: 18px;
    }
    .section-eight .message-box .message-box-content p {
        line-height: 2;
    }
    .section-nine .campus-box h4 {
        top: -20px;
    }
    .section-nine .campus-box p {
        line-height: 1.8;
    }
    .section-nine .campus-box p.noto-sans-jp {
        line-height: 1.8;
    }
    button.faq-question {
        padding-right: 56px;
    }
    .right-red-circle .show-on-mobile{
        display: none;
    }
    .right-red-circle.shrink .show-on-mobile{
        display: block;
    }
    .rank-container ul.rank-list li span.rank-list-right-text {
        width: 55px;
    }   
    .style-me-box .sm-box:first-child .box-img:after {
        bottom: -94px;
    } 
    .button-box {
        font-size: 22px;
    }
    footer .footer-box .button-box a.link {
        height: 100px;
    }
    .circle-text .header-inner-container {
        padding: 0;
    }
    .header-container .circle-text .banner-text {
        position: relative;
        top: unset;
        right: unset;
        text-align: center;
        margin-top: 0;
    }
    .circle-text .header-inner-container h2 {
        line-height: 25px !important;
    }
    .circle-text .header-inner-container h2 {
        line-height: 25px !important;
    }
}
@media all and (max-width:480px){
    .bfs-show-on-mobile{
        display: block;
    }
}