@charset "utf-8";


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
「安心」して「楽しく暮らせる」
.houmon
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.ttl-bg{
   background-image: url(/hamamatsu-higashi/common/img/houmon-bg.jpg);
   background-size: cover; height: 750px;
   position: relative;
   background-position: top center;
   background-repeat: no-repeat; position: relative;
 }

.ttl-line{
   background-image: linear-gradient(90deg, rgba(0, 175, 187, 0.9) 10%, rgba(0, 190, 128, 0.9) 90%);
   position: absolute;
   bottom: 0; padding: 2.5rem 0; width: 100%; color: #FFF;}

.ttl-line h2{font-size: 2.8rem;font-weight: 500;margin-bottom: 0!important;}
.ttl-line p{font-size: 1.8rem; font-weight: 400;}

@media screen and (max-width: 768px) {
.ttl-bg{height: 600px;}
.ttl-line{padding: 2rem 0;}
.ttl-line h2{font-size: 1.9rem;}
.ttl-line p{font-size: 1.5rem; line-height: 1.35;margin-top: 1rem;}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス案内
.service-info
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.service-info-bg{background-color: #DFFFF7;}
.service-info01{padding: 4rem 0;}
.service-info02{padding: 7rem 0;}
.service-info-txt{text-align: center; margin: -2rem auto 2rem;}
@media screen and (max-width: 768px) {
.service-info01,.service-info02{padding: 4rem 0;}
}

/*------サービス内容------*/

.service-info-list{display: flex;justify-content: space-between;align-items: stretch; margin-bottom: 4rem;}
.service-info-list > li{
   width: 32%;
   align-items: center;
   border-radius: 1rem 1rem 0.8rem 0.8rem;
   background-color: #FFF;
}

.service-info-list dt{
   background-color: #288D74;
   border-radius: 0.8rem 0.8rem 0 0;
   text-align: center;
   font-size: 1.5rem;
   color: #FFF;
   padding: 1.5rem 0;
   font-weight: 500;
}

.service-info-list dd{padding: 2rem;}

.service-details-list li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 1rem;
  line-height: 1.35;
}

.service-details-list li:last-child{margin-bottom:0;}
.service-details-list li:before {
  content: "";
  position: absolute;
  top: .3em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #c1d5d0;
  border-radius: 50%;
}



.jc-center{justify-content: center;}
.jc-center > li:last-child{margin-left: 2rem;}


@media screen and (max-width: 768px) {
.service-info-list{flex-direction: column;margin-bottom: 0;}
.service-info-list > li{width: 100%;margin-bottom: 2rem;}
.service-info-list dd{padding: 1.9rem 1.5rem;}
.jc-center > li:last-child{margin-left:0;}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス条件
.service-constraints
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.service-constraints{padding:7rem 0 11rem;}
.service-constraints-list{}

.service-constraints-list li{border-top: #D3D3D3 solid 1px;}
.service-constraints-list li:last-child{border-bottom: #D3D3D3 solid 1px;}
.service-constraints-list dt,dd{display: inline-block;box-sizing: border-box;}
.service-constraints-list dl{display: flex;align-items: center;justify-content: space-between;}
.service-constraints-list dt{width: 20%; font-weight: 500;background-color: #F1F4F5;padding: 1.5rem 0;text-align: center;}
.service-constraints-list dd{width: 80%;padding: 1.5rem 0 1.5rem 1.5rem;}

.service-ttl{font-weight: 600;font-size: 2rem;text-align: center;margin: 3rem 0 2rem;}

@media screen and (max-width: 768px) {
.service-constraints{padding: 4rem 0;}
.service-constraints-list li{font-size: 1.1rem;}
.service-constraints-list dt{width: 30%;;padding: 1rem 0;}
.service-constraints-list dd{width: 70%;padding: 1rem 0 1rem 1rem;}
}