@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

p.lang-link01 {
    display: none;
}

.page #main {
    background-color: #fff !important;
}

#main {
    width: 100%;
    border: none !important;
    border-radius: 0px !important;

}

.fixed-banner-add {
    position: fixed;
    right: 10px;
    bottom: 0;
    width: 300px;
    z-index: 9999;
}

@media screen and (max-width: 540px) {
    .fixed-banner-add {
        right: 1%;
        width: 98%;

    }

}

/* ============================================================================
 * 　　　　　　　　　　古 ▼BCP対策LP PC
 * ============================================================================ */
/* ##### BCP対策 ##### */
#bcp01 {
    background-color: #fff;
}

#bcp01 img {
    display: block;
}

#bcp01 h2,
#bcp01 h3,
#bcp01 h4,
#bcp01 h5 {
    margin: 0;
    padding: 0;
    border: none;
}

#bcp01 h4,
#bcp01 h3 {
    margin: 0 0 60px 0;
}

#bcp01 h5 {
    margin: 0 0 30px 0;
}

#bcp01 .bcp-img01 {
    margin: 0 auto 30px auto;
    width: 70%;
}

#bcp01 p {
    margin: 0 auto 50px auto;
    width: 70%;
    line-height: 2;
}

#bcp01 p.bcp-text01 {
    padding: 20px2 border:2px solid #f00;
}

#bcp01 .bcp01-in01-box {
    padding: 50px 0;
    background-color: #fff100;
}

#bcp01 .bcp01-in01-box-in {
    margin: 0 auto;
    padding: 30px;
    width: 80%;
    background-color: #fff;
}

#bcp01 .bcp01-in01-box-in01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0;
}

#bcp01 .bcp01-in01-box-in-img {
    width: 40%;
}

#bcp01 .bcp01-in01-box-in-text {
    width: 58%;
}

#bcp01 .bcp01-in01-box-in-text h6 {
    margin: 0 0 20px 0;
    padding: 0;
}

#bcp01 .bcp01-in01-box-in-text p {
    width: 95%;
}

#bcp01 a.bcp-link01,
#bcp01 .bcp01-in01-box-in a {
    display: block;
    margin: 0 auto 50px auto;
    width: auto;
    max-width: 300px;
}

#bcp01 a.bcp-link01:hover,
#bcp01 .bcp01-in01-box-in a:hover {
    opacity: 0.8;
}

#bcp01 .line {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-weight: bold;
}

#bcp01 .red {
    color: #f00;
    font-weight: bold;
    font-size: 2rem;
}

#bcp01 .aboutbcp {
    width: 76%;
    margin: 0 auto;
}

#bcp01 .aboutbcp-txt span {
    display: block;
    font-size: 1.5rem;
    padding: 10px 0;
}

#bcp01 .aboutbcp-txt {
    padding: 0;
}

/* youtube動画 200727 */
.video-bcp-200727 {
    width: 560px;
    margin: 50px auto
}

/* youtube動画 200727 */

/* ##### BCP対策 ##### */
/* ============================================================================
 * 　　　　　　　　　　古 ▲BCP対策LP PC
 * ============================================================================ */



/* ##### デバイス共通 ##### */

#pg-2-0 {
    margin: 0;
    padding: 0;
}

#top-box01 {
    margin: 0;
    padding: 0;
}

#site-description {
    display: none;
}

.page #main {
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 0;
}

#main .page {
    margin: 0;
}

.page #main .article header {
    display: none;
}

.article footer {
    display: none;
}

#breadcrumb {
    display: none;
}

#sidebar h3 {
    padding: 18px 0 0 27px;
    height: 28px;
    background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/title-back01.jpg);
}

.post-meta,
.post-meta a,
.entry .post-meta a {
    background-color: #004a95;
    color: #fff;
}

#sidebar .widget {
    padding: 10px;
    border: 1px solid #ccc;
}

#related-entries h2 {
    padding: 10px 0;
    border-top: 2px solid #004a95;
    border-bottom: 2px solid #004a95;
    color: #004a95;
}

#respond h2 {
    padding: 10px 0;
    border-top: 2px solid #004a95;
    border-bottom: 2px solid #004a95;
    color: #004a95;
}




/* ############################################################################
 * 　　　　　　　　　　　　　▼レスポンシブ設定
 * ############################################################################ */

/* =##=========================================================================
 * 　　　　　　　　　　　　レスポンシブ▼1100px以上　必要
/* =========================================================================##= */

/* ##### PC高解像度 ##### */
@media screen and (min-width: 1100px) {

    .sp-image01.sp-text01,
    .header-navi01 {
        display: none;
    }

    /* ##### PC高解像度 :: header ##### */
    #head-copylight {
        margin: 0 10px 5px auto;
        width: 1090px;
        text-align: right;
        font-size: 70%;
    }

    #header-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        width: 100%;
        /* 		width:1100px; */
    }

    #header-in #h-top {
        width: 35%;
    }

    #header-in #header-menu {
        width: 65%;
    }

    #header-in #header-menu p {
        margin: 0;
        padding: 0;
        text-align: right;
    }

    #header-in #header-menu .chinese_link01 {
        padding: 0 45px 0 0;
        background: right top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/link01.png);
        background-size: 40px auto;
    }

    #header-in nav {
        width: 100%;
    }

    #header-in nav #navi-in {
        width: 100%;
    }

    #header-in nav ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    #header-in nav ul {
        margin: 10px 0;
        padding: 0;
    }

    #header-in nav li {
        float: none;
        margin: 0 15px 0 0;
        width: 85px;
        list-style: none;
        font-size: 14px;
    }

    #header-in nav li#menu-item-319,
    #header-in nav li#menu-item-2394,
    #header-in nav li#menu-item-307 {
        border-bottom: 6px solid #cbe9fa;
    }

    #header-in nav li#menu-item-318,
    #header-in nav li#menu-item-2039,
    #header-in nav li#menu-item-308 {
        border-bottom: 6px solid #9fd0f0;
    }

    #header-in nav li#menu-item-317,
    #header-in nav li#menu-item-2044,
    #header-in nav li#menu-item-309 {
        border-bottom: 6px solid #5a97d1;
        ;
    }

    #header-in nav li#menu-item-316,
    #header-in nav li#menu-item-2048,
    #header-in nav li#menu-item-310 {
        border-bottom: 6px solid #4673b9;
    }

    #header-in nav li#menu-item-315,
    #header-in nav li#menu-item-2040,
    #header-in nav li#menu-item-311 {
        border-bottom: 6px solid #1c4fa1;
    }

    #header-in nav li#menu-item-313,
    #header-in nav li#menu-item-312 {
        border-bottom: 6px solid #002572;
    }

    #header-in nav li#menu-item-314 {
        border-bottom: 6px solid #000e2c;
    }

    #header-in nav li a {
        display: block;
        text-decoration: none;
        text-align: center;
    }

    #header-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
        /* 		width:1100px; */
    }

    #header-link a {
        display: block;
    }

    #header-link a.link-movie {
        width: 285px;
        height: 24px;
    }

    #header-link a.link-fb {
        width: 140px;
        height: 38px;
    }

    #header-link a img {
        display: block;
    }

    /* ##### PC高解像度 :: body ##### */
    #body {
        margin: 0;
    }

    #body-in {
        width: 1100px;
    }

    .page #main {
        background-color: #a0d0f1;
    }

    .entry-content {
        margin: 0;
    }

    #sns-group {
        padding: 10px;
    }


    /* ##### PC高解像度 :: Hirosei Movie ##### */
    #movie-box01 {
        background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/back-image01-02.jpg);
        background-size: 1100px auto;
    }

    #pgc-260-0-0 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #movie-box01-in01 {
        width: 283px;
    }

    #movie-box01-in02 {
        margin: 0;
        padding: 0;
        width: 815px;
        height: 638px;
        background-color: #000;
    }

    .video-container .video {
        margin: 0;
    }


    /* ##### PC高解像度 :: トップページ ##### */


    .sp-image01 {
        display: none;
    }


    #top-box01 {
        background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/back-image01-02.jpg);
        background-size: 1100px auto;
    }

    #pgc-2-0-0 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #top-box01-in01 {
        width: 539px;
    }

    #top-box01-in01-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 0 160px;
        width: 379px;
    }

    #top-box01-in01-01 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 27px 0 0 11px;
        width: 111px;
        height: 565px;
    }

    #top-box01-in01-01 li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #top-box01-in01-01 li a {
        color: #fff;
        font-size: 90%;
        text-decoration: none;
    }

    #top-box01-in01-01 .slide_nav {
        width: 257px;
    }

    #top-box01-in01-01 .slide_nav img {
        display: block;
    }

    #top-box01-in02 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 550px;
        height: 638px;
    }

    #top-box01-in02 #news-list01 {
        padding: 10px;
        width: 260px;
        background-color: #000;
        opacity: 0.7;
        color: #fff;
    }

    #top-box01-in02 #news-list01 #news-list-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px 0;
    }

    #top-box01-in02 #news-list01 #news-list-head h3 {
        margin: 0;
        padding: 0;
        width: 50%;
        border: none;
        color: #fff;
        font-size: 1rem;
        font-weight: normal;
    }

    #top-box01-in02 #news-list01 #news-list-head a {
        display: block;
        width: 50%;
        text-align: right;
    }

    #top-box01-in02 #news-list01 a {
        color: #fff;
    }

    #top-box01-in02 #news-list01 ul {
        margin: 0;
        padding: 0;
    }

    #top-box01-in02 #news-list01 li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

    #top-box01-in02 #news-list01 li a {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        display: block;
    }

    #top-box01-in02 #news-list01 li span {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        display: block;
    }



    /* ##### PC高解像度 :: 会社概要 ##### */
    #pgc-9-0-0,
    #pgc-9-0-1 {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #company-box01-in01 {
        padding: 21px 25px;
        border-right: 18px solid #5997d1;
    }

    #company-box01-in01 h2 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #company-box01-in01 p {
        font-size: 0.9rem;
    }

    #company-box01-in01 #access-link01 {
        display: block;
        width: 100%;
        text-align: center;
    }

    #company-box01-in01 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0;
        width: 167px;
    }

    #company-box01-in01 li {
        margin: 0;
        padding: 0;
        width: 49%;
        list-style: none;
        text-align: center;
    }

    #company-box01-in01 li img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    #company-box01-in02 {
        padding: 20px;
        background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/company-back01-01.jpg);
        background-size: 100% auto;
        color: #fff;
    }

    #company-box01-in02 h3,
    #company-box01-in02 h4,
    #company-box01-in02 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
        color: #fff;
    }

    #company-box01-in02 h3 {
        margin: 0 0 50px 0;
        text-align: right;
    }

    #company-box01-in02 h4 {
        margin: 0 0 20px 0;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #company-box01-in02 h5 {
        font-weight: normal;
    }

    #company-text01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 470px;
    }

    #company-text01 p {
        width: 49%;
        font-size: 0.8rem;
        line-height: 1.9;
    }

    #company-box02 {
        background-color: #5997d1;
    }

    #company-box02-in01 {
        padding: 25px;
        background-color: #fff;
    }

    #company-box02-in01 .textwidget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #company-box02-in01 #enkaku01 {
        width: 70%;
    }

    #company-box02-in01 h2,
    #company-box02-in02 h2 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #company-box02-in01 dl {
        margin: 0;
        padding: 0 20px 0 0;
    }

    #company-box02-in01 dt {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #company-box02-in01 dd {
        margin: 0 0 40px 0;
        padding: 0;
    }

    #company-box02-in01 #photo {
        width: 30%;
    }

    #company-box02-in01 #photo ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #company-box02-in01 #photo li {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        list-style: none;
    }

    #company-box02-in01 #photo li img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #company-box02-in02 h2 {
        margin: 25px;
        color: #fff;
    }

    #company-box02-in02 li {
        margin: 0 0 10px 0;
        color: #fff;
    }

    /* ##### PC高解像度 :: 経営理念 ##### */
    #pgc-11-0-0,
    #pgc-11-0-1 {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #philosophy-box01-in01 {
        padding: 21px 25px;
        border-right: 18px solid #5997d1;
    }

    #philosophy-box01-in01 h2 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #philosophy-box01-in01 p {
        font-size: 0.9rem;
    }

    #philosophy-box01-in01 #access-link01 {
        display: block;
        width: 100%;
        text-align: center;
    }

    #philosophy-box01-in01 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0;
        width: 167px;
    }

    #philosophy-box01-in01 li {
        margin: 0;
        padding: 0;
        width: 49%;
        list-style: none;
        text-align: center;
    }

    #philosophy-box01-in01 li img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    #philosophy-box01-in02 {
        padding: 20px;
        min-height: 596px;
        background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/company-back01-01.jpg);
        background-size: 100% auto;
        color: #fff;
    }

    #philosophy-box01-in02 #philosophy-section01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 {
        width: 60%;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h3,
    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h4,
    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 0.9rem;
        color: #fff;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h3 {
        margin: 0 0 10px 0;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h4 {
        margin: 0 0 5px 0;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h5 {
        font-weight: normal;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 p {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 ol {
        margin: 0;
        padding: 0 auto;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 li {
        font-size: 0.9rem;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-list01 {
        width: 30%;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-list01 li {
        list-style: none;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-list01 li a {
        color: #fff;
    }

    #philosophy-box02-in01 {
        background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/back-image01-01.jpg);
        background-size: 100% auto;
    }

    #philosophy-box02-in01 h3,
    #philosophy-box03-in01 h3 {
        margin: 0;
        padding: 10px 20px;
        border: none;
        background-color: #aaa;
        color: #fff;
    }

    #philosophy-box02-in01 #philosophy-box02-in01-01 {
        padding: 0 20px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #philosophy-box02-in01 #philosophy-box02-in01-01 p {
        padding: 0 0 0 20px;
        width: 24%;
        color: #fff;
        font-size: 0.8rem;
    }

    #philosophy-box02-in01 #philosophy-box02-in01-01 img {
        display: block;
        width: 684px;
        height: 494px;
    }

    #philosophy-box03-in01 {
        min-height: 440px;
        background: left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/back-image02-01-1.jpg);
        background-size: 100% auto;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 ul {
        padding: 100px 0 0 0;
        width: 30%;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 li {
        margin: 0 auto 20px auto;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 #philosophy-box03-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 50px 0 0;
        width: 65%
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 #philosophy-box03-text p {
        width: 45%;
        color: #fff;
    }

    /* ##### PC高解像度 :: 製品案内 ##### */
    #products-box01 {
        background-color: #5b98d2;
    }

    #products-box01-in01 {
        padding: 50px 0 0 30px;
    }

    #products-box01-in01 ul.link-list01 {
        margin: 0 0 30px 0;
        padding: 0;
    }

    #products-box01-in01 .link-list01 li {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

    #products-box01-in01 .link-list01 li a {
        color: #fff;
        text-decoration: none;
    }

    #products-box01-in01 ul.link-list02 {
        margin: 0;
        padding: 0;
    }

    #products-box01-in01 .link-list02 li {
        margin: 0;
        padding: 0 0 0 100px;
        list-style: none;
    }

    #products-box01-in01 .link-list02 li img {
        display: block;
    }

    #products-box01-in02 {
        padding: 20px;
        /* 		background:left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/back-image01-01-1.jpg);
		background-size:100% auto; */
        color: #fff;
    }

    #products-box01-in02 h3,
    #products-box01-in02 h4,
    #products-box01-in02 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
        color: #fff;
    }

    #products-box01-in02 h3 {
        margin: 0 0 50px 0;
        text-align: right;
    }

    #products-box01-in02 h4 {
        margin: 0 0 20px 0;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #products-box01-in02 h5 {
        font-weight: normal;
    }

    #products-text01 {
        width: 380px;
    }

    #products-text01 p {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    #products-box02 {
        /* padding:0 20px 0 300px; 
		padding:0 20px; */
        background-color: #fff;
    }

    #products-box02-in02 {
        background-color: #fff;
    }

    #products-box02-in02 h3 {
        margin: 5px 0 10px 0;
        padding: 10px;
        border: none;
        background-color: #5b98d2;
        color: #fff;
    }

    #products-box02-in02 .products-box02-in02-in {
        padding: 0 20px;
        background-color: #fff;
    }

    #products-box02-in02 .products-box02-in02-in p {
        text-align: right;
    }

    #products-box03 {
        background-color: #fff;
    }

    #products-box03-in00-02,
    #products-box03-in00,
    #products-box03-in01,
    #products-box03-in02,
    #products-box03-in03,
    #products-box03-in04,
    #products-box03-in05,
    #products-box03-in06,
    #products-box03-in07,
    #products-box03-in08,
    #products-box03-in09 {
        background-color: #fff;
    }

    #products-box03-in00-02 h3,
    #products-box03-in00 h3,
    #products-box03-in01 h3,
    #products-box03-in02 h3,
    #products-box03-in03 h3,
    #products-box03-in04 h3,
    #products-box03-in05 h3,
    #products-box03-in06 h3,
    #products-box03-in07 h3,
    #products-box03-in08 h3,
    #products-box03-in09 h3 {
        margin: 0 0 10px 0;
        padding: 10px;
        background-color: #5b98d2;
        border: none;
        color: #fff;
    }

    #products-box03-in01 .textwidget,
    #products-box03-in02 .textwidget,
    #products-box03-in03 .textwidget,
    #products-box03-in04 .textwidget,
    #products-box03-in05 .textwidget,
    #products-box03-in06 .textwidget,
    #products-box03-in07 .textwidget,
    #products-box03-in08 .textwidget,
    #products-box03-in09 .textwidget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
    }

    #products-box03-in00 p,
    #products-box03-in00-02 p {
        margin: 0;
        padding: 20px;
    }

    #products-box03-in01 p,
    #products-box03-in02 p,
    #products-box03-in03 p,
    #products-box03-in04 p,
    #products-box03-in05 p,
    #products-box03-in06 p,
    #products-box03-in07 p,
    #products-box03-in08 p,
    #products-box03-in09 p {
        margin: 0;
        padding: 0;
        width: 40%;
    }

    #products-box03-in01 ul,
    #products-box03-in02 ul,
    #products-box03-in03 ul,
    #products-box03-in04 ul,
    #products-box03-in05 ul,
    #products-box03-in06 ul,
    #products-box03-in07 ul,
    #products-box03-in08 ul,
    #products-box03-in09 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        width: 50%;
    }

    #products-box03-in01 li,
    #products-box03-in02 li,
    #products-box03-in03 li,
    #products-box03-in04 li,
    #products-box03-in05 li,
    #products-box03-in06 li,
    #products-box03-in07 li,
    #products-box03-in08 li,
    #products-box03-in09 li {
        margin: 0 5px 10px 5px;
        padding: 0;
        width: 23%;
        list-style: none;
    }

    #products-box03-flow h3 {
        margin: 10px 0;
        padding: 10px;
        border: none;
        background-color: #5b98d2;
        color: #fff;
    }

    .products-box03-flow ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

        margin: 0 auto;
        padding: 0;
        width: 80%;
    }

    .products-box03-flow li {
        margin: 0 0 30px 0;
        padding: 0;
        width: 31%;
        list-style: none;
        position: relative;
    }

    .products-box03-flow img.arow01 {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        display: block;
        margin: 220px 0 0 0;
        max-height: 16px;
    }

    .no-image01 {
        display: block;
        left: 120px;
        width: 59px;
        position: absolute;
    }

    .pro-flow-in01 {
        margin: 25px 3% 0 3%;
        padding: 7px;
        background: left top url('http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2020/05/flow-back03.jpg');
    }

    .pro-flow-in01-in {
        padding: 30px;
        min-height: 392px;
        background: #fff;
    }

    .products-box03-flow .pro-flow-in01-in img {
        display: block;
        margin: 0 0 10px 0;
    }

    .pro-flow-in01-in h4 {
        margin: 0 0 10px 0;
        padding: 0;
        border: none;
        font-size: 1.1rem;
    }

    .pro-flow-in01-in p {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

    .products-box02-in01 .text {
        padding: 0 2%;
    }

    /* ##### PC高解像度 :: 設備紹介 ##### */
    #equipment-box01 {
        background-color: #5b98d2;
    }

    #equipment-box01-in01 {
        padding: 50px 0 0 30px;
    }

    #equipment-box01-in01 ul {
        margin: 0;
        padding: 0;
    }

    #equipment-box01-in01 li {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

    #equipment-box01-in01 li a {
        color: #fff;
        text-decoration: none;
    }

    #equipment-box01-in02 {
        padding: 20px;
        min-height: 576px;
        /* 		background:left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/06/back-image01-01-2.jpg);
		background-size:100% auto; */
        color: #fff;
    }

    #equipment-box01-in02 h3,
    #equipment-box01-in02 h4,
    #equipment-box01-in02 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
        color: #fff;
    }

    #equipment-box01-in02 h3 {
        margin: 0 0 50px 100px;
    }

    #equipment-box01-in02 h4 {
        margin: 0 0 20px 350px;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #equipment-box01-in02 h5 {
        margin: 0 0 0 350px;
        font-weight: normal;
    }

    #equipment-text01 {
        margin: 0 0 0 350px;
        width: 380px;
    }

    #equipment-text01 p {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    #equipment-box02 {
        padding: 0 20px 0 300px;
        background-color: #fff;
    }

    #equipment-box03 {
        background-color: #fff;
    }

    #equipment-box03-in01 {
        padding: 20px;
    }

    #equipment-box03-in01 h3 {
        margin: 0 0 20px 0;
        padding: 0;
        border: none;
        color: #0044AB;
    }

    #equipment-box03-in01 table,
    #equipment-box03-in01 th,
    #equipment-box03-in01 td {
        border: none;
    }

    #equipment-box03-in01 table {
        margin: 0 0 50px 0;
        width: 100%;
    }

    #equipment-box03-in01 .table_equipment01 tr:nth-child(2n) {
        background-color: #d7ebf9;
    }

    #equipment-box03-in01 th {
        background-color: transparent;
        font-weight: normal;
    }

    /* ##### PC高解像度 :: 採用情報 ##### */
    #recruitment-box01 {
        background-color: #5b98d2;
    }

    #recruitment-box01-in01 {
        padding: 20px;
        min-height: 576px;
        /* 		background:left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/11/back-image01-01.jpg);
		background-size:100% auto; */
        color: #fff;
    }

    #recruitment-box01-in01 h3,
    #recruitment-box01-in01 h4,
    #recruitment-box01-in01 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
        color: #fff;
    }

    #recruitment-box01-in01 h3 {
        margin: 0 0 50px 0;
    }

    #recruitment-box01-in01 h4 {
        margin: 0 0 20px 350px;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #recruitment-box01-in01 h5 {
        margin: 0 0 0 350px;
        font-weight: normal;
    }

    #recruitment-text01 {
        margin: 0 0 0 350px;
        width: 320px;
    }

    #recruitment-text01 p {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    #recruitment-box01-in01 {
        /* 		background:left top no-repeat url(http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2019/11/back-image01-02.jpg); */
    }

    #recruitment-box01-in02 {
        padding: 50px 30px 0 0;
    }

    #recruitment-box01-in02 h3 {
        margin: 0 0 10px 0;
        border: none;
        color: #fff;
        font-size: 1rem;
    }

    #recruitment-box01-in02 p {
        color: #fff;
    }

    #recruitment-box01-in02 .banner01,
    #recruitment-box01-in02 .banner02 {
        display: block;
        margin: 0 auto 10px auto;
        max-width: 160px;
        height: auto;
    }

    #recruitment-box01-in02 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        padding: 0;
        width: 80%;
    }

    #recruitment-box01-in02 li {
        margin: 0 5px;
        list-style: none;
        width: 49%;
    }

    /* ##### PC高解像度 :: お問合せ ##### */
    #contact-box01 {
        margin: 25px;
        padding: 25px;
        background-color: #fff;
    }

    #contact-box01 h3 {
        margin: 0 0 20px 0;
        padding: 0;
        border: none;
        text-align: center;
        font-size: 2rem;
    }

    #contact-box01 p {
        margin: 0 0 50px 0;
        padding: 0;
        text-align: center;
    }

    #contact-box01 p.tel-no {
        padding: 20px;
        border: 1px solid #999;
        font-size: 1.5rem;
        font-weight: bold;
    }

    #contact-box01 form p {
        margin: 0;
        text-align: left;
    }




}

/* media1100px以上 */


/* ============================================================================
 * 　　　　　　　　　　　　2021▼ペイントシェイカーLP PC
 * ============================================================================ */

/* ----------------------------------------------------------------------------
 *  ▼全体共通設定 
 * ---------------------------------------------------------------------------- */

.page-id-933 #main {
    background-color: #fff !important;
    /* 設定解除 */
    border: none;
    /* 設定解除 */
}

.page-id-933 .widget-title {
    border-bottom: none;
    /* 設定解除 */
}

/* ----------------------------------------------------------------------------
 *  ▼動画(.PaintShaker-movie) 
 * ---------------------------------------------------------------------------- */

.PaintShaker-movie {
    text-align: center;
}

.PaintShaker-movie .t-blue {
    color: #1D2088;
    font-size: 1.4em;
    font-weight: bold;
}

.PaintShaker-movie .t-mini {
    font-size: .9em;
}

/* 動画 */
.PaintShaker-movie-conts .movie .video-container {
    margin: 0 auto;
}


/* ----------------------------------------------------------------------------
 *  ▼「撹拌」と「移注」がひとつに!! 
 * ---------------------------------------------------------------------------- */

.PaintShaker-pickup .PaintShaker-pickup-img {
    padding: 2%;
}

.PaintShaker-pickup .PaintShaker-pickup-img .widget-title {
    color: #E60012;
}

/* ----------------------------------------------------------------------------
 *  ▼ここがスゴいぞ!!ペイントシェイカー！！ 
 * ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼特許出願中 */
.PaintShaker-features .PaintShaker-features-img {
    text-align: center;
}

.PaintShaker-features .PaintShaker-features-img .widget-title {
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #E60012;
    background: #E60012;
}

/* ----------------------------------------------------------------------------
 * ----------------------------------------------------▼テキストの数字設定 */

.PaintShaker-features .PaintShaker-features-details {
    border: 1px solid #00A0E9;
    background: #EAF6FD;
}

.PaintShaker-features .PaintShaker-features-details .text {
    padding: 0 .8em 0 4em;
    position: relative;
}

.PaintShaker-features .PaintShaker-features-details .title {
    color: #E60012;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0;
}

/* ----------------------------------------------------------------------------
 * ---------------------------------------------------------------▼数字設定 */

/* 全体 */
.PaintShaker-features .panel-grid-cell .so-panel .PaintShaker-features-details .text::before {
    content: "";
    padding: 1.4em;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* 1 */
.PaintShaker-features .panel-grid-cell .so-panel:nth-of-type(1) .PaintShaker-features-details .text::before {
    background: url("http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2021/05/1.png");
    background-size: cover;
}

/* 2 */
.PaintShaker-features .panel-grid-cell .so-panel:nth-of-type(2) .PaintShaker-features-details .text::before {
    background: url("http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2021/05/2.png");
    background-size: cover;
}

/* 3 */
.PaintShaker-features .panel-grid-cell .so-panel:nth-of-type(3) .PaintShaker-features-details .text::before {
    background: url("http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2021/05/3.png");
    background-size: cover;
}

/* 4 */
.PaintShaker-features .panel-grid-cell .so-panel:nth-of-type(4) .PaintShaker-features-details .text::before {
    background: url("http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2021/05/4.png");
    background-size: cover;
}

/* 5 */
.PaintShaker-features .panel-grid-cell .so-panel:nth-of-type(5) .PaintShaker-features-details .text::before {
    background: url("http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2021/05/5.png");
    background-size: cover;
}

/* 6 */
.PaintShaker-features .panel-grid-cell .so-panel:nth-of-type(6) .PaintShaker-features-details .text::before {
    background: url("http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2021/05/6.png");
    background-size: cover;
}

/* ----------------------------------------------------------------------------
 *  ▼今までの困りごととはさようなら 
 * ---------------------------------------------------------------------------- */

.PaintShaker-resolution {
    text-align: center;
    background: #231815;
    color: #fff;

}

/* タイトル */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200&family=Sawarabi+Mincho&family=Shippori+Mincho&display=swap');

.PaintShaker-resolution .resolution-title .widget-title {
    font-family: 'Noto Serif JP', 'Sawarabi Mincho', 'Shippori Mincho', serif;
    font-weight: bold;
    font-size: 1.5em;
    color: #fff;
}

/* ブロック */
.PaintShaker-resolution .PaintShaker-resolution-block .block-conts {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    text-align: left;
}

.PaintShaker-resolution .PaintShaker-resolution-block .block-conts img {
    max-width: 151px;
}

.PaintShaker-resolution .PaintShaker-resolution-block .block-conts .text {
    padding: 0 3%;
    margin: 0;
}

/* ----------------------------------------------------------------------------
 *  ▼お問い合わせボタンと移動式ギアポンプのバナー 
 * ---------------------------------------------------------------------------- */

/* お問い合わせボタン */
.PaintShaker-link .info-btn a {
    border: none !important;
}

/* bcpバナー */
.article .PaintShaker-link .bcp-banner h3.widget-title {
    font-weight: normal;
    font-size: 1em;
}

/* ============================================================================
 * 　　　　　　　　　　　　2021▲ペイントシェイカーLP PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　　2022.3Renewal ▼BCP対策LP PC
 * ============================================================================ */

/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　　▼全体共通
 * ---------------------------------------------------------------------------- */

/* 背景色、線　なし */
.page-id-1595 #main {
    background: none !important;
    border: none !important;
}

/* タイトル　線なし */
.page-id-1595 h3 {
    border: none;
}


/* バナー　下余白削除 */
.bcp-banner .so-panel {
    margin-bottom: 0 !important;
}



/* 文字の折り返し */
.text-nowrap {
    display: inline-block;
}

/* ----------------------------------------------------------------------------
 * ------------------------------------------------------ ▼レスポンシブ設定 */

/* トップ画像 sp */
#bcp-Topheader .mainbanner-sp {
    display: none;
}

/* バナー */
.bcp-banner .banner-sp {
    display: none;
}



/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　　▼YouTube動画
 * ---------------------------------------------------------------------------- */

/* タイトル */
#bcp-Youtube .bcp-Youtube-conts h3.widget-title {
    font-family: 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'Yu Gothic UI',
        sans-serif;
    color: #1D2088;
    text-align: center;
    font-size: 2.2em;
    font-weight: 900;
    margin-bottom: 5%;
}


/* --------------------------------------------------------------------- ▼動画 */

#bcp-Youtube .bcp-Youtube-conts .movie .video-container {
    margin: 0 auto;
}


/* ------------------------------------------------------------- ▼動画下の文章 */

/* 全体 */
#bcp-Youtube .bcp-Youtube-conts .aboutbcp-txt {
    margin-top: 5%;
    text-align: center;
}

/* タイトル */
#bcp-Youtube .bcp-Youtube-conts .aboutbcp-txt .title {
    display: block;
    font-size: 1.5em;
    margin-bottom: 0;
}



/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　▼BCP対策で未来を守る
 * ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼特徴・機能 */

/* テキスト */
.bcp-feature .bcp-feature-conts {
    background: #fff;
    max-height: 515px;
    height: 100vh;
}

/* タイトル */
.bcp-feature .bcp-feature-conts h3.widget-title {
    font-family: 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'Yu Gothic UI',
        sans-serif;
    font-style: italic;
    font-weight: 900;
    color: #fff;
    background: #00A0E9;
    text-align: center;
}

/* リスト */
.bcp-feature .bcp-feature-conts ul.feature-list {
    line-height: 2;
    padding: 5% 2.5em 8%;
}


/* 黄色マーカー */
.bcp-feature .bcp-feature-conts ul.feature-list .yellow-marker {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}

/* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼使いかた */

/* ブロック */
.bcp-flow .bcp-flow-block {
    border: 2px solid #000;
    padding: 3%;
    background: #fff;
    position: relative;
    margin: 0 3%;
}

/* タイトル（数字） */
.bcp-flow .bcp-flow-block h3.widget-title {
    position: absolute;
    left: 1%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 10%;
    min-width: 35px;
}

/* 横並び */
.bcp-flow .bcp-flow-block .block {
    display: flex;
    justify-content: center;
}

/* 文章 */
.bcp-flow .bcp-flow-block .block .text {
    padding: 0 3%;
}


/* ----------------------------------------------------------------------------
 * 　　　　　　　　▼天災時だけじゃない！大活躍のギアポンプの魅力
 * ---------------------------------------------------------------------------- */

/* ブロック */
.bcp-appeal .bcp-appeal-block {
    border: 2px solid #E60012;
    background: #fff;
    padding: 3%;
    text-align: center;
    margin: 0 2%;
}

.bcp-appeal .bcp-appeal-block>div {
    display: inline-block;
    text-align: left;
    width: 80%;
}

/* タイトル */
.bcp-appeal .bcp-appeal-block h3.widget-title {
    font-size: 1.6em;
    margin-bottom: 0;
}

/* タイトルの赤字 */
.bcp-appeal .bcp-appeal-block h3.widget-title .text-red {
    color: #E60012;
    font-size: 1.3em;
}


/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　▼BCP対策導入セット
 * ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼タイトル部分 */

/* タイトル */
.bcp-set .bcp-set-text h3.widget-title {
    font-family: 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'Yu Gothic UI',
        sans-serif;
    font-weight: 900;
    color: #E60012;
    font-size: 3.5em;
    font-style: italic;
}

.bcp-set .bcp-set-text {
    text-align: center;
    padding: 0 2%;
}


/* ----------------------------------------------------------------------------
 * ------------------------------------------------------ ▼大きい三つの画像 */


/* 全体 */
.bcp-set .bcp-set-img {
    position: relative;
}


/* タイトル */
.bcp-set .bcp-set-img h3.widget-title {
    position: absolute;
    bottom: 0;
    right: 1em;
    color: #fff;
    text-shadow: 2px 2px #333;
}


/* ----------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼商品紹介部分 */

/* ブロック */
.bcp-set .product-block {
    background: #fff;
    display: flex;
}

/* 文章 */
.bcp-set .product-block .text-conts {
    padding: 0 3%;
    width: 70%;
}

.bcp-set .product-block .text-conts .name {
    font-family: 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'Yu Gothic UI',
        sans-serif;
    font-weight: 900;
    font-style: italic;
}


/* 画像 */
.bcp-set .product-block .img {
    max-width: 300px;
}

/* ============================================================================
 * 　　　　　　　　　2022.3Renewal ▲BCP対策LP PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　2022.3 Renewal▼全体共通設定  PC
 * ============================================================================ */

.page-id-1128,
/* トップ */
.page-id-1205,
/* 経営理念 */
.page-id-1264,
/* 会社概要 */
.page-id-1330,
/* 設備紹介 */
.page-id-1366,
/* 製品案内 */
.page-id-1489

/* 採用情報 */
    {
    box-sizing: border-box;
}

/* 子要素に継承 */
.page-id-1128 *,
/* トップ */
.page-id-1205 *,
/* 経営理念 */
.page-id-1264 *,
/* 会社概要 */
.page-id-1330 *,
/* 設備紹介 */
.page-id-1366 *,
/* 製品案内 */
.page-id-1489 *

/* 採用情報 */
    {
    box-sizing: inherit;
}

/* 背景色 枠　削除 */
.page-id-1128 #main,
/* トップ */
.page-id-1205 #main,
/* 経営理念 */
.page-id-1264 #main,
/* 会社概要 */
.page-id-1330 #main,
/* 設備紹介 */
.page-id-1366 #main,
/* 製品案内 */
.page-id-1489 #main

/* 採用情報 */
    {
    background: none;
    border: none;
}

/* h3タイトル 下線　削除 */
.page-id-1128 h3.widget-title,
/* トップ */
.page-id-1205 h3.widget-title,
/* 経営理念 */
.page-id-1264 h3.widget-title,
/* 会社概要 */
.page-id-1330 h3.widget-title,
/* 設備紹介 */
.page-id-1366 h3.widget-title,
/* 製品案内 */
.page-id-1489 h3.widget-title

/* 採用情報 */
    {
    border: none;
}



/* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　▼PC画像・SP画像
 * --------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------
 * ----------------------------------------------------------- ▼ページトップ画像 */

.page-header .page-title.spimg {
    display: none;
}


/* ---------------------------------------------------------------------------------
 * ------------------------------------------------------------------ ▼製品案内 */

.order-flow .flow-img-sp {
    display: none;
}



/* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　共通▼タイトル歯車
 * --------------------------------------------------------------------------------- */

/* ------------------------------------------------------ ▼タイトル装飾 */


/* タイトル */
.title-common h3.widget-title {
    color: #002673;
    font-size: 2.8em;
    font-weight: 900;
    text-align: left;
    border-bottom: 2px solid #4774b9;
    margin: 1em 0 0;
    padding-left: 14%;
}

/* タイトル下の文 */
.title-common .title-subtext {
    display: inline-block;
    text-align: left;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 14%;
    margin-bottom: 0;
}




/* ------------------------------------------------------ ▼歯車 */
/* 白・薄紫歯車　共通 */
.haguruma-wh,
.haguruma-lv {
    position: relative;
}

/* 白・薄紫歯車　共通 */
.haguruma-wh::before,
.haguruma-lv::before {
    content: "";
    width: 350px;
    height: 170px;
    position: absolute;
    top: 5px;
    left: 10%;
    transform: translateY(-100%);
}

/* 白のみ */
.haguruma-wh::before {
    background-image: url('http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2022/03/haguruma-wh.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* 薄紫のみ */
.haguruma-lv::before {
    background-image: url('http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2022/03/haguruma-lv.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　共通▼ページ内リンク
 * --------------------------------------------------------------------------------- */

.hirosei-intro-link {
    text-align: center;
}

.hirosei-intro-link ul.link-list {
    color: #5b98d2;
    display: inline-block;
    text-align: left;
    line-height: 2.5;
    font-size: 1.2em;
    list-style: square;
    padding: 0;
    /* 横並び */
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.hirosei-intro-link ul.link-list li {
    width: calc((100% / 3) - 1.5em);
    padding-bottom: 0.6em;
    margin-left: 1.5em;
    line-height: 1.5;
    font-size: 18px;
}

.hirosei-intro-link ul.link-list a {
    text-decoration: none;
    color: #5b98d2;
}

.hirosei-intro-link ul.link-list a:hover {
    color: #285e91;
}




/* ---------------------------------------------------------------------------------
 * 　　　　　　　共通▼ページ下コンテンツ 「SHOP」の設定（.shop-common）
 * --------------------------------------------------------------------------------- */

/* 全体 */
.shop-common {
    background: #e9f3ff;
}

/* SHOPタイトル全体 */
.shop-common.title {
    padding-top: 10%;
}

/* SHOPタイトル */
.shop-common.title h3.widget-title {
    background: #002673;
    border-left: .5em solid #a0d1f1;
    height: 2em;
    position: relative;
}

/* 最初の文章 */
.shop-common .shop-text {
    text-align: center;
    padding: 4% 2% 0;
    color: #002673;
    font-weight: bold;
    font-size: 1.2em;
}


/* SHOP画像 */
.shop-common.title h3.widget-title img {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    width: 16%;
    min-width: 95px;
    max-width: 175px;
}

/* リンク全体 */
.shop-common.link {
    padding: 8% 2% 3%;
}

/* リンクバナーのテキスト */
.shop-common.link h3.widget-title {
    font-size: 15px;
    font-weight: normal;
}


/* お問い合わせボタン */
.shop-common.info-btn {
    padding-bottom: 7%;
}

/* ============================================================================
 * 　　　　　　　　　2022.3 Renewal▲全体共通設定  PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　　2022.3 Renewal▼トップページ  PC
 * ============================================================================ */

/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼全体共通設定
 * ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * ---------------------------------------------------------- 共通▼タイトル */

/* 画像の大きさ */
.page-id-1128 .toptitle-common h3.widget-title img {
    height: 130px;
}



/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　▼トップのメイン画像
 * ---------------------------------------------------------------------------- */

/* 全体 */
#top-header {
    position: relative;
}

/* メッセージ */
#top-header .message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼NEWS
 * ---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
 * ------------------------------------------------------ ▼ブログ部分の設定 */

.news-conts ul.display-posts-listing {
    padding: 2em;
}

.news-conts ul.display-posts-listing li {
    padding: 5px 2px;
    border-bottom: 1px solid #a0d1f1;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

/* ブログタイトル */
.news-conts ul.display-posts-listing li a.title {
    padding-left: 1em;
    color: #333;
    text-decoration: none;
    transition: opacity .3s ease;
}

.news-conts ul.display-posts-listing li a.title:hover {
    opacity: .6;
}

/* 日付 */
.news-conts ul.display-posts-listing li span.date {
    font-size: .8em;
    color: #6f6f6f;
}



/* ============================================================================
 * 　　　　　　　　2022.3 Renewal▲トップページ  PC
 * ============================================================================ */

/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼経営理念  PC
 * ============================================================================ */

/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼全体共通
 * ----------------------------------------------------------------------------  */


/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼メッセージ
 * ----------------------------------------------------------------------------  */

.Philosophy-message {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2;
}

/* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼○○方針(.Philosophy-houshin)
 * ----------------------------------------------------------------------------  */

.Philosophy-houshin .Philosophy-houshin-conts>div {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* タイトル */
.Philosophy-houshin .Philosophy-houshin-conts h3.widget-title {
    font-size: 1.5em;
    color: #002673;
    text-align: right;
    padding: 0 2%;
    width: 35%;
}

/* 文章 */
.Philosophy-houshin .Philosophy-houshin-conts>div>div {
    width: 65%;
}

.Philosophy-houshin .Philosophy-houshin-conts>div .text {
    padding: 0 2%;
}

/* ----------------------------------------------------------------------------
 * ------------------------------------------------------------------ ▼付則 */

.Philoshophy-bylaws {
    padding: 0 2%;
}

/* リスト */
.Philoshophy-bylaws ol.bylaws-list {
    font-size: .9em;
}



/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼企業を動かす5つのギア（.5-gia）
 * ----------------------------------------------------------------------------  */

.gia5 .gia5-block>div>div {
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ------------------------------------------------▼ 画像 */

.gia5 .gia5-block .haguruma-title {
    width: 200px;
    padding: 0 2%;
    position: relative;
}

/* 歯車画像 */
.gia5 .gia5-block .h-img img {
    animation: rotate 8s linear infinite;
}

@keyframes rotate {

    0% {
        transform: rotate(0deg) translate(0, 0);
    }

    100% {

        transform: rotate(360deg) translate(0, 0);
    }
}

/* 歯車画像 反対周り */
.gia5 .gia5-block .h-img-r img {
    animation: rotate2 8s linear infinite;
}

@keyframes rotate2 {

    0% {
        transform: rotate(0deg) translate(0, 0);
    }

    100% {

        transform: rotate(-360deg) translate(0, 0);
    }
}


/* 文字画像 */
.gia5 .gia5-block .h-moji {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}


/* ------------------------------------------------▼ 文章 */

.gia5 .gia5-block>div .text {
    width: calc(100% - 200px);
    padding: 0 3%;
}


/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲経営理念  PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼会社概要  PC
 * ============================================================================ */

/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼代表挨拶（.aisatu-block）
 * ----------------------------------------------------------------------------  */

.aisatu-block .text {
    margin: 0;
}


/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼沿革（.enkaku-block）
 * ----------------------------------------------------------------------------  */

/* 文章 */
.enkaku-block .enkaku-text h3.widget-title {
    color: #1d50a2;
}

.enkaku-block .enkaku-text p {
    margin: 0;
}


/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼動画（.seishin-movie）
 * ----------------------------------------------------------------------------  */

.hirosei-movie .video-container {
    margin: 0 auto;
}

.hirosei-movie h3.widget-title {
    text-align: center;
    color: #1d50a2;
}


/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲会社概要  PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼設備紹介  PC
 * ============================================================================ */


/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　共通▼表の設定（.Equipment-haburuma）
 * ----------------------------------------------------------------------------  */

.Equipment-table table.table {
    width: 100%;
    padding: 3% 2% 5%;
}

.Equipment-table table.table tr th {
    background: none;
    color: #1d50a2;
}

.Equipment-table table.table tr td:last-child {
    text-align: center;
    width: 10%;
}

/* 線　なし */
.Equipment-table table.table tr th,
.Equipment-table table.table tr td {
    border: none;
}

/* 奇数だけ背景色 */
.Equipment-table table.table tr:nth-child(even) {
    background: #f2f7fc;
}




/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲設備紹介  PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼製品案内  PC
 * ============================================================================ */



/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼ご依頼の例（.seihin-flow-block）
 * ----------------------------------------------------------------------------  */

.seihin-flow-block {
    border: 2px solid #5b98d2;
    margin: 0 2%;
}

/* タイトル */
.seihin-flow-block h3.widget-title {
    display: flex;
    align-items: center;
    padding-top: 0;
}

/* タイトルの画像（01など） */
.seihin-flow-block h3.widget-title img {
    padding-right: .5em;
    margin: 0 !important;
}

/* ------------------------------------------------------------------ ▼画像 */

.seihin-flow-block .flow-img {
    padding: 3% 2%;
}





/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼製品・サービス一覧（.）
 * ----------------------------------------------------------------------------  */

/* タイトル */
.product-servicelist-block h3.widget-title {
    color: #fff;
    background: #5b98d2;
    padding-left: 1em;
}

/* 文章と画像 */
.product-servicelist-block .product-text,
.product-servicelist-block .product-img {
    padding: 0 3%;
}


/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲製品案内  PC
 * ============================================================================ */
/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼採用情報  PC
 * ============================================================================ */


/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼共通設定（.）
 * ----------------------------------------------------------------------------  */

/* ----------------------------------------------------------------------------
 * -------------------------------------------------------------- ▼フォント設定 */

.page-id-1489 h3,
.page-id-1489 h4,
.slide-on-text1 p,
.slide-on-text2 p {
    font-family: 'BIZ UDPGothic', 'M PLUS 1', 'M PLUS 1p', sans-serif;
}



/* ----------------------------------------------------------------------------
 * -------------------------------------------------------------- ▼タイトル */
.recruit-title-common h3.widget-title {
    text-align: center;
    color: #1d50a2;
    font-size: 1.8em;
    letter-spacing: 2px;
    padding: .8em 2%;
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(109deg, transparent, transparent 10px, rgb(207 231 247 / 100%) 10px, rgba(207, 231, 247, 100%) 35px);

}

.recruit-title-common02 h3.widget-title {
    text-align: center;
    color: #1d50a2;
    font-size: 1.8em;
    letter-spacing: 2px;
    padding: .8em 2%;
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(109deg, transparent, transparent 10px, rgb(226 241 250 / 100%) 10px, rgba(226, 241, 250, 100%) 35px);
    font-family: 'Zen Kaku Gothic New', sans-serif;

}

.pc-none {
    display: none !important;
}

.pc-block {
    display: block !important;
}

@media screen and (max-width: 540px) {
    .recruit-title-common02 h3.widget-title {
        font-size: 1.4em;
    }

}

@media screen and (max-width: 480px) {
    .recruit-title-common02 h3.widget-title {
        font-size: 1.2em;
    }

    .sp-none {
        display: none !important;
    }

    .sp-block {
        display: block !important;
    }
}

@media screen and (max-width: 280px) {
    .recruit-title-common02 h3.widget-title {
        font-size: .9em;
    }

}

.lead-ttl {
    font-size: 22px !important;
    border-bottom: none !important;
    padding: 10px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------------------------------
 * 　　　　　▼スライドの上の文字
 * --------------------------------------------------------------------------------- */

#recruit-slide {
    position: relative;
}


#recruit-slide .slide-on-text .slide-on-text1 p,
#recruit-slide .slide-on-text .slide-on-text2 p {
    margin: 0;
}

#recruit-slide .slide-on-text .slide-on-text1 {
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 999;
    background: rgba(56, 111, 165, .8);
}

#recruit-slide .slide-on-text .slide-on-text1 p {
    font-size: 4em;
    font-weight: bold;
    letter-spacing: 22px;
    color: #fff;
    margin: 0.5em 0.8em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

#recruit-slide .slide-on-text .slide-on-text2 {
    position: absolute;
    bottom: 7%;
    right: 0;
    z-index: 999;
    background: rgba(83, 143, 188, .7);
    padding: 0% 3%;
}

#recruit-slide .slide-on-text .slide-on-text2 p {
    font-size: 1.3em;
    color: #fff;
    line-height: 1.5;
    margin: 1em 2em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}


/* ----------------------------------------------------------------------------
 *　　　　　▼Hiroseiの強みと魅力（.feature-block）
 * ----------------------------------------------------------------------------  */

/* ------------------------------------------ 反対 */

.feature-block-reverse {
    flex-direction: row-reverse;
}

/* 文章　右寄せ */
.feature-block-reverse .feature-text {
    text-align: right;
}

.feature-block-reverse .feature-text>div {
    display: inline-block;
    text-align: left;
}

/* ------------------------------------------ 共通 */

.feature-block {
    align-items: center;
}

/* 文章全体 */
.feature-block .feature-text {
    padding: 2%;
}

/* タイトル */
.feature-block h3.widget-title {
    margin-bottom: 0;
    padding-top: 0;
}

/* 文章のみ */
.feature-block .feature-text p {
    margin: 0;
}


/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼Recruiting Story（.recruit-story）
 * ----------------------------------------------------------------------------  */

/* ----------------------------------------------------------------------------
 * -------------------------------------------------------- ▼タブ項目の設定 */

/* 全体 */
.recruit-story {
    background-repeat: no-repeat;
}

/* タブ全体 */
.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container {
    max-width: 1000px;
    margin: 2% auto;
}

/* 各タブ */
.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    width: calc((100% / 2) - 2em);
    padding: 0;
    margin: 1em;
}

/* タブの画像 */
.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab img {
    margin: 0 auto;
    box-shadow: 2px 2px 7px 0px #3d3d3d;
    transition: all .4s ease;
    filter: brightness(0.6);
    /* 画像を暗くする */
}

.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab img:hover {
    box-shadow: 3px 3px 10px 0px #3d3d3d;
    transform: translate(-5px, -5px);
    filter: none;
}

/* 洗濯中のタブ画像 */
.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected img {
    filter: none;
}


/* ----------------------------------------------------------------------------
 * ---------------------------------------------- ▼コンテンツ（中身）の設定 */

/* 全体 */
.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-panel-container {
    background: none;
}

/* ----------------------------------------------------- ▼画像と文章の部分 */

/* 画像と文章横並び */
.recruit-story .recruit-story-tabs .section .p-intro {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    margin: 5% 0;
}

/* メイン画像 */
.recruit-story .recruit-story-tabs .section .p-intro .mainimg {
    padding: 2%;
    width: 55%;
}

/* 数字画像と文章 */
.recruit-story .recruit-story-tabs .section .p-intro .maintext {
    padding: 2% 2% 4em 2%;
    width: 45%;
}

@media screen and (max-width: 768px) {
    .recruit-story .recruit-story-tabs .section .p-intro .maintext {
        padding: 2% 2% 2% 2%;
    }


}



/* 役職（文章） */
.recruit-story .recruit-story-tabs .section .p-intro .maintext .text {
    font-size: 2.4em;
    color: #1c50a1;
    line-height: 1.2;
    margin-bottom: 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

/* ----------------------------------------------------- ▼質問と答えの部分 */

/* 余白調整 */
.recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-panel {
    padding: 30px 0 !important;
}

/* 全体 */
.recruit-story .recruit-story-tabs .section .intro-wrap {
    padding: 5% 0;
}

/*  interview画像 */
.recruit-story .recruit-story-tabs .section .intro-wrap .interview-img {
    width: 26%;
    margin: 0 auto;
}

/* 各ブロックの設定　共通 */
.recruit-story .recruit-story-tabs .section .intro-wrap .intro-block {
    background: #fff;
    margin: 2%;
}

/* 質問部分 */
.recruit-story .recruit-story-tabs .section .intro-wrap .intro-block h3.widget-title {
    margin-bottom: 0;
}

/* 質問の答え　全体 */
.recruit-story .recruit-story-tabs .section .intro-wrap .intro-block-text {
    padding: 3% 5%;
}

/* 説明　共通 */
.recruit-story .recruit-story-tabs .section .intro-wrap .text {
    font-size: 1em;
    margin: 0;
}

/* お問い合わせボタン */
.recruit-story .recruit-story-tabs .section .intro-wrap .infoimg {
    width: 45%;
    max-width: 500px;
    margin: 7% auto 3%;
}

/* 追加CSS */


/* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼募集要項（.recruit-job-description）
 * ----------------------------------------------------------------------------  */

/* タイトル */
.recruit-job-description h3.widget-title {
    text-align: center;
    color: #fff;
    background: #a0d1f1;
    margin: 0;
}

/* 表全体 */
.recruit-job-description .job-description-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 5%;
}

/* 表　縦 */
.recruit-job-description .job-description-table tbody {
    display: flex;
}

.recruit-job-description .job-description-table tbody tr {
    display: flex;
    flex-direction: column;
}

/* th */
.recruit-job-description .job-description-table tbody tr:first-child {
    white-space: nowrap;
    width: 25%;
}

/* td */
.recruit-job-description .job-description-table tbody tr:last-child {
    width: 75%;
}

/* 線 */
.recruit-job-description .job-description-table tbody tr th,
.recruit-job-description .job-description-table tbody tr td {
    border: 1px solid #a0d1f1;
    text-align: left;
    padding: 5px 10px;
    font-weight: normal;
    background: none;
}

/* ----------------------------------------------------------------------------
 * ---------------------------------------------------- ▼お問い合わせボタン */

.recruit-job-description .recruit-info-btn a {
    line-height: 1.8;
}

/* ----------------------------------------------------------------------------
 *　　　　▼健康経営や働き方改革などのロゴ
 * ----------------------------------------------------------------------------  */

.category-logo {
    display: flex;
    margin-bottom: 3%;
}

.category-logo>div {
    width: calc((100% / 5) - 10px);
    margin: 5px;
}

.info-img>div {
    width: 62%;
    max-width: 450px;
    margin: 2% auto;
}

/* マイナビ文章 */
.mainabi-text {
    color: #1d50a2;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}

/* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲採用情報  PC
 * ============================================================================ */



/* ############################################################################
 * 　　　　　　　　　　　　レスポンシブ▼1099px以下
/* ############################################################################ */
@media screen and (max-width: 1099px) {

    #head-copylight {
        margin: 0 10px 5px auto;
        width: 100%;
        text-align: right;
        font-size: 70%;
    }

    #header-in {
        margin: 0 auto;
        width: 100%;
    }

    #header-in #h-top {
        width: 100%;
        min-height: 10px;
    }

    #site-title {
        margin: 0 150px 0 0;
    }

    #main-navi,
    .chinese_link01,
    #header-link {
        display: none;
    }

    div#main {
        padding: 0;
        border: none;
    }

    /* ##### PC低解像度以下 :: トップページ ##### */
    nav.menu01 {
        display: none;
    }

    /* ▼スライドの画面固定、サイズ変更　ここから */
    .top-box01-in01-01 {
        position: relative;
        width: 100%;
        height: auto;
    }

    .top-box01-in01-01:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .slide_nav {
        position: absolute;
        left: 20%;
        width: 35%;
        height: 100%;
        max-width: 67%;
    }

    .swiper-container {
        width: 67%;
        max-width: 67%;
        /* 最大幅 */
        height: auto;
    }

    /* ▲スライドの画面固定、サイズ変更　ここまで */




    #top-box01-in02 #news-list01 #news-list-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto 10px auto;
        width: 95%;
    }

    #top-box01-in02 #news-list01 #news-list-head h3 {
        margin: 0;
        padding: 0;
        width: 50%;
        border: none;
        color: #333;
        font-size: 1rem;
        font-weight: normal;
        margin-top: 5%;
    }

    #top-box01-in02 #news-list01 #news-list-head a {
        display: block;
        width: 50%;
        text-align: right;
    }

    #top-box01-in02 #news-list01 a {
        color: #333;
    }

    #top-box01-in02 #news-list01 ul {
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }

    #top-box01-in02 #news-list01 li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #top-box01-in02 #news-list01 li a {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        color: #333;
    }

    #top-box01-in02 #news-list01 li span {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        color: #333;
        margin: 0 10px 0 0;
    }

    #top-box01-in02 #news-list01 p {
        margin: 10px auto;
        width: 95%;
    }


    /* ##### PC低解像度以下 :: 会社概要 ##### */
    #pgc-9-0-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    #pgc-9-0-1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    #company-box01-in02 h3,
    #company-box01-in02 h4,
    #company-box01-in02 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #company-box01-in02 h3 {
        margin: 0 10px 20px 10px;
    }

    #company-box01-in02 h4 {
        margin: 0 10px 20px 10px;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #company-box01-in02 h5 {
        margin: 0 10px 20px 10px;
        font-weight: normal;
    }

    #company-text01 {
        margin: 0 10px;
    }

    #company-box01-in01 {
        padding: 10px;
        background-color: #a0d0f1;
    }

    #company-box01-in01 h2 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #company-box01-in01 p {
        font-size: 0.9rem;
    }

    #company-box01-in01 #access-link01 {
        display: block;
        width: 100%;
    }

    #company-box01-in01 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        width: 50%;
    }

    #company-box01-in01 li {
        margin: 0;
        padding: 0;
        width: 49%;
        list-style: none;
        text-align: center;
    }

    #company-box01-in01 li img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    #company-box02-in01 .textwidget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #company-box02-in01 #enkaku01 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 auto;
        width: 95%;
    }

    #company-box02-in01 h2,
    #company-box02-in02 h2 {
        margin: 0 0 20px 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #company-box02-in01 dl {
        margin: 0;
        padding: 0 20px 0 0;
    }

    #company-box02-in01 dt {
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: normal;
    }

    #company-box02-in01 dd {
        margin: 0 0 20px 0;
        padding: 0;
    }

    #company-box02-in01 #photo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
    }

    #company-box02-in01 #photo ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }

    #company-box02-in01 #photo li {
        margin: 0 0 20px 0;
        padding: 0;
        width: 49%;
        list-style: none;
    }

    #company-box02-in01 #photo li img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #company-box02-in02 {
        padding: 10px;
        background-color: #5997d1;
    }

    #company-box02-in02 h2 {
        margin: 25px;
        color: #fff;
    }

    #company-box02-in02 li {
        margin: 0 0 10px 0;
        color: #fff;
    }

    /* ##### PC低解像度以下 :: 企業理念 ##### */
    #pgc-11-0-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    #pgc-11-0-1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 {
        margin: 0 auto;
        width: 95%;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h3,
    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h4,
    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h3 {
        margin: 0 0 10px 0;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h4 {
        margin: 0 0 10px 0;
    }

    #philosophy-box01-in02 #philosophy-section01 #philosophy-text01 h5 {
        font-weight: normal;
    }

    #philosophy-list01 {
        display: none;
    }

    #philosophy-box01-in02 .sp-text01 {
        margin: 50px 0 0 0;
    }

    #philosophy-box01-in02 p {
        margin: 0 0 10px 0;
    }

    #philosophy-box01-in02 ol {
        margin: 0;
    }

    #philosophy-box01-in01 {
        padding: 10px;
        background-color: #a0d0f1;
    }

    #philosophy-box01-in01 h2 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
    }

    #philosophy-box01-in01 p {
        font-size: 0.9rem;
    }

    #philosophy-box01-in01 #access-link01 {
        display: block;
        width: 100%;
    }

    #philosophy-box01-in01 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        width: 50%;
    }

    #philosophy-box01-in01 li {
        margin: 0;
        padding: 0;
        width: 49%;
        list-style: none;
        text-align: center;
    }

    #philosophy-box01-in01 li img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    #philosophy-box02-in01 h3,
    #philosophy-box03-in01 h3 {
        margin: 0 auto 10px auto;
        padding: 0;
        width: 95%;
        border: none;
        font-size: 1rem;
    }

    #philosophy-box02-in01-01 {
        margin: 0 auto;
        width: 95%;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 ul {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 10px;
        background-color: #5997d1;
    }

    #philosophy-box03-in01 #philosophy-box03-in01-01 li {
        width: 49%;
        list-style: none;
        text-align: center;
    }

    #philosophy-box03-in01 #philosophy-box03-text {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 auto;
        width: 95%;
    }

    /* ##### PC低解像度以下 :: 製品案内 ##### */
    #pgc-13-0-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    #pgc-13-0-1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    #products-box01-in02 h3,
    #products-box01-in02 h4,
    #products-box01-in02 h5 {
        margin: 0 auto;
        padding: 0;
        width: 95%;
        border: none;
        font-size: 1rem;
    }

    #products-box01-in02 h3 {
        margin: 0 auto 20px auto;
        text-align: right;
    }

    #products-box01-in02 h4 {
        margin: 0 auto 20px auto;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #products-box01-in02 h5 {
        font-weight: normal;
    }

    #products-box01-in02 #products-text01 {
        margin: 0 auto;
        width: 95%;
    }

    #products-box01-in01 {
        background-color: #5997d1;
    }


    #products-box01-in01 ul.link-list01 {
        margin: 0 0 30px 0;
        padding: 10px;
    }

    #products-box01-in01 .link-list01 li {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

    #products-box01-in01 .link-list01 li a {
        color: #fff;
        text-decoration: none;
    }

    #products-box01-in01 ul.link-list02 {
        display: none;
    }

    #products-box02 {
        padding: 0 10px;
        background-color: #ccc;
    }

    #products-box03-in01 h3,
    #products-box03-in02 h3,
    #products-box03-in03 h3,
    #products-box03-in04 h3,
    #products-box03-in05 h3,
    #products-box03-in06 h3,
    #products-box03-in07 h3,
    #products-box03-in08 h3,
    #products-box03-in09 h3 {
        margin: 0 0 10px 0;
        padding: 10px;
        background-color: #5b98d2;
        border: none;
        color: #fff;
    }

    #products-box03-in01 p,
    #products-box03-in02 p,
    #products-box03-in03 p,
    #products-box03-in04 p,
    #products-box03-in05 p,
    #products-box03-in06 p,
    #products-box03-in07 p,
    #products-box03-in08 p,
    #products-box03-in09 p {
        margin: 0 auto;
        width: 95%;
    }

    #products-box03-in01 ul,
    #products-box03-in02 ul,
    #products-box03-in03 ul,
    #products-box03-in04 ul,
    #products-box03-in05 ul,
    #products-box03-in06 ul,
    #products-box03-in07 ul,
    #products-box03-in08 ul,
    #products-box03-in09 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }

    #products-box03-in01 li,
    #products-box03-in02 li,
    #products-box03-in03 li,
    #products-box03-in04 li,
    #products-box03-in05 li,
    #products-box03-in06 li,
    #products-box03-in07 li,
    #products-box03-in08 li,
    #products-box03-in09 li {
        margin: 0;
        padding: 0;
        width: 49%;
        list-style: none;
    }

    /* ##### PC低解像度以下 :: 設備紹介 ##### */
    #pgc-15-0-0 {
        display: none;
    }

    #equipment-box01-in02 h3,
    #equipment-box01-in02 h4,
    #equipment-box01-in02 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
        width: 95%;
    }

    #equipment-box01-in02 h3 {
        margin: 0 auto 20px auto;
    }

    #equipment-box01-in02 h4 {
        margin: 0 auto 20px auto;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #equipment-box01-in02 h5 {
        margin: 0 auto 0 auto;
        font-weight: normal;
    }

    #equipment-text01 {
        margin: 0 auto;
        width: 95%;
    }

    #equipment-box02-in01 {
        margin: 0 auto;
        width: 95%;
    }

    #equipment-box03-in01 h3 {
        margin: 0 0 20px 0;
        padding: 0;
        border: none;
        color: #0044AB;
    }

    #equipment-box03-in01 table,
    #equipment-box03-in01 th,
    #equipment-box03-in01 td {
        border: none;
    }

    #equipment-box03-in01 table {
        margin: 0 auto 50px auto;
        width: 95%;
    }

    .table_equipment01 tr:nth-child(2n) {
        background-color: #d7ebf9;
    }

    #equipment-box03-in01 th {
        background-color: transparent;
        font-weight: normal;
    }

    /* ##### PC低解像度以下 :: 採用情報 ##### */
    #recruitment-box01-in01 h3,
    #recruitment-box01-in01 h4,
    #recruitment-box01-in01 h5 {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1rem;
        width: 95%;
    }

    #recruitment-box01-in01 h3 {
        margin: 0 auto 20px auto;
    }

    #recruitment-box01-in01 h4 {
        margin: 0 auto 20px auto;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    #recruitment-box01-in01 h5 {
        margin: 0 auto 20px auto;
        font-weight: normal;
    }

    #recruitment-text01 {
        margin: 0 auto;
        width: 95%;
    }

    #recruitment-box01-in02 {
        padding: 10px;
        background-color: #5b98d2;
    }

    #recruitment-box01-in02 h3 {
        margin: 0 0 10px 0;
        border: none;
        color: #fff;
        font-size: 1rem;
    }

    #recruitment-box01-in02 p {
        color: #fff;
    }

    #recruitment-box01-in02 .banner01,
    #recruitment-box01-in02 .banner02 {
        display: block;
        margin: 0 auto 10px auto;
        width: 60%;
        height: auto;
    }

    #recruitment-box01-in02 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        padding: 0;
        width: 60%;
    }

    #recruitment-box01-in02 li {
        margin: 0 5px;
        list-style: none;
    }

    #products-box03-in00-02 h3,
    #products-box03-in00 h3,
    #products-box03-in01 h3,
    #products-box03-in02 h3,
    #products-box03-in03 h3,
    #products-box03-in04 h3,
    #products-box03-in05 h3,
    #products-box03-in06 h3,
    #products-box03-in07 h3,
    #products-box03-in08 h3,
    #products-box03-in09 h3 {
        margin: 0 0 10px 0;
        padding: 10px;
        background-color: #5b98d2;
        border: none;
        color: #fff;
    }

    #products-box02 {
        background-color: transparent;
    }

    #products-box02-in02 h3 {
        margin: 10px 0;
        padding: 10px;
        border: none;
        background-color: #5b98d2;
        color: #fff;
    }

    /* --------------------------------------------------------------
* ------------------------------------------▼ご依頼の例の設定 */
    #products-box03-flow h3 {
        margin: 10px 0;
        padding: 10px;
        border: none;
        background-color: #5b98d2;
        color: #fff;
    }

    .products-box03-flow ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .products-box03-flow li {
        margin: 0 5%;
        padding: 0;
        width: 90%;
        list-style: none;
        position: relative;
    }

    .products-box03-flow img.arow01 {
        display: none;
    }

    /* --------------------▲ご依頼の例の設定 -------------- */

    .no-image01 {
        display: block;
        left: 10px;
        top: 10px;
        width: 59px;
        position: absolute;
    }

    .pro-flow-in01 {
        margin: 25px 0 0 0;
        padding: 7px;
        background: left top url('http://hiroshima-seiki.co.jp/wordpress/wp-content/uploads/2020/05/flow-back03.jpg');
    }

    .pro-flow-in01-in {
        padding: 30px;
        min-height: 350px;
        background: #fff;
    }

    .products-box03-flow .pro-flow-in01-in img {
        display: block;
        margin: 0 auto 10px auto;
        max-width: 320px;
        width: 100%;
    }

    .pro-flow-in01-in h4 {
        margin: 0 0 10px 0;
        padding: 0;
        border: none;
        font-size: 1.1rem;
    }

    .pro-flow-in01-in p {
        margin: 0;
        padding: 0;
        font-size: 0.9rem;
    }


    /* ============================================================================
 * 　　　　　　　　　2022.3 Renewal▼全体共通設定 1099px以下
 * ============================================================================ */

    /* br sp */
    br.brsp-none {
        display: none;
    }


    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------ 共通▼タイトル歯車 */

    /* ------------------------------------------------------ ▼タイトル装飾 */

    /* タイトル */
    .title-common h3.widget-title {
        font-size: 2.3em;
        padding-left: 10%;
    }


    /* タイトル下の文 */
    .title-common .title-subtext {
        font-size: 1em;
        margin-top: 0.5em;
        padding-left: 10%;
    }

    /* ------------------------------------------------------ ▼歯車 */
    /* 白・薄紫歯車　共通 */
    .haguruma-wh::before,
    .haguruma-lv::before {
        width: 230px;
        height: 115px;
    }






    /* ============================================================================
 * 　　　　　　　　　2022.3 Renewal▲全体共通設定 1099px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　2022.3 Renewal▼採用情報 1099px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　 共通▼全体設定
 * ---------------------------------------------------------------------------- */

    /* ------------------------------------------------------------------------
	 * --------------------------------------------------------- ▼タイトル */

    .recruit-title-common h3.widget-title {
        font-size: 1.8em;
    }

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　 ▼スライドの上の文字の設定
 * ---------------------------------------------------------------------------- */

    /* 「RECRUIT」の位置 */
    #recruit-slide .slide-on-text .slide-on-text1 {
        top: 6%;
    }

    /* RECRUIT */
    #recruit-slide .slide-on-text .slide-on-text1 p {
        font-size: 2.5em;
        letter-spacing: 10px;
        font-family: 'Zen Kaku Gothic New', sans-serif !important;
    }


    /* 「世の中に絶対～」 */
    #recruit-slide .slide-on-text .slide-on-text2 p {
        font-size: 1.1em;
    }


    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　 ▼Hiroseiの強みと魅力
 * ---------------------------------------------------------------------------- */

    .feature-block {
        align-items: center !important;
    }

    /* ---------------------------------------------------- ▼メイン画像と文章 */

    /* 文章 */
    .recruit-story .recruit-story-tabs .section .p-intro .maintext .text {
        font-size: 2em;
    }


    /* ---------------------------------------------------- ▼ interview部分 */

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　 　▼社員紹介
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
* -------------------------------------------------------- ▼Reruiting Story */

    /* ブロック設定 */
    .recruit-story {
        padding-top: 20% !important;
    }

    /* ボタン */
    .recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
        margin: 10px 5px;
        width: calc((100% / 2) - 10px);
    }

    /* ----------------------------------------------------------------------------
* --------------------------------------------------------------- ▼社員紹介 */

    /* タイトル */
    .recruit-story .recruit-story-tabs .section .intro-wrap-flex .recruit-title-common h3.widget-title {
        font-size: 1.6em;
    }

    .recruit-story .recruit-story-tabs .section .intro-wrap-flex .intro-block:last-child .oneday-conts-flex {
        flex-direction: column;
    }

    .recruit-story .recruit-story-tabs .section .intro-wrap-flex .intro-block .oneday-conts-flex div {
        width: 100%;
        padding: 3% 0;
    }


    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲採用情報 1099px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　2022.3Renewal ▼BCP対策LP 1099px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * ▼
 * ---------------------------------------------------------------------------- */


    /* ----------------------------------------------------------------------------
 * ▼BCP対策で未来を守る
 * ---------------------------------------------------------------------------- */

    /* 文章全体 */
    .bcp-feature .bcp-feature-conts {
        max-height: inherit;
        height: 100%;
    }

    .bcp-feature .bcp-feature-conts h3.widget-title {
        margin-bottom: 0;
    }

    /* リスト */
    .bcp-feature .bcp-feature-conts ul.feature-list {
        line-height: 1.5;
        padding: 1em 1em 1em 2.5em;
        font-size: .9em;
        margin: 0;
    }

    .bcp-feature .bcp-feature-conts ul.feature-list li {
        margin-bottom: 5px;
    }


    /* ----------------------------------------------------------------------------
 * ▼天災時だけじゃない！大活躍のギアポンプの魅力
 * ---------------------------------------------------------------------------- */

    .bcp-appeal .bcp-appeal-block h3.widget-title {
        font-size: 1.4em;
    }


    /* ----------------------------------------------------------------------------
 * ▼BCP対策導入セット
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼商品紹介部分 */

    /* タイトル */
    .bcp-set .product-block .text-conts .name {
        margin: 0.7em 0;
    }

    /* 画像 */
    .bcp-set .product-block .img {
        max-width: 250px;
        width: 100%;
    }

    /* ============================================================================
 * 　　　　　　　　　2022.3Renewal ▲BCP対策LP 1099px以下
 * ============================================================================ */




}

/* media1099px以下 */

/* ############################################################################
 * 　　　　　　　　　　　　　レスポンシブ▼780px以下
/* ############################################################################ */
@media screen and (max-width: 780px) {

    /* ============================================================================
 * 　　　　　　　　　　　　　▼全体共通設定 780px以下
 * ============================================================================ */

    span.text-drop {
        display: inline-block;
    }



    /* ============================================================================
 * 　　　　　　　　　　　　　▼製品案内 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * ----------------------------------------------------------- ▼ご依頼の例 */
    .pro-flow-in01-in {
        padding: 15px;
        min-height: auto;
    }

    .pro-flow-in01-in p {
        line-height: 1.7;
    }

    /* ============================================================================
 * 　　　　　　　　　　▼ペイントシェイカーLP 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * --------------------------------------------------------- ▼全体共通設定 */

    .PaintShaker-movie,
    .PaintShaker-pickup .PaintShaker-pickup-img,
    .PaintShaker-features,
    .PaintShaker-resolution,
    .PaintShaker-link {
        padding: 0 2% !important;
    }

    /* ----------------------------------------------------------------------------
 * ----------------------------------------------------------------- ▼動画 */

    .PaintShaker-movie .t-blue {
        font-size: 1.2em;
    }


    /* ----------------------------------------------------------------------------
 * --------------------------------------- ▼「撹拌」と「移注」がひとつに!! */

    .PaintShaker-pickup .PaintShaker-pickup-img {
        padding: 0 3%;
        max-width: 450px;
        margin: 0 auto;
        width: 80%;
    }


    /* ----------------------------------------------------------------------------
 * ------------------------------------------ ▼今までの困り事とはさようなら */

    .PaintShaker-resolution {
        padding-bottom: 2em;
    }

    /* テキスト */
    .PaintShaker-resolution .PaintShaker-resolution-block .block-conts .text br {
        display: none;
    }

    /* タイトル */
    .PaintShaker-resolution .resolution-title .widget-title {
        padding-top: 1.2em;
    }

    /* ============================================================================
 * 　　　　　　　　　　▲ペイントシェイカーLP 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　2022.3 Renewal ▼BCP対策LP 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * ▼全体共通
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------ ▼レスポンシブ設定 */

    /* トップ画像 pc */
    #bcp-Topheader .mainbanner-pc {
        display: none;
    }

    /* トップ画像 sp */
    #bcp-Topheader .mainbanner-sp {
        display: block;
    }

    /* バナー pc */
    .bcp-banner .banner-pc {
        display: none;
    }

    /* バナー sp */
    .bcp-banner .banner-sp {
        display: block;
    }

    /* ----------------------------------------------------------------------------
 * ▼動画部分
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼上の青字 */

    /* 青字 */
    #bcp-Youtube .bcp-Youtube-conts h3.widget-title {
        font-size: 1.5em;
    }

    /* 下の文章 */
    #bcp-Youtube .bcp-Youtube-conts .aboutbcp-txt .text br {
        display: none;
    }

    /* ----------------------------------------------------------------------------
 * ▼BCP対策で未来を守る
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼使いかた */

    /* 横並び解除 */
    .bcp-flow .bcp-flow-block .block {
        flex-direction: column;
    }

    /* 画像 */
    .bcp-flow .bcp-flow-block .block .img {
        text-align: center;
    }


    /* ----------------------------------------------------------------------------
 * ▼天災時だけじゃない！大活躍のギアポンプの魅力
 * ---------------------------------------------------------------------------- */

    /* タイトル */
    .bcp-appeal .bcp-appeal-block h3.widget-title {
        font-size: 1.2em;
    }


    /* ----------------------------------------------------------------------------
 * ▼BCP導入セット
 * ---------------------------------------------------------------------------- */

    .bcp-set .bcp-set-text h3.widget-title {
        font-size: 2.5em;
    }

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼三つの画像 */

    /* タイトル */
    .bcp-set .bcp-set-img h3.widget-title {
        text-shadow: none;
        background: #000000;
        padding: 0.6em 1.2em;
        border: 3px solid #fff;
    }


    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼商品紹介部分 */

    /* 全体 */
    .bcp-set .product-block {
        flex-direction: column;
        margin: 3% 5%;
    }


    /* 画像 */
    .bcp-set .product-block .img {
        max-width: 300px;
        width: auto;
        margin: 0 auto;
        padding: 5% 2% 2%;
    }

    /* テキスト全体 */
    .bcp-set .product-block .text-conts {
        width: 94%;
    }

    /* 文章 */
    .bcp-set .product-block .text-conts .text {
        font-size: .9em;
    }


    /* ----------------------------------------------------------------------------
 * ▼BCP対策導入セット
 * ----------------------------------------------------------------------------  */

    /* 文章 */
    .bcp-set .bcp-set-text .text br {
        display: none;
    }




    /* ============================================================================
 * 　　　　　　　　　2022.3 Renewal ▲BCP対策LP 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼全体共通設定 780px以下
 * ============================================================================ */



    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　       共通▼PC画像・SP画像切り替え
 *  * -------------------------------------------------------------------------  */

    /* ---------------------------------------------------------------------------------
 * ----------------------------------------------------------- ▼ページトップ画像 */

    .page-header .page-title.pcimg {
        display: none;
    }

    .page-header .page-title.spimg {
        display: block;
    }


    /* ---------------------------------------------------------------------------------
 * ------------------------------------------------------------------ ▼製品案内 */

    .order-flow .flow-img-pc {
        display: none;
    }

    .order-flow .flow-img-sp {
        display: block;
    }

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　共通▼ページトップヘッダー（.page-header）
 * ----------------------------------------------------------------------------  */

    /* 余白削除 */
    #page-header .panel-grid-cell,
    #page-header .panel-grid-cell .so-panel {
        margin: 0;
    }

    .page-header {
        position: relative;
    }

    /* タイトル画像 */
    .page-header .page-title {
        width: 35%;
        max-width: 270px;
        position: absolute;
        top: 0;
    }

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　共通▼大きい背景画像（.page-bigbg）
 * ----------------------------------------------------------------------------  */

    /* 大きい背景画像 */
    .page-bigbg {
        padding: 8em 2% !important;
        background-size: cover;
    }


    /* 設備紹介のみ大きい背景画像 */
    .page-id-1330 .page-bigbg {
        padding: 10em 2% !important;
    }




    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　共通▼タイトル歯車
 * ----------------------------------------------------------------------------  */

    /* ------------------------------------------------------ ▼タイトル装飾 */

    /* タイトル */
    .title-common h3.widget-title {
        font-size: 1.7em;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    /* タイトル下の文 */
    .title-common .title-subtext {
        font-size: .9em;
        padding-left: 5px;
    }

    /* ------------------------------------------------------ ▼歯車 */
    /* 白・薄紫歯車　共通 */
    .haguruma-wh::before,
    .haguruma-lv::before {
        width: 180px;
        height: 90px;
        left: 5px;
    }



    /* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　共通▼ページ内リンク
 * --------------------------------------------------------------------------------- */

    .hirosei-intro-link ul.link-list li {
        width: calc((100% / 2) - 1.5em);
        font-size: 15px;
    }


    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲全体共通設定 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼トップページ 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　▼全体共通設定
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------ 共通▼h3タイトル */

    /* タイトル画像の大きさ */
    .page-id-1128 .toptitle-common h3.widget-title img {
        height: 90px;
    }

    .page-id-1128 .top-section {
        padding: 7% 3% !important;
    }



    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　▼全体共通設定
 * ---------------------------------------------------------------------------- */
    #top-product .sow-image-container {
        width: 70%;
        margin: 0 auto;
    }

    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲トップページ 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼経営理念 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　▼メッセージ（.Philosophy-message）
 * ---------------------------------------------------------------------------- */

    .Philosophy-message {
        font-size: .9em;
        line-height: 1.8;
    }


    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　▼○○方針（.Philosophy-houshin）
 * ---------------------------------------------------------------------------- */

    /* 横並び解除 */
    .Philosophy-houshin .Philosophy-houshin-conts>div {
        flex-direction: column;
        align-items: flex-start;
    }

    /* タイトル */
    .Philosophy-houshin .Philosophy-houshin-conts h3.widget-title {
        text-align: left;
        margin-bottom: 0;
        font-size: 1.3em;
    }

    /* 文章 */
    .Philosophy-houshin .Philosophy-houshin-conts>div>div {
        width: 100%;
    }

    .Philosophy-houshin .Philosophy-houshin-conts .text {
        margin-top: 0.5em;
    }

    /* br削除 */
    .Philosophy-houshin .Philosophy-houshin-conts .text br {
        display: none;
    }

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　▼企業を動かす5つのギア（.gia5）
 * ---------------------------------------------------------------------------- */


    /* 横並び解除 */
    .gia5 .gia5-block>div {
        flex-direction: column;
    }

    /* 画像 */
    .gia5 .gia5-block>div h3.widget-title {
        width: 120px;
        margin: 0;
    }

    /* 文章 */
    .gia5 .gia5-block>div>div {
        width: 100%;
    }


    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲経営理念 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼会社概要 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼沿革（.enkaku-block）
 * ----------------------------------------------------------------------------  */

    /* ---------------------------------------------------------------- ▼画像 */

    /* 中央寄せ */
    .enkaku-block .enkaku-img .sow-image-container {
        justify-content: center;
        padding: 5% 2% 0;
    }



    /* ---------------------------------------------------------------- ▼文章 */

    /* 調整 */
    .enkaku-block .enkaku-text {
        padding-top: 0 !important;
    }

    .enkaku-block .enkaku-text h3.widget-title {
        margin-bottom: 0;
    }


    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲会社概要 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼製品案内 780px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼ご依頼の例（.seihin-flow-block）
 * ----------------------------------------------------------------------------  */

    .seihin-flow-block {
        flex-direction: row !important;
    }

    /* 	--------------------------------------------------------------- ▼文章 */

    /* 全体 */
    .seihin-flow-block .panel-grid-cell:nth-child(2) {
        width: calc(100% - 150px);
    }

    /* タイトル */
    .seihin-flow-block .flow-text h3.widget-title {
        font-size: 18px;
    }

    /* タイトルの中の画像（01とか） */
    .seihin-flow-block h3.widget-title img {
        width: 3em;
    }

    /* 文章 */
    .seihin-flow-block .flow-text .text {
        font-size: .9em;
    }


    /* 	--------------------------------------------------------------- ▼画像 */

    /* 全体 */
    .seihin-flow-block .panel-grid-cell:nth-child(1) {
        max-width: 150px;
    }



    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲製品案内 780px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼採用情報 780px以下
 * ============================================================================ */

    /* 背景 */
    .page-id-1489 .page-bigbg {
        padding: 0 !important;
    }



    /* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　▼スライドの上の文字
 * --------------------------------------------------------------------------------- */

    #recruit-slide .slide-on-text .slide-on-text1 p {
        font-size: 1.5em;
        letter-spacing: 5px;
    }

    #recruit-slide .slide-on-text .slide-on-text2 p {
        font-size: 1em;
    }



    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　▼Hiroseiの強みと魅力
 * ---------------------------------------------------------------------------- */

    /* 文章上のpaddin削除 */
    .feature-block .feature-text {
        padding-top: 0 !important;
    }

    /* タイトル下margin削除 */
    .feature-block .feature-text h3.widget-title {
        margin-bottom: 0;
    }

    /* 共通タイトル */
    .recruit-title-common h3.widget-title {
        font-size: 1.5em;
    }

    /* --------------------------------------------------- ▼画像と文章 */

    /* 全体 */
    .recruit-story .recruit-story-tabs .section .p-intro {
        flex-direction: column;
    }

    /*  interview画像 */
    .recruit-story .recruit-story-tabs .section .intro-wrap .interview-img {
        width: 35%;
        margin: 5% auto;
    }


    /* --------------------------------------------------- ▼ お問合せ画像 */

    .recruit-story .recruit-story-tabs .section .intro-wrap .infoimg {
        width: 65%;
    }



    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼社員紹介
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------ ▼Recruiting Story */

    .recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container {
        width: 95%;
    }

    .recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
        width: calc((100% / 2) - 10px);
    }

    /* ----------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼社員紹介中身 */

    /* 全体　padding削除 */
    .recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
        padding: 3% 0;
    }

    /* 横並び 解除 */
    .recruit-story .recruit-story-tabs .section .intro-wrap-flex {
        flex-direction: column;
    }

    .recruit-story .recruit-story-tabs .section .intro-wrap-flex .intro-block {
        width: 100%;
        padding: 2%;
        margin: 0;
    }

    /* メイン画像（顔写真）と数字画像とテキスト */
    .recruit-story .recruit-story-tabs .section .p-intro .mainimg,
    .recruit-story .recruit-story-tabs .section .p-intro .maintext {
        width: 100%;
    }







    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲採用情報 780px以下
 * ============================================================================ */

}

/* ◀media780px以下 */




/* =#####======================================================================
 * 　　　　　　　　　　　　　レスポンシブ▼480px以下
/* ======================================================================#####= */
@media screen and (max-width: 480px) {
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼全体共通設定 480px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 *  　　　　　　　　　　　　　　共通▼タイトル歯車
 * ---------------------------------------------------------------------------- */

    /* ------------------------------------------------------ ▼タイトル装飾 */

    /* タイトル */
    .title-common h3.widget-title {
        font-size: 1.6em;
        text-align: left;
        padding: 5px;
        box-sizing: border-box;
    }

    /* タイトル下の文 */
    .title-common .title-subtext {
        padding-right: 5px;
    }

    /* ------------------------------------------------------ ▼歯車 */
    /* 白・薄紫歯車　共通 */
    .haguruma-wh::before,
    .haguruma-lv::before {
        width: 130px;
        height: 65px;
    }

    /* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　共通▼ページ内リンク
 * --------------------------------------------------------------------------------- */

    .hirosei-intro-link ul.link-list li {
        width: calc(100% - 1.5em);
    }


    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲全体共通設定 480px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼トップページ 480px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　▼全体共通設定
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------ 共通▼h3タイトル */

    /* タイトル画像の大きさ */
    .page-id-1128 .toptitle-common h3.widget-title img {
        height: 70px;
    }


    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲トップページ 480px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼製品案内 480px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 *　　　　　　　　　　　▼ご依頼の例（.seihin-flow-block）
 * ----------------------------------------------------------------------------  */

    .seihin-flow-block {
        flex-direction: row !important;
    }

    /* 	--------------------------------------------------------------- ▼文章 */

    /* 全体 */
    .seihin-flow-block .panel-grid-cell:nth-child(2) {
        width: calc(100% - 120px);
    }


    /* 	--------------------------------------------------------------- ▼画像 */

    /* 全体 */
    .seihin-flow-block .panel-grid-cell:nth-child(1) {
        max-width: 120px;
    }



    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲製品案内 480px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▼採用情報 480px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　共通▼全体設定
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * -------------------------------------------------------------- ▼タイトル */

    .recruit-title-common h3.widget-title {
        font-size: 1.2em;
    }



    /* ---------------------------------------------------------------------------------
 * 　　　　　　　　　　▼スライドの上の文字
 * --------------------------------------------------------------------------------- */

    /* スライド画像 */
    .recruit-slide {
        padding-top: 7%;
    }

    /* 「RECRUIT」の四角 */
    #recruit-slide .slide-on-text .slide-on-text1 {
        top: 3%;
    }

    /* RECRUIT */
    #recruit-slide .slide-on-text .slide-on-text1 p {
        font-size: 1.3em;
        letter-spacing: 4px;
        margin: 7px 10px;
    }

    /* 「世の中に絶対～」の四角 */
    #recruit-slide .slide-on-text .slide-on-text2 {
        bottom: -3%;
    }

    /* 世の中に絶対～ */
    #recruit-slide .slide-on-text .slide-on-text2 p {
        font-size: 12px;
    }


    /* ----------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼社員紹介
 * ---------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------
 * ------------------------------------------------------ ▼Recruiting Story */

    /* 背景画像 */
    #pg-1489-9>.panel-row-style {
        background-size: 150% !important;
        background-position: top;
    }

    .recruit-story .recruit-story-tabs .sow-tabs .sow-tabs-tab-container {
        width: 98%;
        margin: 2% auto;
        padding: 0;
    }

    .recruit-story {
        padding-top: 25% !important;
    }

    /* タイトル */
    .recruit-story .recruit-story-tabs .section .p-intro .maintext .text {
        font-size: 1.5em;
    }

    /* ----------------------------------------------------------------------------
 * -------------------------------------------------------- ▼社員紹介の中身 */

    /* タイトル */
    .recruit-story .recruit-story-tabs .section .intro-wrap-flex .recruit-title-common h3.widget-title {
        font-size: 1.3em;
    }

    /* 答えの文 */
    .recruit-story .recruit-story-tabs .section .intro-wrap-flex .answer {
        font-size: 1.1em;
    }



    /* ============================================================================
 * 　　　　　　　　　　2022.3 Renewal▲採用情報 480px以下
 * ============================================================================ */
    /* ============================================================================
 * 　　　　　　　　　2022.3Renewal ▼BCP対策LP 480px以下
 * ============================================================================ */

    /* ----------------------------------------------------------------------------
 * ▼動画部分
 * ---------------------------------------------------------------------------- */

    /* 青字 */
    #bcp-Youtube .bcp-Youtube-conts h3.widget-title {
        font-size: 1.3em;
    }

    /* タイトル「【BCP】～ 」 */
    #bcp-Youtube .bcp-Youtube-conts .aboutbcp-txt .title {
        font-size: 1.3em;
    }


    /* ----------------------------------------------------------------------------
 * ▼BCP対策導入セット
 * ---------------------------------------------------------------------------- */

    /* タイトル */
    .bcp-set .bcp-set-text h3.widget-title {
        font-size: 2em;
    }


    /* ============================================================================
 * 　　　　　　　　　2022.3Renewal ▲BCP対策LP 480px以下
 * ============================================================================ */

}

/* media480px以下 */




    /* ============================================================================
 * 　　　　　　　　　2026.8Renewal ▲テーマ更新による外観の変化
 * ============================================================================ */
.page-id-1128 .toptitle-common h3.widget-title img {
    height: 130px;
    width: auto;
}