@charset "utf-8";

:root {
  --fnts_local: 16px;
  --fnts_caption_min: 26px;
  --fnts_caption_sub: 20px;
  --fnts_section_ttl: 30px;
}

/* -------------------- hygiene-section ------------------- */
/* -----　hygiene/index.html　衛生管理ページ用mv　----- */
.btm-front__section.hygiene_mv {
  background-image: url(../images/hygiene/mv_hygiene.jpg);
}

@media screen and (min-width: 768px) {

  /* -----　hygiene/index.html　衛生管理　PC(min-width: 768px)用mv　----- */
  .btm-front__section.hygiene_mv {
    /* background-position: 50% 50%; */
    background-position: 50% 35%;
  }
}

@media screen and (max-width: 767px) {

  /* -----　hygiene/index.html　衛生管理ページ　sp用mv　----- */
  .btm-front__section.hygiene_mv {
    background-image: url(../images/hygiene/sp/mv_hygiene_sp.jpg);
    background-position: 15% 0%;
    background-size: 130%;
  }
}

.tp-front__section {
  background-image: url(../images/hygiene/front.png);
}

/*-----------------------
3つの特徴 tp-point__section
-----------------------*/
.tp-ttl:not(.__mgb):not(.tp-ttl__balloon__span) {
  position: relative;
}

.tp-ttl__balloon__span__sm {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
  color: var(--MAIN_ORANGE);
  font-size: 16px;

  &::after {
    content: '';
    display: none;
  }
}

.tp-point__section .tp-point__list>li:nth-child(1)>.Ttl::before {
  background: url(../images/common/icon_point53.png) no-repeat center center / contain;
}

.tp-point__section .tp-point__list>li:nth-child(2)>.Ttl::before {
  background: url(../images/common/icon_point54.png) no-repeat center center / contain;
}

.tp-point__section .tp-point__list>li:nth-child(3)>.Ttl::before {
  background: url(../images/common/icon_point55.png) no-repeat center center / contain;
}

@media screen and (min-width: 768px) {


  .tp-point__section .tp-point__list>li>.Ttl:before {
    width: 45px;
    margin-right: 15px;
  }

  .tp-point__section .tp-point__list .Ttl__txt {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width:767px) {
  .tp-ttl__balloon__span__sm {
    width: 300px;
  }

  .tp-ttl:not(.__mgb):not(.tp-ttl__balloon__span) {
    margin-top: 80px;
  }
}

/*-----------------------
contactarea
-----------------------*/

.contactarea {
  margin-bottom: 80px;
}