@charset "utf-8";

/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
font-weight: 700;
*/

.slider-box,
.slider-sp-box{
  background: #fffef3;
  position: relative;
}
.slider-box .swiper-pagination-bullet,
.slider-sp-box .swiper-pagination-bullet{
width: 40px;
height: 3px;
border-radius:0;
}
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.slider-sp-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets,
.slider-box .swiper-pagination-custom,
.slider-box .swiper-pagination-fraction{
bottom: 14px;
}
.slider-sp-box .swiper-container-horizontal > .swiper-pagination-bullets,
.slider-sp-box .swiper-pagination-custom,
.slider-sp-box .swiper-pagination-fraction{
bottom: 7px;
}
.slider-box .swiper-pagination-bullet-active,
.slider-sp-box .swiper-pagination-bullet-active{
background:#313131;   
}
.slider-box .swiper-slide img,
.slider-sp-box .swiper-slide img{width:100%;height:auto;}


.slider-box .text-slider,
.slider-sp-box .text-slider{
text-align: center;
width: 100%;
position: absolute;
left: 0;
z-index: 5;
}
.slider-box .text-slider{top: 28vw;}
.slider-sp-box .text-slider{top: 37vw;}

.slider-box .text-slider figure{
  width: 23em;
  margin: 0 auto 1em;  
}
.slider-sp-box .text-slider figure{
width: 60vw;
margin: 0 auto 1em;
}
.slider-box .text-slider figure img,
.slider-sp-box .text-slider figure img{
filter: drop-shadow(.2em .2em .3em rgba(0,0,0,.35));
}

.slider-box .text-slider p{
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: .1em;
  margin-top: 2.5em;
  display: inline-block;
}
.slider-sp-box .text-slider p{
  font-size: 5vw;
  font-weight: bold;
  margin-top: 2.5em;
  display: inline-block;
}
.slider-box .text-slider p,
.slider-sp-box .text-slider p{
  color: white;
  font-weight: bold;
  text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,.25);
}


.point-box{
  padding: 2rem 0;
}
.point-box .hx{
  font-size:3.5rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
  letter-spacing: .4rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 2rem;
}
.point-box .hx .inr-hx{
  font-weight: 700;
  padding: 0 0 0 .35em;
  display: inline-block;
}
.point-box .hx .num{
  color: #44A828;
  font-size: 2em;
  vertical-align: -.4rem;
  margin-left: .1em;
  display: inline-block;
}

.point-box .hx .text-highlighter{
background: linear-gradient(transparent 70%,rgba(255, 239, 57, 0.6) 0);
background: -webkit-linear-gradient(transparent 70%,rgba(255, 239, 57, 0.6) 0);
background: -moz-linear-gradient(transparent 70%,rgba(255, 239, 57, 0.6) 0);
background: -ms-linear-gradient(transparent 70%,rgba(255, 239, 57, 0.6) 0);
background: -o-linear-gradient(transparent 70%,rgba(255, 239, 57, 0.6) 0);
}
.point-box .intro-point{
  font-size: 1.7rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 500px) {
  .point-box .hx{font-size: 9vw;}
  .point-box .intro-point{font-size: 1.5rem;}
}

.point-box .list-point{
  counter-reset: point;
}
.point-box .point{
  margin-bottom: 7rem;
}
.point-box .hx-point{
  color: white;
  font-size: 2.5rem;
  /* font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700; */
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  padding: .75em 1em;
  background: #44A828;
  border-radius: .5em;
  /* border-top: 2px solid;
  border-bottom: 2px solid; */
}
.point-box .hx-point .prefix-hx{
  color: yellow;
  font-size: .7em;
  font-weight: bold;
  display: inline-block;
}
.point-box .hx-point .prefix-hx:after{
  font-size: 1.2em;
  counter-increment: point;
  content: counter(point);
  display: inline-block;
}
.point-box .subhx-point{
  font-size:2rem;
  font-weight:bold;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 2rem;
}
.point-box .subhx-point .text-highlighter{font-weight:bold;}
@media screen and (min-width: 768px) {
  .point-box .hx-point .prefix-hx{
    margin-right: .5em;
  }
}
@media screen and (max-width: 767px) {
  .point-box .hx-point{
  padding: .5em 1em .75em;
  }
  .point-box .hx-point .prefix-hx{
    margin-bottom: .3em;
  }
}

.point-box .list-image-point{
  position: relative;
  margin-bottom: 1rem;
}

.point-box .main-image-point img,
.point-box .sub-image-point img{
  border:4px solid transparent;
}

@media screen and (min-width: 768px) {
  .point-box .sub-image-point{display: flex;}
}
@media screen and (max-width: 767px) {
  .point-box .hx{
    line-height: .8;
    margin-top: 1.5rem;
  }
  .point-box .main-image-point{display: flex;}
}

.point-box .text-point{
  line-height:2;
}


.point-box .point-meal .text-point{
  margin-bottom: 2rem;
}
.point-box .point-meal .list-image-point{
  line-height:1.4;
}
.point-box .ex-meal-point{
  text-align: center;
}
.point-box .hx-ex-meal-point{
  color:white;
  font-weight: bold;
  letter-spacing:.25rem;
  margin-bottom: .75rem;
  padding: .5rem 0;
  background: #483321;
}
.point-box .ex-meal-point ul{
  margin: .5rem 0;
}
.point-box .ex-meal-point li{
  width: 32%;
  display: inline-block;
}
.point-box .ex-meal-point figure{display: inline-block;}
.point-box .insta-point{
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .point-box .insta-point{
    margin-top: -2em;
    width: 102%;
    left: -2%;
  }
}
@media screen and (max-width: 767px) {
  .point-box .point-meal .text-point{margin-top: 1rem;}
  .point-box .insta-point{
    width: 106%;
    left: -6%;
  }
}



.point-box .point-security .text-point{
  margin: .5em 0 2em;
}

.point-box .ex-manager-point{
  text-align: center;
}
.point-box .hx-ex-manager-point{
  color: white;
  font-weight: bold;
  letter-spacing: .25rem;
  margin-bottom: .75rem;
  padding: 1rem 0;
  background: #483321;
}
.point-box .ex-manager-point ul{
  margin: .5rem 0;
}
.point-box .ex-manager-point li{
  width: 49%;
  display: inline-block;
}
.point-box .ex-manager-point figure{
  position: relative;
  display: inline-block;
}
.point-box .ex-manager-point figcaption{
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  width: 100%;
  position: absolute;
  bottom: .5em;
  left: 0;
  background: rgba(0,0,0,.8);
}
@media screen and (max-width: 767px) {
  .point-box .ex-manager-point figcaption{
    font-size: 1rem;
    line-height: 1.8;
  }
}

.point-box .ex-security-point{
  text-align: center;
}
.point-box .hx-ex-security-point{
  color: white;
  font-weight: bold;
  letter-spacing: .25rem;
  margin-bottom: .75rem;
  padding: 1rem 0;
  background: #483321;
}
.point-box .ex-security-point ul{
  margin: .5rem 0;
}
.point-box .ex-security-point li{
  width: 32%;
  display: inline-block;
}
.point-box .ex-security-point figure{
  display: inline-block;
}


.point-box .with-colona-point{
  text-align: center;
  margin-top: 1em;
  background: #eefaff;
  border: 2px solid #1C4B9F;
  border-radius: 1em;
  background-size: 20px 20px;
  margin: 0 auto;
  background-color: #eefaff;
  background-image: radial-gradient(#e4f4fb 15%, transparent 20%),
                    radial-gradient(#d8ecf5 15%, transparent 20%);
  background-position: 0 0, 10px 10px;
}
.point-box .inr-with-colona-point{
  padding: 1.5em;
  border-radius: 1em;
}
.point-box .hx-with-colona-point{
  color: white;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .25em 1.5em;
  background: #1C4B9F;
  border-radius: 3em;
  display: inline-block;
}
.point-box .sub-hx-list-with-colona{
  font-weight: bold;
  letter-spacing: .3em;
  margin-bottom: 1.2em;
}
.point-box .sub-hx-list-with-colona:before,
.point-box .sub-hx-list-with-colona:after{
  font-size:.7em;
  vertical-align: .1em;
  margin:0 .25em;
  content: '●';
  display: inline-block;
}
.point-box .list-with-colona ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.point-box .list-with-colona li{
  font-size: 1.2rem;
  line-height: 1.6;
  width:30%;
  margin: 0 1.5% 2em;
  display: inline-block;
}
.point-box .list-with-colona li figure img{
  padding: 1em 0;
  background: white;
  border-radius: 1.2em;
  display: inline-block;
}
.point-box .list-with-colona li figcaption{
  /* color: #1C4B9F; */
  font-weight: bold;
  margin-top: .25em;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .point-box .list-with-colona li{
    width: 18%;
    margin: 0 1% 2em;
  }
}
@media screen and (max-width: 767px) {
  .point-box .inr-with-colona-point{
    padding: 1.5em .5em;
    background:rgba(255,255,255,.6);}
  .point-box .hx-with-colona-point{
    font-size: 1.8rem;
    padding: .25em 1em;
  }
}
@media screen and (max-width: 500px) {
  .point-box .list-with-colona li{
    width:45%;
    margin: 0 1% 1.5em;
  }
}
@media screen and (max-width: 340px) {
  .point-box .with-colona-point{
    padding: 1.5em 0;
  }
  .point-box .hx-with-colona-point{
    font-size: 1.6rem;
  }
}


.point-box .point-living .text-point{
  margin-bottom: 3rem;
}
.point-box .hx-ex-living-point{
  color: white;
  font-weight: bold;
  letter-spacing: .25rem;
  text-align: center;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem 0;
  background: #483321;
}
.point-box .ex-living-point{
  text-align: center;
}
.point-box .ex-living-point ul{
  margin: .5rem 0;
}
.point-box .ex-living-point li{
  line-height: 1.5;
  width: 6em;
  margin-bottom: 1.5em;
  display: inline-block;
}
.point-box .ex-living-point figure{
  line-height: 1.2;
  display: inline-block;
}
.point-box .ex-living-point figure figcaption{
  font-size:1.2rem;
}
.point-box .hx-icons-living-point{
  padding: .75rem 0;
  border: 1px solid;
  border-radius: 3em;
}
@media screen and (max-width: 767px) {
  .point-box .ex-living-point ul{text-align: left;}
  .point-box .ex-living-point li{
    text-align: center;
    width: 23%;
  }
}
@media screen and (max-width: 350px) {
  .point-box .ex-living-point li{width: 32%;}
}


.point-box .point-living .baloon-image-point{
  width: 13em;
  position: absolute;
  left: -5.5rem;
  bottom: -1rem;
  z-index:2;
}
@media screen and (max-width: 767px) {
  .point-box .point-living .baloon-image-point{
    width: 10.5em;
    left: -3.5rem;
  }
}



.point-box .point-event .hx-list-event-image-point{
  color: white;
  font-weight: bold;
  letter-spacing: .25rem;
  text-align: center;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem 0;
  background: #483321;
}
.point-box .point-event .list-event-image-point{
  text-align: center;
}
.point-box .point-event .event-image-point{
  line-height: 1.4;
  margin-bottom: 2rem;
}
.point-box .point-event .event-image-point figure{
  margin: 4px;
  position: relative;
}
.point-box .point-event .event-image-point figcaption{
  color: white;
  font-weight: bold;
  width: 100%;
  padding: .5em 1em;
  background: rgba(0,0,0,.8);
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: .25em;
  z-index: 2;
}


.point-box .point-event .baloon-image-point{
  width: 13em;
  position: absolute;
  right: -4rem;
  bottom: -1rem;
  z-index:2;
}
@media screen and (max-width: 767px) {
  .point-box .point-event .baloon-image-point{
    width: 10em;
    right: -2.5rem;
  }
}




.experience-box{
  padding: 4rem 0 6rem;
  background: #f4fff1;
}
.experience-box .hx{
  font-size:3.2rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
  letter-spacing: 0.4rem;
  text-align: center;
  margin-bottom: 3rem;
}
.experience-box .hx .str1-hx,
.experience-box .hx .str2-hx{
  font-size:120%;
  font-weight: 700;
}
.experience-box .hx .str1-hx{color: #3ab946;}
.experience-box .hx .str2-hx{color: #ef773e;}
.experience-box .hx .icon-hx{
  width:4rem;
  margin-bottom: .5rem;
  display: inline-block;
}
.experience-box .sub-hx-experience{
font-size: 2.4rem;
font-weight: bold;
line-height: 1.6;
text-align: center;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .experience-box .hx{
    font-size:2.3rem;
    line-height: 1.4;
  }
  .experience-box .sub-hx-experience{
    font-size: 1.8rem;
  }
}

.experience-box .image-experience{
  text-align: center;
  margin-bottom:1rem;
}
.experience-box .image-experience img{
  border-radius: 1rem;
}
.experience-box .text-experience{
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.experience-box .text-experience .note{
  font-size: 90%;
  line-height: 1.8;
  margin-top: 1rem;
}

.experience-box .list-contact-experience{
  text-align: center;
}
.experience-box .list-contact-experience li{
  margin: 1rem;
  display: inline-block;
}
.experience-box .list-contact-experience a{
  color: white;
  line-height: 1.4;
  padding: 1rem 3rem;
  background: #3ab946;
  border-radius: 1rem;
  display: inline-block;
}
.experience-box .list-contact-experience strong{
  font-size: 1.6em;
  letter-spacing: .25em;
}

.experience-box .contact-experience{
  text-align: center;
}
.experience-box .hx-contact-experience{
  color: white;
  margin-bottom: 2em;
  padding: .5em 2em .25em;
  background: #3ab946;
  border-radius: 3em;
  display: inline-block;
}
.experience-box .hx-tel-contact-experience{
  font-weight: bold;
  letter-spacing: .2em;
  margin-bottom: .5rem;
}
.experience-box .tel-contact-experience{
  font-size: 3rem;
  margin: 1.2rem 0 .5rem;
}
.experience-box .tel-contact-experience .icon-tel{
  vertical-align: middle;
  margin-right: .25em;
  width: 1.2em;
  display: inline-block;
}
.experience-box .tel-contact-experience .number-tel{
  color: #111111;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  letter-spacing: 0;
}

.experience-box .line-contact-experience{
  margin-top: 3rem;
  padding: 3rem 1rem;
  border-top: 1px dotted #333333;
}
.experience-box .hx-line-contact-experience{
  font-size: 140%;
  font-weight: bold;
  line-height: 1.6;
}
.experience-box .hx-line-contact-experience strong{
  color: #16c016;
}
.experience-box .line-contact-experience .exam{
  margin-bottom: 1.5rem;
}
.experience-box .line-contact-experience .btn-to-add-line{
  text-align: center;
}
.experience-box .line-contact-experience .btn-to-add-line a{
  color: #3ab946;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .1em;
  margin-top: 2.2rem;
  padding: .25em 2em;
  border: 1px solid;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .experience-box .contact-experience{
    font-size: 1.2em;
  }
  .experience-box .tel-contact-experience{
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 320px) {
  .experience-box .hx-line-contact-experience{
    font-size: 130%;
  }
}



.contact-box{
  padding: 0 0 6rem;
}
.contact-box .hx{
  text-align: center;
  margin-bottom: 5rem;
  background: url(img/hx_contact.jpg) center center / cover no-repeat;
}
.contact-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  /* font-family: 'M PLUS Rounded 1c', sans-serif; */
  font-weight: 700;
  letter-spacing: 0.4rem;
  padding: 7rem 1rem;
  width: 100%;
  background: rgba(0,0,0,.1);
  display: inline-block;
}
.contact-box .hx .icon-hx{
  width:4rem;
  margin-bottom: .5rem;
  display: inline-block;
}
.contact-box .intro-contact{
  font-size: 1.2em;
  text-align: center;
  margin-bottom:2em;
}
.contact-box .contact{
  text-align: center;
  margin-bottom: 4rem;
}
.contact-box .hx-contact{
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.2em;
  padding: .25em 1em;
  background: #44A828;
  border-radius: .5rem;
}
.contact-box .hx-contact .num-hx{
  color: #44A828;
  font-weight: bold;
  text-align: center;
  margin-right: .5em;
  padding: .2em .4em .15em;
  background: white;
  border-radius: 3em;
  display: inline-block;
}

.contact-box .intro-form-contact,
.contact-box .intro-tel-contact{
  margin-bottom: 2rem;
}

.contact-box .image-form-contact{
  margin-bottom: 1rem;
}

.contact-box .form-contact .btn-to-form{
  text-align: center;
}
.contact-box .form-contact .btn-to-form a{
  font-size: 1.3rem;
  text-decoration: none;
  padding: 1rem 3rem;
  border: 1px solid;
  display: inline-block;
}

.contact-box .hx-tel-contact{
  font-weight: bold;
  letter-spacing: .2em;
  margin-bottom: .5rem;
}
.contact-box .number-tel-contact{
  font-size: 3rem;
  margin: 1.2rem 0 .5rem;
}
.contact-box .tel-contact .icon-tel{
  vertical-align: middle;
  margin-right: .25em;
  width: 1.2em;
  display: inline-block;
}
.contact-box .tel-contact .number-tel{
  color: #44A828;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  .contact-box .tel-contact{margin-top: 3em;}
  .contact-box .number-tel-contact{font-size: 3.5rem;}
}




.property-box .hx{
  text-align: center;
  margin-bottom: 5rem;
  background: url(img/hx_property.jpg) center center / cover no-repeat;
}
.property-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  /* font-family: 'M PLUS Rounded 1c', sans-serif; */
  font-weight: 700;
  letter-spacing: 0.4rem;
  padding: 7rem 1rem;
  width: 100%;
  background: rgba(0,0,0,.1);
  display: inline-block;
}
.property-box .hx .icon-hx{
  width:4rem;
  margin-bottom: .5rem;
  display: inline-block;
}


.property-box .access-map-property{
  text-align: center;
  margin-bottom: 4rem;
  counter-reset: access-map;
}
.property-box .hx-access-map-property{
  color: white;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: .4em 1em;
  background: #44A828;
}
.property-box .access-map-property li{
  padding: .2em .25em;
  display: inline-block;
}
.property-box .access-map-property .dormy-esaka-community-house{border:1px solid #f088ac;}
.property-box .access-map-property .dormy-esaka-toyotsu{border:1px solid #61b6e5;}
.property-box .access-map-property .dormy-esaka{border:1px solid #ffaf3c;}
.property-box .access-map-property .dormy-higashi-mikuni{border:1px solid #61b6e5;}
.property-box .access-map-property li a{
  color: white;
  font-weight: bold;
  padding: .75em 1em;
  width: 100%;
  display: inline-block;
}
.property-box .access-map-property li a:before{
  line-height: 1.2;
  vertical-align: middle;
  margin-right: .25em;
  padding: .35em .53em .2em;
  background: white;
  counter-increment: access-map;
  content: counter(access-map);
  border-radius: 2em;
  display: inline-block;
  display: none;
}
.property-box .access-map-property .dormy-esaka-community-house a:before{color: #f088ac;}
.property-box .access-map-property .dormy-esaka-toyotsu a:before{color: #61b6e5;}
.property-box .access-map-property .dormy-esaka a:before{color: #ffaf3c;}
.property-box .access-map-property .dormy-higashi-mikuni a:before{color: #61b6e5;}

.property-box .access-map-property .dormy-esaka-community-house a{background: #f088ac;}
.property-box .access-map-property .dormy-esaka-toyotsu a{background: #61b6e5;}
.property-box .access-map-property .dormy-esaka a{background: #ffaf3c;}
.property-box .access-map-property .dormy-higashi-mikuni a{background: #61b6e5;}

.property-box .access-map-property li .icon{
  vertical-align: -.2em;
  margin-left: .5em;
  width: .8em;
  display: inline-block;
}


@media screen and (min-width: 768px) {
  .property-box .access-map-property li{
    margin: .5rem;
  }
}

@media screen and (max-width: 767px) {
  .property-box .hx-access-map-property{
    font-size: 1.5rem;
  }
  .property-box .access-map-property li{
    font-size: 1.2rem;
  }
  .property-box .access-map-property .dormy-esaka-community-house{
    width: 100%;
    margin: .25rem 0;
  }
  .property-box .access-map-property .dormy-esaka-toyotsu,
  .property-box .access-map-property .dormy-esaka{
    width: 49%;
    margin: .25rem .5%;
  }
  .property-box .access-map-property .dormy-higashi-mikuni{
    width: 100%;
    margin: .25rem 0;
  }
  .property-box .access-map-property li a{
    padding: .75em 1em;
  }
  .property-box .access-map-property li a:before{
    padding: .3em .53em .2em;
  }
}





.property-box .property{
  margin-bottom: 8rem;
}
@media screen and (min-width: 768px) {
  .property-box .inr-property{
    padding: 3.5rem 2.5rem;
    border: 3px solid #ffaf3c;
    border-radius: 1.5rem;
  }
  .property-box .male .inr-property{border: 3px solid #61b6e5;}
  .property-box .female .inr-property{border: 3px solid #f088ac;}
}

.property-box .hx-common-property{
  color: white;
  font-weight: bold;
  letter-spacing: .5rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.5rem;
  background: #ffaf3c;
}
.property-box .male .hx-common-property{background: #61b6e5;}
.property-box .female .hx-common-property{background: #f088ac;}

.property-box .cate-title-property{
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1.5rem;
  padding: .5rem 1rem .25rem;
  background: #ffaf3c;
  border-radius: .25em;
  position: relative;
  display: inline-block;
}
.property-box .male .cate-title-property{background: #61b6e5;}
.property-box .female .cate-title-property{background: #f088ac;}

.property-box .cate-title-property .icon{
vertical-align: middle;
display: inline-block;
}
.property-box .cate-title-property img{width: 2rem;}

.property-box .access-title-property{
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1.5rem;
  padding: .1rem .6rem .1rem .8rem;
  background: #ffaf3c;
  border-radius: .25em;
  position: relative;
  display: inline-block;
}
.property-box .male .access-title-property{background: #61b6e5;}
.property-box .female .access-title-property{background: #f088ac;}

.property-box .access-title-property .icon{
  vertical-align: -.3em;
  width: 1.8em;
  display: inline-block;
}
.property-box .access-title-property .num{
  font-size:1.5em;
  vertical-align: -.1em;
  margin: 0 .15em;
  display: inline-block;
}


.property-box .access-title-property .icon{
vertical-align: middle;
display: inline-block;
}
.property-box .access-title-property img{width: 2rem;}

.property-box .hx-property{
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}
.property-box .hx-property a{color: #111111;}
.property-box .hx-property .ja-hx{font-weight:bold;}
.property-box .hx-property .en-hx{
  color: #9a9a9a;
  font-size:.5em;
  font-weight: bold;
  vertical-align: middle;
}
.property-box .catch-property{
  color: #ff9e12;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 1rem .15rem 2rem;
}
.property-box .male .catch-property{color: #29b0fb;}
.property-box .female .catch-property{color: #fd6d9e;}

.property-box .outline-property .icon{
  vertical-align: -.3em;
  width: 1.8em;
  margin-right: .5rem;
  display: inline-block;
}
.property-box .outline-property .num{
  font-size:1.5em;
  vertical-align: -.1em;
  margin: 0 .15em;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .property-box .title-property{margin-bottom: 1rem;}
}

.property-box .mainimage-property{
  width: 100%;
  margin-bottom: 1em;
  position: relative;
}
.property-box div.mainimage-property{
  padding-bottom: 56.25%;
  height: 0;
}
.property-box .mainimage-property iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.property-box .slider-property .swiper-pagination-bullet{
width: 40px;
height: 3px;
border-radius:0;
}
.property-box .slider-property .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin: 0 5px;
}
.property-box .slider-property .swiper-container-horizontal > .swiper-pagination-bullets,
.property-box .slider-property .swiper-pagination-custom,
.property-box .slider-property .swiper-pagination-fraction{
bottom: 14px;
}
.property-box .slider-property .swiper-pagination-bullet-active{
background:#313131;   
}
.property-box .slider-property .swiper-slide img{width:100%;height:auto;}

.property-box .hx-facility-property{
font-weight: bold;
letter-spacing: .2em;
margin: 0 0 1em;
padding: .5em 1em;
border-bottom: 1px solid;
}
.property-box .facility-property ul,
.property-box .facility-property p{
  margin: .5rem 0 1.8rem;
}
.property-box .facility-property ul:last-child,
.property-box .facility-property p:last-child{margin: .5rem 0;}
.property-box .facility-property li{
  line-height: 1.5;
  text-align: center;
  width: 6em;
  margin-bottom: .75em;
  display: inline-block;
}
.property-box .facility-property figure{
  line-height: 1.2;
  display: inline-block;
}
.property-box .facility-property figure figcaption{
  font-size:1.2rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .property-box .facility-property li{width: 5.5em;}
}
@media screen and (max-width: 767px) {
  .property-box .facility-property li{width: 23%;}
}

.property-box .gallery-property li img{
  border: 4px solid transparent;
}

.property-box .fee-property{
  margin-bottom: 2.5rem;
  padding: 0 1.6rem;
}
.property-box .fee-property:last-child{margin-bottom: 0;}
.property-box .hx-fee-property{
  font-weight: bold;
  letter-spacing: .25rem;
  margin: 0 0 1.5rem -1.6rem;
  padding: .5rem 1.5rem;
  border-left: 1px solid;
  border-bottom: 1px solid;
}
.property-box .inr-feeproperty{
  margin-bottom: 1rem;
}
.property-box .subhx-fee-property{
  margin-bottom: 1rem;
}
.property-box .rent-fee-property{
  margin-bottom: 1rem;
}
.property-box .rent-fee-property dt{
  vertical-align: top;
  margin-right: .5rem;
  padding: 0 .75rem;
  background: #ffff56;
  border: 1px solid #666666;
  border-radius: .25em;
  display: inline-block;
}
.property-box .rent-fee-property dt .sub{font-size: .8em;}
.property-box .rent-fee-property dd{
  font-size: 1.5rem;
  vertical-align: top;
  margin-right: 1em;
}
.property-box .rent-fee-property dd .num{
  font-size:1.6em;
  margin-right: .1em;
  display: inline-block;
}
.property-box .rent-fee-property dd .strike{
  font-size: 1.4em;
  position: relative;
  display: inline-block;
}
.property-box .rent-fee-property dd .strike:before,
.property-box .rent-fee-property dd .strike:after{
  position: absolute;
  top: 45%;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #e00a0a;
  transform: rotate(10deg);
}
.property-box .rent-fee-property dd .strike:after{transform: rotate(-10deg);}

.property-box .meal-fee-property{
  margin-bottom: 1rem;
}
.property-box .meal-fee-property dt{
  vertical-align: top;
  margin-right: .5rem;
  padding: 0 .75rem;
  border: 1px solid #666666;
  border-radius: .25em;
  display: inline-block;
}
.property-box .meal-fee-property dt .sub{font-size: .8em;}
.property-box .meal-fee-property dd{
  font-size: 1.5rem;
  vertical-align: top;
  margin-right: 1em;
  display: inline-block;
}
.property-box .meal-fee-property dd .num{
  font-size:1.6em;
  margin-right: .1em;
  display: inline-block;
}
.property-box .meal-fee-property li{
  font-size: .8em;
  line-height: 1.5;
  margin: .5rem 0;
}
.property-box .meal-fee-property li:before{
  font-size:.3em;
  vertical-align: .5em;
  margin-right:.5em;
  content: '●';
  display:inline-block;
}

.property-box .table-fee-property{
  display: table;
}
.property-box .table-fee-property dl{
  display: table-row;
}
.property-box .table-fee-property dt,
.property-box .table-fee-property dd{
  padding: .5rem 1rem .5rem 0;
  display: table-cell;
}
.property-box .table-fee-property dt{
  min-width: 8em;
}
.property-box .table-fee-property dd .strike{
  position: relative;
  display: inline-block;
}
.property-box .table-fee-property dd .strike:before,
.property-box .table-fee-property dd .strike:after{
  position: absolute;
  top: 45%;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #e00a0a;
  transform: rotate(15deg);
}
.property-box .table-fee-property dd .strike:after{transform: rotate(-15deg);}

@media screen and (min-width: 768px) {
  .property-box .rent-fee-property,
  .property-box .meal-fee-property{
    display: inline-block;
  }
  .property-box .rent-fee-property dd{
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .property-box .rent-fee-property dd{
    margin-top: .5em;
  }
}
@media screen and (max-width: 380px) {
  .property-box .fee-property{padding: 0 .75rem;}
  .property-box .hx-fee-property{margin: 0 0 1.75rem -.5rem;}
}
@media screen and (max-width: 350px) {
  .property-box .fee-property{padding: 0 .5rem;}
  .property-box .hx-fee-property{margin: 0 0 1.5rem -.5rem;}
}


.property-box .note-fee-property{
  font-size: .9em;
}
.property-box .note-fee-property li{
  margin-right: 1rem;
  display: inline-block;
}
.property-box .note-fee-property li:before{
  font-size:.3em;
  vertical-align: .5em;
  margin-right:.5em;
  content: '●';
  display:inline-block;
}

.property-box .remarks-fee-property{
  font-size: .9em;
}
.property-box .remarks-fee-property li{
  margin-right: 1rem;
  display: inline-block;
}


.property-box .init-fee-property{
  margin-bottom: 1.2rem;
}
.property-box .init-fee-property dt{
  vertical-align: top;
  margin-right: .5rem;
  padding: 0 .75rem;
  background: #ffff56;
  border: 1px solid #666666;
  border-radius: .25em;
  display: inline-block;
}
.property-box .init-fee-property dd{
  font-size: 1.5rem;
  vertical-align: top;
  margin-right: 1em;
}
.property-box .init-fee-property dd .num{
  font-size:1.6em;
  margin-right: .1em;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .property-box .note-fee-property{
  margin-right: 1em;
  display: inline-block;
  }
  .property-box .remarks-fee-property{
  display: inline-block;
  }
  .property-box .init-fee-property dd{display: inline-block;}
}
@media screen and (max-width: 767px) {
  .property-box .meal-fee-property dt{
    margin-bottom: .5rem;
  }
  .property-box .note-fee-property{
  padding-top: 1rem;
  border-top: 1px dotted #999999;
  }
  .property-box .remarks-fee-property{
  margin-top: 1rem;
  }
  .property-box .init-fee-property dt{
    margin-bottom: .5rem;
  }
}

.property-box .manage-fee-property dt{
  vertical-align: top;
  margin-right: .5rem;
  padding: 0 .75rem;
  border: 1px solid #666666;
  border-radius: .25em;
  display: inline-block;
}
.property-box .manage-fee-property li{
  font-size: .9em;
  line-height: 1.5;
  margin-right: 1rem;
  display: inline-block;
}
.property-box .manage-fee-property li:before{
  font-size:.3em;
  vertical-align: .5em;
  margin-right:.5em;
  content: '●';
  display:inline-block;
}

.property-box .table-outline-property{
  width: 100%;
}
.property-box .table-outline-property th,
.property-box .table-outline-property td{
  padding: 1rem 2rem;
  border: 3px solid white;
}
.property-box .table-outline-property th{
  font-weight: bold;
  
}
@media screen and (min-width: 768px) {
  .property-box .table-outline-property .th1,
  .property-box .table-outline-property .th2{
    width: 10em;
  }
  .property-box .table-outline-property th{
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    background: #EAEAEA;
  }
}
@media screen and (max-width: 767px) {
  .property-box .table-outline-property{
    display: block;
  }
  .property-box .table-outline-property tbody,
  .property-box .table-outline-property tr,
  .property-box .table-outline-property th,
  .property-box .table-outline-property td{
    width: 100%;
    display: block;
  }
  .property-box .table-outline-property th{
    padding: .5rem 1.5rem;
    border-left: 1px solid;
    border-bottom: 1px solid;
  }
}

.property-box .gmap-property{
  width: 100%;
  margin: 2em 0;
  padding-bottom: 40%;
  height: 0;
  position: relative;
}
.property-box .gmap-property iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .property-box .gmap-property{
    padding-bottom: 100%;
  }
}

.property-box .btn-to-property{
  text-align: center;
  margin-top: 2rem;
}

.property-box .btn-to-property a{
  color: #ffaf3c;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 1rem 3rem;
  border: 2px solid;
  display: inline-block;
}
.property-box .male .btn-to-property a{color: #61b6e5;}
.property-box .female .btn-to-property a{color: #f088ac;}



.policy-box{
  padding-bottom: 4rem;
}
.policy-box .intro-policy p{
  line-height: 2;
  margin-bottom:2rem;
}
.policy-box .policy{
  counter-reset: policy;
  margin: 1rem 0 2.5rem;
  padding: 2.5rem 2rem;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
.policy-box .policy li{margin-bottom: 2rem;}
.policy-box .policy li:last-child{margin-bottom:0;}
.policy-box .policy li:before{
  font-size:2rem;
  margin-right: .5rem;
  counter-increment: policy;
  content: counter(policy) ".";
  display: inline-block;
}
.policy-box .outro-policy{
  line-height: 2;
  margin-bottom:2rem;
}
.policy-box .tel-policy{
  line-height: 1.2;
  text-align: center;
  margin-top: 2em;
}
.policy-box .tel-policy .number{
  font-size: 2rem;
  margin: .75rem 0;
  display: inline-block;
}
.policy-box .tel-policy .hour{font-size:.85em;}

@media screen and (max-width: 767px) {
  .policy-box .policy{
    padding: 1.5rem 1rem;
  }
}