@import url(common.css);
.eyecatch--provider {
  background-image: url(../img/provider/img-eyecatch.jpg); }

.provider {
  padding: 50px 5%; }
  .provider__header {
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid #1B2B47;
    border-radius: 5px;
    padding: 1rem 0; }
  .provider__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 0;
    padding: 15px 0;
    border-bottom: 1px dotted #ECECEC; }
    .provider__item--retail {
      padding: 15px 10px; }
      .provider__item--retail::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 5px;
        right: 0;
        bottom: 5px;
        left: 0;
        border: 1px solid #cd5c5c;
        z-index: 1;
        pointer-events: none; }
      .provider__item--retail .provider__map {
        right: 10px; }
    .provider__item--specialty::before {
      border-color: #0f7fcd; }
    .provider__item--specialty .provider__badge {
      background: #0f7fcd; }
  .provider__side {
    position: static;
    width: 100px; }
  .provider__link {
    display: block;
    width: 100%; }
    .provider__link img {
      width: 100%; }
  .provider__map {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 40px;
    background: #1B2B47;
    border-radius: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .3s; }
    .provider__map:hover {
      opacity: .8; }
  .provider__box {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    padding-left: 15px; }
  .provider__ttl {
    font-size: 1.8rem;
    font-weight: bold; }
  .provider__inner {
    position: relative; }
    .provider__inner:not(:last-child) {
      margin-bottom: 20px; }
  .provider__badge {
    display: inline-block;
    color: #fff;
    background: #cd5c5c;
    border-radius: 5px;
    padding: 0 .8rem;
    margin-right: 1rem; }
  .provider-nav {
    padding: 50px 5% 0; }
    .provider-nav__container {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
    .provider-nav__item {
      display: inline-block; }
      .provider-nav__item:not(:last-child) {
        margin-right: 2rem; }
    .provider-nav__link {
      font-weight: bold;
      border-bottom: 1px solid currentColor;
      transition: all .3s; }
      .provider-nav__link:hover {
        color: #939393; }

@media screen and (max-width: 768px) {
  .provider {
    padding: 0 5% 50px; }
    .provider__header {
      font-size: 1.8rem;
      padding: .5rem 0; }
    .provider__item {
      padding: 15px 0; }
      .provider__item--retail {
        padding: 15px 10px; }
        .provider__item--retail::before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 5px;
          right: 0;
          bottom: 5px;
          left: 0;
          z-index: 1; }
        .provider__item--retail .provider__map {
          right: auto; }
    .provider__side {
      width: 90px; }
    .provider__map {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
      max-width: 100px;
      margin-top: 5px;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .provider__box {
      width: -webkit-calc(100% - 90px);
      width: calc(100% - 90px); }
    .provider__ttl {
      font-size: 1.6rem;
      line-height: 1.5;
      margin-bottom: .5rem; }
    .provider__desc, .provider__txt {
      font-size: 1.4rem; }
    .provider-nav {
      padding: 50px 5%; }
      .provider-nav__container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center; }
      .provider-nav__item {
        display: inline-block; }
        .provider-nav__item:not(:last-child) {
          margin-right: 2rem; }
      .provider-nav__link {
        font-weight: bold;
        line-height: 2;
        border-bottom: 1px solid currentColor; } }

/*# sourceMappingURL=provider.css.map */