@charset "utf-8";
/* default PC */

.greeting-bg-img {
    background-image: url(../image/contents/company/greeting-bg.jpg);
    background-size: cover;
    background-color: #f3f3f3;
    background-position: center;
    content: "";
    max-width: 100%;
    z-index: -1;
    padding: 80px;
}

.greeting-bg-img .white-bg {
    background-color: #fff;
    padding: 60px 50px;
}
.greeting-box .img-box {
    width: 22%;
    margin-right: 0;
}

.greeting-box .img-box img {
    width: 100%;
}

.greeting-box .txt-box {
    background-color: #fff;
    padding: 0 0 0 40px;
    width: calc(100% - 22%);
}

#contents .flex.philosophy-box {
    background-color: #fff;
    padding: 40px;
}

#contents p.philosophy-txt {
    font-size: 150%;
    line-height: 1.8em;
    color: #0097be;
    font-weight: 600;
}

#contents .philosophy-box p.ttl {
    font-size: 130%;
    font-weight: 500;
    margin: 0 0 10px 0;
}

#contents p.name {
    margin-bottom: 0;
    margin-right: 5px;
}
#contents p.caption {
    margin-top: 13px;
    margin-bottom: 25px;
}

iframe.map {
    width: 100%;
    height: 350px;
    margin-top: 30px;
}

.bg-gray .table-01 th {
    background-color: #eef8ff;
}

.about-box .table-02 th {
    width: 20%;
}

.yachiyo-box .table-02 th {
    width: 20%;
}

#sendai .table-02 th,
#osaka .table-02 th {
    width: 20%;
}

.product-list,
.client-box,
.bank-box {
    background-color: #fff;
    padding: 40px;
}

.product-list {
    border-bottom: 3px solid #0097be;
}

#contents .product-list h4 {
    border-bottom: 0;
    color: #0097be;
    font-size: 150%;
    font-weight: 600;
    margin: 0 0 10px;
}

#company .yachiyo-box.factory-3rd .img-area .txt-2box {
    width: 22%;
    margin-right: 30px;
}

#company .yachiyo-box.factory-3rd .img-area .txt-2box.end {
    width: 75%;
    margin-right: 0;
}

#company .yachiyo-box.factory-3rd .img-area .txt-2box.end .txt-3box {
    margin-bottom: 25px;
}

#sendai .img-area .txt-2box.img-long {
    width: 65%;
    margin-right: 30px;
}

#sendai .img-area .txt-2box.img-short.end {
    width: 32%;
}

#sendai .img-area .txt-2box {
    margin-bottom: 25px;
}

#contents .img-2box img {
  width: 100%;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1200px) {

    /*会社概要*/
    .greeting-box .img-box {
        width: 26%;
    }

    .greeting-box .txt-box {
        width: calc(100% - 26%);
    }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {

    /*会社概要*/
    .greeting-box .img-box {
        width: 28%;
    }

    .greeting-box .txt-box {
        width: calc(100% - 28%);
    }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {

#contents .img-2box {
  max-width: 500px;
  margin: 0 auto 20px;
}

    /*会社概要*/
    .greeting-box .img-box {
        width: 100%;
        max-width: 250px;
        margin: auto;
    }

    .greeting-box .txt-box {
        width: 100%;
        padding: 30px 20px;
    }

    #contents .flex.philosophy-box {
    padding: 15px;
}

    #company #contents .anchor-area .txt-3box {
        width: calc(100% / 2 - 10px);
    }

    #company #contents .anchor-area .txt-3box:last-child {
        width: 100%;
    }

    .product-list {
        margin-bottom: 20px;
        padding: 30px 20px;
    }

    .product-list:last-child {
        margin-bottom: 0;
    }

    #contents .product-list h4 {
        font-size: 130%;
    }
.greeting-bg-img {
    padding: 60px 0;
}

.greeting-bg-img .white-bg {
    padding: 50px 20px;
}

.greeting-box .img-box {
    max-width: 220px;
}

.gallery .txt-3box:nth-child(2), .gallery .txt-3box:nth-child(3) {
    width: calc(50% - 5px);
}

.gallery .txt-3box {
    margin: 0 0 10px 0;
}

.gallery .txt-3box img {
    width: 100%;
}
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {

    /*会社概要*/
#contents .flex.philosophy-box {
    padding: 15px 30px;
}

    .greeting-box .txt-box {
        padding: 25px 0;
    }

    #company #contents .anchor-area .txt-3box {
        width: 100%;
    }

    .about-box .table-02 th {
        width: 96px;
    }
    #tokyo .table-02 th,
    #yachiyo .table-02 th,
    #sendai .table-02 th,
    #osaka .table-02 th,
    #nagoya .table-02 th {
        width: 70px;
    }

}

/* 559以下はRWD時に崩れがあれば任意で作成 */

/*IE*/
@media all and (-ms-high-contrast: none) {}