@charset "utf-8";

/*------------
  property
------------*/

#page-kv .property-ttl {
  padding: 13px 0;
  color: #FFF;
  background: #19559B;
  background: linear-gradient(to right, #1b95d4, #19559b);
}
#page-kv.property-old .property-ttl {
  background: #19559B;
  background: linear-gradient(to right, #19559b, #1b95d4);
}
#page-kv .property-ttl h1 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  #page-kv .property-ttl {
    padding: 10px 5%;
  }
  #page-kv .property-ttl h1 {
    font-size: 19px;
  }
}


/*
  property-btn
------------*/

#property-btn {
  padding: 0 0 80px;
}
#property-btn div + div {
  margin-top: 48px;
}

@media screen and (max-width: 768px) {
  #property-btn {
    padding: 0 5% 40px;
  }
  #property-btn .btn-blue a {
    width: 100%;
  }
}

#property-btn .btn-blue a,
#property-btn .btn-lightblue a {
    padding: 18px 0;
}

/*------------
  property-new
------------*/

/*
  new-sec01
------------*/

#new-sec01 {
  padding: 63px 0 40px;
}
#new-sec01 h2 {
  text-align: center;
  font-size: 30px;
  color: #53AFDE;
}
#new-sec01 .sec01-img {
  margin-top: 46px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #new-sec01 {
    padding: 40px 5%;
  }
  #new-sec01 h2 {
    font-size: 19px;
  }
}


/*
  new-sec02
------------*/

#new-sec02 {
  padding: 50px 0;
}
#new-sec02 h2 {
  text-align: center;
  font-size: 30px;
  color: #53AFDE;
}
#new-sec02 .sec02-box {
  margin-top: 40px;
  background: #EEEEEE;
}
#new-sec02 .sec02-box .box-ttl {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
#new-sec02 .sec02-inner {
  padding: 45px;
}
#new-sec02 .sec02-flex {
  display: flex;
  justify-content: space-between;
}
#new-sec02 .sec02-flex + .sec02-flex {
  margin-top: 50px;
}
#new-sec02 .sec02-flex div:nth-child(1) {
  width: 55%;
}
#new-sec02 .sec02-flex div:nth-child(2) {
  width: 44%;
}

@media screen and (max-width: 768px) {
  #new-sec02 {
    padding: 40px 5%;
  }
  #new-sec02 h2 {
    font-size: 19px;
  }
  #new-sec02 .sec02-inner {
    padding: 20px;
  }
  #new-sec02 .sec02-flex {
    display: block;
  }
  #new-sec02 .sec02-flex + .sec02-flex {
    margin-top: 20px;
  }
  #new-sec02 .sec02-flex div {
    width: 100%;
  }
  #new-sec02 .sec02-flex div + div {
    margin-top: 20px;
  }
  #new-sec02 .sec02-box .box-ttl {
    font-size: 14px;
  }
  #new-sec02 .sec02-flex div:nth-child(1) {
  width: 100%;
  }
  #new-sec02 .sec02-flex div:nth-child(2) {
    width: 100%;
  }
  #new-sec02 .sec02-flex div:nth-child(1) img,
  #new-sec02 .sec02-flex div:nth-child(2) img{
    display: block;
    margin: auto;
  }
}


/*
  new-sec03
------------*/

#new-sec03 {
  padding: 40px 0 50px
}
#new-sec03 .sec03-img {
  text-align: center;
}
#new-sec03 .sec03-table {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 100px;
  border: 1px solid #CCCCCC;
  border-right: none;
  border-bottom: none;
  line-height: 35px;
}
#new-sec03 .sec03-table + .sec03-table {
  margin-top: 20px;
}
#new-sec03 .sec03-table div {
  display: flex;
  width: 50%;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
#new-sec03 .sec03-table div._full {
  width: 100%;
}
#new-sec03 .sec03-table dt {
  width: 180px;
  padding: 6px 0;
  text-align: center;
  background: #EEEEEE;
}
#new-sec03 .sec03-table dd {
  width: calc(100% - 180px);
  padding: 6px 50px;
}
#new-sec03 .sec03-table dd ._bold {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #new-sec03 {
    padding: 40px 5%;
  }
  #new-sec03 .sec03-table {
    display: block;
    margin-top: 40px;
  }
  #new-sec03 .sec03-table div {
    display: block;
    width: 100%;
  }
  #new-sec03 .sec03-table dt {
    width: 100%;
    padding: 10px;
  }
  #new-sec03 .sec03-table dd {
    width: 100%;
    padding: 10px;
  }
}


/*------------
  property-old
------------*/

/*
  old-sec01
------------*/

#old-sec01 {
  padding: 25px 0 55px;
}
#old-sec01 .sec01-box {
  padding: 40px 0 50px;
  border-bottom: 1px solid #CCCCCC;
}
#old-sec01 .sec01-box h2 {
  margin-bottom: 15px;
  font-size: 30px;
}
#old-sec01 .sec01-flex {
  display: flex;
  justify-content: space-between;
}
#old-sec01 .sec01-img {
  width: 39%;
}
#old-sec01 .sec01-table {
  width: 57%;
  border: 1px solid #CCCCCC;
  border-bottom: none;
}
#old-sec01 .sec01-table div {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
}
#old-sec01 .sec01-table dt {
  width: 180px;
  padding: 11px 0;
  text-align: center;
  font-weight: normal;
  background: #EEEEEE;
}
#old-sec01 .sec01-table dd {
  width: calc(100% - 200px);
  padding: 11px 40px;
}
#old-sec01 .sec01-table dd ._bold {
  font-weight: bold;
}
#old-sec01 .sec01-table dd p + p {
  margin-top: .5rem;
}

@media screen and (max-width: 768px) {
  #old-sec01 {
    padding: 0 5% 40px;
  }
  #old-sec01 .sec01-box h2 {
    font-size: 19px;
  }
  #old-sec01 .sec01-flex {
    display: block;
  }
  #old-sec01 .sec01-img {
    width: 100%;
  }
  #old-sec01 .sec01-table {
    width: 100%;
    margin-top: 20px;
  }
  #old-sec01 .sec01-table div {
    display: block;
    width: 100%;
  }
  #old-sec01 .sec01-table dt {
    width: 100%;
    padding: 10px;
  }
  #old-sec01 .sec01-table dd {
    width: 100%;
    padding: 10px;
  }
}