@charset "UTF-8";






/**********************************************************************
 company
**********************************************************************/

    .item_inner {
      color: #000000;
      box-sizing: border-box;
    }
    /* map */
    .item_inner iframe.map {
      border: none;
      width: 100%;
      height: 550px;
    }

    #company-index .company_infomation .table_label {
        border-bottom: dotted 1px gray;
        padding: 3px;
        padding-right: 8px;
        font-size: 12px;
        max-width: 20%;
        width: 150px;
    }

    #company-index .company_infomation .table_data {
        border-bottom: dotted 1px gray;
        padding: 4px;
        font-size: 14px;
        flex: auto;
        width: 80%;
    }

    #company-index .company_infomation .companyinfo_title_wraper dt,
    #company-index .company_infomation .companyinfo_title_wraper dd {
        border-bottom: solid 3px gray;
    }
    #company-index .company_infomation .companyinfo_title_wraper dd {
        color: #003333;
        font-size: 16px;
        font-weight: bold;
    }

    #company-index .company_infomation .greeting_box {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #company-index .company_infomation .map_box {
        margin-top: 15px;
        margin-bottom: 15px;
    }



/**********************************************************************
 / company
**********************************************************************/

/**********************************************************************
   estate
**********************************************************************/



    .type-estate .estate-data .label {
        border-bottom: dotted 1px gray;
        padding: 3px;
        padding-right: 8px;
        font-size: 12px;
        max-width: 20%;
        width: 150px;
    }

    .type-estate .estate-data .data {
        border-bottom: dotted 1px gray;
        padding: 4px;
        font-size: 14px;
        flex: auto;
        width: 80%;
    }
.type-estate .item_inner.has-detail .show_detail::after {
    content: '詳しく見る';
    text-align: center;
    display: block;
    padding: 16px 6px;
    font-size: 20px;
    text-decoration: underline;
}


/**********************************************************************
 / estate
**********************************************************************/

/**********************************************************************
   example
**********************************************************************/

.item_inner .category-sheet {
  padding-top: 60px;
}

.item_inner .cat-tab {
  text-align: center;
  padding: 3px;
  cursor: pointer;
  display: block;
  font-weight: bold;
  white-space: nowrap;
  background: gray;
  color: white;
  flex-basis: 1%;
  flex-grow: 1;
}

.item_inner.has-detail .show_detail::after {
    content: 'もっと見る';
    text-align: center;
    display: block;
    padding: 16px 6px;
    font-size: 20px;
    text-decoration: underline;
}
#process_genba-index .item_inner.has-detail .show_detail::after {
    content: '詳しく見る';
    text-align: center;
    display: block;
    padding: 16px 6px;
    font-size: 20px;
    text-decoration: underline;
}

#process_genba-detail .item_inner .cat-tab {
  min-width: 30%;
}


.item_inner .cat-tab.active {
  background: orangered;
}

@media screen and (max-width: 560px) {
  #process_genba-detail .item_inner .category-sheet .thumbnail_wrap {
    width: calc(100% / 3 - 4px);
  }

  #process_genba-detail .item_inner .category-sheet .thumbnail {
    padding-left: 3px;
    padding-right: 3px;
    height: 25vw;
  }
}

/**********************************************************************
 / example
**********************************************************************/

/**********************************************************************
   staff
**********************************************************************/

    #staff-index .item_inner {
        padding-top:40px;
        padding-bottom: 10px;
        margin-top: 40px;
        margin-bottom: 0;
        border-bottom: solid 1px #aaaaaa;
    }
    #staff-index .item_inner:last-child {
        border-bottom: none;
    }

    #staff-index .item_inner .member_photo2.noimage {
      background-image: url(../../brand/images/noimage.png);
      background-repeat: no-repeat;
      background-position: center;
      border-left: solid 15px #ffffff;
      border-right: solid 15px #ffffff;
      max-height: 200px;
      height: 200px;
    }

    #staff-index .item_inner .member_info2 {
        padding-bottom: 10px;
    }

    #staff-index .item_inner .label {
        font-weight: bold;
        font-size: 14px;
    }
    #staff-index .item_inner .txt4 br {
        display: none;
    }
    #staff-index .item_inner .txt4 {
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #staff-index .item_inner .txt4sub {
        font-size: 13px;
        color: #333333;
        display: block;
    }
    #staff-index .item_inner .spver {
        margin-bottom: 40px;
    }
    #staff-index .item_inner .spver .item {
        margin-top:20px;
        margin-bottom:20px;
        padding:20px;
    }
    #staff-index .item_inner .spver .title02 {
        margin-top:15px;
        margin-bottom:15px;
        font-weight: bold;
        font-size: 16px;
    }



@media screen and (max-width: 767px) {
    #staff-index .item_inner .txt4 {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

}



/**********************************************************************
 / staff
**********************************************************************/


/**********************************************************************
   info
**********************************************************************/


    .item_inner {
      margin-top: 40px;
      margin-bottom: 40px;
    }

    .item_inner .w100p {
      width: 100%;
    }
    .item_inner .w90p {
      width: 90%;
      margin: auto auto;
    }

    .align-center {
      text-align: center;
    }
    .inline {
      display: inline-block;
    }
    .item_inner .hidden {
      display: block;
      width: 0;
      height: 0;
      overflow: hidden;
      visibility: hidden;
      padding: 0;
      margin: 0;
    }



    .item_inner {
      width: 900px;
      margin: 0 auto 80px;
    }



    .item_list .item_inner.w_div_3 {
      display: inline-flex;
      flex-direction: column;
      height: 400px;
      padding: 10px;
    }

    .item_list .item_inner.no-detail {
      display: block;
      height: auto;
    }


    .item_list .item_inner .item_summary {
      flex: auto;
      overflow: hidden;
    }


    .item_list .item_inner .item_summary .album img.thumbnail {
      height: 250px;
      object-fit: cover;
    }

    .item_list .item_inner .item_summary img {
      height: auto;
      object-fit: cover;
    }

    .item_list.type-info .item_inner .item_summary img.vertical {
      height: initial;
    }



    .item_inner .detail_cover {
      height: 100%;
      width: 100%;
      position: absolute;
      bottom: 0;
      right: 0;
      background: linear-gradient(0deg, transparent, transparent);
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 100% 30%;
    }

    .item_inner .detail_cover .show_detail {
      position: absolute;
      bottom: 0;
      display: block;
      text-align: center;
      width: 100%;
    }

    .item_inner.no-detail .detail_cover {
      display:none
    }

    .item_inner .item_title {
      margin: 20px 0px;
      border-bottom: solid 1px #c0c0c0;
      border-left: solid;
      padding-left: 12px;
    }


    .item_inner p,
    .item_inner a {
      color: inherit;
    }

    .item_inner .summary a ,
    .item_inner .description a {
      text-decoration: underline;
    }

    .item_inner .pre,
    .item_inner pre {
      font-family: inherit;
      white-space: pre-wrap;
    }


    .tab {
      cursor: pointer;
      margin: 0 8px;
      outline: solid lightgray;
      background: white;
      min-width: 1.5em;
      line-height: normal;
    }
    .tab.active {
      outline: orange solid;
    }
    .pager-tabs {
      text-align: center;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .page-tab {
      cursor: pointer;
      text-align: center;
      min-width: 40px;
      line-height: normal;
      display: inline-block;
    }
    .page-tab.active {
      background: orangered;
    }
    .empty-pad:last-of-type, .corner_title + .empty-pad {
      height: 250px;
    }

    .item_inner .extra {
      box-sizing: initial;
    }

    .item_inner img {
      max-width: 100%;
      vertical-align: middle;
    }
    .item_inner .thumbnail_wrap,
    .item_inner .pictures {
      font-size: small;
    }
    .item_inner .thumbnail_wrap {
      display: inline-block;
      vertical-align: top;
      word-break: break-all;
      width: calc(100% / 3);
      box-sizing: border-box;
    }
    .item_inner .thumbnail {
      height: 250px;
      width: 100%;
      padding: 4px;
      object-fit: cover;
      box-sizing: border-box;
    }
    .item_inner .album .thumbnail_wrap {
      display: inline-block;
      vertical-align: top;
      word-break: break-all;
      width: auto;
      box-sizing: border-box;
    }
    .item_inner .album .thumbnail {
      height: 250px;
      width: initial;
      padding: 4px;
      object-fit: cover;
      box-sizing: border-box;
    }
    .item_inner .post-picture {
      height: 250px;
      width: calc(100% / 3 - 4px);
      object-fit: cover;
      margin: 10px 2px;
    }

    @media screen and (max-width: 900px) {

      .item_inner {
        width: 95%;
        margin: 0 auto 80px;
      }
    }

    @media screen and (max-width: 560px) {
      .item_inner .post-picture {
        width: 100%;
        margin: 5px 0px;
      }
      .item_inner .thumbnail_wrap {
        width: 99%;
      }
      .item_inner {
        width: 95%;
        margin: 0 auto 80px;
      }
      .item_inner .summary {
        margin: auto auto;
      }
      .item_inner .description {
        margin: auto auto;
      }
      .item_inner .album .thumbnail_wrap {
        max-width: initial;
        width: 100%;
      }
      .item_list .item_inner .item_summary .album img.thumbnail {
        height: auto;
        object-fit: cover;
      }
    }

    @media screen and (max-width: 560px) and (orientation: portrait) {
      .item_inner {
        height: initial;
      }
      .item_inner .thumbnail {
        height: initial;
        padding-left: 0px;
        padding-right: 0px;
      }
      .item_inner .post-picture {
        width: 100%;
        margin: 5px 0px;
      }
    }

/**********************************************************************
 / info
**********************************************************************/