@charset "UTF-8";
/* ================================================

- Base

================================================ */
[v-cloak] {
  display: none;
}

_:-ms-lang(x)::-ms-backdrop, [v-cloak] {
  display: block;
}

/* ================================================

- フォント

================================================ */
/* ================================================

-

================================================ */
/* ================================================

- RWD表示切り替え

================================================ */
@media all and (min-width: 769px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 768px) {
  .nosp {
    display: none !important;
  }
}
/* ================================================

- flex

================================================ */
/* ================================================

- margin

================================================ */
/* magrin-topを5px刻みで50pxまで */
.mTop0 {
  margin-top: 0px;
}

.mTop5 {
  margin-top: 5px;
}

.mTop10 {
  margin-top: 10px;
}

.mTop15 {
  margin-top: 15px;
}

.mTop20 {
  margin-top: 20px;
}

.mTop25 {
  margin-top: 25px;
}

.mTop30 {
  margin-top: 30px;
}

.mTop35 {
  margin-top: 35px;
}

.mTop40 {
  margin-top: 40px;
}

.mTop45 {
  margin-top: 45px;
}

.mTop50 {
  margin-top: 50px;
}

/* magrin-bottomを5px刻みで50pxまで */
.mBottom0 {
  margin-bottom: 0px;
}

.mBottom5 {
  margin-bottom: 5px;
}

.mBottom10 {
  margin-bottom: 10px;
}

.mBottom15 {
  margin-bottom: 15px;
}

.mBottom20 {
  margin-bottom: 20px;
}

.mBottom25 {
  margin-bottom: 25px;
}

.mBottom30 {
  margin-bottom: 30px;
}

.mBottom35 {
  margin-bottom: 35px;
}

.mBottom40 {
  margin-bottom: 40px;
}

.mBottom45 {
  margin-bottom: 45px;
}

.mBottom50 {
  margin-bottom: 50px;
}

/* ================================================

- z-index

================================================ */
/* ================================================

-

================================================ */
.lozad {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lozad[data-loaded=true] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* ================================================

- イージング

================================================ */
/* ================================================

- 利用規約 - Q&A

================================================ */
.privacy-container {
  background-color: #FFFFFF;
  background-image: url("../images/sc3_file_bg.jpg");
  background-size: 639px;
  background-repeat: repeat;
  background-position: center top;
}

.privacy-container__inner {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0 80px;
  position: relative;
  z-index: 2;
}

.privacy-header__ttl {
  font-size: 3rem;
  font-weight: bold;
}

.privacy-header__desc {
  margin-top: 40px;
  padding: 30px 40px;
  background-color: #FFFFFF;
}
.privacy-header__desc p {
  font-size: 1.6rem;
  line-height: 1.6;
}

.privacy-sc {
  margin-top: 40px;
  background-color: #FFFFFF;
  border: solid 2px #256288;
}

.privacy-sc__inner {
  padding: 30px 40px;
}

.privacy-sc__ttl--l {
  padding-bottom: 5px;
  font-size: 2rem;
  line-height: 1.8;
  font-weight: bold;
  color: #256288;
  border-bottom: 2px solid #256288;
}
.privacy-sc__ttl--l::before {
  content: "■";
}

.privacy-sc__ttl--m {
  margin-top: 30px;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  color: #256288;
}

ul.privacy-sc__list {
  margin-top: 20px;
}
ul.privacy-sc__list li {
  padding-left: 1em;
  font-size: 1.6rem;
  line-height: 1.7;
  position: relative;
}
ul.privacy-sc__list li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
ul.privacy-sc__list li a {
  color: #256288;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: underline;
}
ul.privacy-sc__list li a:hover {
  opacity: 0.8;
}
ul.privacy-sc__list li strong {
  font-weight: bold;
  color: #256288;
}
ul.privacy-sc__list li:not(:first-child) {
  margin-top: 10px;
}

ol.privacy-sc__olList {
  margin-top: 20px;
  counter-reset: item;
}
ol.privacy-sc__olList li {
  padding-left: 2em;
}
ol.privacy-sc__olList li::before {
  counter-increment: item;
  content: counter(item) ".";
}

ol.privacy-sc__olList--qa {
  margin-top: 20px;
  counter-reset: item;
}
ol.privacy-sc__olList--qa li {
  padding-left: 2em;
  position: relative;
}
ol.privacy-sc__olList--qa li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.privacy-sc__list__dl {
  margin-top: 30px;
}
.privacy-sc__list__dl dl dt {
  font-size: 1.6rem;
  line-height: 1.7;
  font-weight: bold;
  color: #256288;
}
.privacy-sc__list__dl dl dd {
  font-size: 1.6rem;
  line-height: 1.7;
}
.privacy-sc__list__dl dl dd p {
  margin-top: 10px;
}
.privacy-sc__list__dl dl dd p a {
  color: #256288;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: underline;
}
.privacy-sc__list__dl dl dd p a:hover {
  opacity: 0.8;
}
.privacy-sc__list__dl dl:not(:first-child) {
  margin-top: 30px;
}

.privacy-sc__note {
  margin-top: 10px;
}
.privacy-sc__note p {
  font-size: 1.4rem;
  line-height: 1.7;
  color: #256288;
}

.privacy-sc__list__txt {
  margin-top: 10px;
}
.privacy-sc__list__txt p {
  font-size: 1.6rem;
  line-height: 1.7;
}
.privacy-sc__list__txt p strong {
  font-weight: bold;
}

.privacy-sc__qaTxt1 {
  padding-left: 17.25em;
}

.privacy-sc__qaTxt2 {
  padding-left: 17.25em;
}

/*--- media screen ---*/
@media screen and (max-width: 768px) {
  .privacy-container {
    margin-top: 40px;
  }
  .privacy-container__bg {
    width: 100%;
    padding: 0 4vw;
    background-size: 9.6vw;
  }
  .no-webp .privacy-container__bg {
    background-image: none;
  }
  .privacy-container__inner {
    width: 100%;
    padding: 28px 0 56px;
  }
  .privacy-header__ttl {
    font-size: 7.2916666667vw;
  }
  .privacy-header__desc {
    margin-top: 28px;
    padding: 21px;
  }
  .privacy-header__desc p {
    font-size: 3.6458333333vw;
    line-height: 1.6;
  }
  .privacy-sc {
    margin-top: 28px;
  }
  .privacy-sc__inner {
    padding: 21px;
  }
  .privacy-sc__ttl--l {
    padding-bottom: 5px;
    font-size: 4.6875vw;
    line-height: 1.8;
  }
  .privacy-sc__ttl--m {
    margin-top: 21px;
    font-size: 4.1666666667vw;
  }
  ul.privacy-sc__list {
    margin-top: 14px;
  }
  ul.privacy-sc__list li {
    padding-left: 1em;
    font-size: 3.6458333333vw;
  }
  ul.privacy-sc__list li:not(:first-child) {
    margin-top: 10px;
  }
  ol.privacy-sc__olList {
    margin-top: 14px;
    counter-reset: item;
  }
  ol.privacy-sc__olList li {
    padding-left: 2em;
  }
  ol.privacy-sc__olList--qa {
    margin-top: 14px;
  }
  ol.privacy-sc__olList--qa li {
    padding-left: 2em;
  }
  .privacy-sc__list__dl {
    margin-top: 21px;
  }
  .privacy-sc__list__dl dl dt {
    font-size: 3.6458333333vw;
    line-height: 1.7;
  }
  .privacy-sc__list__dl dl dd {
    font-size: 3.6458333333vw;
    line-height: 1.7;
  }
  .privacy-sc__list__dl dl dd p {
    margin-top: 10px;
  }
  .privacy-sc__list__dl dl:not(:first-child) {
    margin-top: 21px;
  }
  .privacy-sc__note {
    margin-top: 10px;
  }
  .privacy-sc__note p {
    font-size: 3.125vw;
  }
  .privacy-sc__list__txt {
    margin-top: 10px;
  }
  .privacy-sc__list__txt p {
    font-size: 3.6458333333vw;
    line-height: 1.7;
  }
  .privacy-sc__qaTxt1 {
    padding-left: 0;
  }
}