@charset "utf-8";

/* CSS Document */

.workflow-page .sec-header__fig{background-image: url(../images/workflow/workflow_fig_01.jpg);}

.workflow-list{}
  .workflow-item{
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    background-color: rgba(255,255,255,1);
    position: relative;
    }
    .workflow-item:not(:last-of-type)::before{
      content: "";
      width: 100%;
      height: 50px;
      background-image: url(../images/workflow/workflow_fig_10.svg);
      background-position: center top -5px;
      background-repeat: no-repeat;
      position: absolute;
      bottom: -50px;
      left: 0;
      }
    .workflow-item:not(:last-of-type){margin-bottom: 50px;}
    .workflow-detail{margin-right: 20px;}
      .-figone .workflow-detail{width: calc(100% - 280px);}
      .-figtwo .workflow-detail{width: calc(100% - 560px);}
      .workflow-ttl{
        margin-bottom: 15px;
        font-size: 3rem;
        font-weight: bold;
        line-height: 1;
        }
      .workflow-txt{}
    .workflow-fig{display: flex;}
    .-figone .workflow-fig{width: 260px;}
    .-figtwo .workflow-fig{width: 540px;}
      .workflow-fig__item{}
      .workflow-fig__item:not(:last-of-type){margin-right: 20px;}

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

.-figone .workflow-detail{width: calc(100% - 228px);}
.-figtwo .workflow-detail{width: calc(100% - 452px);}
  .workflow-ttl{font-size: 2.6rem;}
.-figone .workflow-fig{width: 208px;}
.-figtwo .workflow-fig{width: 432px;}
  .workflow-fig__item:not(:last-of-type){margin-right: 15px;}

}/* max-width: 1000px */

@media screen and (min-width: 901px) {

  .facility-item__name br{display: none;}

}/* min-width: 901px */

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

.-figone .workflow-detail{width: calc(100% - 207px);}
.-figtwo .workflow-detail{width: calc(100% - 408px);}
  .workflow-ttl{font-size: 2rem;}
.-figone .workflow-fig{width: 187px;}
.-figtwo .workflow-fig{width: 388px;}

}/* max-width: 850px */

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

.workflow-item{padding: 25px;}
  .workflow-detail{
    margin-right: 0;
    margin-bottom: 20px;
    }
    .-figone .workflow-detail{width: 100%;}
    .-figtwo .workflow-detail{width: 100%;}
    .workflow-ttl{
      margin-bottom: 10px;
      font-size: 1.6rem;
      }
    .workflow-txt{}
  .workflow-fig{justify-content: center;}
  .-figone .workflow-fig{width: 100%;}
  .-figtwo .workflow-fig{width: 100%;}
    .workflow-fig__item{width: calc((100% - 15px) / 2);}

}/* max-width: 768px */

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

.workflow-item{padding: 20px;}
  .workflow-item:not(:last-of-type)::before{
    height: 40px;
    background-size: 110px;
    bottom: -40px;
    }
  .workflow-item:not(:last-of-type){margin-bottom: 40px;}
  .workflow-fig{flex-wrap: wrap;}
    .workflow-fig__item{width: 100%;}
      .workflow-fig__item:not(:last-of-type){
        margin-right: 0;
        margin-bottom: 15px;
        }

}/* max-width: 450px */