@charset "utf-8";

/* ========================================
   BAGUS Framework 2.0
   Slick Slider
======================================== */

/* Function */
.professor img{width:50%;height:auto;margin:45px auto;padding:10px;display:block}
.professor{border-radius:50%;overflow:hidden}
.professor img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media (hover:hover) and (pointer:fine){[data-animate]:hover .professor img{transform:scale(1.05)}}

/* External Links */
.hero .SP{display:none}
#overlay{background:rgba(66,33,25,.20)}
#product-nav .button{margin-top:0}

#PartnerCompany .main_image,#InformationSite .main_image{padding:10px}
#PartnerCompany .kobai{background:#040507}
#PartnerCompany .research-institute{background:#60c0ea}
#PartnerCompany h4,#InformationSite h4{margin-bottom:70px}

/*     Tablet 1023px
----------------------------------------*/
@media screen and (max-width:1023px){

/* Hero */
.hero .hero-bg{width:100%;height:100%;position:absolute;z-index:1;object-fit:cover;object-position:center;inset:0}
.hero .hero-products{display:block;position:absolute;z-index:3;background:url(../images/product_transparent.webp) 50%/contain no-repeat;inset:0}
.hero .SP{display:inline}
.hero .PC{display:none}
.hero .hero-Landscape{display:none}

}

/*     Smartphone 440px
----------------------------------------*/
@media screen and (max-width:440px){

#PartnerCompany h4 .SP{display:none}

}

/*     Landscape
----------------------------------------*/
@media screen and (orientation:landscape) and (max-height:445px){

/* Hero */
.hero .hero-products{display:none}
.hero .hero-Landscape{display:block;position:absolute;z-index:3;background:url(../images/product_Landscape.webp) 50%/contain no-repeat;inset:0}

}