@charset "utf-8";
/* CSS Document */

body {
  background: url(img/cleaning_bg.png) left top repeat;
}



.fv {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 4rem;
  padding-top: 2.4rem;
}


.block {
  width: 90%;
  max-width: 850px;
  margin: 4rem auto 4.8rem;
  font-weight: 500;
}

.block p {
  line-height: 1.6;
  font-size: 1rem;
}


.block--intro p {
  font-size: 1.6rem;
  text-align: center;
  line-height: 2;
}

.marker {
  background: #ffc295;
  padding: 0 .4rem 0;
  font-weight: 600;
}

a.marker {
  background: #ff6c00;
  color: #fff;
  padding: 0 .4rem 0;
  font-weight: 600;
}

.block .head {
  background: #333;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  padding: .8rem;
  min-height: 1.8rem;
  border-radius: .1rem;
  margin-bottom: 1rem;
}


.block--period p.period {
  font-family: "Zen Kaku Gothic New", "Plus Jakarta Sans", sans-serif;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08rem;
  margin-top: 2.4rem;
}

.block--period p.period+p {
  margin-top: 1.6rem;
  text-align: center;
  font-weight: 500;
}


.detail {
  margin-top: 2.4rem;
}


.detail dt {
  font-weight: 600;
  margin-bottom: .8rem;
}

/*
.detail dt:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  color: #ff6c00;
  padding: 0 7px 0 0;
}
*/

.detail dd {
  font-size: 1.4rem;
  margin-bottom: 3.2rem;
}




.howtoList li {
  position:relative;
  line-height:1.6;
  margin-bottom:2rem;
  padding-left:2.4rem;
}

.howtoList li span {
  position:absolute;
  margin-right: .4rem;
  display: inline-block;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  padding-top: .2rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  background: #ff6c00;
  left:0;
  top:0;
}

.howtoList li strong {
  font-weight:700;
}



/*　ご利用上の注意　*/

.block.block--attention {
  background: #fff;
  padding: 2.4rem 2.4rem 2rem;
}

.block.block--attention .head {
  padding: 0;
  background: #fff;
  color: #333;
  font-weight: 900;
}


.attentionList li {
  line-height: 1.6;
  margin: 1.6rem 0;
  font-size: .9rem;
}

.attentionList li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  color: #ff6c00;
  font-weight:600;
  padding: 0 .4rem 0 0;
}



.btnArea {
  width: 90%;
  max-width: 850px;
  margin: 4rem auto 4.8rem;
}




.btn a {
  border-radius: .2rem;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 700;
  margin: 0 auto 0;
  text-align: center;
  padding: 1.6rem;
  background: #ff6c00;
  display: block;
  width: 100%;
  max-width: 400px;
}

.pict--ticket {
  width: 70%;
  margin: 3.2rem auto 0;
}


.pict--ticket h3 {
  margin-bottom: .8rem;
  font-weight: 600;
}

.pict--ticket p {
  font-weight:700;
  font-size:1.2rem;
}


strong {
  font-weight:700;
}



@media (max-width: 767.98px) {



  .block--intro p {
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: left;
  }

  .block--period p.period+p {
    margin-top: .8rem;
  }



  .block.block--attention {
    padding: 1.8rem 1.6rem 1.6rem;
  }

.pict--ticket {
  width: 100%;
  margin: 3.2rem auto 0;
}




}


@media (min-width: 767.98px) and (max-width: 1023px) {

  /* タブレット用スタイル */

}


/*

googleフォント


▼アルファベット
.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

▼日本語
.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

*/