@charset "UTF-8";
/* ========================================================
 UTILITTY
 ** 汎用クラス
 ======================================================== */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

/*
右寄せ＆左寄せ
_________________________________________________________*/
.a-center {
  text-align: center;
}

.a-right {
  text-align: right;
}

.a-left {
  text-align: left;
}

.f-right {
  float: right;
}

.r-left {
  float: left;
}

/*
マージン＆パディング
_________________________________________________________*/
.mb-100 {
  margin-bottom: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pt-5 {
  padding-top: 5px;
}

/*
文字サイズ
_________________________________________________________*/
.fs-24 {
  font-size: 2.4rem;
}

.fs-22 {
  font-size: 2.2rem;
}

.fs-20 {
  font-size: 2rem;
}

.fs-18 {
  font-size: 1.8rem;
}

.fs-16 {
  font-size: 1.6rem;
}

.fs-14 {
  font-size: 1.4rem;
}

.fs-12 {
  font-size: 1.2rem;
}

.fs-10 {
  font-size: 1rem;
}

/*
状態
_________________________________________________________*/
.hidden {
  display: none;
}

.sp-only {
  display: none !important;
}

@media only screen and (max-width: 640px) {
  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }
}
/*
 list
 _________________________________________________________*/
.list-circle li {
  margin: 10px 0;
  text-align: left;
  padding-left: 25px;
  position: relative;
}
.list-circle li em {
  background: #358e5d;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  position: relative;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 2px;
}

.list-indent li {
  margin-left: 2em;
  text-indent: -2em;
  display: block;
  margin-bottom: 5px;
}