@charset "UTF-8";
/* IEハック用mixin */
/* ==========================================================================//
//
// サービス・ソリューション固有のデザインのスタイル定義
//
// ========================================================================== */
/* l-main-header
------------------------------------------------------------------------------*/
.l-main-header,
.l-main-header--top {
  background: url("/images/info/index_bg01_sp.jpg") no-repeat center;
  background-size: cover;
}

@media print, screen and (min-width: 801px) {
  .l-main-header,
  .l-main-header--top {
    max-width: 100%;
    background-image: url("/images/info/index_bg01_pc.jpg");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media only screen and (min-width: 801px) and (-webkit-min-device-pixel-ratio: 2) {
  .l-main-header,
  .l-main-header--top {
    background-image: url("/images/info/index_bg01_pc@2x.jpg");
    background-size: 100%;
  }
}


.l-main-header__title,
.l-main-header--top__title {
  color: #333;
}

@media print, screen and (min-width: 801px) {
  .l-main-header__title {
    font-size: 3.4rem;
  }
}

/* p-breadcrumb
----------------------------------------------------------------------------- */
.category-info .p-breadcrumb {
  color: #333;
}

.category-info .p-breadcrumb__item + .p-breadcrumb__item:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.332' height='21.332' viewBox='0 0 16 16' fill='%23333'%3E%3Cpath d='M4 2l5.651 6L4 14h2.349L12 8 6.349 2H4z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 12px 12px;
}

.category-info .l-main-header__title {
  color: #333;
  text-shadow: none;
}