@charset "UTF-8";

.lifestyle_bn,.merit_bn{transition: 0.3s all;}

.intro_item{margin-top: 30px;}
.intro_tit{text-align: center;font-size: 24px;padding: 0.6em;line-height: 1;border-bottom: 3px solid;letter-spacing: 0.05em;}

#merit{margin-top:20px;}
#shopping{margin-top: 70px;}
#shopping .intro_tit{background: #f1e3e7;border-bottom-color: #9f465f;}
#medical .intro_tit{background: #daecec;border-bottom-color: #087d81;}
#education .intro_tit{background: #e0e6ed;border-bottom-color: #325987;}
#public .intro_tit{background: #ebe6e1;border-bottom-color: #785434;}
#park .intro_tit{background: #e5eee3;border-bottom-color: #4f8e42;}
#bank .intro_tit{background: #e2e4eb;border-bottom-color: #3b487b;}
#activity .intro_tit{background: #e8dfe8;border-bottom-color: #632967;}

#shopping .intro_tit img,
#bank .intro_tit img{width:25px;margin-right:10px;}
#medical .intro_tit img,
#education .intro_tit img,
#public .intro_tit img,
#activity .intro_tit img{width:28px;margin-right:10px;}
#park .intro_tit img{width:30px;margin-right:10px;}


#support_service{background: #f4f2e8 url("../img/support_service_bk.webp") no-repeat right bottom;}
.support_service_item{display: flex;justify-content: space-between;flex-wrap: wrap;filter: drop-shadow(0 0 0.1em #f4f2e8) drop-shadow(0 0 0.1em #f4f2e8) drop-shadow(0 0 0.1em #f4f2e8) drop-shadow(0 0 0.1em #f4f2e8);}
.support_service_item > *{width: 23.5%;}
.support_service_item > *:nth-of-type(n+5){margin-top: 40px;}
.support_service_item h5{color: #672e18;font-size: 18px;min-height: 3em;display: flex;flex-wrap: wrap;align-items: center;}
.support_service_item h5 + p{margin-top: 0.5em;}
#support_service .contents_tit img{width: 60px;margin-bottom: 10px;}


#life_info .contents_tit{letter-spacing: 0.1em;font-family: 'EB Garamond', serif;margin-top: 70px;}
.life_info_wrap{display: flex;justify-content: space-between;margin-top: 30px!important;}
.life_info_wrap li{width: 31%;}
.life_info_wrap li div{animation-name: fadeInUp;}
.life_info_wrap li div:nth-of-type(n+2){margin-top: 20px;}
.life_info_tit{color: #fff;padding: 0.5em 0.7em;font-size: 18px;line-height: 1;display: flex;justify-content: space-between;}
.life_info_tit span{font-family: 'EB Garamond', serif;}
.life_info_item{display: flex;flex-wrap: wrap;padding: 10px 3px 0;font-size: 13px;line-height: 1.4;}
.life_info_item > *{margin-top: 3px;}
.life_info_item dt{width: calc(100% - 6.8em);}
.life_info_item dd:nth-of-type(odd){width: 2.3em;}
.life_info_item dd:nth-of-type(even){width: 4.5em;text-align: right;}
.life_info_item dt span{letter-spacing: 0;}
.shopping .life_info_tit{background: #9f465f;}
.public .life_info_tit{background: #785434;}
.medical .life_info_tit{background: #087d81;}
.bank .life_info_tit{background: #3b487b;}
.activity .life_info_tit{background: #632967;}
.education .life_info_tit{background: #325987;}
.park .life_info_tit{background: #4f8e42;}

#lifestyle{
  background: #F1F0E5;
  padding: 40px 0 160px;
}
#lifestyle .wrap1024{
  position: relative;
}
.lifestyle_head{
  background: url("../img/lifestyle_bgimage01.svg") no-repeat left center;
  display: flex;
  align-items: center;
  font-size: 28px;
  height: 280px;
  line-height: 200%;
  padding-left: 270px;
}
.lifestyle_head h3{
  z-index:1000;
}
.lifestyle_head h3 span{
  font-size: 56px;
  color:#AFAE72;
  font-family: YakuHanMP, 'EB Garamond','Noto Serif JP',serif;
  display: block;
  margin-bottom: 20px;
}
.lifestyle_ario{
  width: 300px;
  max-width: 100%;
}
.lifestyle_abeno{
  margin-top: -140px;
  display: flex;
  align-items: flex-end;
}
.lifestyle_abeno .lifestyle_contents{
  margin-left: 30px;
}
.lifestyle_mapimg{
  margin-top: -15px;
  margin-bottom: 10px;
}
.lifestyle_ario h4,.lifestyle_abeno h4{
  margin-bottom: 10px;
  font-size: 18px;
}
.lifestyle_abeno p,.lifestyle_abeno span{
  display: block;
  font-size: 14px;
}
.lifestyle_ario p,.lifestyle_ario span{
  display: contents;
  font-size: 14px;
}
.lifestyle_ario{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.lifestyle_map{
  background: url("../img/lifestyle_bgimage02.svg") right bottom no-repeat;
  background-size: 300px 211px;
  padding-bottom: 90px;
}
.lifestyle_shoplist{
  margin-top: -20px;
}
.shoplist{
  background: url("../img/lifestyle_bgimage03.svg") no-repeat bottom right;
  background-size: 420px 231px;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.childspot_list{
  background: #FFF url("../img/lifestyle_bgimage04.svg") no-repeat;
  background-size: 80px 110px;
  background-position: top 10px right 20px;
  display:flex;
  border-radius: 5px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 20px;
}
.shopdetail,.spotdetail{
  width: 49%;
  max-width: 500px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
}
.spotdetail{
  margin-bottom: 0;
  padding-bottom: 0;
}
.shopdetail.noborder,.spotdetail.noborder{
  border-bottom: none;
}
.shoptitle,.spottitle{
  display: flex;
  margin-bottom: 10px;
}
.number{
  background: #B4434E;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  display:inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 18px;
}
.shoptitle h4,.spottitle h4{
  font-size: 18px;
  margin-left: 10px;
}
.shoptitle h4 span,.spottitle h4 span{
  display: block;
  font-size: 14px;
}
.shopinfo,.spotinfo{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}
.shopimage,.spotimage{
  width: 48%;
}
.shopinfo_text,.spotinfo_text{
  width: 48%;
  font-size: 14px;
}
.shopinfo_text p{
  margin-bottom: 20px;
  font-size: 14px;
}
.storeinfo{
  font-size: 13px !important;
}
.childspot_title{
  width: 100%;
  font-size: 24px;
  margin-bottom: 20px;
}
.spotinfo .spotinfo_text{
  position: relative;
}
.spotinfo .childimg{
  position: absolute;
  width: 100%;
  text-align: right;
  padding-top: 10px;
}
.spotinfo .childimg img{
  width: 127px;
  height: 150px;
}

@media screen and (min-width: 1921px) {
}

@media screen and (max-width: 1063px) {
.lifestyle_shoplist{padding: 0 20px;}
.lifestyle_map{background-size: 180px 130px;}
.shoplist{background-size: 340px 190px;}
}

@media screen and (min-width: 769px) {
.lifestyle_bn:hover{opacity: 0.6;}
#merit a.merit_bn:hover{opacity:0.6;}
.intro_item > *:nth-of-type(3n-1){animation-delay: 0.2s;}
.intro_item > *:nth-of-type(3n){animation-delay: 0.4s;}

.future_item > dd{animation-delay: 0.2s;}

.life_info_tit{pointer-events: none;}

}

@media screen and (max-width: 768px) {
  #lifestyle {
    padding-bottom: 40px;
  }
  .lifestyle_head {
    background: url("../img/lifestyle_bgimage01.svg") no-repeat right bottom;
    background-size: 125px 120px;
    display: flex;
    align-items: flex-end;
    font-size: 20px;
    height: 150px;
    line-height: 180%;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .lifestyle_head h3 span{
    font-size: 36px;
    margin-bottom: 10px;
  }
  .lifestyle_ario {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
    flex-direction: row-reverse;
  }
  .lifestyle_abeno {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
  }
  .lifestyle_mapimg{
    width: 40%;
  }
  .lifestyle_contents{
    width: 56%;
  }
  .lifestyle_ario h4, .lifestyle_abeno h4 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .lifestyle_abeno .lifestyle_contents {
    margin-left: 10px;
  }
  .lifestyle_map {
    background: url("../img/lifestyle_bgimage02.svg") right bottom no-repeat;
    background-size: 170px 95px;
    padding-bottom: 73px;
  }
  .shopdetail, .spotdetail {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .shoplist {
    background-size: 200px 110px;
  }
  .childspot_title {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .childspot_list {
    background-size: 60px 82px;
    background-position: top 10px right 4px;
  }
  .spotinfo .spotinfo_text{
    position: initial;
  }
  .spotinfo .childimg {
    position: absolute;
    width: 95px;
    right: 0;
    bottom: -40px;
  }
  
.intro_item{margin-top: 20px;}
.intro_tit{font-size: 18px;padding: 0.6em;border-bottom: 2px solid;}

#shopping{margin-top: 40px;}

.storeinfo{
  display: block;
  width: 200%;
}
.lifestyle_ario span{
  display: inline;
  font-size: 14px;
}

#support_service{}
.support_service_item{display: flex;justify-content: space-between;flex-wrap: wrap;text-shadow: 0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8,0 0 0.1em #f4f2e8;}
.support_service_item > *{width: 100%;}
.support_service_item > *:nth-of-type(n+2){margin-top: 20px;}
.support_service_item h5{color: #672e18;font-size: 16px;min-height: auto;display: flex;flex-wrap: wrap;align-items: center;}
.support_service_item h5 + p{margin-top: 0.5em;}

#life_info .contents_tit{margin-top: 40px;}
.life_info_wrap{flex-wrap: wrap;margin-top: 20px!important;}
.life_info_wrap li{width: 100%;}
.life_info_wrap li:nth-of-type(n+2){margin-top: 15px;}
.life_info_wrap li div:nth-of-type(n+2){margin-top: 15px;}
.life_info_tit{font-size: 15px;padding-right: 35px;}
.life_info_tit .ac_btn{font-weight: 900;color: #333;display: flex;justify-content: center;align-items: center;width: 20px;height: 20px;background: #fff;border-radius: 50%;font-family: 'Noto Serif JP', serif;font-size: 18px;line-height: 1;position: absolute;right: 7px;top: 0;bottom: 0;margin: auto;padding-bottom: 0.1em;transition: 0.3s all;}
.life_info_item > *{margin-top: 2px;}
.life_info_item dt{width: calc(100% - 7.3em);}
.life_info_item dd:nth-of-type(even){width: 5em;}

.ac_wrap{display: none;}
.active .ac_btn{transform: rotate(45deg);}
  

}