@charset "Shift_JIS";

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

Name: fls_company.css

Description: company CSS

Create: 2024.01.17
Update: 2024.04.08

Copyright 2024 Hitachi Foods & Logistics Systems,Inc.

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


/*******************
Key Visual
*******************/
.contentBranding{
/*height: 415px;*/
box-sizing: border-box;
}
.contentBranding img{
/*object-fit: cover;*/
object-fit: initial;
/*height: 100%;*/
height: auto;
/*width: 100%;*/
width: 100%;
}
.flsBrandingInner{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.flsTitle36{
background-color: transparent;
font-size: 36px;
font-weight: bold;
color: #4C4948;
}
.flsTitleSub28{
display: block;
font-size: 28px;
font-weight: bold;
color: #4C4948;
}
.contentMenu{
bottom: 70px;
width: 100%;
}
.contentMenu ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-end;
gap: 5px;
width: 100%;
padding: 0;
}
.contentMenu ul li a{
padding: 10px 15px;
border-bottom: 2px solid #BBB;
width: 172px;
display: block;
letter-spacing: 0.1em;
transition: all .3s;
font-size: 22px;
font-weight: bold;
text-align: center;
}
.contentMenu ul li a,
.contentMenu ul li a:link,
.contentMenu ul li a:visited{
text-decoration: none;
color: #231815;
}
.contentMenu ul li a:hover{
color: #333;
border-bottom-color: #E50027;
}
.contentMenu ul.sustainableMenu{
width: 100%;
}
.contentMenu ul.sustainableMenu li a{
font-size: 18px;
width: auto;
}

@media screen and (max-width: 910px){
.contentMenu ul.sustainableMenu li a{
padding: 10px 5px;
font-size: 15px;
}
.flsBrandingInner{
top: 40%;
}

}
@media screen and (max-width: 767px){
.contentBranding{
/*height: 216px;*/
padding-bottom: 0;
}
.contentBranding img{
object-fit: cover;
height: 100%;
width: 100%;
}
.flsBrandingInner{
top: 50%;
}
.flsTitle36{
font-size: 26px;
}
.flsTitleSub28{
font-size: 23px;
}
.flsTitle22{
font-size: 18px;
}
.flsTitleSub22{
font-size: 16px;
}
.contentMenu ul li a{
padding: 10px 5px;
font-size: 15px;
width: 106px;
}
.contentMenu ul.sustainableMenu li a{
padding: 10px 5px;
font-size: 15px;
}
}
@media screen and (max-device-width: 767px){
.sustainableBranding{
height: 400px;
}
h1.CenterAdjust.flsTitle36.H1Profile{
text-align: left !important;
margin-left: 20px;
}
}
@media screen and (max-width: 512px){
.contentMenu ul li a{
font-size: 13px;
zoom: 0.8;
}
}
@media screen and (max-device-width: 512px){
.contentMenu ul li a{
font-size: 15px;
zoom: 1;
}
}