#mainArea{
  margin: 0 auto;
  font-size: 100%;
  line-height: 2.4;
  letter-spacing: 0.5px;
  color: #000000;
}
a{
  text-decoration: none !important;
}
a:hover{
  text-decoration: none !important;
}
.f-ja{
  /*font-family: "Harmonia Sans W01", "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", sans-serif;*/
  font-family: 'Noto Sans JP', sans-serif;
}
.bold{
  font-weight: 700;
}
.f-12{
  font-size: 1.2rem;
}
.f-13{
  font-size: 1.3rem;
}
.f-15{
  font-size: 1.5rem;
}
.f-18{
  font-size: 1.8rem;
  line-height: 1.8;
}
.f-30{
  font-size: 3.0rem;
  line-height: 1.5;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.blc{
  display: block;
}
.in-blc{
  display: inline-block;
}
.v-t{
  vertical-align: top;
}
.v-m{
  vertical-align: middle;
}
.v-b{
  vertical-align: bottom;
}
.ma_10{
  margin: 10% 0;
}
.ma_5{
  margin: 5% 0;
}
.pa_3{
  padding: 3%;
}
h3{
  padding: 5% 0;
}
.inner_{
  max-width: 1000px;
  padding: 5% 0 0 0;
  margin: 0 auto;
}
#itemArea{
  border-bottom:1px solid #000000;
}
.list_{
  display: inline-block;
      width: 22%;
      text-align: center;
      vertical-align: top;
      margin: 4% 1% 7%;
      line-height: 1.8;
}
.cap_{
  text-align: left;
  margin: 10% 0 0 10%;
  /*border-top: 1px solid #000000;*/
}
.cap2_{
  margin: 10% 0 25%;
  border: none;
  text-align: left;
}
.w_50{
  width: 50%;
}
.w_40{
  width: 40%;
}
.s1-3{
  width: 68%;
      text-align: right;
      margin: 4% 1.5% 0 2%;
      z-index: 99;
}
.s1-4{
  width: 25%;
      margin: 0 0 -25% 1%;
      z-index: 99;
}
.s1-5{
  margin: -5% 0 0 54%;
  z-index: 100;
  text-align: center;
  border: 18px solid #ffffff;
}

.s2-2{
  width: 45%;
  text-align: right;
  margin: 4% 1.5% 0 2%;
  z-index: 99;
}
.s2-3{
  width: 28%;
      margin: 0 5%;
      z-index: 99;
      vertical-align: middle;
}
.s2-4{
  margin: -47% 0 0 79%;
  z-index: 100;
  text-align: center;
  border: 18px solid #ffffff;
}
.s3-2{
  width: 45%;
      text-align: right;
      margin: -6% 1.5% 0 2%;
      z-index: 99;
}
.s3-4{
  width: 50%;
  margin: 5% 0 0 8%;
  z-index: 99;
  vertical-align: middle;
}
.s3-3{
  width: 35%;
      margin: -13% 0 0 0;
      z-index: 99;
      vertical-align: middle;
}
.link_{
    margin: 0 0 5% 0;
    width: 400px;
}
.link_:last-child{
  margin: 0;
}
.linkArea_{
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #000000;
  padding: 0 0 0 2%;
  margin: 0 0 0 2%;
}
.itemList_{
  width: 100%;
      display: inline-block;
      margin: -25% 0 7% 0;
      font-size: 13px;
      z-index: 101;
      border-bottom: 1px solid #ebebeb;
      padding: 0 0 10% 0;
}
.itemName_{
  display: inline-block;
  width: 78%;
  line-height: 1.8;
  vertical-align: middle;
}
.btn_ {
  margin: 0 auto;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      width: 20%;
}
.btn_ a{
  border: 1px solid #000000;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  padding: 8px 0;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 70px;
  line-height: 13px;
  height: 30px;
}
.btn_ a:hover {
 color: #36281c !important;
 background-color: #ffffff;
 border: 1px solid #36281c;
}