@charset "UTF-8";


/*layout*/
.page-video-frame .intro-video{ max-height: 500px;height: 50vh;}
.page-content-w-img{display: flex; align-items:center;justify-content: space-between;}
.page-content{padding: 30px 0;}
.page-content-min,.contact-card .contact-info{width: 90%;margin: 0 auto;}
.page-content p{margin-bottom: 30px;}
.page-content h3{margin-bottom: 10px;}
.page-content-min p{padding-left: 30px;}
.content-w-text{width: 60%;}
.content-w-img{margin: 20px 0;width: 50%;}
.page-content-w-img-b .content-w-img{width: 60%;}
.round-cover.content-w-img, .round-cover.content-w-img::before{width: 330px;height: 330px; }
.page-content-w-img-left .content-w-text{margin-right: 30px;}
.page-content-w-img-right .content-w-text{margin-left: 30px;}
.square-cover{position: relative;}
.square-cover.content-w-img{padding: 20px;}
.square-cover:before{z-index: -1;content: '';position: absolute;left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 100px 100px 0 0;border-color: rgba(97,193,191,.2) transparent transparent transparent;}
.square-cover:after{z-index: -1; content: '';width: 0;right: 0;bottom: 0;position: absolute;height: 0;border-style: solid;border-width: 0 0 100px 100px;border-color: transparent transparent rgba(97,193,191,.2) transparent;}
.page-content-card{border-left: 0;border-right: 0; padding: 20px;}
.page-content-card-img{width: 70%;margin: 0 auto;min-width: 350px;display: block;}
.theme-blockquote img{margin: 20px 20px 0;width: 50%; bottom: 0px;}
.theme-blockquote .content-w-text p:last-child{margin-bottom: 10px;}
.content-w-img-inner{padding: 50px;display: block;}
.contact-card{padding: }
.contact-card .contact-info{width: 80%;padding-top: 0;}
.review-content{padding: 40px 0;border-left: 0;border-right: 0;margin-top: 30px;border-top: 0;}
.review-list{width: 50%;margin: 0 auto;min-width: 350px;}
.review-list li h3{margin-bottom: 40px;}
.review-list .slick-prev{left: -20%;}
.review-list .slick-next{right: -20%;}
.review-list .slick-prev::before,.review-list .slick-next::before{color: #777777;}
.review-list .slick-dots{padding-top: 40px;}
.review-list .slick-dots li button::before{background-color: transparent;border:1px solid #777;}
.review-list .slick-dots li.slick-active button::before{background-color: #777;}
.page-content-w-img-fix{position: relative;padding-left: 30%;}
.page-content-w-img-fix .content-w-text{width: 100%;}
.page-content-w-img-fix img{width: 30%;position: absolute;left: 10px;bottom: -10;margin-bottom: 0;}
.blockquote-service img{max-width: 235px;}
.page-content-fix{width: 90%;margin: 0 auto;display: block;}
.page-content-study-bg{background-image: url(../img/upload/YS-Study.jpg);background-size: cover;background-position: center;}
.train-list > * {padding: 30px;position: relative;min-height: 500px;}
.train-list h2{margin-bottom: 30px;}
.train-list > * .btn-wrapper{position: absolute;width: 100%;bottom: 15px;left: 0;}
.img-gallery-video > div{position: relative;}
.img-gallery-video > div img{width: 100%;}
.img-gallery-video{justify-content: flex-start ;}
@media screen and (max-width: 1200px) {
/*layout*/
.page-video-frame.wrapper{padding: 0;}

.review-list{width: 80%;min-width: 350px;}
.review-list .slick-prev{left: -10%;}
.review-list .slick-next{right: -10%;}


}
@media screen and (max-width: 1200px) {
.train-list > * {min-height: 550px;}
}

@media screen and (max-width: 900px) {
.page-content-w-img{flex-direction:column-reverse;}
.page-content-w-img > * {width: 100%;}
.content-w-img{max-width: 500px;}
.round-cover.content-w-img, .round-cover.content-w-img::before{width: 300px;height: 300px; }
.team-img{min-height: auto!important;}
.team-img img{min-height: 0;object-fit: contain;}
.page-content-w-img-right{flex-direction:column;}
.page-content-w-img-left .content-w-text,.page-content-w-img-right .content-w-text{margin-left: 0;margin-right: 0;}
.page-content-w-img-fix{padding: 20px 20px 0;}
.train-list.grid_2 > * {min-height: auto;width: 100%;}
.train-list > * .btn-wrapper{position: relative;bottom: 0;left: 0;}
}

@media screen and (max-width:640px) {
/*layout*/
.page-content-card .wrapper{padding: 0;}
.page-video-frame .intro-video{height: 350px;}
.page-content-card-img,.theme-blockquote img,.page-content-w-img-b .content-w-img{width: 100%;min-width: 0;}
.page-content-min,.review-list{width: 100%;min-width: 0;}
.review-list{padding-right: 50px;padding-left: 50px;}
.page-content-min p{padding-left: 10px;}
.contact-card .contact-info{width: 100%;padding: 0 20px;}
.review-list .slick-prev{left: 0;}
.review-list .slick-next{right: 10px;}
.review-content{padding-top: 10;}
}