@charset "utf-8";

/* common.cssに追加のCSS */


.l-header .l-header__logo-link:hover img {opacity: 1;}

.p-top-contact__tel{
  font-size: 40px;
}

@media screen and (min-width:768px) { 
.p-top-contact__tel{
  font-size: 60px;
}
}

.p-top-brand__text span{
  font-feature-settings: "palt";
}

@media screen and (min-width:1200px) { 
.l-footer__info{
  width: 41.5rem;
}
}


/* --- SPで改行、PCで非表示 --- */
.u-br-sp {
  display: block;
}
@media (min-width: 768px) { /* sm */
  .u-br-sp {
    display: none;
  }
}

/* --- PCで改行、SPで非表示 --- */
.u-br-pc {
  display: none;
}
@media (min-width: 768px) { /* sm */
  .u-br-pc {
    display: block;
  }
}


/* ========== xs (375px〜) ========== */
.u-br-sp-xs {
  display: block;
}
@media (min-width: 375px) {
  .u-br-sp-xs {
    display: none;
  }
}

.u-br-pc-xs {
  display: none;
}
@media (min-width: 375px) {
  .u-br-pc-xs {
    display: block;
  }
}


/* ========== xsm (550px〜) ========== */
.u-br-sp-xsm {
  display: block;
}
@media (min-width: 550px) {
  .u-br-sp-xsm {
    display: none;
  }
}

.u-br-pc-xsm {
  display: none;
}
@media (min-width: 550px) {
  .u-br-pc-xsm {
    display: block;
  }
}


/* ========== sm (768px〜) ========== */
.u-br-sp-sm {
  display: block;
}
@media (min-width: 768px) {
  .u-br-sp-sm {
    display: none;
  }
}

.u-br-pc-sm {
  display: none;
}
@media (min-width: 768px) {
  .u-br-pc-sm {
    display: block;
  }
}


/* ========== md (960px〜) ========== */
.u-br-sp-md {
  display: block;
}
@media (min-width: 960px) {
  .u-br-sp-md {
    display: none;
  }
}

.u-br-pc-md {
  display: none;
}
@media (min-width: 960px) {
  .u-br-pc-md {
    display: block;
  }
}


/* ========== lg (1140px〜) ========== */
.u-br-sp-lg {
  display: block;
}
@media (min-width: 1140px) {
  .u-br-sp-lg {
    display: none;
  }
}

.u-br-pc-lg {
  display: none;
}
@media (min-width: 1140px) {
  .u-br-pc-lg {
    display: block;
  }
}


/* ========== xl (1300px〜) ========== */
.u-br-sp-xl {
  display: block;
}
@media (min-width: 1300px) {
  .u-br-sp-xl {
    display: none;
  }
}

.u-br-pc-xl {
  display: none;
}
@media (min-width: 1300px) {
  .u-br-pc-xl {
    display: block;
  }
}