/*============Banner Css===============*/
.banner-section{overflow: hidden; background: #fff; position: relative;}

@-webkit-keyframes crescendo {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.08);transform: scale(1.08);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes crescendo {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.08);transform: scale(1.08);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

.banner-blk:before {content: ''; display: inline-block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%);}
.banner-blk{height: 100vh; position: relative;}
.banner-blk:after {content: ''; display: inline-block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.banner-blk .banner-img{width: 100%; opacity: 0; visibility: hidden;}
.site-loaded .owl-item.active .banner-blk .banner-img{opacity: 1; visibility: visible; -webkit-animation: crescendo 70s infinite ease-out; animation: crescendo 70s infinite ease-out;}
.banner-content{position: absolute; top: auto; bottom: 60px; left: 80px; z-index: 9;}
.logo{}
.logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.banner-content .logo a img{width: 83px;}
.logo a h1{font-weight: 600; font-size: 36px; line-height: 92px; letter-spacing: 0.1em; color: #FFFFFF; margin: 0 0 0 20px;}

/*=======Measures Section CSS==========*/
.measures-section{background: #F6F1EA; padding: 120px 0;}
.measures-blk{background: #fff; padding: 8px;}
.measures-inr{border: 3px solid #000000; padding: 8px;}
.measures-main{border: 1px solid #000000; padding: 50px;}
.measures-tp{margin: 0 0 40px;}
.measures-tp h2{font-weight: bold; font-size: 30px; line-height: 43px; letter-spacing: 0.1em; color: #000000; text-align: center; margin: 0;}
.measures-list{margin: 0 0 50px;}
.measures-list ul{margin-left: -14px; margin-right: -14px; margin-bottom: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.measures-list ul li{padding: 0 14px; list-style-type: none;}
.measures-img{background: #D8D8D8; width: 100px; height: 100px; border-radius: 100%; margin: 0 auto 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.measures-img img{}
.measures-list span{font-weight: 600; font-size: 18px; line-height: 26px; text-align: center; letter-spacing: 0.1em; color: #000000; min-height: 52px; display: block;}
.measures-txt{}
.measures-txt p{font-weight: 600; font-size: 18px; line-height: 30px; text-align: center; letter-spacing: 0.1em; color: #000000; margin: 0;}

/*=======Meat Section CSS==========*/
.meat-section{background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; padding: 190px 0;}
@media screen and (min-width:768px) {
    .webp .meat-section{background-image: url(../../../images/top-page/meat-bg.webp);}
    .no-webp .meat-section{background-image: url(../../../images/top-page/meat-bg.jpg);}
}

.meat-blk{margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.meat-lft{width: 78%; margin-left: -16px; margin-right: -16px; padding: 0 80px 0 10px; -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
         writing-mode: vertical-rl; -webkit-text-orientation: upright;
  text-orientation: upright; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.meat-lft p{font-size: 18px; line-height: 46px; color: #FFFFFF; margin: 0; padding: 0 22px; letter-spacing: 5px;}
.meat-lft p span{letter-spacing: -1px;}
.meat-lft p span.space{margin-bottom: 8px;}
.meat-rgt{width: 22%; padding: 0 10px;}
.meat-rgt h3{font-weight: 600; font-size: 36px; line-height: 52px; letter-spacing: 0.1em; color: #FFFFFF; margin: 20px 0 0; padding: 0 0 20px; border-bottom: 1px solid #FFFFFF;}


/*=======Technique Section CSS==========*/
.technique-section{overflow: hidden;}
.technique-outer{height: 100vh; position: relative;}
@-webkit-keyframes crescendo2 {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.30);transform: scale(1.30);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes crescendo2 {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.30);transform: scale(1.30);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
.technique-outer .technique-img {width: 100%;}
.site-loaded .technique-outer .technique-img{-webkit-animation: crescendo2 200s linear;animation: crescendo2 200s linear;}
.technique-tp:before {content: ''; display: inline-block; background: #fff; width: 1px; height: 90px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.technique-tp{text-align: center; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.technique-tp span{font-weight: 600; font-size: 24px; line-height: 28px; letter-spacing: 0.1em; color: #FFFFFF; display: inline-block; width: 31px; word-break: break-all; position: relative; top: 112px;}
.technique-mdl{text-align: center; padding: 60px 0 0; margin: 0; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.technique-mdl h2.jp{font-weight: 600; font-size: 36px; letter-spacing: 0.1em; color: #FFFFFF; position: relative; margin: 0 0 50px;}
.technique-mdl h2.jp:after {content: ''; display: inline-block; background: #fff; width: 230px; height: 1px; position: absolute; bottom: -30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.technique-mdl h2.jp span{font-weight: 600; font-size: 24px; letter-spacing: 0.1em; color: #FFFFFF; display: block; margin: 0 0 26px;}
.technique-mdl h2.en{font-weight: 600; font-size: 18px; letter-spacing: 0.1em; color: #FFE144; margin: 0 0 90px;}
.technique-btn{text-align: center;}
.technique-btn a{background: rgba(255, 255, 255, 0.63); font-weight: 600; font-size: 18px; text-align: center; color: #000000; padding: 17px 0px; width: 265px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.technique-btn .btn-effect:after{background-color: #fff;}
.technique-btn .btn-effect:hover .effect-cnt {color: #000;}


/*=======Course Menu Section CSS==========*/
.course-menu-section{background-repeat: repeat; background-position: center center; padding: 140px 0; background-size: 36px;}
.webp .course-menu-section{background-image: url(../../../images/top-page/course-menu-bg.webp);}
.no-webp .course-menu-section{background-image: url(../../../images/top-page/course-menu-bg.png);}

.menu-blk{}
.menu-tp{margin: 0 0 50px;}
.menu-mdl{margin: 0 0 60px;}
.menu-mdl ul{margin-left: -8px; margin-right: -8px; margin-bottom: 0px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.menu-mdl ul li{list-style-type: none; padding: 0 8px; width: 25%;}
.menu-mdl ul li img{}
.menu-btn{text-align: center;}
.menu-btn a{border: 1px solid #000000; font-weight: normal; font-size: 18px; text-align: center; color: #000000; width: 265px; display: block; margin: 0 auto; padding: 16px 0;}


/*=======Ginza Section CSS==========*/
.ginza-section{background: #000; padding: 110px 0; overflow: hidden;}
.ginza-blk{margin: 0 0 60px;}
.ginza-tp{padding: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.ginza-tp-lft{width: 70%;}
.ginza-tp-img{height: 750px;}
.webp .ginza-tp-img{background-image: url(../../../images/top-page/ginza-tp.webp);}
.no-webp .ginza-tp-img{background-image: url(../../../images/top-page/ginza-tp.jpg);}
.ginza-tp-img img{}
.ginza-tp-rgt{width: 30%; position: relative; left: -10%;}
.ginza-tp-cnt{text-align: right; padding: 90px 0 0;}
.ginza-tp-cnt > span{font-weight: 600; font-size: 36px; line-height: 52px; letter-spacing: 0.15em; color: #FFFFFF; position: relative; display: block; margin: 0 0 10px;}
.ginza-tp-cnt > span:after {content: ''; display: inline-block; width: 200px; height: 1px; background: #fff; position: absolute; bottom: -10px; right: 0;}
.ginza-tp-cnt > p{font-weight: 600; font-size: 144px; letter-spacing: 0.15em; color: #FFFFFF; margin: 0 0 40px; position: relative; right: -20px; line-height: inherit;}
.ginza-tp-txt{float: right; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.ginza-tp-txt h2{font-size: 18px; line-height: 46px; color: #FFFFFF; margin: 0 6px; letter-spacing: 8px; position: relative;}
.ginza-tp-txt h2:nth-child(1){}
.ginza-tp-txt h2:nth-child(2){top: 20px;}
.ginza-tp-txt h2:nth-child(3){top: 40px;}

.ginza-mdl{margin-left: -10px; margin-right: -10px; padding: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.ginza-mdl-lft{width: 70%; padding: 0 10px;}
.ginza-mlft-blk{height: 428px;}
.webp .ginza-mlft-blk{background-image: url(../../../images/top-page/ginza-mdl.webp);}
.no-webp .ginza-mlft-blk{background-image: url(../../../images/top-page/ginza-mdl.jpg);}
.ginza-mlft-blk img{}
.ginza-mdl-rgt{width: 30%; padding: 0 10px;}
.ginza-mrgt-blk{}
.ginza-mrgt-img1{margin: 0 0 20px; height: 204px;}
.webp .ginza-mrgt-img1{background-image: url(../../../images/top-page/ginza-mdl2.webp);}
.no-webp .ginza-mrgt-img1{background-image: url(../../../images/top-page/ginza-mdl2.jpg);}
.ginza-mrgt-img1 img{}
.ginza-mrgt-img2{height: 204px;}
.webp .ginza-mrgt-img2{background-image: url(../../../images/top-page/ginza-mdl3.webp);}
.no-webp .ginza-mrgt-img2{background-image: url(../../../images/top-page/ginza-mdl3.jpg);}
.ginza-mrgt-img2 img{}
.ginza-btm{margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.ginza-btm-lft{width: 35%; padding: 0 10px;}
.ginza-blft-blk{height: 548px;}
.webp .ginza-blft-blk{background-image: url(../../../images/top-page/ginza-btm.webp);}
.no-webp .ginza-blft-blk{background-image: url(../../../images/top-page/ginza-btm.jpg);}
.ginza-blft-blk img{}
.ginza-btm-rgt{width: 65%; padding: 0 10px;}
.ginza-brgt-blk{padding: 40px 0 0;}
.ginza-brgt-blk h2{font-weight: normal; font-size: 24px; line-height: 25px; letter-spacing: 0.2em; color: #FFFFFF; text-align: center; margin: 0 0 50px;}
.ginza-brgt-blk ul{margin-left: -10px; margin-right: -10px; margin-bottom: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.ginza-brgt-blk ul li{padding: 0 10px; list-style-type: none;}
.ginza-brgt-blk ul li:nth-child(1){width: 40%;}
.ginza-brgt-blk ul li:nth-child(2){width: 60%;}
.ginza-brgt-img1{height: 435px;}
.webp .ginza-brgt-img1{background-image: url(../../../images/top-page/ginza-btm2.webp);}
.no-webp .ginza-brgt-img1{background-image: url(../../../images/top-page/ginza-btm2.jpg);}
.ginza-brgt-img1 img{}
.ginza-brgt-img2{height: 435px;}
.webp .ginza-brgt-img2{background-image: url(../../../images/top-page/ginza-btm3.webp);}
.no-webp .ginza-brgt-img2{background-image: url(../../../images/top-page/ginza-btm3.jpg);}
.ginza-brgt-img2 img{}

.m-ginza-blk{display: none;}

/*=======Instagram Section CSS==========*/
.instagram-section{padding: 160px 0 150px; background: #fff; }
.instagram-blk{}
.instagram-tp{margin: 0 0 50px;}
.instagram-tp img{}
.instagram-blk .item{height: 100%; width: 100%;}
.owl-theme .owl-nav button[class*=owl-]{position: absolute; top: 50%; background: #FFFFFF; border: 1px solid #000000; width: 67px; height: 67px; line-height: 67px; margin: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.owl-theme .owl-nav [class*=owl-]:hover{background: transparent; opacity: 0.7;}
.owl-theme .owl-nav button span {width: 42px; height: 13px; font-size: 0px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.owl-theme .owl-nav button.owl-prev{left: -100px;}
.owl-theme .owl-nav button.owl-next{right: -100px;}
.owl-theme .owl-nav button.owl-prev span{background-image: url(../../../images/top-page/left-arrow.png);}
.owl-theme .owl-nav button.owl-next span{background-image: url(../../../images/top-page/right-arrow.png);}
.instagram-section .owl-stage { display: flex; }
.instagram-section .owl-item img { width: 100%; height: 100%; object-fit: cover; max-width: initial; }
.instagram-section .owl-item .description-overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    max-width: 100%;
}

.instagram-section .owl-item:hover .description-overlay {
    opacity: 1;
}

.instagram-section .owl-item .description {
    position: absolute;
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding-left: 0.8em;
    line-height: 1.2;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.instagram-section .owl-item:hover .description {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.instagram-section .owl-item .fadeIn-bottom {
    top: 80%;
}
/*=======Membership Section CSS==========*/
.membership-section{padding: 130px 0; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none;}
@media screen and (min-width: 768px){
    .webp .membership-section{background-image: url(../../../images/top-page/member-bg.webp);}
    .no-webp .membership-section{background-image: url(../../../images/top-page/member-bg.jpg);}    
}
.membership-blk{}
.membership-tp{margin: 0 0 70px;}
.membership-tp .cm-title h2{color: #fff;}
.membership-tp .cm-title h2:before{background: #fff;}
.membership-tp .cm-title h2:after{background: #fff;}
.membership-tp .cm-blk h2.english{color: #fff; font-weight: 600; font-size: 18px; margin: 0 0 26px; text-align: center;}
.membership-btm{margin-left: -20px; margin-right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.membership-lft{width: 40%; padding: 0 20px;}
.membership-lft h3{font-weight: normal; font-size: 24px; line-height: 40px; color: #FFFFFF; margin: 0 0 34px;}
.membership-lft p{font-weight: normal; font-size: 16px; line-height: 34px; color: #FFFFFF; margin: 0 0 50px;}
.membership-btn{}
.membership-btn a{border: 1px solid #FFFFFF; font-weight: normal; font-size: 18px; text-align: center; color: #FFFFFF; display: block; width: 265px; margin: 0 auto; padding: 15px 0;}
.membership-btn .btn-effect:after{background-color: #fff; border-radius: 0px;}
.membership-btn .btn-effect:hover .effect-cnt{color: #000;}
.membership-rgt{width: 60%; padding: 0 20px;}
.membership-rgt-inr{margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.membership-inr-cm{width: 50%; padding: 0 10px;}
.membership-inr-cm .membership-img{margin: 0 0 22px;}
.membership-inr-cm h4{font-weight: normal; font-size: 18px; line-height: 30px; text-align: center; color: #FFFFFF; margin: 0;}
.membership-inr-cm h4 span{display: block;}
.membership-rgt .membership-btn{display: none;}

/*=======Store Section CSS==========*/
.store-section{background-position: center center; background-repeat: repeat; padding: 160px 0; background-size: 30px;}
.webp .store-section{background-image: url(../../../images/top-page/store-bg.webp);}
.no-webp .store-section{background-image: url(../../../images/top-page/store-bg.png);}
.store-blk{}
.store-tp{margin: 0 0 70px;}
.store-btm{margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.store-lft{width: 45%; padding: 0 10px;}
.info-blk{}
.info-blk > ul{margin: 0; padding: 0;}
.info-blk > ul > li{list-style-type: none; padding: 0 0 14px;}
.info-blk > ul > li:last-child {padding: 0;}
.info-blk > ul > li h3{background: #D1D1D1; display: inline-block; font-weight: normal; font-size: 16px; text-align: center; color: #000000; padding: 5px 25px; margin: 10px 0 6px;}
.info-inr{}
.info-inr h4{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.info-inr a{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000;}
.info-inr ul{margin: 0; padding: 0;}
.info-inr ul li{list-style-type: none; padding: 0 0 4px;}
.info-inr ul li:last-child {padding: 0;}
.info-inr ul li span{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.info-inr ul li p{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.info-inr ul.card-blk{display: flex;}
.info-inr ul.card-blk li{padding: 0 16px 0 0;}
.info-inr ul.card-blk li h5{}
.info-inr ul.card-blk li img{margin: 0 auto; max-height: 43px;}
.store-rgt{width: 55%; padding: 0 10px;}
.store-map{}
.store-map a{display: block;}
.store-map a span, .instagram-section a span{text-align: right; font-size: 13px; color: #333; margin: 10px 0 10px; font-weight: 500; display: block;}
.store-map a img{}

/*=====Media Query Css Start======*/
@media all and (max-width:1940px) {
    
}
@media all and (max-width:1670px) {
    /*============Banner Css===============*/
    .banner-blk{height: inherit;}
    
    /*=======Technique Section CSS==========*/
    .technique-outer{height: inherit;}
}
@media all and (max-width:1366px) {
    /*=======Measures Section CSS==========*/
    .measures-blk{width: 84%; margin: 0 auto;}
}

@media all and (max-width:1024px) {
    /*=======Measures Section CSS==========*/
    .measures-section{padding: 80px 0;}
    .measures-blk{width: 100%;}
    .measures-list ul{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    
    /*=======Meat Section CSS==========*/
    .meat-section{padding: 150px 0;}
    .meat-lft{padding: 0 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .meat-lft p{padding: 0 10px;}
    
    /*=======Ginza Section CSS==========*/
    .ginza-tp-cnt > p{font-size: 94px;}
    
    /*=======Instagram Section CSS==========*/
    .instagram-blk .item{height: 200px;}
    .owl-theme .owl-nav button.owl-prev {left: 0;}
    .owl-theme .owl-nav button.owl-next {right: 0;}
    
}

@media all and (max-width:960px) {
    
    /*=======Meat Section CSS==========*/
    .meat-lft p{padding: 0 6px; line-height: 36px;}
    
    /*=======Technique Section CSS==========*/
    .technique-tp:before{height: 60px;}
    .technique-tp span{top: 72px;}
    .technique-mdl{padding: 70px 0 0;}
    .technique-mdl h2.en{margin: 0 0 50px;}
    
    /*=======Ginza Section CSS==========*/
    .ginza-tp-img{height: 540px;}
    .ginza-tp-cnt > p{font-size: 68px; margin: 0 0 20px;}
    .ginza-mlft-blk{height: 368px;}
    .ginza-mrgt-img1{height: 174px;}
    .ginza-mrgt-img2 {height: 174px;}
    .ginza-blft-blk {height: 468px;}
    .ginza-brgt-blk h2{font-size: 20px; line-height: 14px;}
    .ginza-brgt-img1 {height: 364px;}
    .ginza-brgt-img2 {height: 364px;}
    
    /*=======Instagram Section CSS==========*/
    .instagram-blk .item{height: 160px;}
    
}

@media screen and (max-width:767px) {
    /*============Global Css===============*/
    .bg-cm img{display: none;}
    
    /*============Banner Css===============*/
    .webp .banner-blk.one{background-image: url(../../../images/top-page/top-page-banner-m1.webp);}
    .no-webp .banner-blk.one{background-image: url(../../../images/top-page/top-page-banner-m1.jpg);}
    .webp .banner-blk.two{background-image: url(../../../images/top-page/top-page-banner-m2.webp);}
    .no-webp .banner-blk.two{background-image: url(../../../images/top-page/top-page-banner-m2.jpg);}
    .webp .banner-blk.three{background-image: url(../../../images/top-page/top-page-banner-m3.webp);}
    .no-webp .banner-blk.three{background-image: url(../../../images/top-page/top-page-banner-m3.jpg);}
    .banner-blk{height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .site-loaded .banner-blk .banner-img{opacity: 0; visibility: hidden; -webkit-animation: none; animation: none;}
    .site-loaded .owl-item.active .banner-blk .banner-img{opacity: 0; visibility: hidden;}
    .banner-content{width: 100%; top: 40%; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); transform: translate(-50%, -40%);}
    .menu-open .logo {display: none;}
    .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;}
    .logo a img {width: 73px; margin: 0 0 10px;}
    .logo a h1{font-size: 24px; line-height: 34px; margin: 0;}
    
    /*=======Measures Section CSS==========*/
    .measures-section {padding: 50px 0;}
    .measures-main{padding: 24px 20px;}
    .measures-tp {margin: 0 0 20px;}
    .measures-tp h2{font-size: 24px; line-height: 34px;}
    .measures-list {margin: 0 0 10px;}
    .measures-list ul{margin-left: -4px; margin-right: -4px;}
    .measures-list ul li{padding: 0 4px; margin: 0 0 6px; width: 33.33%;}
    .measures-img{width: 66px; height: 66px;}
    .measures-img img{width: 35px; margin: 0 auto;}
    .measures-list span{font-size: 12px; line-height: 16px; min-height: inherit;}
    .measures-txt p{font-size: 12px; line-height: 17px; text-align: left; margin: 0 0 8px;}
    .measures-txt p:last-child{margin: 0px;}
    
    /*=======Meat Section CSS==========*/
    .meat-section {padding: 120px 0; background-attachment: scroll;}
    .webp .meat-section{background-image: url(../../../images/top-page/m-blkbg.webp);}
    .no-webp .meat-section{background-image: url(../../../images/top-page/m-blkbg.jpg);}
    .meat-blk{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    .meat-lft{width: 100%; margin: 0;}
    .meat-lft p{padding: 0 8px; line-height: 17px; font-size: 12px;}
    .meat-lft p span.space {}
    .meat-rgt{width: 100%; text-align: center;}
    .meat-rgt h3{font-size: 24px; line-height: 34px; margin: 0 0 30px; padding: 0 0 20px;}
    .meat-rgt h3 br{display: none;}
    
    /*=======Technique Section CSS==========*/
    .technique-outer {height: 466px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
    .webp .technique-outer{background-image: url(../../../images/top-page/m-ginza-rogama-tcc.webp);}
    .no-webp .technique-outer{background-image: url(../../../images/top-page/m-ginza-rogama-tcc.jpg);}
    .technique-outer .technique-img{display: none;}
    .site-loaded .technique-outer .technique-img{-webkit-animation: none;animation: none;}
    .technique-tp:before{height: 50px;}
    .technique-tp span{font-size: 18px; line-height: 28px; top: 56px;}
    .technique-mdl{padding: 100px 0 0;}
    .technique-mdl h2.jp{font-size: 18px; margin: 0 0 26px;}
    .technique-mdl h2.jp:after{bottom: -12px;}
    .technique-mdl h2.jp span{font-size: 12px; margin: 0 0 24px;}
    .technique-mdl h2.en{font-size: 14px; margin: 0 0 80px;}
    .technique-btn a{font-size: 12px; padding: 7px 0px; width: 187px;}
    
    /*=======Course Menu Section CSS==========*/
    .course-menu-section{padding: 70px 0;}
    
    .menu-blk{}
    .menu-tp {margin: 0 0 24px;}
    .menu-mdl {margin: 0 0 20px;}
    .menu-mdl ul{margin: 0;}
    .menu-mdl ul li{padding: 0 6px; width: 50%; margin: 0 0 20px;}
    .menu-btn a{font-size: 12px; width: 187px; padding: 6px 0;}
    
    /*=======Ginza Section CSS==========*/
    .ginza-section{padding: 90px 0;}
    .ginza-blk{display: none;}
    .m-ginza-blk{display: block; margin: 0 0 70px;}
    .m-ginza-tp{margin: 0 0 20px;}
    .m-ginza-tp-img{height: 488px; position: relative;}
    .webp .m-ginza-tp-img{background-image: url(../../../images/top-page/m-ginza-tp.webp);}
    .no-webp .m-ginza-tp-img{background-image: url(../../../images/top-page/m-ginza-tp.jpg);}
    .m-ginza-tp-img img{}
    .m-ginza-tp-cnt{position: absolute; top: 30px; width: 100%; padding: 0 20px;}
    .m-ginza-tp-txt1{text-align: right;}
    .m-ginza-tp-txt1 span{font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: 0.15em; color: #FFFFFF; position: relative; display: block; margin: 0 0 10px;}
    .m-ginza-tp-txt1 span:after {content: ''; display: inline-block; width: 70px; height: 1px; background: #fff; position: absolute; bottom: -10px; right: 0;}
    .m-ginza-tp-txt1 > p{font-size: 48px; margin: 0 0 20px; font-weight: 600; letter-spacing: 0.15em; color: #FFFFFF; line-height: inherit;}
    .m-ginza-tp-txt2{background: rgba(0,0,0,0.4); display: inline-block; padding: 30px 10px 40px; border-radius: 4px; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
    .m-ginza-tp-txt2 h2{font-size: 16px; line-height: 26px; color: #FFFFFF; margin: 0 6px; letter-spacing: 8px; position: relative;}
    .m-ginza-tp-txt2 h2:nth-child(1){}
    .m-ginza-tp-txt2 h2:nth-child(2){top: 20px;}
    .m-ginza-tp-txt2 h2:nth-child(3){top: 40px;}
    .m-ginza-mdl{margin: 0 0 20px;}
    .m-ginza-mdl-img{height: 167px;}
    .webp .m-ginza-mdl-img{background-image: url(../../../images/top-page/m-ginza-mdl.webp);}
    .no-webp .m-ginza-mdl-img{background-image: url(../../../images/top-page/m-ginza-mdl.jpg);}
    .m-ginza-mdl-img img{}
    .m-ginza-btm{margin-left: -8px; margin-right: -8px; display: -webkit-box; display: -ms-flexbox; display: flex;}
    .m-ginza-btm-lft{width: 40%; padding: 0 8px;}
    .m-ginza-blft-blk{}
    .m-ginza-blft-img1{margin: 0 0 20px; height: 95px;}
    .webp .m-ginza-blft-img1{background-image: url(../../../images/top-page/m-ginza-b1.webp);}
    .no-webp .m-ginza-blft-img1{background-image: url(../../../images/top-page/m-ginza-b1.jpg);}
    .m-ginza-blft-img1 img{}
    .m-ginza-blft-img2{height: 95px;}
    .webp .m-ginza-blft-img2{background-image: url(../../../images/top-page/m-ginza-b2.webp);}
    .no-webp .m-ginza-blft-img2{background-image: url(../../../images/top-page/m-ginza-b2.jpg);}
    .m-ginza-blft-img2 img{}
    .m-ginza-btm-rgt{width: 60%; padding: 0 8px;}
    .m-ginza-brgt-blk{height: 210px;}
    .webp .m-ginza-brgt-blk{background-image: url(../../../images/top-page/m-ginza-b3.webp);}
    .no-webp .m-ginza-brgt-blk{background-image: url(../../../images/top-page/m-ginza-b3.jpg);}
    .m-ginza-brgt-blk img{}
    
    /*=======Instagram Section CSS==========*/
    .instagram-section{padding: 60px 0;}
    .instagram-tp {margin: 0 0 30px;}
    .instagram-tp img{}
    .owl-theme .owl-nav button[class*=owl-]{width: 37px; height: 37px; line-height: 37px;}
    .owl-theme .owl-nav button span{width: 22px; line-height: 30px; background-size: 100%;}
    .instagram-section .owl-item .description{font-size: 10px;}
    
    /*=======Membership Section CSS==========*/
    .membership-section{padding: 70px 0;}
    .webp .membership-section{background-image: url(../../../images/top-page/member-bg-mobile.webp);}
    .no-webp .membership-section{background-image: url(../../../images/top-page/member-bg-mobile.jpg);}
    .membership-tp {margin: 0 0 30px;}
    .membership-tp .cm-blk h2.english{font-size: 14px; margin: 0 0 12px;}
    .membership-btm{margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .membership-lft {width: 100%; padding: 0 10px;}
    .membership-lft h3{font-size: 12px; line-height: 17px; margin: 0 0 20px; text-align: center;}
    .membership-lft p{font-size: 12px; line-height: 19px; margin: 0 0 30px;}
    .membership-btn {display: none;}
    .membership-rgt {width: 100%; padding: 0 10px;}
    .membership-rgt-inr{margin-bottom: 40px;}
    .membership-inr-cm h4{font-size: 14px; line-height: 20px;}
    .membership-rgt .membership-btn{display: block;}
    .membership-btn a{font-size: 12px; width: 187px; padding: 6px 0;}
    .membership-btn .btn-effect .effect-cnt i{font-size: 11px;}
    
    /*=======Store Section CSS==========*/
    .store-section{padding: 60px 0;}
    .store-tp {margin: 0 0 30px;}
    .store-btm{margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .store-lft{width: 100%; margin: 0 0 50px;}
    .info-blk > ul > li h3{font-size: 12px; padding: 2px 16px; margin: 0 0 6px;}
    .info-inr h4{font-size: 12px; line-height: 17px;}
    .info-inr a{font-size: 12px; line-height: 17px;}
    .info-inr ul li span{font-size: 12px; line-height: 17px;}
    .info-inr ul li p{font-size: 12px; line-height: 17px;}
    .store-rgt{width: 100%;}
    
    
    
    
}


/*=====Media Query Css End======*/