@charset "utf-8";

/* ======================================================
 * customer-add.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * SP Media Queries
 * Print
====================================================== */
/* ======================================================
 * PC
====================================================== */
.customer-hero__banner-v2 {
  margin-top: 15px;
  padding: 20px 40px;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 3px 16px rgba(0,0,0,.2);
}
.customer-hero__banner-v2 > a {
  transition: opacity .3 ease;
}
.customer-hero__banner-v2 > a:hover {
  opacity: .7;
}

.customer-category-card-v2 .card-v2__head {
  margin: 0 auto;
}
.customer-category-card-v2 .card-v2__title {
  text-align: center;
  font-size: 1.4rem;
}
/* ======================================================
 * PC Media Queries
====================================================== */
@media print, screen and (min-width: 768px) {
  .customer-category-card-v2 .card-v2__head {
    max-width: 120px;
    padding-top: 40px;
  }
  .customer-category-card-v2 .card-v2__body {
    padding: 1em 1em 1.4em;
  }
  .customer-category-card-v2 .card-v2__type:hover img {
    opacity: 1!important
  }
  .introduction-hero-2nd__lead.util-pc-left {
    text-align: left!important;
  }
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767.98px) {
  .customer-hero__banner-v2 {
    border: 1px solid #ddd;
    padding: 15px 20px;
    box-shadow: none;
  }
  
  .customer-category-card-v2 .card-v2__head {
    max-width: 60%;
    padding-top: 15px;
  }
  .customer-category-card-v2 .card-v2__body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em .5em 1.4em;
  }
}
/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
***/


/* ======================================================
 * Print
====================================================== */