@charset "utf-8";

/* ===========================
   Goidou Banner Styles
   =========================== */

.goidou-banner {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.goidou-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* PC版バナー - デスクトップで表示 */
.goidou-banner-pc {
    display: none;
}

/* SP版バナー - モバイルで表示 */
.goidou-banner-sp {
    display: block;
    /* padding: 0 5%; */
    margin: 20px auto 30px;
}

@media screen and (min-width: 834px) {
    .goidou-banner-sp {
        width: 90%;
}
}


@media screen and (max-width: 1024px) {
    div#EyeCatchSection #EyeCatchSectionBody {
        padding: 126px 5% 40% !important;
    }
}
/* 1025px～1240px: .right_full_containerは100%幅 */
@media screen and (min-width: 1025px) {
    .goidou-banner-pc {
        display: block;
        position: absolute;
        left: 2%;
        top: 250px;
        padding-top: 8%;
        width: 160px;
        z-index: 10;
    }

    .goidou-banner-pc a {
        display: block;
    }

    .goidou-banner-pc img {
        width: 100%;
        height: auto;
    }

    .goidou-banner-sp {
        display: none;
    }
}

/* 1241px以上: .right_full_containerは95%幅、左に5%の白い余白が出現 */
/*
- 黄土色エリア左端: 5%
- MainVisual左端: 5% + 95% × 15% = 19.25%
- バナー配置: (5% + 19.25%) / 2 = 12.125%
*/
@media screen and (min-width: 1241px) {
    .goidou-banner-pc {
        left: 8.5vw;
        top: 250px;
        width: 160px;
    }
}

@media screen and (min-width: 1280px) {
    .goidou-banner-pc {
        width: 160px;
    }
}

@media (min-width: 990px) {
    .header #header__submenu ul {
        padding-right: 90px !important;
    }
    .header #header__submenu ul li#Panasonic {
        max-width: none !important;
        vertical-align: bottom;
        height: 78px;
    }
    .header #header__submenu ul li#Panasonic a {
        padding-left: 0 !important;
    }
    .header #header__submenu ul li#Panasonic a img{
        height: 78px;
    }
    
}

@media (max-width: 1550px) {
    #menu_recruit, #menu_aboutus {
        display: none !important;
    }

}
@media (min-width: 1550px) {
div#EyeCatchSection #EyeCatchSectionBody #EyeCatch__SubVisual span.subvisual_large {
    font-size: 75px !important;
}
}
@media (max-width: 1550px) and (min-width: 1500px) {
    div#EyeCatchSection #EyeCatchSectionBody #EyeCatch__SubVisual span.subvisual_large {
        font-size: 70px !important;
    }
}
@media (max-width: 1499px) and (min-width: 1280px) {
div#EyeCatchSection #EyeCatchSectionBody #EyeCatch__SubVisual span.subvisual_large {
        font-size: 57px !important;
    }
}

#extra_menu {
    top: 10px;
}
@media (max-width: 990px) {
  #extra_menu {
    right:auto !important;
        left: 142px !important;
  }
}