@charset "UTF-8";
@import url("global.css");
#bodyarea .h {
  margin-top: 60px;
  border-top: solid 1px #E3E3E3;
  padding: 60px 0 20px;
  font-size: clamp(16px, 1.9vw, 22px);
  font-weight: bold;
}
#bodyarea .h .num {
  display: inline-block;
  font-family: "Outfit", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  margin-right: 10px;
}
#bodyarea > .wrapper p {
  text-align: justify;
}
#bodyarea > .wrapper > p {
  margin-left: 20px;
}
#bodyarea > .wrapper > p + p,
#bodyarea > .wrapper > p + dl.block,
#bodyarea > .wrapper > p + ol.list,
#bodyarea > .wrapper > p + ul.dot {
  margin-top: 1.5em;
}
#bodyarea .tbl {
  margin-left: 20px;
}
#bodyarea .tbl table tr {
  border-spacing: 2px;
}
#bodyarea .tbl table th {
  padding: 5px 10px;
  background-color: rgba(229, 222, 211, 0.6);
  width: 80px;
  text-align: center;
}
#bodyarea .tbl table td {
  padding-left: 15px;
}
#bodyarea dl {
  margin-left: 20px;
}
#bodyarea dl.block dt {
  font-weight: bold;
  padding: 20px 20px 0;
}
#bodyarea dl.block dd {
  padding: 10px 20px 20px;
}
#bodyarea dl.block dd + dt {
  border-top: dashed 1px #A49375;
}
#bodyarea dl.block dd > ol {
  margin: .5em 0 0;
}
#bodyarea dl.block dd > ul {
  margin: .1em 0 0 20px;
}
#bodyarea ol {
  margin-left: 20px;
}
#bodyarea ol.list > li {
  border-top: dashed 1px #A49375;
  padding: 20px 10px 20px 25px;
}
#bodyarea ol.list > li .sub_numbers {
  text-indent: -14px;
  padding-left: 14px;
}
#bodyarea ol.list > li .sub_numbers span {
  display: inline-block;
  margin-right: 8px;
  font-family: "Outfit", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
}
#bodyarea ol.list > li > ul {
  margin-left: 0;
}
#bodyarea ul {
  margin-left: 20px;
}
#bodyarea ul.dot > li {
  text-indent: -14px;
  padding: 3px 0 3px 14px;
}
#bodyarea ul.dot > li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #5A5657;
  vertical-align: 2px;
  text-indent: 0;
}
#bodyarea .noticebox {
  margin: 20px 0 0;
  background-color: #F8F8F8;
  padding: 30px 40px 35px;
  font-size: .875em;
}
#bodyarea .noticebox .notice {
  padding-left: 15px;
}
#bodyarea .noticebox .notice > p {
  text-indent: -15px;
  padding-left: 15px;
  line-height: 1.5;
}
#bodyarea .noticebox .notice > p > span {
  display: inline-block;
  margin-right: 8px;
}
#bodyarea .noticebox .notice > p + p {
  margin-top: 1.4em;
}
#bodyarea .noticebox .links {
  margin-top: 25px;
  border-top: solid 1px #E3E3E3;
  padding: 25px 40px 0 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
#bodyarea .noticebox .links > p {
  width: fit-content;
}
#bodyarea .noticebox .links > p a {
  display: block;
  background-color: #FFF;
  padding: 10px 50px 10px 20px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  letter-spacing: 0;
  position: relative;
}
#bodyarea .noticebox .links > p a::after {
  content: "\f061";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 1px;
  line-height: 1;
  font-family: 'Font Awesome 6 free','Font Awesome 6 Brands';
  font-weight: 900;
}
#bodyarea address {
  background-color: rgba(229, 222, 211, 0.2);
  padding: 25px 30px;
}
#bodyarea address dt {
  font-size: 1.1em;
  margin-bottom: 5px;
}
#bodyarea address dd span:not([class])::after {
  content: "：";
  display: inline-block;
  margin-inline: 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1600px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 959px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  #bodyarea .h {
    margin-top: 45px;
    padding: 45px 0 20px;
  }
  #bodyarea > .wrapper > p {
    margin-left: 10px;
  }
  #bodyarea .tbl {
    margin-left: 10px;
  }
  #bodyarea dl {
    margin-left: 10px;
  }
  #bodyarea ol {
    margin-left: 10px;
  }
  #bodyarea ul {
    margin-left: 10px;
  }
  #bodyarea .noticebox {
    padding: 30px 30px 35px;
  }
  #bodyarea .noticebox .links {
    padding: 25px 30px 0 30px;
    gap: 10px;
  }
  #bodyarea .noticebox .links > p a {
    padding: 10px 40px 10px 15px;
  }
  #bodyarea .noticebox .links > p a::after {
    right: 15px;
  }
  #bodyarea address {
    padding: 25px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #bodyarea .h {
    margin-top: 30px;
    padding: 30px 0 10px;
  }
  #bodyarea .h .num {
    margin-right: 8px;
  }
  #bodyarea > .wrapper > p {
    margin-left: 5px;
  }
  #bodyarea > .wrapper > p + p,
  #bodyarea > .wrapper > p + dl.block,
  #bodyarea > .wrapper > p + ol.list,
  #bodyarea > .wrapper > p + ul.dot {
    margin-top: 1.2em;
  }
  #bodyarea .tbl {
    margin-left: 5px;
  }
  #bodyarea .tbl table th {
    padding: 5px 8px;
    width: 60px;
    text-align: center;
  }
  #bodyarea .tbl table td {
    padding-left: 7px;
  }
  #bodyarea dl {
    margin-left: 5px;
  }
  #bodyarea dl.block dt {
    padding: 15px 5px 0;
  }
  #bodyarea dl.block dd {
    padding: 5px 5px 15px;
  }
  #bodyarea dl.block dd > ol {
    margin: .5em 0 0;
  }
  #bodyarea dl.block dd > ul {
    margin: .1em 0 0 5px;
  }
  #bodyarea ol {
    margin-left: 15px;
  }
  #bodyarea ol.list > li {
    padding: 8px 5px 8px 20px;
  }
  #bodyarea ol.list > li .sub_numbers span {
    margin-right: 6px;
  }
  #bodyarea ul {
    margin-left: 15px;
  }
  #bodyarea ul.dot > li {
    text-indent: -10px;
    padding: 3px 0 3px 10px;
  }
  #bodyarea ul.dot > li::before {
    width: 4px;
    height: 4px;
    margin-right: 7px;
  }
  #bodyarea .noticebox {
    margin: 15px 0 0;
    padding: 25px 20px 20px;
  }
  #bodyarea .noticebox .notice {
    padding-left: 12px;
  }
  #bodyarea .noticebox .notice > p {
    text-indent: -12px;
    padding-left: 12px;
    line-height: 1.4;
  }
  #bodyarea .noticebox .notice > p > span {
    margin-right: 6px;
  }
  #bodyarea .noticebox .notice > p + p {
    margin-top: 1.2em;
  }
  #bodyarea .noticebox .links {
    margin-top: 20px;
    padding: 20px 0 0;
  }
  #bodyarea .noticebox .links > p {
    width: 100%;
  }
  #bodyarea .noticebox .links > p a {
    padding: 7px 30px 7px 15px;
  }
  #bodyarea .noticebox .links > p a::after {
    right: 12px;
    margin-top: 0;
  }
  #bodyarea address {
    padding: 20px;
  }
}

/*# sourceMappingURL=privacy.css.map */