@charset "UTF-8";
/*
 * privacypolicy.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/privacypolicy/bg_main01.webp");
}
@media screen and (max-width: 880px) {
  html.webp #main {
    background-image: url("../img/privacypolicy/bg_main01_sp.webp");
  }
}

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

/* !content
---------------------------------------------------------- */
@media screen and (min-width: 881px) {
  #content {
    width: 820px;
  }
}
@media screen and (min-width: 1281px) {
  #content {
    width: 820px;
  }
}
@media screen and (min-width: 1441px) {
  #content {
    width: 56.94vw;
  }
}
#content h1 {
  margin-bottom: 10.68vw;
}
@media screen and (min-width: 881px) {
  #content h1 {
    margin-bottom: 3.67vw;
  }
}
@media screen and (min-width: 1281px) {
  #content h1 {
    margin-bottom: 47px;
  }
}
@media screen and (min-width: 1441px) {
  #content h1 {
    margin-bottom: 3.26vw;
  }
}
#content .firstAction {
  position: relative;
  opacity: 0;
  top: 30px;
  -webkit-animation: show01 0.5s ease 0s forwards;
  animation: show01 0.5s ease 0s forwards;
}
#content .cmnt {
  font-size: 4.25vw;
  line-height: 175%;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 881px) {
  #content .cmnt {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .cmnt {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content .cmnt {
    font-size: 1.25vw;
  }
}
#content h2 {
  margin: 8.51vw 0 3.19vw;
  color: #BFB87D;
  font-size: 4.25vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 881px) {
  #content h2 {
    margin: 48px 0 12px;
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content h2 {
    margin: 48px 0 12px;
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content h2 {
    margin: 48px 0 12px;
    font-size: 1.25vw;
  }
}
#content .secWrap01 {
  margin-top: 10.66vw;
}
@media screen and (min-width: 881px) {
  #content .secWrap01 {
    margin-top: 0;
  }
}
@media screen and (min-width: 1281px) {
  #content .secWrap01 {
    margin-top: 0;
  }
}
@media screen and (min-width: 1441px) {
  #content .secWrap01 {
    margin-top: 0;
  }
}
#content .ol_basic01 li {
  margin-top: 4.26vw;
}
@media screen and (min-width: 881px) {
  #content .ol_basic01 li {
    margin-top: 1em;
  }
}
@media screen and (min-width: 1281px) {
  #content .ol_basic01 li {
    margin-top: 1em;
  }
}
@media screen and (min-width: 1441px) {
  #content .ol_basic01 li {
    margin-top: 1em;
  }
}
#content .bgWrap01 {
  margin-top: 10.66vw;
  margin-left: 8vw;
  padding: 6.38vw 7.97vw;
  border: 1px solid #DAD4A4;
}
@media screen and (min-width: 881px) {
  #content .bgWrap01 {
    margin-top: 1.09vw;
    margin-left: 4.68vw;
    padding: 2.18vw 2.5vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .bgWrap01 {
    margin-top: 14px;
    margin-left: 60px;
    padding: 28px 32px;
  }
}
@media screen and (min-width: 1441px) {
  #content .bgWrap01 {
    margin-top: 0.97vw;
    margin-left: 4.16vw;
    padding: 1.94vw 2.22vw;
  }
}
#content .bgWrap01 h3 {
  margin-bottom: 3.19vw;
  color: #717171;
  font-size: 4.25vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 881px) {
  #content .bgWrap01 h3 {
    margin-bottom: 1.25vw;
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .bgWrap01 h3 {
    margin-bottom: 16px;
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content .bgWrap01 h3 {
    margin-bottom: 1.11vw;
    font-size: 1.25vw;
  }
}
#content .bgWrap01 .ul_note01 {
  margin-top: 4.26vw;
}
@media screen and (min-width: 881px) {
  #content .bgWrap01 .ul_note01 {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .bgWrap01 .ul_note01 {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1441px) {
  #content .bgWrap01 .ul_note01 {
    margin-top: 1.11vw;
  }
}
#content .bgWrap01 .list01 li {
  margin-top: 4.26vw;
}
@media screen and (min-width: 881px) {
  #content .bgWrap01 .list01 li {
    margin-top: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .bgWrap01 .list01 li {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content .bgWrap01 .list01 li {
    margin-top: 1.66vw;
  }
}
#content .bgWrap01 .list01 li a {
  color: #717171;
  text-decoration: underline;
}
#content .bgWrap01 .list01 li a:hover {
  text-decoration: none;
}
#content table {
  margin-top: 4.26vw;
  border-top: 2px dotted #DAD4A4;
}
@media screen and (min-width: 1281px) {
  #content table {
    margin-top: 2.75vw;
  }
}
#content table tr {
  border-bottom: 2px dotted #DAD4A4;
}
#content table tr th {
  width: 20.8vw;
  vertical-align: middle;
  font-weight: 700;
}
@media screen and (min-width: 881px) {
  #content table tr th {
    width: 16.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content table tr th {
    width: 216px;
  }
}
@media screen and (min-width: 1441px) {
  #content table tr th {
    width: 15vw;
  }
}
#content .sign01 {
  margin: 10.66vw 0 0;
  text-align: right;
}
@media screen and (min-width: 881px) {
  #content .sign01 {
    margin: 2.5vw 0 0;
  }
}
@media screen and (min-width: 1281px) {
  #content .sign01 {
    margin: 32px 0 0;
  }
}
@media screen and (min-width: 1441px) {
  #content .sign01 {
    margin: 2.22vw 0 0;
  }
}
/*# sourceMappingURL=privacypolicy.css.map */