.concept-main{}

/*============Concept Banner Css===============*/
.concept-banner{position: relative;}
.concept-banner-blk{height: 100vh;}
.webp .concept-banner-blk{background-image: url(/images/concept/concept-banner.webp);}
.no-webp .concept-banner-blk{background-image: url(/images/concept/concept-banner.jpg);}
.concept-banner-blk img{}
.concept-content{position: absolute; top: auto; bottom: 60px; left: 80px; z-index: 9;}
.concept-content .logo{}
.concept-content .logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.concept-content .logo a img{width: 83px;}
.concept-content .logo a span{font-weight: 600; font-size: 36px; letter-spacing: 0.1em; color: #FFFFFF; margin: 0 0 0 20px;}
.concept-blk{position: absolute; top: 160px; right: 275px;}
.concept-blk h1{font-weight: normal; font-size: 64px; letter-spacing: 0.11em; color: #FFFFFF; margin: 0; line-height: 90px;}
.concept-blk h1 span.txt1{position: relative;}
.concept-blk h1 span.txt1:after {content: ''; display: inline-block; background: #fff; width: 400px; height: 2px; position: absolute; left: 105%; top: 42px;}
.concept-blk h1 span.txt2{font-weight: 600; font-size: 24px; line-height: 34px; color: #FFFFFF; margin: 20px 0 0; display: block;}

/*============Concept Commitment Css===============*/
.commitment-section{background: #F6F1EA; padding: 150px 0;}
.commitment-blk{}
.commitment-tp{margin: 0 0 120px;}
.commitment-tp .cm-blk h2.english{color: #382902;}
.commitment-listing{}
.commitment-list{margin-bottom: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.commitment-list.reverse{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.commitment-list:last-child {margin-bottom: 0;}
.commitment-lft{width: 50%;}
.commitment-img{}
.commitment-image{width: 100%;}
.commitment-rgt{width: 50%;}
.commitment-info{max-width: 60%; margin: 0 auto;}
.commitment-info h3{font-weight: 600; font-size: 30px; line-height: 43px; letter-spacing: 0.05em; color: #000000; margin: 0 0 40px;}
.commitment-info p{font-weight: 600; font-size: 18px; line-height: 32px; letter-spacing: 0.075em; color: #000000; margin: 0 0 40px;}
.commitment-info p:last-child {margin: 0;}

/*============Concept Staff Css===============*/
.staff-section{background: #B29D7D; padding: 140px 0;}
.staff-blk{}
.staff-tp{margin: 0 0 70px;}
.staff-tp .cm-blk h2.english{color: #382902;}
.staff-listing{}
.staff-cm{background: #FFFFFF; padding: 50px; margin: 0 0 50px;}
.staff-cm:last-child {margin: 0;}
.staff-cm-blk{margin-left: -26px; margin-right: -26px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.staff-lft{width: 35%; padding: 0 26px;}
.staff-img{}
.staff-image{width: 100%;}
.staff-rgt{width: 65%; padding: 0 26px;}
.staff-info{}
.staff-info > h3{font-weight: 600; font-size: 24px; line-height: 34px; color: #000000;}
.staff-info-tp{border-bottom: 1px solid #000000; padding: 0 0 20px; margin: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.staff-info-tp h3{font-weight: 600; font-size: 36px; line-height: 52px; color: #000000; margin: 0;}
.staff-info-tp h3.mobile{display: none;}
.staff-info-tp h3 span{font-weight: 600; font-size: 24px; line-height: 34px; color: #000000; margin: 0 0 0 30px;}
.staff-info p{font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}

/*============Concept Course Css===============*/
.course-section{background: #F6F1EA; padding: 150px 0;}
.course-section .course-blk{margin: 0;}


/*============Responsive Css===============*/
@media all and (max-width:1366px) {
    
}

@media all and (max-width:1024px) {
    /*============Concept Banner Css===============*/
    .concept-banner-blk {height: 480px;}
    .concept-blk{right: 195px;}
    .concept-blk h1 span.txt1:after{width: 320px;}
    .commitment-info{max-width: 80%;}
}

@media all and (max-width:960px) {
    /*============Concept Banner Css===============*/
    .concept-banner-blk {height: 400px;}
    .concept-content{bottom: 20px;}
    .concept-blk{top: 180px; right: 100px;}
    .concept-blk h1{font-size: 54px; line-height: 40px;}
    .concept-blk h1 span.txt1:after{top: 34px; width: 202px;}
    .concept-blk h1 span.txt2{font-size: 20px; line-height: 30px; margin: 10px 0 0;}
    
    /*============Concept Commitment Css===============*/
    .commitment-section{padding: 90px 0;}
    .commitment-tp {margin: 0 0 60px;}
    .commitment-list{margin-bottom: 60px;}
    .commitment-info {}
    .commitment-info h3{font-size: 30px; line-height: 43px; margin: 0 0 20px;}
    .commitment-info p{font-size: 18px; margin: 0 0 20px; line-height: 26px;}
    
    /*============Concept Staff Css===============*/
    .staff-cm-blk{margin-left: -10px; margin-right: -10px;}
    .staff-lft{padding: 0 10px;}
    .staff-rgt{padding: 0 10px;}
    
    
    
}

@media screen and (max-width:767px) {
    /*============Concept Banner Css===============*/
    .concept-banner{overflow: hidden;}
    .concept-content{bottom: auto; width: 100%; top: 40%; left: 50%; -webkit-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); transform: translate(-50%, -40%);}
    .concept-content .logo a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .concept-content .logo a img{margin: 0 0 10px;}
    .concept-content .logo a span{font-size: 24px; line-height: 34px; margin: 0;}
    .concept-banner-blk {height: 100vh;}
    .webp .concept-banner-blk{background-image: url(/images/concept/concept-banner-mobile.webp);}
    .concept-blk {top: 130px; right: 106px;}
    .concept-blk h1 {font-size: 36px; line-height: 30px;}
    .concept-blk h1 span.txt1:after{top: 24px; width: 169px;}
    .concept-blk h1 span.txt2 {font-size: 13px; line-height: 20px;}
    
    /*============Concept Commitment Css===============*/
    .commitment-section {padding: 60px 0;}
    .commitment-tp {margin: 0 0 40px;}
    .commitment-list{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .commitment-list.reverse {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .commitment-lft{width: 100%; margin: 0 0 40px;}
    .commitment-rgt {width: 100%;}
    .commitment-info {}
    .commitment-info h3{font-size: 18px; line-height: 26px; margin: 0 0 20px;}
    .commitment-info p{font-size: 13px; margin: 0 0 20px; line-height: 24px;}
    
    /*============Concept Staff Css===============*/
    .staff-section{padding: 60px 0;}
    .staff-tp {margin: 0 0 40px;}
    .staff-cm{background: transparent; padding: 0 30px; margin: 0 0 60px;}
    .staff-cm-blk{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .staff-lft{margin: 0 0 30px; width: 100%;}
    .staff-image{border-radius: 100%; margin: 0 auto;}
    .staff-rgt{width: 100%;}
    .staff-info > h3{display: none;}
    .staff-info-tp{border: none; margin: 0 0 20px; padding: 0px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .staff-info-tp h3{font-size: 18px; line-height: 26px;}
    .staff-info-tp h3 span{font-size: 18px; line-height: 26px; margin: 0 0 0 20px;}
    .staff-info-tp h3.desktop{display: none;}
    .staff-info-tp h3.mobile{display: block;}
    .staff-info p{font-size: 12px; line-height: 16px;}
    
    /*============Concept Course Css===============*/
    .course-section{padding: 60px 0;}
    .course-tp {margin: 0 0 40px;}
    
}

@media screen and (max-width:767px) and (orientation: landscape) {
    .concept-content{top: 80%; transform: translate(-50%, -80%);}
    .concept-blk{top: 110px;}
}

@media screen and (max-width:320px) {
    /*============Concept Banner Css===============*/
    .concept-blk h1 span.txt2{font-size: 10px;}
    .concept-content{top: 60%; transform: translate(-50%, -60%);}
    
}