@charset "utf-8";


/* privacy-policy */

.privacy-policy {
  margin: 6em auto 0 auto;
  padding: 2em;
  width: 100%;
  max-width: 100rem;
  height: 36rem;
  overflow-y: scroll;
  border: 0.1rem solid #00aeef;
  text-align: left;
}

.privacy-policy .privacy-policy-title {
  margin: 0 auto 1em;
  font-size: var(--font-size-l);
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.privacy-policy .privacy-policy-sub-title {
  margin: 1em 0 1em 0;
  font-size: var(--font-size-m);
  font-weight: bold;
}

.privacy-policy time {
  display: inline-block;
  width: 100%;
  text-align:right;
}


.privacy-policy .list-ol .list-ul li{ list-style: disc;}


.agree-check {
  margin: 0 auto 3em auto;
  padding: 2em 1em;
  width: 100%;
  max-width: 100rem;
  border: 0.1rem solid #00aeef;
  border-top: none;
  background-color: #f1f1f1;
  text-align: center;
}


.agree-check .checkbox + label{ display: inline-block;}

.agree-check .checkbox + label:before{
  position: absolute;
  top: 0.2rem;
  left: 0;
  bottom: inherit;
}

.agree-check .error-msg{
  margin: 0;
  padding: 0.5em 0;
  display: block;
  color: #c00;
  font-size: var(--font-size-m);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  clear: both;
}


.submit-button-block{
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}



.submit-button-block button,
.submit-button-block a{
  position: relative;
  margin: 0 1em;
  padding: 1em 0.6em;
  width: calc(50% - 2em);
  max-width: 22em;
  display: block;
  border-radius: 2em;
  border: solid 0.1rem #00aeef;
  background: #00aeef;
  color: #fff;
  font-size: var(--font-size-m);
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.submit-button-block button.return,
.submit-button-block button.reset,
.submit-button-block a.return,
.submit-button-block a.reset{
  background: rgb(204,204,204);
  background: #fff;
    color: #333;
}

.submit-button-block a.return:before{ background: url(/common/img/icon_arrow.svg) center center no-repeat;}

.submit-button-block button:before,
.submit-button-block a:before{
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  background: url(/common/img/icon_arrow_w.svg) center center no-repeat;
  background-size: contain;
  content: "";
}

.submit-button-block button.search:before{
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  background: url(/common/img/icon_search.svg) center center no-repeat;
  background-size: contain;
  content: "";
}

.submit-button-block button.reset:before,
.submit-button-block a.reset:before{
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  background: url(/common/img/icon_reset.svg) center center no-repeat;
  background-size: contain;
  content: "";
}


.submit-button-block form{
  position: relative;
  margin: 0 1em;
  padding: 1em 0.6em;
  width: calc(50% - 2em);
  max-width: 22em;
  display: block;
}


.submit-button-block form button,
.submit-button-block form a{
  position: relative;
  margin: 0 1em;
  padding: 1em 0.6em;
  width: 100%;
  max-width: 100em;
  display: block;
  border-radius: 2em;
  border: solid 0.1rem #00aeef;
  background: #00aeef;
  color: #fff;
  font-size: var(--font-size-m);
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}



@media screen and (max-width: 580px) {

.privacy-policy {
  margin: 4em auto 0 auto;
  padding: 1em;
  height: 30rem;
}

.privacy-policy .privacy-policy-title {
  margin: 0 auto 1em;
  font-size: var(--font-size-l);
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.privacy-policy .lead-txt{ font-size: var(--font-size-m);}

.privacy-policy .txt,
.privacy-policy .li{ font-size: var(--font-size-s);}

.privacy-policy .list-ol .list-ul li{ list-style: disc;}

.submit-button-block{
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.submit-button-block button,
.submit-button-block a{
  position: relative;
  margin: 0.5em 0;
  padding: 0.8em 0.5em;
  width: 90%;
  max-width: 22em;
}


}/* SP580 */



