/*----------------------------------------------------------------------------
******************************************************************************
** 共通
******************************************************************************
----------------------------------------------------------------------------*/
.breadcrumb {
  background-color: #3f86e8;
  padding: 0.4rem 2rem;
}
.breadcrumb_list li:before {
  content: '>';
  position: absolute;
  left: -0.8em;
}
.breadcrumb_list li:first-child:before {
  content: '' !important;
  display: none !important;
}
.breadcrumb_list a {
  color: #fff;
  text-decoration: none;
}
.breadcrumb_list a:hover {
  text-decoration: underline;
}
.breadcrumb_list .icon-home {
  background: url(../images/icon-home.png) no-repeat center left;
}
/*----------------------------------------------------------------------------
******************************************************************************
** PC
******************************************************************************
----------------------------------------------------------------------------*/

@media screen and (min-width: 781px) {
  .breadcrumb_list {
    display: flex;
    font-size: 0.8rem;
    color: #fff;
  }
  .breadcrumb_list li {
    margin-right: 1rem;
    position: relative;
  }
}

/*----------------------------------------------------------------------------
******************************************************************************
** SP
******************************************************************************
----------------------------------------------------------------------------*/

@media screen and (max-width: 780px) {
  .breadcrumb {
    padding: 0.8rem;
    overflow: hidden;
  }
  .breadcrumb_list {
    width: 300%;
    display: flex;
    font-size: 0.8rem;
    color: #fff;
  }
  .breadcrumb_list li {
    margin-right: 1rem;
    position: relative;
  }
}