@charset "UTF-8";
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
/*
ユーティリティ系おまとめファイル
*/
#npo {
  margin-top: 0;
}
@media screen and (max-width: 1200px ) {
  #npo .p-npoLastBg {
    margin-bottom: 0;
  }
}
#npo .l-mw--850 {
  max-width: 850px;
}
#npo .c-tbl--block th {
  width: 265px;
}
@media screen and (max-width: 568px) {
  #npo .c-tbl--block th {
    width: 100%;
  }
}
#npo .l-header {
  display: none;
}
#npo .l-footer {
  display: none;
}
#npo .p-npoFooter {
  background-color: #F8FAFB;
}
#npo .p-npoFooter .l-footer__wrap {
  -ms-flex-align: center;
      align-items: center;
}
@media screen and (max-width: 834px) {
  #npo .p-npoFooter .l-footer__wrap {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
#npo .p-npoFooter .l-footerNav__list {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media screen and (max-width: 834px) {
  #npo .p-npoFooter .l-footerNav__list {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
#npo .p-npoFooter .l-footerInfo__name,
#npo .p-npoFooter .l-footerInfo__address {
  font-size: 12px;
}
#npo .p-npoFooter .l-footerNav {
  padding-top: 0;
}
@media screen and (max-width: 834px) {
  #npo .p-npoFooter .l-footerNav {
    margin-top: 20px;
  }
}
#npo .p-npoFooter .l-footerCopyright__txt {
  font-weight: normal;
}
@media screen and (max-width: 834px) {
  #npo .p-npoFooter .l-footerCopyright {
    margin-top: 15px;
  }
}
#npo .p-npoHero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 480px;
  max-height: 900px;
  overflow: hidden;
}
#npo .p-npoHero__swiper, #npo .p-npoHero__wrapper {
  height: 100%;
}
#npo .p-npoHero__slide {
  position: relative;
  height: 100%;
}
#npo .p-npoHero__img {
  width: 100%;
  height: 100%;
}
#npo .p-npoHero__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#npo .p-npoHero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #FFFFFF;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.45));
  padding: 0 20px;
}
#npo .p-npoHero__pre {
  font-size: 15px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
  #npo .p-npoHero__pre {
    font-size: 13px;
  }
}
#npo .p-npoHero__ttl {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #npo .p-npoHero__ttl {
    font-size: 32px;
  }
}
@media screen and (max-width: 568px) {
  #npo .p-npoHero__ttl {
    font-size: 26px;
    margin-bottom: 18px;
  }
}
#npo .p-npoHero__catch {
  font-size: 17px;
  line-height: 1.9;
}
@media screen and (max-width: 568px) {
  #npo .p-npoHero__catch {
    font-size: 14px;
  }
}
#npo .p-npoBizList__item {
  display: -ms-flexbox;
  display: flex;
}
#npo .p-npoBizList__box {
  width: 100%;
}
#npo .p-npoBizList__box.c-box {
  margin-bottom: 0;
}
#npo .p-npoBizList__inner {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#npo .p-npoBizList__content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
#npo .p-npoBizList__img {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 10px;
}
#npo .p-npoBizList__img::before {
  content: "";
  display: block;
  padding-top: 75%;
}
#npo .p-npoBizList__picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#npo .p-npoBizList__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#npo .p-npoBizList__picture--posLeft img {
  -o-object-position: 50% center;
     object-position: 50% center;
}
#npo .p-btnPd {
  padding: 5px 37px 5px 0px;
}
@media screen and (max-width: 768px) {
  #npo .p-btnPd {
    font-size: 15px;
  }
}
#npo .p-npoIconBtn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
#npo .p-npoIconBtn__icon {
  margin-right: 8px;
  font-size: 1.2em;
}
#npo .p-npoIconBtn__icon.fa-line {
  color: #06C755;
}
#npo .p-npoIconBtn__icon.fa-instagram {
  color: #E4405F;
}
#npo .p-npoBizOthers {
  margin-top: 40px;
}
#npo .p-npoOthersList {
  margin-top: 20px;
}
@media screen and (max-width: 568px) {
  #npo .p-npoOthersList {
    margin-bottom: 15px;
  }
}
#npo .p-npoOthersList__item {
  text-align: center;
  padding-right: 20px;
  border-right: 1px solid #D4D4D4;
}
#npo .p-npoOthersList__item:last-child {
  padding-right: 0;
  border-right: none;
}
@media screen and (max-width: 568px) {
  #npo .p-npoOthersList__item {
    padding-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-right: none;
    border-bottom: 1px solid #D4D4D4;
  }
  #npo .p-npoOthersList__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
#npo .p-npoOthersList__img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
#npo .p-npoOthersList__img::before {
  content: "";
  display: block;
  padding-top: 75%;
}
#npo .p-npoOthersList__head {
  margin: 15px 0 10px;
  font-size: 16px;
  font-weight: 700;
}
#npo .p-npoLogoMarquee {
  overflow: hidden;
  width: 100%;
}
#npo .p-npoLogoMarquee__track {
  display: -ms-flexbox;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: npoLogoMarquee 30s linear infinite;
}
#npo .p-npoLogoMarquee__img {
  height: 250px;
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@keyframes npoLogoMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (any-hover: hover) {
  #npo .c-btn:hover {
    border-color: #FFFFFF;
  }
}
/*# sourceMappingURL=../_map/project/npo.css.map */