@charset "UTF-8";
/*
 * about.css
 * Last modify 2024/05/10 23:21
 */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDMincho:wght@400;700&family=BIZ+UDPMincho:wght@400;700&family=Cardo:wght@400;700&family=Zen+Kaku+Gothic+Antique&display=swap"); /* ==========================================================
!import
========================================================== */
/* ==========================================================
!mediaQuery
デザインベースは376px、1440px
========================================================== */
/* -----------------------------------------------------
Base Style
----------------------------------------------------- */
/* !main
---------------------------------------------------------- */
html.webp #main {
  background-image: url("../img/about/bg_main01.webp");
}
@media screen and (max-width: 880px) {
  html.webp #main {
    background-image: url("../img/about/bg_main01_sp.webp");
  }
}

html.no-webp #main {
  background-image: url("../img/about/bg_main01.jpg");
}
@media screen and (max-width: 880px) {
  html.no-webp #main {
    background-image: url("../img/about/bg_main01_sp.jpg");
  }
}

/* !content
---------------------------------------------------------- */
@media screen and (min-width: 881px) {
  #content {
    width: 85vw;
  }
}
@media screen and (min-width: 1281px) {
  #content {
    width: 1068px;
  }
}
@media screen and (min-width: 1441px) {
  #content {
    width: 74.16vw;
  }
}
#content h1.h1_basic01 {
  margin-bottom: 10.68vw;
}
@media screen and (min-width: 881px) {
  #content h1.h1_basic01 {
    margin-bottom: 6.25vw;
  }
}
@media screen and (min-width: 1281px) {
  #content h1.h1_basic01 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1441px) {
  #content h1.h1_basic01 {
    margin-bottom: 5.55vw;
  }
}
#content .h2Box {
  text-align: center;
}
#content .h2Box h2 {
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  color: #717171;
  font-size: 6.91vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 880px) {
  #content .h2Box h2 {
    display: block;
    padding: 0;
    line-height: 1.46;
  }
}
@media screen and (min-width: 881px) {
  #content .h2Box h2 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h2Box h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h2Box h2 {
    font-size: 2.22vw;
  }
}
#content .h2Box h2:before, #content .h2Box h2:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 24px;
  height: 9px;
  top: 28%;
  background: url("../common/img/bg_h2_01.svg") no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 880px) {
  #content .h2Box h2:before, #content .h2Box h2:after {
    top: 44%;
    background: url("../common/img/bg_h2_01_sp.svg") no-repeat center center;
  }
}
@media screen and (min-width: 881px) {
  #content .h2Box h2:before, #content .h2Box h2:after {
    width: 10vw;
    height: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h2Box h2:before, #content .h2Box h2:after {
    width: 128px;
    height: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h2Box h2:before, #content .h2Box h2:after {
    width: 8.88vw;
    height: 1.66vw;
  }
}
#content .h2Box h2:before {
  left: 0;
}
@media screen and (min-width: 881px) {
  #content .h2Box h2:before {
    left: -10vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h2Box h2:before {
    left: -128px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h2Box h2:before {
    left: -8.88vw;
  }
}
#content .h2Box h2:after {
  right: 0;
}
@media screen and (min-width: 881px) {
  #content .h2Box h2:after {
    right: -10vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h2Box h2:after {
    right: -128px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h2Box h2:after {
    right: -8.88vw;
  }
}
#content .h2Box h2 strong {
  color: #BFB87D;
  font-size: 5.31vw;
  line-height: 1.4;
  font-weight: 500;
}
@media screen and (min-width: 881px) {
  #content .h2Box h2 strong {
    font-size: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h2Box h2 strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h2Box h2 strong {
    font-size: 1.66vw;
  }
}
#content .h3Box {
  margin-top: 21.27vw;
  text-align: center;
}
@media screen and (min-width: 881px) {
  #content .h3Box {
    margin-top: 5vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h3Box {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h3Box {
    margin-top: 4.44vw;
  }
}
#content .h3Box h3 {
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  color: #717171;
  font-size: 5.31vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 880px) {
  #content .h3Box h3 {
    display: block;
    padding: 0;
    line-height: 1.46;
  }
}
@media screen and (min-width: 881px) {
  #content .h3Box h3 {
    width: 53.12vw;
    margin: 0 auto;
    font-size: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h3Box h3 {
    width: 680px;
    margin: 64px auto 0;
    font-size: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h3Box h3 {
    width: 47.22vw;
    margin: 4.44vw auto 0;
    font-size: 1.66vw;
  }
}
#content .h3Box h3:before, #content .h3Box h3:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 18px;
  height: 100%;
  top: 0;
  border-top: 1px solid #DAD4A4;
  border-bottom: 1px solid #DAD4A4;
}
@media screen and (min-width: 881px) {
  #content .h3Box h3:before, #content .h3Box h3:after {
    width: 1.25vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h3Box h3:before, #content .h3Box h3:after {
    width: 16px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h3Box h3:before, #content .h3Box h3:after {
    width: 1.11vw;
  }
}
#content .h3Box h3:before {
  left: 0;
  border-left: 1px solid #DAD4A4;
}
@media screen and (min-width: 881px) {
  #content .h3Box h3:before {
    left: -1.25vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h3Box h3:before {
    left: -16px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h3Box h3:before {
    left: -1.11vw;
  }
}
#content .h3Box h3:after {
  right: 0;
  border-right: 1px solid #DAD4A4;
}
@media screen and (min-width: 881px) {
  #content .h3Box h3:after {
    right: -1.25vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h3Box h3:after {
    right: -16px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h3Box h3:after {
    right: -1.11vw;
  }
}
#content .h3Box h3 strong {
  color: #00B3CD;
  font-size: 5.31vw;
  line-height: 1.4;
  font-weight: 500;
}
@media screen and (min-width: 881px) {
  #content .h3Box h3 strong {
    font-size: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .h3Box h3 strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content .h3Box h3 strong {
    font-size: 1.66vw;
  }
}
#content p.cmnt {
  margin-bottom: 6.38vw;
  font-size: 5.31vw;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 881px) {
  #content p.cmnt {
    margin-bottom: 2.5vw;
    font-size: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content p.cmnt {
    margin-bottom: 32px;
    font-size: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content p.cmnt {
    margin-bottom: 2.22vw;
    font-size: 1.66vw;
  }
}
#content p {
  font-size: 4.25vw;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 881px) {
  #content p {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content p {
    font-size: 1.25vw;
  }
}

/* !concept
---------------------------------------------------------- */
#concept:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 63.82vw;
  border: 1px solid #DAD4A4;
  opacity: 0;
  -webkit-animation: show02 0.5s ease 0.3s forwards;
  animation: show02 0.5s ease 0.3s forwards;
}
@media screen and (max-width: 880px) {
  #concept:before {
    position: relative;
    top: 30px;
    margin-bottom: 6.21vw;
    -webkit-animation: show01 0.5s ease 0.3s forwards;
    animation: show01 0.5s ease 0.3s forwards;
  }
}
@media screen and (min-width: 881px) {
  #concept:before {
    width: 38.43vw;
    height: 48.75vw;
  }
}
@media screen and (min-width: 1281px) {
  #concept:before {
    width: 492px;
    height: 624px;
  }
}
@media screen and (min-width: 1441px) {
  #concept:before {
    width: 34.16vw;
    height: 43.47vw;
  }
}

html.webp #concept:before {
  background: url("../img/about/pic_about01.webp") no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 880px) {
  html.webp #concept:before {
    background: url("../img/about/pic_about01_sp.webp") no-repeat center top;
    background-size: 100%;
  }
}

html.no-webp #concept:before {
  background: url("../img/about/pic_about01.jpg") no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 880px) {
  html.no-webp #concept:before {
    background: url("../img/about/pic_about01_sp.jpg") no-repeat center top;
    background-size: 100%;
  }
}

#concept {
  position: relative;
}
#concept p {
  position: relative;
  opacity: 0;
  top: 30px;
  -webkit-animation: show01 0.5s ease 0.5s forwards;
  animation: show01 0.5s ease 0.5s forwards;
}

@-webkit-keyframes show02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* !philosophy
---------------------------------------------------------- */
#philosophy {
  margin-top: 21.27vw;
}
@media screen and (min-width: 881px) {
  #philosophy {
    margin-top: 8.12vw;
  }
}
@media screen and (min-width: 1281px) {
  #philosophy {
    margin-top: 104px;
  }
}
@media screen and (min-width: 1441px) {
  #philosophy {
    margin-top: 7.22vw;
  }
}
#philosophy .whitelogo {
  margin: 8.51vw 0;
  text-align: center;
}
@media screen and (min-width: 881px) {
  #philosophy .whitelogo {
    margin: 4.68vw 0 3.7vw;
  }
}
@media screen and (min-width: 1281px) {
  #philosophy .whitelogo {
    margin: 60px 0 48px;
  }
}
@media screen and (min-width: 1441px) {
  #philosophy .whitelogo {
    margin: 4.16vw 0 3.33vw;
  }
}
#philosophy .whitelogo picture img {
  width: 60.63vw;
}
@media screen and (min-width: 881px) {
  #philosophy .whitelogo picture img {
    width: 63.75vw;
  }
}
@media screen and (min-width: 1281px) {
  #philosophy .whitelogo picture img {
    width: 816px;
  }
}
@media screen and (min-width: 1441px) {
  #philosophy .whitelogo picture img {
    width: 56.66vw;
  }
}
#philosophy p.cmnt {
  text-align: center;
}
#philosophy p {
  margin-bottom: 8.51vw;
  text-align: center;
}
@media screen and (max-width: 880px) {
  #philosophy p {
    text-align: left;
  }
}
@media screen and (min-width: 881px) {
  #philosophy p {
    margin-bottom: 3.75vw;
  }
}
@media screen and (min-width: 1281px) {
  #philosophy p {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1441px) {
  #philosophy p {
    margin-bottom: 3.33vw;
  }
}
#philosophy .ul_note01 {
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 880px) {
  #philosophy .ul_note01 {
    line-height: 1.71;
    text-align: left;
  }
}
#philosophy .ul_note01 li {
  margin-bottom: 2.12vw;
}
@media screen and (min-width: 881px) {
  #philosophy .ul_note01 li {
    margin-bottom: 0.31vw;
  }
}
@media screen and (min-width: 1281px) {
  #philosophy .ul_note01 li {
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 1441px) {
  #philosophy .ul_note01 li {
    margin-bottom: 0.27vw;
  }
}

/* !introduction
---------------------------------------------------------- */
#introduction {
  margin-top: 21.27vw;
}
@media screen and (min-width: 881px) {
  #introduction {
    margin-top: 8.12vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction {
    margin-top: 104px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction {
    margin-top: 7.22vw;
  }
}
#introduction p {
  margin: 8.51vw 0 12.76vw;
  text-align: center;
}
@media screen and (max-width: 880px) {
  #introduction p {
    text-align: left;
  }
}
@media screen and (min-width: 881px) {
  #introduction p {
    margin: 3.12vw 0 5vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction p {
    margin: 40px 0 64px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction p {
    margin: 2.77vw 0 4.44vw;
  }
}
#introduction .items {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 880px) {
  #introduction .items {
    display: block;
  }
}
#introduction .items li:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  border: 1px solid #DAD4A4;
}
#introduction .items li:nth-of-type(1), #introduction .items li:nth-of-type(2), #introduction .items li:nth-of-type(3) {
  margin-top: 0;
}
@media screen and (max-width: 880px) {
  #introduction .items li {
    margin-top: 8.51vw !important;
    margin-left: 0;
    padding-top: 58.51vw;
  }
  #introduction .items li:after {
    width: 100%;
    height: 53.19vw;
    background-size: 100% !important;
  }
}
@media screen and (min-width: 881px) {
  #introduction .items li {
    width: 30%;
    margin-top: 3.75vw;
    margin-left: 5%;
    padding-top: 26%;
  }
  #introduction .items li:after {
    width: 25.31vw;
    height: 20vw;
    background-size: 100% !important;
  }
}
@media screen and (min-width: 1281px) {
  #introduction .items li {
    width: 324px;
    margin-top: 48px;
    margin-left: 48px;
    padding-top: 272px;
  }
  #introduction .items li:after {
    width: 324px;
    height: 256px;
    background-size: 100% !important;
  }
}
@media screen and (min-width: 1441px) {
  #introduction .items li {
    width: 22.5vw;
    margin-top: 3.33vw;
    margin-left: 3.33vw;
    padding-top: 18.88vw;
  }
  #introduction .items li:after {
    width: 22.5vw;
    height: 17.77vw;
    background-size: 100% !important;
  }
}
#introduction .items li:nth-of-type(3n + 1) {
  margin-left: 0;
}
#introduction #equipment .items,
#introduction #hygieneManagement .items {
  font-size: 3.72vw;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (min-width: 881px) {
  #introduction #equipment .items,
#introduction #hygieneManagement .items {
    font-size: 1.09vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction #equipment .items,
#introduction #hygieneManagement .items {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction #equipment .items,
#introduction #hygieneManagement .items {
    font-size: 0.97vw;
  }
}
#introduction #equipment .items strong,
#introduction #hygieneManagement .items strong {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 4.25vw;
  font-weight: 400;
}
@media screen and (min-width: 881px) {
  #introduction #equipment .items strong,
#introduction #hygieneManagement .items strong {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction #equipment .items strong,
#introduction #hygieneManagement .items strong {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction #equipment .items strong,
#introduction #hygieneManagement .items strong {
    font-size: 1.25vw;
  }
}
#introduction .ol_basic02 {
  margin-top: 12.76vw;
}
@media screen and (min-width: 881px) {
  #introduction .ol_basic02 {
    margin-top: 5vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction .ol_basic02 {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction .ol_basic02 {
    margin-top: 4.44vw;
  }
}
#introduction .ol_basic02 li {
  padding-left: 8.63vw;
}
@media screen and (min-width: 881px) {
  #introduction .ol_basic02 li {
    padding-left: 3.12vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction .ol_basic02 li {
    padding-left: 48px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction .ol_basic02 li {
    padding-left: 3.33vw;
  }
}
#introduction .ol_basic02 li:before {
  font-size: 10.63vw;
  left: 0;
}
@media screen and (min-width: 881px) {
  #introduction .ol_basic02 li:before {
    color: #EDEBD7;
    font-size: 3.12vw;
  }
}
@media screen and (min-width: 1281px) {
  #introduction .ol_basic02 li:before {
    color: #EDEBD7;
    font-size: 48px;
  }
}
@media screen and (min-width: 1441px) {
  #introduction .ol_basic02 li:before {
    color: #EDEBD7;
    font-size: 3.33vw;
  }
}
#introduction #environment li {
  background-size: 100% !important;
}
html.webp #introduction #environment li:nth-of-type(1)::after {
  background: url("../img/about/pic_ev01.webp") no-repeat center top;
}
html.no-webp #introduction #environment li:nth-of-type(1)::after {
  background: url("../img/about/pic_ev01.jpg") no-repeat center top;
}
html.webp #introduction #environment li:nth-of-type(2)::after {
  background: url("../img/about/pic_ev02.webp") no-repeat center top;
}
html.no-webp #introduction #environment li:nth-of-type(2)::after {
  background: url("../img/about/pic_ev02.jpg") no-repeat center top;
}
html.webp #introduction #environment li:nth-of-type(3)::after {
  background: url("../img/about/pic_ev03.webp") no-repeat center top;
}
html.no-webp #introduction #environment li:nth-of-type(3)::after {
  background: url("../img/about/pic_ev03.webp") no-repeat center top;
}
html.webp #introduction #environment li:nth-of-type(4)::after {
  background: url("../img/about/pic_ev04.webp") no-repeat center top;
}
html.no-webp #introduction #environment li:nth-of-type(4)::after {
  background: url("../img/about/pic_ev04.jpg") no-repeat center top;
}
html.webp #introduction #environment li:nth-of-type(5)::after {
  background: url("../img/about/pic_ev05.webp") no-repeat center top;
}
html.no-webp #introduction #environment li:nth-of-type(5)::after {
  background: url("../img/about/pic_ev05.jpg") no-repeat center top;
}
html.webp #introduction #environment li:nth-of-type(6)::after {
  background: url("../img/about/pic_ev06.webp") no-repeat center top;
}
html.webp #introduction #environment li:nth-of-type(6)::after {
  background: url("../img/about/pic_ev06.jpg") no-repeat center top;
}
@media screen and (max-width: 880px) {
  html.webp #introduction #environment li:nth-of-type(1)::after {
    background: url("../img/about/pic_ev01_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #environment li:nth-of-type(1)::after {
    background: url("../img/about/pic_ev01_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #environment li:nth-of-type(2)::after {
    background: url("../img/about/pic_ev02_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #environment li:nth-of-type(2)::after {
    background: url("../img/about/pic_ev02_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #environment li:nth-of-type(3)::after {
    background: url("../img/about/pic_ev03_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #environment li:nth-of-type(3)::after {
    background: url("../img/about/pic_ev03_sp.webp") no-repeat center top;
  }
  html.webp #introduction #environment li:nth-of-type(4)::after {
    background: url("../img/about/pic_ev04_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #environment li:nth-of-type(4)::after {
    background: url("../img/about/pic_ev04_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #environment li:nth-of-type(5)::after {
    background: url("../img/about/pic_ev05_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #environment li:nth-of-type(5)::after {
    background: url("../img/about/pic_ev05_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #environment li:nth-of-type(6)::after {
    background: url("../img/about/pic_ev06_sp.webp") no-repeat center top;
  }
  html.webp #introduction #environment li:nth-of-type(6)::after {
    background: url("../img/about/pic_ev06_sp.jpg") no-repeat center top;
  }
}
#introduction #equipment li {
  background-size: 100% !important;
}
html.webp #introduction #equipment li:nth-of-type(1)::after {
  background: url("../img/about/pic_eq01.webp") no-repeat center top;
}
html.no-webp #introduction #equipment li:nth-of-type(1)::after {
  background: url("../img/about/pic_eq01.jpg") no-repeat center top;
}
html.webp #introduction #equipment li:nth-of-type(2)::after {
  background: url("../img/about/pic_eq02.webp") no-repeat center top;
}
html.no-webp #introduction #equipment li:nth-of-type(2)::after {
  background: url("../img/about/pic_eq02.jpg") no-repeat center top;
}
html.webp #introduction #equipment li:nth-of-type(3)::after {
  background: url("../img/about/pic_eq03.webp") no-repeat center top;
}
html.no-webp #introduction #equipment li:nth-of-type(3)::after {
  background: url("../img/about/pic_eq03.webp") no-repeat center top;
}
html.webp #introduction #equipment li:nth-of-type(4)::after {
  background: url("../img/about/pic_eq04.webp") no-repeat center top;
}
html.no-webp #introduction #equipment li:nth-of-type(4)::after {
  background: url("../img/about/pic_eq04.jpg") no-repeat center top;
}
html.webp #introduction #equipment li:nth-of-type(5)::after {
  background: url("../img/about/pic_eq05.webp") no-repeat center top;
}
html.no-webp #introduction #equipment li:nth-of-type(5)::after {
  background: url("../img/about/pic_eq05.jpg") no-repeat center top;
}
html.webp #introduction #equipment li:nth-of-type(6)::after {
  background: url("../img/about/pic_eq06.webp") no-repeat center top;
}
html.webp #introduction #equipment li:nth-of-type(6)::after {
  background: url("../img/about/pic_eq06.jpg") no-repeat center top;
}
@media screen and (max-width: 880px) {
  html.webp #introduction #equipment li:nth-of-type(1)::after {
    background: url("../img/about/pic_eq01_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #equipment li:nth-of-type(1)::after {
    background: url("../img/about/pic_eq01_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #equipment li:nth-of-type(2)::after {
    background: url("../img/about/pic_eq02_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #equipment li:nth-of-type(2)::after {
    background: url("../img/about/pic_eq02_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #equipment li:nth-of-type(3)::after {
    background: url("../img/about/pic_eq03_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #equipment li:nth-of-type(3)::after {
    background: url("../img/about/pic_eq03_sp.webp") no-repeat center top;
  }
  html.webp #introduction #equipment li:nth-of-type(4)::after {
    background: url("../img/about/pic_eq04_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #equipment li:nth-of-type(4)::after {
    background: url("../img/about/pic_eq04_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #equipment li:nth-of-type(5)::after {
    background: url("../img/about/pic_eq05_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #equipment li:nth-of-type(5)::after {
    background: url("../img/about/pic_eq05_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #equipment li:nth-of-type(6)::after {
    background: url("../img/about/pic_eq06_sp.webp") no-repeat center top;
  }
  html.webp #introduction #equipment li:nth-of-type(6)::after {
    background: url("../img/about/pic_eq06_sp.jpg") no-repeat center top;
  }
}
#introduction #hygieneManagement li {
  background-size: 100% !important;
}
html.webp #introduction #hygieneManagement li:nth-of-type(1)::after {
  background: url("../img/about/pic_hm01.webp") no-repeat center top;
}
html.no-webp #introduction #hygieneManagement li:nth-of-type(1)::after {
  background: url("../img/about/pic_hm01.jpg") no-repeat center top;
}
html.webp #introduction #hygieneManagement li:nth-of-type(2)::after {
  background: url("../img/about/pic_hm02.webp") no-repeat center top;
}
html.no-webp #introduction #hygieneManagement li:nth-of-type(2)::after {
  background: url("../img/about/pic_hm02.jpg") no-repeat center top;
}
html.webp #introduction #hygieneManagement li:nth-of-type(3)::after {
  background: url("../img/about/pic_hm03.webp") no-repeat center top;
}
html.no-webp #introduction #hygieneManagement li:nth-of-type(3)::after {
  background: url("../img/about/pic_hm03.webp") no-repeat center top;
}
@media screen and (max-width: 880px) {
  html.webp #introduction #hygieneManagement li:nth-of-type(1)::after {
    background: url("../img/about/pic_hm01_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #hygieneManagement li:nth-of-type(1)::after {
    background: url("../img/about/pic_hm01_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #hygieneManagement li:nth-of-type(2)::after {
    background: url("../img/about/pic_hm02_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #hygieneManagement li:nth-of-type(2)::after {
    background: url("../img/about/pic_hm02_sp.jpg") no-repeat center top;
  }
  html.webp #introduction #hygieneManagement li:nth-of-type(3)::after {
    background: url("../img/about/pic_hm03_sp.webp") no-repeat center top;
  }
  html.no-webp #introduction #hygieneManagement li:nth-of-type(3)::after {
    background: url("../img/about/pic_hm03_sp.webp") no-repeat center top;
  }
}
#introduction #indoorview iframe {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 880px) {
  #introduction #indoorview iframe {
    width: 100%;
    height: 79.78vw;
  }
}
/*# sourceMappingURL=about.css.map */