@media (max-width: 1400px){

.company-nav-fixed {
    left: 20px;
}
.company-nav-fixed li {
    font-size: 14px;
}
}

@media (max-width: 1330px){
.company-nav-fixed{
 	display:none;
}
}
@media (max-width: 1000px){

.concept-grid {
    grid-template-columns: repeat(3, 1fr);
}

}


@media (max-width: 805px){

p.message-p2 {
    margin-top: 24px;
}

}

@media (max-width: 768px){

.inner {
        padding: 0 20px;
    }
.hero-text-com {
    bottom: 0;
}
.company-hero{
  background: url('../images/company_mv-sp.jpg') center/cover no-repeat;
}
.section-title {
    font-size: 35px !important;
}
.subtitle-com {
    border-radius: 0;
}
.mission-inner {
    padding: 40px 30px;
}
p.ceo-message_title {
    font-size: 22px;
}
.ceo-intro {
    flex-direction: column-reverse;
}
.ceo-photo {
    transform: translateY(0) translateX(0) rotate(0);
}
    .ceo-intro p {
        line-height: 2.15;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
p.message-p2 {
    line-height: 2.1;
}
p.message-p3 {
    padding-top: 3px;
}
p.message-p5 {
    margin-top: 15px;
}
p.message-p6 {
    margin-top: -2px;
}
.ceo-name {
    font-size: 20px !important;
    margin-top: 0;
}
.footer-top {
    padding: 60px 0;
}
.philosophy {
    padding: 15px 20px 30px;
}
.ceo-message {
    padding: 60px 0 30px;
}
.brand {
    padding: 30px 20px;
}
.company-info {
    padding: 60px 0 60px;
}
table.company-table {
    margin-top: 0;
}
.company-table th {
    width: 95px;
}
.message-text {
    margin-bottom: 0;
}
.concept-grid {
    grid-template-columns: repeat(2, 1fr);
}
.vision-catch {
    font-size: 22px;
}
.values-grid {
    grid-template-columns: repeat(1, 1fr);
}
.values {
    padding: 0 0 30px;
}
.philosophy-section {
    	padding:80px 0 30px;
}
.philosophy-card p {
    	padding-left:0;
	font-size:16px;
}
.main-slogan {
    font-size: 22px;
}
.brand-logo img {
    max-width: 250px;
}
.brand-card {
    padding: 30px 20px;
}
.brand-btn {
    font-size: 15px;
}
.brand-catch {
    font-size: 18px;
}
.footer-col {
    text-align: left;
}
h2.section-title {
    margin: 0 auto;
}
.vision {
    padding: 60px 0 50px;
}
.concept {
    padding: 80px 0 30px;
}
.brand-section {
    padding: 80px 0 30px;
}
.recruit-cta.aos-init.aos-animate {
    padding-top: 70px;
    padding-bottom: 50px;
}
.logo-visual-row{
  flex-direction:column;
  gap:30px;
}

.ohana-visual{
  width:220px;
  height:220px;
}

#logo {
    padding: 80px 20px 40px;
}

.movie{
	margin: 30px auto 0;
}

.company-map .inner{
	gap: 60px;
}


}


@media (max-width: 400px){

.concept-grid {
    grid-template-columns: repeat(1, 1fr);
}

}