@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

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

.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);
}




/*----------------------------
  FeatureList
----------------------------*/

.featurelist-box{
  padding: 4rem 0 3rem;
}
.featurelist-box .hx{
  font-size: 3rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  text-align: center;
  margin-bottom: 5rem;
}
.featurelist-box .hx .ja-hx{
  color: #2d2d2d;
  font-weight: bold;
}
.featurelist-box .hx .sub-hx{
  color: #5dc7c2;
  color: #ff96b3;
  font-size: .5em;
  font-weight: bold;
  letter-spacing: .2rem;
  margin: .75rem 0;
  padding: .35rem 2.5rem;
  border: 2px solid;
  border-radius: 2em;
  display: inline-block;
}

.featurelist-box .hx::after{
  width: 6rem;
  height: 1.5rem;
  border-bottom: 2px solid #5dc7c2;
  border-bottom: 2px solid #ff96b3;
  margin: 1.6rem auto 0;
  content: '';
  display: block;
}

.featurelist-box .intro{
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 4rem;
}

.featurelist-box .featurelist{margin-bottom: 5rem;}

.featurelist-box .hd-featurelist{
  font-size: 2.5rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.featurelist-box .hd-featurelist .number-hd-featurelist{
  line-height: 1.2;
  text-align: center;
  padding: 1.2rem 1rem 1.7rem;
  width: 4em;
  border: 2px solid;
  border-radius: .25rem;
  display: inline-block;
}
.featurelist-box .hd-featurelist .number-hd-featurelist .sub{
  font-size: .7em;
  font-weight: bold;
  letter-spacing: 1rem;
  display: inline-block;
  position: relative;
  left: .5rem;
}
.featurelist-box .hd-featurelist .number-hd-featurelist .number{font-size: 1.3em;}
.featurelist-box .hd-featurelist .hx-featurelist{
  width: 90%;
  height: 10rem;
  padding: 0 1.6rem;
  border-top: 2px solid;
  border-bottom: 2px solid;
  display: flex;
  align-items: center;
}
.featurelist-box #featurelist-safe .hd-featurelist .number-hd-featurelist{
  color: white;
  background: #64d3ff;
  border: none;
}
.featurelist-box #featurelist-safe .hd-featurelist .hx-featurelist{
  border-top: 2px solid #64d3ff;
  border-bottom: 2px solid #64d3ff;
}
.featurelist-box #featurelist-facility .hd-featurelist .number-hd-featurelist{
  color: white;
  background: #8cdb5f;
  border: none;
}
.featurelist-box #featurelist-facility .hd-featurelist .hx-featurelist{
  border-top: 2px solid #8cdb5f;
  border-bottom: 2px solid #8cdb5f;
}
.featurelist-box #featurelist-meal .hd-featurelist .number-hd-featurelist{
  color: white;
  background: #f79db4;
  border: none;
}
.featurelist-box #featurelist-meal .hd-featurelist .hx-featurelist{
  border-top: 2px solid #f79db4;
  border-bottom: 2px solid #f79db4;
}
.featurelist-box #featurelist-event .hd-featurelist .number-hd-featurelist{
  color: white;
  background: #dbaddf;
  border: none;
}
.featurelist-box #featurelist-event .hd-featurelist .hx-featurelist{
  border-top: 2px solid #dbaddf;
  border-bottom: 2px solid #dbaddf;
}

.featurelist-box .hd-featurelist .hx-featurelist .inr-hx{
  line-height: .5;
  display: inline-block;
}
.featurelist-box .hd-featurelist .hx-featurelist .ja-hx{
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  display: inline-block;
}
.featurelist-box .hd-featurelist .hx-featurelist .en-hx{
  color: #999999;
  font-size: .5em;
  line-height: 1.2;
  display: inline-block;
}

.featurelist-box .image-featurelist img{
  border-radius: .5rem;
}
.featurelist-box .text-featurelist{
  margin-bottom: 2rem;
}
.featurelist-box .subhx-featurelist{
  font-size: 1.5em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
  margin: 1rem;
}

.featurelist-box .btn-to-feature{
  text-align: center;
}
.featurelist-box .btn-to-feature a{
  font-weight: bold;
  text-decoration: none;
  padding: .75rem 2rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  display: inline-block;
  transition: .2s linear;
}
.featurelist-box #featurelist-safe .btn-to-feature a:hover{border: 3px solid #64d3ff;}
.featurelist-box #featurelist-facility .btn-to-feature a:hover{border: 3px solid #8cdb5f;}
.featurelist-box #featurelist-meal .btn-to-feature a:hover{border: 3px solid #f79db4;}
.featurelist-box #featurelist-event .btn-to-feature a:hover{border: 3px solid #dbaddf;}


@media screen and (min-width: 768px) {
  .featurelist-box .hd-featurelist .number-hd-featurelist{margin-right: .5rem;}
}
@media screen and (max-width: 767px) {
  .featurelist-box .hd-featurelist .hx-featurelist .ja-hx{font-size: 2.2rem;}
  .featurelist-box .hd-featurelist .hx-featurelist .en-hx{
    font-size: .4em;
    margin-top: .4rem;
  }
}





/*----------------------------
  Feature
----------------------------*/

.feature-box{
  padding: 4rem 0;
}
.feature-box .hx{
  font-size: 3rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  text-align: center;
  margin-bottom: 3rem;
}
.feature-box .hx .ja-hx{
  color: #2d2d2d;
  font-weight: bold;
}
.feature-box .hx .sub-hx{
  color: #5dc7c2;
  color: #ff96b3;
  font-size: .5em;
  font-weight: bold;
  letter-spacing: .2rem;
  margin: .75rem 0;
  padding: .35rem 2.5rem;
  border: 2px solid;
  border-radius: 2em;
  display: inline-block;
}
.feature-box .hx::after{
  width: 6rem;
  height: 1.5rem;
  border-bottom: 2px solid #5dc7c2;
  border-bottom: 2px solid #ff96b3;
  margin: 1.6rem auto 0;
  content: '';
  display: block;
}

.feature-box .intro{
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 4rem;
}

.feature-box .feature{margin-bottom: 8rem;}

.feature-box .hd-feature{
  font-size: 2.5rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.feature-box .hd-feature .number-hd-feature{
  line-height: 1.2;
  text-align: center;
  padding: 1.2rem 1rem 1.7rem;
  width: 4em;
  border: 2px solid;
  border-radius: .25rem;
  display: inline-block;
}
.feature-box .hd-feature .number-hd-feature .sub{
  font-size: .7em;
  font-weight: bold;
  letter-spacing: 1rem;
  display: inline-block;
  position: relative;
  left: .5rem;
}
.feature-box .hd-feature .number-hd-feature .number{font-size: 1.3em;}
.feature-box .hd-feature .hx-feature{
  width: 90%;
  height: 10rem;
  padding: 0 2rem;
  border-top: 2px solid;
  border-bottom: 2px solid;
  display: flex;
  align-items: center;
}
.feature-box #feature-safe .hd-feature .number-hd-feature{
  color: white;
  background: #64d3ff;
  border: none;
}
.feature-box #feature-safe .hd-feature .hx-feature{
  border-top: 2px solid #64d3ff;
  border-bottom: 2px solid #64d3ff;
}
.feature-box #feature-facility .hd-feature .number-hd-feature{
  color: white;
  background: #8cdb5f;
  border: none;
}
.feature-box #feature-facility .hd-feature .hx-feature{
  border-top: 2px solid #8cdb5f;
  border-bottom: 2px solid #8cdb5f;
}
.feature-box #feature-meal .hd-feature .number-hd-feature{
  color: white;
  background: #f79db4;
  border: none;
}
.feature-box #feature-meal .hd-feature .hx-feature{
  border-top: 2px solid #f79db4;
  border-bottom: 2px solid #f79db4;
}
.feature-box #feature-event .hd-feature .number-hd-feature{
  color: white;
  background: #dbaddf;
  border: none;
}
.feature-box #feature-event .hd-feature .hx-feature{
  border-top: 2px solid #dbaddf;
  border-bottom: 2px solid #dbaddf;
}

.feature-box .hd-feature .hx-feature .inr-hx{
  line-height: .5;
  display: inline-block;
}
.feature-box .hd-feature .hx-feature .ja-hx{
  font-weight: bold;
  letter-spacing: .2rem;
  line-height: 1.2;
  display: inline-block;
}
.feature-box .hd-feature .hx-feature .en-hx{
  color: #999999;
  font-size: .5em;
  line-height: 1.2;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .feature-box .hd-feature .number-hd-feature{margin-right: .5rem;}
  .feature-box .hd-feature .hx-feature .en-hx{margin-left: 1.2rem;}
}
@media screen and (max-width: 767px) {
  .feature-box .hd-feature .hx-feature .ja-hx{font-size: 2.2rem;}
  .feature-box .hd-feature .hx-feature .en-hx{
    font-size: .4em;
    margin-top: .4rem;
  }
}

.feature-box .subhx-feature{
  font-size: 1.5em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.6;
  text-align: center;
  margin: 3rem 2rem;
}

.feature-box .main-image-feature{margin-bottom: 2rem;}
.feature-box .main-image-feature img{border-radius: .5rem;}
.feature-box .main-image-feature figcaption{
  font-size: 1.1em;
  margin: .5rem 2rem;
  display: inline-block;
}
.feature-box .main-image-feature figcaption strong{
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: inline-block;
}
.feature-box .sub-image-feature img{border-radius: .5rem;}
.feature-box .list-item-safe-feature{margin-bottom: 4rem;}
.feature-box .image-item-safe-feature{margin-bottom: .5rem;}
.feature-box .image-item-safe-feature img{border-radius: 1rem;}

.feature-box .hx-item-safe-feature{
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 .5rem .5rem;
}
.feature-box .hx-item-safe-feature .img-hx{
  vertical-align: middle;
  margin-right: .5rem;
  display:inline-block;
}
.feature-box .hx-item-safe-feature .img-hx img{width:auto;height:1.5em;}

.feature-box .item-safe-feature p{
  line-height: 1.6;
  margin: 0 .5rem;
}

@media screen and (max-width: 767px) {
  .feature-box .subhx-feature{margin: 3rem 0;}
  .feature-box .item-safe-feature{margin-bottom: 4rem;}
  .feature-box .item-safe-feature:last-child{margin-bottom: 0;}

  .feature-box .hx-item-safe-feature{
    font-size: 1.8rem;
    text-align: center;
  }
}

.feature-box .list-hygiene-feature{
  text-align: center;
  /* margin-bottom: 1.5rem; */
  border: 2px solid #0079d2;
  border: 2px solid #64d3ff;
  border-radius: 1.4rem;
}

.feature-box .hx-list-hygiene-feature{
  color: white;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: .5rem;
  padding: 1rem 1rem;
  background: #0079d2;
  background: #64d3ff;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: 1rem;
}

.feature-box .subhx-list-hygiene-feature{
  font-size: 1.8rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  letter-spacing: .05rem;
  line-height: 1.4;
  margin: 2.2rem 0;
}
.feature-box .list-hygiene-feature ul{
  margin: 0 2rem 1rem;
}

.feature-box .list-hygiene-feature li{
  margin-bottom: 2rem;
}

.feature-box .list-hygiene-feature li figcaption{
  font-weight: bold;
  line-height: 1.4;
}




.feature-box .hx-room-facility-feature,
.feature-box .hx-share-facility-feature{
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: .5rem 0 1.5rem;
  padding: .5rem 1rem;
  background: #d4f1c4;
}
.feature-box .subhx-room-facility-feature,
.feature-box .subhx-share-facility-feature{
  text-align: center;
  margin-bottom: .5rem;
}

.feature-box .icons-room-facility-feature,
.feature-box .icons-share-facility-feature{
  margin-bottom: 2rem;
}
.feature-box .icons-room-facility-feature li,
.feature-box .icons-share-facility-feature li{
  line-height: 1.5;
  text-align: center;
  width: 7em;
  margin-bottom: .5em;
  display: inline-block;
}
.feature-box .icons-room-facility-feature figure,
.feature-box .icons-share-facility-feature figure{
  line-height: 1.2;
  display: inline-block;
}
.feature-box .icons-room-facility-feature figure figcaption,
.feature-box .icons-share-facility-feature figure figcaption{
  font-size: 1.1rem;
  font-weight: bold;
  width: 100%;
  padding: .2rem 0;
  border: 1px solid;
  border-radius: 2rem;
  display: inline-block;
}
.feature-box .note-room-facility-feature,
.feature-box .note-share-facility-feature{
  font-size: .9em;
}

.feature-box .desc-share-facility-feature{
  line-height: 1.8;
  margin: 1rem 0;
}


@media screen and (max-width: 767px) {
  .feature-box .icons-room-facility-feature,
  .feature-box .icons-share-facility-feature{
    text-align: center;
  }
}


.feature-box .rental-facility-feature{
  padding: 2rem 0;
  border: 3px solid #70ca3c;
  border: 3px solid #8cdb5f;
  border-radius: 1.6rem;
  margin-top: 3rem;
}
.feature-box .hx-rental-facility-feature{
  font-size: 2.2rem;
  font-weight: bold;
  margin: 1rem 0 1.5rem;
}
.feature-box .hx-rental-facility-feature .en-hx{
  color: #56b91d;
  font-size: .6em;
  letter-spacing: .15em;
}
.feature-box .rental-facility-feature .tel-number{
  font-size: 1.3em;
}
.feature-box .rental-facility-feature .tel-number .icon{
  vertical-align: -.5rem;
  margin-right: .3em;
  width: 2em;
  display: inline-block;
}
.feature-box .rental-facility-feature .tel-number .number{
  color: #56b91d;
  font-size: 1.4em;
}
.feature-box .text-rental-facility-feature{
  line-height: 1.8;
  margin-bottom: 1rem;
}


.feature-box #feature-meal{
  margin-bottom: 3rem;
}

.feature-box .hx-list-meal-feature{
  color: #f57596;
  font-size: 1.8rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  letter-spacing: .05rem;
  line-height: 1.4;
  text-align: center;
  margin: 1.4rem auto;
}
.feature-box .image-list-meal-feature img{
  vertical-align: top;
  border-radius: .5rem;
}


.feature-box .text-instagram-feature{margin-bottom: 2rem;}
.feature-box .inr-text-instagram-feature{
  padding: 2rem;
  border: 3px solid #ffa2ba;
  border-radius: 2rem;
}
.feature-box .hx-instagram-feature{
  font-size: 2.1rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
  margin: 1rem 0;
}
@media screen and (min-width: 992px) {
  .feature-box .inr-text-instagram-feature{
    margin-top: 2rem;
  }
  .feature-box .hx-instagram-feature{font-size: 2.3rem;}
}
@media screen and (min-width: 768px) {
  .feature-box .account-instagram-feature{
    max-width: 350px;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .feature-box .hx-instagram-feature{
    font-size: 6.5vw;
  }
}

/*----------------------------
  Index Support
----------------------------*/

.index-support-box{
padding: 4rem 0 1rem;
background: #fffff1;
}
.index-support-box .hx{
  font-size: 2.8rem;
  font-weight: bold;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 2rem;
}
.index-support-box .index-support{
  margin-bottom: 6rem;
}
.index-support-box .image-index-support img{
  border-radius: 1rem;
}
.index-support-box .btn-to-support{
  text-align: center;
  margin-top: 1rem;
}
.index-support-box .btn-to-support a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 3rem .5rem;
  border: 3px solid #ededdc;
  border-radius: .5rem;
  margin: .5rem .5rem;
  display: inline-block;
  transition: .2s linear;
}
.index-support-box .btn-to-support a:hover{
border: 3px solid #6bcac4;
}
.index-support-box .btn-to-support a .icon{
vertical-align: top;
width: 1.8em;
margin-right: .5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
  .index-support-box .hx{font-size: 6vw;}
}


.index-support-box .hx-index-support{
  color: white;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  padding: 3rem;
  background: #ff98b3;
  margin-bottom: 2rem;
}
.index-support-box .hx-index-support .sub-hx{
  font-size: .6em;
  font-weight: bold;
  margin-top: 1rem;
  display: inline-block;
}
.index-support-box .intro-index-support{
  text-align: center;
  margin-bottom: 2rem;
}

.index-support-box .list-merit-index-support li{
  font-size: 1.1em;
  margin-bottom: 1rem;
}
.index-support-box .list-merit-index-support .number{
  color: white;
  font-weight: bold;
  padding: .25rem .75rem;
  background: #ff98b3;
  border-radius: .5rem;
  margin-right: .5rem;
  display: inline-block;
}
.index-support-box .list-merit-index-support .text strong{
  font-size: 1.2em;
  display: inline-block;
}
.index-support-box .list-merit-index-support .text .memo{
  font-size: .8em;
  margin-left: .5rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .index-support-box #corona .intro-index-support{text-align: justify;}
  .index-support-box .list-merit-index-support .text strong{margin-left: .25rem;}
}
@media screen and (max-width: 767px) {
  .index-support-box .list-merit-index-support li{margin-bottom: 1.5rem;}
  .index-support-box .list-merit-index-support .number{
    margin-bottom: .5rem;
  }
}

.index-support-box .contact-index-support{
  text-align: center;
  padding: 1.8rem 2rem;
  background: #EAEAEA;
  border-radius: .5rem;
  margin-top: 2rem;
}
.index-support-box .hx-contact-index-support{
  font-size: 1.6rem;
  font-weight: bold;
  padding: .5rem 0;
  border-bottom: 1px solid #666666;
  margin-bottom: .5rem;
}
.index-support-box .btn-to-dl{
  text-align: center;
  margin: 3rem 0;
}
.index-support-box .btn-to-dl a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 2rem .75rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  display: inline-block;
  transition: .2s linear;
}
.index-support-box .btn-to-dl a:hover{
  border: 3px solid #fd2f32;
}
.index-support-box .btn-to-dl .icon{
  vertical-align: -.25rem;;
  width:1.2em;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .index-support-box .container{max-width: 720px;}
}
@media screen and (max-width: 767px) {
  .index-support-box .hx-index-support{font-size:2.2rem;}
}



/*----------------------------
  Support
----------------------------*/

.support-box .support{
  margin-bottom: 5rem;
}

.support-box .hx-support{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;

  color: #ff7d9f;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  padding: 2rem 1rem;
  background: #ffe3ea;
  /*
  border-top: 1px solid #3499ff;
  border-bottom: 1px solid #3499ff;
  */
  margin-bottom: 3rem;
}


.support-box .intro-support{
  text-align: center;
  max-width: 550px;
  margin: 0 auto 1.7rem;
}
.support-box .hd-support{
  margin-bottom: 5rem;
}
.support-box .subhx-support{
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2.5rem;
}
.support-box .subhx-support strong{
  color: #f376a1;
  font-size: 1.4em;
  font-family: 'Oswald',sans-serif;
  vertical-align: -.05em;
  margin: 0 .1em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .support-box .subhx-support{
    font-size: 7.5vw;
  }
}

.support-box .target-support{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2.5rem;
}

.support-box .outline-hd-support{
  max-width: 450px;
  width: 100%;
  padding: 1.5rem;
  background: #e2f7f6;
  border: 2px solid #6ad1cc;
  border-radius: 1rem;
  margin: 0 auto;
}
.support-box .outline-hd-support dl{margin-bottom: 1rem;}
.support-box .outline-hd-support dl:last-child{margin-bottom: 0;}
.support-box .outline-hd-support dt{
  color: white;
  font-weight: bold;
  text-align: center;
  min-width: 6.5em;
  padding: .25em .5em;
  background: #52c1bb;
  border-radius: 3em;
  margin-right: 1rem;
  float: left;
}
.support-box .outline-hd-support dd{
  padding: .25em 0;
}
@media screen and (max-width: 767px) {
  .support-box .outline-hd-support{padding: 1.5rem 1rem;}
}

.support-box .list-dormy-support{
  margin-bottom: 3rem;
}

.support-box .image-support{
  max-width: 550px;
  margin: 0 auto 2rem;
}

.support-box .note-support{
  max-width: 520px;
  margin: 0 auto 2rem;
}

.support-box .btn-to-dormylist{
  max-width: 400px;
  margin: 0 auto 2rem;
}
.support-box .btn-to-dormylist img{border-radius: 1rem;}

.support-box .hx-list-dormy-support{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .6rem;
  text-align: center;
  padding: 1.2rem;
  border-top: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
  margin-bottom: 3rem;
}
.support-box .hx-list-dormy-support .icon-hx{
  vertical-align: middle;
  width: 1.2em;
  margin: 0 1.5rem 0 1rem;
  display: inline-block;
}

.support-box .dormy-support{

}
.support-box .hx-dormy-support{
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 3px solid #ffaf3c;
  margin-bottom: 4px;
}

.support-box .male .hx-dormy-support{border-bottom: 3px solid #61b6e5;}
.support-box .female .hx-dormy-support{border-bottom: 3px solid #f088ac;}
.support-box .cate-hx{
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  margin-right: .75rem;
  margin-bottom: .5rem;
  padding: .5rem 1rem .25rem;
  background: #ffaf3c;
  border-radius: .25em;
  position: relative;
  display: inline-block;
}
.support-box .male .cate-hx{background: #61b6e5;}
.support-box .female .cate-hx{background: #f088ac;}
.support-box .cate-hx .icon{
vertical-align: middle;
display: inline-block;
}
.support-box .cate-hx img{width: 2rem;}

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

.support-box .btn-to-dormy{
  text-align: center;
}
.support-box .btn-to-dormy a{
  font-weight: bold;
  text-decoration: none;
  padding: .5rem 3rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  display: inline-block;
  transition: .2s linear;
}
.support-box .btn-to-dormy a:hover{border:3px solid #ffaf3c;}
.support-box .male .btn-to-dormy a:hover{border:3px solid #61b6e5;}
.support-box .female .btn-to-dormy a:hover{border:3px solid #f088ac;}

.support-box .cost-support{
  max-width: 600px;
  margin: 0 auto;
}


@media screen and (min-width: 768px) {
  .support-box .note-support{text-align: center;}
}


/*----------------------------
  Anticovid
----------------------------*/

.anticovid-box .box-inr{
  padding-bottom: 5rem;
}
.anticovid-box .list-anticovid{
  text-align: center;
  border: 2px solid #0079d2;
  border-radius: 1.4rem;
}
.anticovid-box .hx-list-anticovid{
  color: white;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: .5rem;
  padding: 1rem 1rem;
  background: #0079d2;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: 1rem;
}
.anticovid-box .subhx-list-anticovid{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 2.2rem 0;
}
.anticovid-box .list-anticovid ul{
  margin: 0 2rem 1rem;
}
.anticovid-box .list-anticovid li{
  margin-bottom: 2rem;
}
.anticovid-box .list-anticovid li figcaption{
  font-weight: bold;
  line-height: 1.4;
}





/*----------------------------
  Property
----------------------------*/

.property-box .hx{
  text-align: center;
  margin-bottom: 5rem;
  background: url(../assets/img/tophx/hx_property.jpg) center center / cover no-repeat;
}
.property-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  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;
  padding-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: #6ad1cc;
  background: #ff96b3;
}
.property-box .access-map-property li{
  padding: .2em .25em;
  display: inline-block;
}
.property-box .access-map-property .dormy-hiroshima-ekimae2{border:1px solid #f088ac;}
/* .property-box .access-map-property .dormy-kita-umeda{border:1px solid #61b6e5;} */
.property-box .access-map-property .dormy-hiroshima-ekimae,
.property-box .access-map-property .dormy-hiroshima{border:1px solid #ffaf3c;}
.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-hiroshima-ekimae2 a:before{color: #f088ac;}
/* .property-box .access-map-property .dormy-kita-umeda a:before{color: #61b6e5;} */
.property-box .access-map-property .dormy-hiroshima-ekimae a:before,
.property-box .access-map-property .dormy-hirosima a:before{color: #ffaf3c;}

.property-box .access-map-property .dormy-hiroshima-ekimae2 a{background: #f088ac;}
/* .property-box .access-map-property .dormy-kita-umeda a{background: #61b6e5;} */
.property-box .access-map-property .dormy-hiroshima-ekimae a,
.property-box .access-map-property .dormy-hiroshima a{background: #ffaf3c;}

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

.property-box .btn-to-dormy{
  margin-top: 1rem;
}
.property-box .btn-to-dormy a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 3rem .5rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  margin: .5rem .5rem;
  display: inline-block;
  transition: .2s linear;
}
.property-box .btn-to-dormy a:hover{
border: 3px solid #ff98b3;
border: 3px solid #6ad1cc;
}
.property-box .btn-to-dormy a .icon{
vertical-align: top;
width: 1.8em;
margin-right: .5rem;
display: inline-block;
}


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

@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,
  .property-box .access-map-property .dormy-esaka-toyotsu,
  .property-box .access-map-property .dormy-esaka{
    margin: .5rem .5%;
  }
  .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 (max-width: 767px) {
  .property-box .property{margin-bottom: 13rem;}
}

@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: .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: .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-top: 1rem;
  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;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
.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{
  margin: .5rem 0 1.8rem;
}
.property-box .facility-property ul:last-child{margin: .5rem 0;}
.property-box .facility-property li{
  line-height: 1.5;
  text-align: center;
  width: 6.1em;
  margin-bottom: .75em;
  display: inline-block;
}
.property-box .facility-property figure{
  line-height: 1.2;
  vertical-align: top;
  display: inline-block;
}
.property-box .facility-property figure figcaption{
  font-size:1.16rem;
  letter-spacing: 0;
}
@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 .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;
}
@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;
  margin-bottom: .5rem;
}
.property-box .init-fee-property dd .num{
  font-size:1.6em;
  letter-spacing: 0;
  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 .hx-nearby-property{
  font-weight: bold;
  padding-bottom: .5rem;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
}
.property-box .intro-nearby-property{
  margin-bottom: .5rem;
}
.property-box .nearby-property li{
  margin-right: 1rem;
  display: inline-block;
}
.property-box .nearby-property li:before{
  font-size:.3em;
  vertical-align: .5em;
  margin-right:.5em;
  content: '●';
  display:inline-block;
}




.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;}



/*----------------------------
  Experience
----------------------------*/

/*
.experience-box .hx{
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 3rem;
}
*/
.experience-box .hx{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  margin-bottom: 5rem;
  background: url(../assets/img/tophx/hx_experience.jpg) center center / cover no-repeat;
}
.experience-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  letter-spacing: 0.4rem;
  padding: 5rem 1rem;
  width: 100%;
  background: rgba(0,0,0,.25);
  display: inline-block;
}
.experience-box .hx .sub-hx{
  font-size: .5em;
}

.experience-box .intro-experience{

}
.experience-box .hx-experience{
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1.5rem;
  background: #4bc9ff;
  border-radius: .5rem;
  margin: 2rem 0 1rem;
}
.experience-box .flow-experience{
  max-width: 820px;
  width: 100%;
  margin: 0 auto 2rem;
}
.experience-box .flow-experience img{vertical-align: top;}

.experience-box .caution-experience{
  text-align: center;
  padding: 1.5rem 1rem;
  background: #f3f3f3;
  border-radius: 1rem;
}
.experience-box .hx-caution-experience{
  font-size: 1.6rem;
  font-weight: bold;
  max-width: 45em;
  width: 95%;
  padding: .5rem 2rem;
  border-bottom: 1px solid #999999;
  margin-bottom: 1rem;
  display: inline-block;
}

.experience-box .school-experience{
  text-align: center;
  padding: 4rem 0 6rem;
}
.experience-box .hx-school-experience{
  color: #3099ee;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2rem;
}
.experience-box .hx-school-experience::after{
  width: 2rem;
  height: 2rem;
  border-right: 3px solid #CCCCCC;
  border-bottom: 3px solid #CCCCCC;
  margin: 1.6rem auto 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  display: block;
}
.experience-box .list-school li{
  height: 3rem;
  margin: 1.2rem 1.5rem;
  display: inline-block;
}


/*----------------------------
  Advisor
----------------------------*/

.advisor-box{
  padding: 2rem 0 6rem;
}
.advisor-box .advisor{
  border: 3px solid #3099ee;
  border: 3px solid #ff7098;
  border-radius: 2rem;
}
.advisor-box .hx{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .2rem;
  text-align: center;
  padding: 1.2rem 1rem;
  background: #c6dff3;
  background: #ffdae4;
  border-radius: 2rem 2rem 0 0;
  margin-bottom: 1rem;
}
.advisor-box .text-advisor{padding: 1rem 4rem 2rem;}

.advisor-box .btn-advisor{
  text-align: center;
  margin-bottom: 2rem;
}
.advisor-box .btn-advisor li{
  display: inline-block;
}
.advisor-box .btn-advisor li a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 2rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  margin: .5rem .5rem;
  display: inline-block;
  transition: .2s linear;
}
.advisor-box .btn-advisor li.to-advisor a:hover{
  border: 3px solid #01b905;
}
.advisor-box .btn-advisor li.to-apart-mansion a:hover{
  border: 3px solid #3bbd9f;
}
.advisor-box .btn-advisor li .icon{
  vertical-align: middle;
  width: 2em;
  margin-right: .5rem;
  display: inline-block;
}

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



/*----------------------------
  Dormy Price
----------------------------*/

.dormy-price-box{
  padding: 4rem 0;
}
.dormy-price-box .hx{
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 3rem;
}
.dormy-price-box .hx .en-hx{
  color: #61b6e5;
  font-size: .6em;
  letter-spacing: .3rem;
}

.dormy-price-box .hx-list-dormy-price{
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1.5rem 1.5rem;
  background: #ff98b3;
  border-radius: .5rem;
  margin-bottom: 1rem;
}
.dormy-price-box .list-dormy-price{
  padding: 1.5rem 2rem;
  margin-bottom: 3rem;
}
.dormy-price-box .list-dormy-price:last-child{margin-bottom: 1rem;}
.dormy-price-box .hx-dormy-price{
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 .5rem;
  border-bottom: 1px solid #868686;
  margin: 0 0 .5em;
}
.dormy-price-box .hx-dormy-price::before{
  vertical-align: top;
  margin-right: .25rem;
  width: 1em;
  height: 1em;
  border: 3px solid #ff98b3;
  border-radius: .5em;
  content: '';
  display: inline-block;
}
.dormy-price-box .hx-dormy-price::after{
  margin-left: .2rem;
  content: '…';
  display: inline-block;
}
.dormy-price-box .dormy-price{
  margin-bottom: 2rem;
}
.dormy-price-box .dormy-price p{
  margin-left: 1em;
}
.dormy-price-box .sub-dormy-price{
  padding: 2rem 2.5rem;
  background: #eff8ff;
  border-radius: .5rem;
  margin-bottom: 2rem;
}
.dormy-price-box .hx-sub-dormy-price{
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 .5rem;
  border-bottom: 1px solid #868686;
  margin: 0 0 1rem;
}
.dormy-price-box .hx-sub-dormy-price::before{
  vertical-align: top;
  margin-right: .25rem;
  width: 1em;
  height: 1em;
  border: 3px solid #ff98b3;
  border-radius: .5em;
  content: '';
  display: inline-block;
}
.dormy-price-box .sub-dormy-price p{
  margin: .5rem 0;
}
.dormy-price-box .sub-dormy-price .ex{
  padding: .5rem 1rem;
  background: white;
  border-radius: .5rem;
  margin: 0;
}






/*----------------------------
  Dormy Flow
----------------------------*/

.dormyflow-box{
  text-align: center;
  padding: 4rem 0;
}
.dormyflow-box .hx{
  font-size: 2.2rem;
  margin-bottom: 3rem;
}
.dormyflow-box .hx .en-hx{
  color: #61b6e5;
  color: #fd97b3;
  font-size: .6em;
  letter-spacing: .3rem;
}

.dormyflow-box .description-dormyflow{
margin-bottom: 4rem;
}
.dormyflow-box .description-dormyflow p{
line-height: 2;
margin-bottom: 1.5em;
}
.dormyflow-box .description-dormyflow p:last-child{margin-bottom:0;}

.dormyflow-box .hx-description-dormyflow{
margin-bottom: 2rem;
}

.dormyflow-box .dormyflow{
  margin-bottom: 3rem;
  display: inline-block;
}
.dormyflow-box .dormyflow:last-child{margin-bottom:0;}
.dormyflow-box .hx-dormyflow{
  font-family: 'M PLUS Rounded 1c',sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
}
.dormyflow-box .hx-dormyflow .img-hx{
  width: 5rem;
  margin-bottom: 1rem;
  display: inline-block;
}
.dormyflow-box .hx-dormyflow .inr-hx{
  color: #6aa756;
  padding: .25em 2em;
  border: 1px solid;
  border-radius: 5em;
  display: inline-block;
}
.dormyflow-box .intro-dormyflow{
  margin-bottom: 2rem;
}
.dormyflow-box .text-dormyflow p{
  line-height: 2;
  margin-bottom: 1.5em;
}
.dormyflow-box .text-dormyflow p:last-child{margin-bottom: 0;}

.dormyflow-box .point-dormyflow{
  width: 90%;
  margin: 0 auto 2rem;
}
.dormyflow-box .point-dormyflow ul{
  text-align: center;
  margin-bottom: 0;
  padding: 1.2rem 1rem;
  background: #fff3f5;
  border-radius: .75rem;
}
.dormyflow-box .point-dormyflow ul li{
  color: #fc698a;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.dormyflow-box .point-dormyflow ul li:last-child{margin-bottom:0;}

@media screen and (max-width: 767px) {
  .dormyflow-box .point-dormyflow{width: 100%;}
}
@media screen and (max-width: 340px) {
  .dormyflow-box .point-dormyflow ul li{font-size: 4vw;}
}


.dormyflow-box .step-dormyflow{
  text-align: center;
  margin-bottom: 2em;
  position: relative;
}
.dormyflow-box .step-dormyflow::after{
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  width: 27px;
  height: 8px;
  background-image: url(../assets/img/chart/arrow-bottom-gray.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
}
.dormyflow-box .step-dormyflow:first-child::after{display:none;}
.dormyflow-box .inr-step-dormyflow{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d8dbde;
}
.dormyflow-box .num-step-dormyflow{
  color: white;
  color: #fd97b3;
  font-size: 3rem;
  font-family: 'Oswald',sans-serif;

  width: 80px;
  padding-right: 4px;
  background: #61b6e5;
  background: #ffe7ee;

  border-radius: .5rem 0 0 .5rem;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;

  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dormyflow-box .body-step-dormyflow{
  width: 100%;
  background: white;

  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;

  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.dormyflow-box .inr-body-step-dormyflow{
/*
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
*/
  height: 100%;
  padding: 25.5px 26px;
  background: #f7f7f7;
}

.dormyflow-box .hx-step-dormyflow{
  color: #61b6e5;
  color: #ff82a4;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: .5em;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;

  min-width: 10em;
}
.dormyflow-box .step-dormyflow p{
  margin-bottom:0;
}
.dormyflow-box .body-step-dormyflow p{
  font-size: 16px;
  text-align: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;

  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.dormyflow-box .body-step-dormyflow .todo-step-dormyflow{
  color: #830d09;
  font-size: 1em;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px dotted #999999;
}
.dormyflow-box .body-step-dormyflow .memo-step-dormyflow{
  font-size: .8em;
  margin-top: 1.5rem;
  display: inline-block;
}

.dormyflow-box .btn-to-pdf{
  margin: 3rem 0;
}
.dormyflow-box .btn-to-pdf a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 2rem .75rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  display: inline-block;
  transition: .2s linear;
}
.dormyflow-box .btn-to-pdf a:hover{
  border: 3px solid #fd2f32;
}
.dormyflow-box .btn-to-pdf .icon{
  vertical-align: -.25rem;;
  width:1.2em;
  display: inline-block;
}

.dormyflow-box .btn-to-contact{
  margin: 3rem 0;
}
.dormyflow-box .btn-to-contact a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 2rem .75rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  display: inline-block;
  transition: .2s linear;
}
.dormyflow-box .btn-to-contact a:hover{
  border: 3px solid #fd2f32;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
  .dormyflow-box .hx-step-dormyflow{min-width: 6em;}
}

@media screen and (max-width: 767px) {
  .dormyflow-box .inr-step-dormyflow{
    border-bottom: 0;
  }
  .dormyflow-box .num-step-dormyflow{
    font-size: 2rem;
    width: 40px;
    padding-right: 0;
  }
  .dormyflow-box .body-step-dormyflow{

  }
  .dormyflow-box .inr-body-step-dormyflow{
    padding: 13px 17px;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }
  .dormyflow-box .hx-step-dormyflow{
    font-size: 15px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .dormyflow-box .body-step-dormyflow p{
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.7;
  }
}

.dormyflow-box .caution-dormyflow{
  text-align: center;
  padding: 1.5rem 1rem;
  background: #f3f3f3;
  border-radius: 1rem;
}
.dormyflow-box .hx-caution-dormyflow{
  font-size: 1.6rem;
  font-weight: bold;
  max-width: 45em;
  width: 95%;
  padding: .5rem 2rem;
  border-bottom: 1px solid #999999;
  margin-bottom: 1rem;
  display: inline-block;
}



/*----------------------------
  FAQ
----------------------------*/

.faq-box{
  padding: 2rem 0 4rem;
}
.faq-box .hx{
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 3rem;
}
.faq-box .hx .en-hx{
  color: #ff98b3;
  font-size: .6em;
  letter-spacing: .3rem;
}
.faq-box .intro-faq{
  text-align: center;
  max-width: 500px;
  width: 100%;
  margin:0 auto 4rem;
}
.faq-box .intro-faq p{
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
.faq-box .intro-faq p:last-child{margin-bottom:0;}

.faq-box .list-faq{
  margin-bottom: 2rem;
}
.faq-box .faq{
  margin-bottom: 4rem;
}
.faq-box .faq:last-child{margin-bottom:0;}
.faq-box .hx-faq{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
}
.faq-box .hx-faq::before{
  color: white;
  width: 1.6em;
  text-align: center;
  margin-top: -.2em;
  margin-right: .5rem;
  margin-bottom: .5em;
  padding: .2em .4em;
  background: #ff98b3;
  border-radius: 1em;
  content: 'Q';
  display: inline-block;
  float: left;
}
.faq-box .ans-faq{
  text-align: justify;
  padding: 1.6rem 2rem;
  background: #efefef;
  border-radius: .5rem;
}
.faq-box .image-ans-faq img{border-radius: .5rem;}

.faq-box .list-item-ans-faq{
  padding: 1.5rem 2rem;
  margin-bottom: 3rem;
}
.faq-box .list-item-ans-faq:last-child{margin-bottom: 1rem;}
.faq-box .hx-item-ans-faq{
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 .5rem;
  border-bottom: 1px solid #868686;
  margin: 0 0 .5em;
}
.faq-box .hx-item-ans-faq::before{
  vertical-align: top;
  margin-right: .25rem;
  width: 1em;
  height: 1em;
  border: 3px solid #ff98b3;
  border-radius: .5em;
  content: '';
  display: inline-block;
}
.faq-box .hx-item-ans-faq::after{
  margin-left: .2rem;
  content: '…';
  display: inline-block;
}
.faq-box .item-ans-faq{
  margin-bottom: 2rem;
}
.faq-box .item-ans-faq p{
  margin-left: 1em;
}
.faq-box .sub-item-ans-faq{
  padding: 2rem 2.5rem;
  background: white;
  border-radius: .5rem;
  margin-bottom: 2rem;
}
.faq-box .hx-sub-item-ans-faq{
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 .5rem;
  border-bottom: 1px solid #868686;
  margin: 0 0 1rem;
}
.faq-box .hx-sub-item-ans-faq::before{
  vertical-align: top;
  margin-right: .25rem;
  width: 1em;
  height: 1em;
  border: 3px solid #ff98b3;
  border-radius: .5em;
  content: '';
  display: inline-block;
}
.faq-box .sub-item-ans-faq p{
  margin: .5rem 0;
}
.faq-box .sub-item-ans-faq .ex{
  padding: .5rem 1rem;
  background: white;
  border-radius: .5rem;
  margin: 0;
}

.faq-box .btn-to-faq{
  text-align: center;
}
.faq-box .btn-to-faq a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 3rem .5rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  margin: .5rem .5rem;
  display: inline-block;
  transition: .2s linear;
}
.faq-box .btn-to-faq a:hover{
border: 3px solid #ff98b3;
}
.faq-box .btn-to-faq a .icon{
vertical-align: top;
width: 1.8em;
margin-right: .5rem;
display: inline-block;
}





/*----------------------------
  Index Apartment Mansion
----------------------------*/

.index-apaman-box .index-apaman{
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
.index-apaman-box .index-apaman a img{
  border: 3px solid transparent;
  border-radius: 1rem;
  transition: .2s linear;
}
.index-apaman-box .index-apaman a:hover img{
  border: 3px solid #ff98b3;
}


/*----------------------------
  Apartment Mansion List
----------------------------*/

.apamanlist-box{
  padding: 1rem 0 3rem;
}

.apamanlist-box .hx{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding: 1.5rem 1rem;
  background: #d4f3eb;
  border-radius: 1rem;
  margin-bottom: 3rem;
}

.apamanlist-box .list-apamanlist{
  counter-reset: apaman;
}

.apamanlist-box .apamanlist{
  margin-bottom: 2rem;
  position: relative;
}
.apamanlist-box .apamanlist::after{
  color: #EAEAEA;
  font-size: 6rem;
  font-family: 'Oswald', sans-serif;
  content: counter(apaman);
  counter-increment: apaman;
  display: inline-block;
  transition: .2s linear;
  position: absolute;
  right: 1.5rem;
  bottom: 3rem;
}
/* .apamanlist-box .apamanlist:hover::after{color: #CECECE;} */
.apamanlist-box .inr-apamanlist{
  padding-top: 1rem;
  background: white;
  transition: .2s linear;
}
/*
.apamanlist-box .inr-apamanlist:hover{
  background: #F1F1F1;
  border-radius: .5rem;
}
*/

.apamanlist-box .image-apamanlist img{
  border: 3px solid transparent;
  border-radius: .75rem;
  transition: .2s linear;
}
.apamanlist-box .apamanlist-mansion .image-apamanlist a:hover img{border-color: #3bbd9f;}
.apamanlist-box .apamanlist-student .image-apamanlist a:hover img{border-color: #f97c4f;}

.apamanlist-box .text-apamanlist{
  z-index: 2;
}
.apamanlist-box .hx-apamanlist{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
.apamanlist-box .hx-apamanlist a{font-weight: bold;}
.apamanlist-box .hx-apamanlist .cat{
color: #333333;
font-size: .5em;
font-weight: bold;
padding: .25rem .5rem;
background: white;
border: 1px solid;
margin-right: .5rem;
margin-bottom: .5rem;
display: inline-block;
}
.apamanlist-box .apamanlist-mansion .hx-apamanlist .cat{color: #3bbd9f;}
.apamanlist-box .apamanlist-student .hx-apamanlist .cat{color: #f97c4f;}
.apamanlist-box .text-apamanlist p{
  font-size: 1.2rem;
}
.apamanlist-box .btn-to-apaman a{
  font-size: 1.1rem;
  text-decoration: none;
  line-height: 1.6;
  padding: .25rem .5rem;
  border-bottom: 2px solid transparent;
  margin-top: 1rem;
  display: inline-block;
}
.apamanlist-box .btn-to-apaman a::before{
  content: '';
  border: .35em solid transparent;
  border-left: .5em solid #616161;
  display: inline-block;
}
.apamanlist-box .apamanlist-mansion .btn-to-apaman a:hover{border-color: #3bbd9f;}
.apamanlist-box .apamanlist-student .btn-to-apaman a:hover{border-color: #f97c4f;}

@media screen and (max-width: 575px) {
  .apamanlist-box .apamanlist{margin-bottom: 3rem;}
}



/*----------------------------
  Apartment Mansion
----------------------------*/

.apaman-box{
  padding: 0 0 6rem;
}
.apaman-box .apaman{
  margin-bottom: 4rem;
}
.apaman-box .hd-apaman{margin-bottom: 1rem;}
.apaman-box .slider-apaman img{
  border-radius: 1rem;
}
.apaman-box .apaman-mansion .slider-apaman .swiper-pagination-bullet-active{background-color:#3bbd9f;}
.apaman-box .apaman-student .slider-apaman .swiper-pagination-bullet-active{background-color:#f97c4f;}
.apaman-box .hx{
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.apaman-box .hx a{font-weight: bold;}
.apaman-box .hx .cat{
color: #333333;
font-size: .5em;
font-weight: bold;
padding: .25rem .5rem;
border: 1px solid;
margin-bottom: .5rem;
display: inline-block;
}
.apaman-box .apaman-mansion .hx .cat{color: #3bbd9f;}
.apaman-box .apaman-student .hx .cat{color: #f97c4f;}

.apaman-box .equip-apaman{
  padding: 1.6rem 2rem;
  background: #fffff6;
}
.apaman-box .hx-equip-apaman{
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
.apaman-box .equip-apaman li{
  margin-right: 1rem;
  display: inline-block;
}
.apaman-box .equip-apaman li::before{
  font-size: .6em;
  vertical-align: top;
  margin-right: .2em;
  content: '●';
  display: inline-block;
}
/*
@media screen and (max-width: 991px) {
  .apaman-box .equip-apaman li{
    margin-right: 1rem;
    display: inline-block;
  }
}
*/

@media screen and (min-width: 768px) {
  .apaman-box .data-apaman{
    display: table;
    border-collapse: collapse;
  }
  .apaman-box .data-apaman dl{
    display: table-row;
  }
  .apaman-box .data-apaman dt,
  .apaman-box .data-apaman dd{
    line-height: 1.6;
    padding: 1rem 1rem;
    border: 1px solid #DADADA;
    display: table-cell;
  }
  .apaman-box .data-apaman dt{
    /*
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    */
    min-width: 6em;
    background: #EAEAEA;
  }
  .apaman-box .data-apaman dd{
    padding: 1rem 2rem;
  }
  .apaman-box .apaman-mansion .data-apaman dt,
  .apaman-box .apaman-mansion .data-apaman dd{border-color: #3bbd9f;}
  .apaman-box .apaman-mansion .data-apaman dt{background: #dbf5ef;}
  .apaman-box .apaman-student .data-apaman dt,
  .apaman-box .apaman-student .data-apaman dd{border-color: #f97c4f;}
  .apaman-box .apaman-student .data-apaman dt{background: #fae3da;}
}
@media screen and (max-width: 767px) {
  .apaman-box .apaman-mansion .data-apaman dt{
    color:#3bbd9f;
    font-weight: bold;
  }
  .apaman-box .apaman-student .data-apaman dt{
    color:#f97c4f;
    font-weight: bold;
  }
  .apaman-box .data-apaman dt{
    padding: 0 1rem;
  }
  .apaman-box .data-apaman dd{
    padding: 0 1rem 1rem;
    border-bottom: 1px dotted #797979;
    margin-bottom: 1rem;
  }

}

.apaman-box .hx-list-navi-apaman{
  font-size: 1.6rem;
  font-weight: bold;
  padding: .5rem 0;
  border-bottom: 1px solid;
  margin-bottom: 2rem;
}

.apaman-box .navi-apaman{
  margin-bottom: .5rem;
}
.apaman-box .image-navi-apaman{
  line-height: 1.2;
}
.apaman-box .image-navi-apaman img{
  border: 3px solid transparent;
  border-radius: .75rem;
  transition: .2s linear;
}
.apaman-box .navi-apaman-mansion .image-navi-apaman a:hover img{border-color: #3bbd9f;}
.apaman-box .navi-apaman-student .image-navi-apaman a:hover img{border-color: #f97c4f;}

.apaman-box .hx-navi-apaman{
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.apaman-box .hx-navi-apaman a{font-weight: bold;}
.apaman-box .hx-navi-apaman .cat{
color: #333333;
font-size: .4em;
font-weight: bold;
padding: .15rem .5rem;
border: 1px solid;
margin-bottom: .5rem;
display: inline-block;
}
.apaman-box .navi-apaman-mansion .hx-navi-apaman .cat{color: #3bbd9f;}
.apaman-box .navi-apaman-student .hx-navi-apaman .cat{color: #f97c4f;}



/*----------------------------
  Apartment Mansion Flow
----------------------------*/

.apamanflow-box{
  text-align: center;
  padding: 3rem 0;
}
.apamanflow-box .hx{
  font-size: 2.2rem;
  margin-bottom: 3rem;
}
.apamanflow-box .hx .ja-hx{
  font-weight: bold;
}
.apamanflow-box .hx .en-hx{
  color: #fc698a;
  font-size: .6em;
  letter-spacing: .3rem;
}

.apamanflow-box .description-apamanflow{
margin-bottom: 4rem;
}
.apamanflow-box .description-apamanflow p{
line-height: 2;
margin-bottom: 1.5em;
}
.apamanflow-box .description-apamanflow p:last-child{margin-bottom:0;}

.apamanflow-box .hx-description-apamanflow{
margin-bottom: 2rem;
}

.apamanflow-box .apamanflow{
  margin-bottom: 3rem;
  display: inline-block;
}
.apamanflow-box .apamanflow:last-child{margin-bottom:0;}
.apamanflow-box .hx-apamanflow{
  font-family: 'M PLUS Rounded 1c',sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
}
.apamanflow-box .hx-apamanflow .img-hx{
  width: 5rem;
  margin-bottom: 1rem;
  display: inline-block;
}
.apamanflow-box .hx-apamanflow .inr-hx{
  color: #6aa756;
  padding: .25em 2em;
  border: 1px solid;
  border-radius: 5em;
  display: inline-block;
}
.apamanflow-box .intro-apamanflow{
  margin-bottom: 2rem;
}
.apamanflow-box .text-apamanflow p{
  line-height: 2;
  margin-bottom: 1.5em;
}
.apamanflow-box .text-apamanflow p:last-child{margin-bottom: 0;}

.apamanflow-box .point-apamanflow{
  width: 90%;
  margin: 0 auto 2rem;
}
.apamanflow-box .point-apamanflow ul{
  text-align: center;
  margin-bottom: 0;
  padding: 1.2rem 1rem;
  background: #fff3f5;
  border-radius: .75rem;
}
.apamanflow-box .point-apamanflow ul li{
  color: #fc698a;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.apamanflow-box .point-apamanflow ul li:last-child{margin-bottom:0;}

@media screen and (max-width: 767px) {
  .apamanflow-box .point-apamanflow{width: 100%;}
}
@media screen and (max-width: 340px) {
  .apamanflow-box .point-apamanflow ul li{font-size: 4vw;}
}
.apamanflow-box .step-apamanflow{
  text-align: center;
  margin-bottom: 2em;
  position: relative;
}
.apamanflow-box .step-apamanflow::after{
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  width: 27px;
  height: 8px;
  background-image: url(../assets/img/chart/arrow-bottom-gray.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
}
.apamanflow-box .step-apamanflow:first-child::after{display:none;}
.apamanflow-box .inr-step-apamanflow{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d8dbde;
}
.apamanflow-box .num-step-apamanflow{
  color: white;
  font-size: 3rem;
  font-family: 'Oswald',sans-serif;

  width: 80px;
  padding-right: 4px;
  background: #fd698a;
  border-radius: .5rem 0 0 .5rem;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;

  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.apamanflow-box .body-step-apamanflow{
  width: 100%;
  background: white;

  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;

  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.apamanflow-box .inr-body-step-apamanflow{
/*
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
*/
  height: 100%;
  padding: 25.5px 26px;
  background: #f7f7f7;
}

.apamanflow-box .hx-step-apamanflow{
  color: #fd698a;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: .5em;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;

  min-width: 10em;
}
.apamanflow-box .step-apamanflow p{
  margin-bottom:0;
}
.apamanflow-box .body-step-apamanflow p{
  font-size: 1.4rem;
  text-align: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;

  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;

  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.apamanflow-box .body-step-apamanflow .todo-step-apamanflow{
  color: #830d09;
  font-size: 1em;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px dotted #999999;
}
.apamanflow-box .body-step-apamanflow .memo-step-apamanflow{
  font-size: .8em;
  margin-top: 1.5rem;
  display: inline-block;
}
.apamanflow-box .btn-to-pdf{
  margin-bottom: 3rem;
}
.apamanflow-box .btn-to-pdf a{
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 2rem .75rem;
  border: 3px solid #EAEAEA;
  border-radius: .5rem;
  display: inline-block;
  transition: .2s linear;
}
.apamanflow-box .btn-to-pdf a:hover{
  border: 3px solid #fd2f32;
}
.apamanflow-box .btn-to-pdf .icon{
  vertical-align: -.25rem;;
  width:1.2em;
  display: inline-block;
}

.apamanflow-box .caution-apamanflow{
  text-align: center;
  padding: 1.5rem 1rem;
  background: #f3f3f3;
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.apamanflow-box .hx-caution-apamanflow{
  font-size: 1.6rem;
  font-weight: bold;
  max-width: 45em;
  width: 95%;
  padding: .5rem 2rem;
  border-bottom: 1px solid #999999;
  margin-bottom: 1rem;
  display: inline-block;
}

.apamanflow-box .hx-contact-apamanflow{
  font-size: 1.6rem;
  font-weight: bold;
  max-width: 45em;
  width: 95%;
  padding: .5rem 2rem;
  background: #ffd4de;
  border-radius: .5rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.apamanflow-box .outsourcer-contact-apamanflow{
  margin-bottom: .5rem;
}
.apamanflow-box .contact-apamanflow ul{
  margin: 1.2rem 0;
}
.apamanflow-box .contact-apamanflow .tel-number{
  font-size: 1.3em;
}
.apamanflow-box .contact-apamanflow .tel-number .icon-freecall{
  vertical-align: -.5rem;
  margin-right: .3em;
  width: 2em;
  display: inline-block;
}
.apamanflow-box .contact-apamanflow .tel-number .number{
  font-size: 1.4em;
}
.apamanflow-box .contact-apamanflow .fax-number{
  font-size: 1.2em;
}



@media screen and (min-width: 768px) and (max-width: 991px) {
  .apamanflow-box .hx-step-apamanflow{min-width: 6em;}
}
@media screen and (max-width: 767px) {
  .apamanflow-box .inr-step-apamanflow{
    border-bottom: 0;
  }
  .apamanflow-box .num-step-apamanflow{
    font-size: 2rem;
    width: 40px;
    padding-right: 0;
  }
  .apamanflow-box .body-step-apamanflow{

  }
  .apamanflow-box .inr-body-step-apamanflow{
    padding: 13px 17px;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }
  .apamanflow-box .hx-step-apamanflow{
    font-size: 15px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .apamanflow-box .body-step-apamanflow p{
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.7;
  }
}


/*----------------------------
  Advisor Contact
----------------------------*/

.advisor-contact-box{
  padding: 0 0 3rem;
}
.advisor-contact-box .hx{
  text-align: center;
  margin-bottom: 5rem;
  background: url(../assets/img/tophx/hx_contact.jpg) center center / cover no-repeat;
}
.advisor-contact-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  letter-spacing: 0.4rem;
  padding: 7rem 1rem;
  width: 100%;
  background: rgba(0,0,0,.1);
  display: inline-block;
}
.advisor-contact-box .hx .icon-hx{
  width:4rem;
  margin-bottom: .5rem;
  display: inline-block;
}
.advisor-contact-box .intro-advisor-contact{
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
  margin-bottom:2em;
}
.advisor-contact-box .intro-advisor-contact p{
  font-weight: bold;
}
.advisor-contact-box .advisor-contact{
  text-align: center;
}
.advisor-contact-box .hx-advisor-contact{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .25em 1em;
  background: #a1e5e2;
  border-radius: .5rem;
}
.advisor-contact-box .hx-advisor-contact .num-hx{
  color: #52c1bb;
  font-weight: bold;
  text-align: center;
  margin-right: .5em;
  padding: .2em .4em .15em;
  background: white;
  border-radius: 3em;
  display: inline-block;
}
.advisor-contact-box .inr-advisor-contact{
  margin-bottom: 3rem;
}
.advisor-contact-box .hx-inr-advisor-contact{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 767px) {
  .advisor-contact-box .advisor-contact{margin-bottom: 4rem;}
}

.advisor-contact-box .intro-form-advisor-contact,
.advisor-contact-box .intro-tel-advisor-contact{
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.advisor-contact-box .image-form-advisor-contact{
  margin-bottom: 1rem;
}

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

.advisor-contact-box .hx-tel-advisor-contact{
  font-weight: bold;
  letter-spacing: .2em;
  margin-bottom: .5rem;
}
.advisor-contact-box .number-tel-advisor-contact{
  font-size: 3rem;
  margin: 1.2rem 0 .5rem;
}
.advisor-contact-box .tel-advisor-contact .icon-tel{
  vertical-align: text-bottom;
  margin-right: .25em;
  width: 1.2em;
  display: inline-block;
}
.advisor-contact-box .tel-advisor-contact .number-tel{
  color: #52c1bb;
  letter-spacing: 0;
}

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

.advisor-contact-box .intro-line-advisor-contact{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}
.advisor-contact-box .hx-line-advisor-contact{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}
.advisor-contact-box .hx-line-advisor-contact strong{
  color: #16c016;
  font-weight: bold;
  margin-right: .25rem;
  display: inline-block;
}
.advisor-contact-box .outro-line-advisor-contact{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
}

.advisor-contact-box .btn-to-line2 a{
  color: #3ab946;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .1em;
  margin: 2.2rem 0;
  padding: .25em 2em;
  border: 1px solid;
  display: inline-block;
}


/*----------------------------
  School List
----------------------------*/

.schoollist-box{
  text-align: center;
  padding: 1rem 0 5rem;
}
.schoollist-box .hx{
  /* color: white; */
  font-size: 2rem;
  font-weight: bold;
  /* background: #6ad1cc; */
  padding: .5rem 1rem;
  border: 1px solid;
  border-radius: .5rem;
  margin-bottom: 1rem;
}
.schoollist-box .schoollist .list li{
  height: 3rem;
  margin: 1.2rem 1.5rem;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .schoollist-box .schoollist .list li img{
    width: auto;
    height: 3rem;
  }
}


/*----------------------------
  SNS Link
----------------------------*/

.snslink-box{
  padding: 3rem 0;
}
.snslink-box .hx{
  text-align: center;
}
.snslink-box .snslink{
  text-align: center;
}
.snslink-box .snslink li{
  width: 5rem;
  margin: 1em;
  display: inline-block;
}




/*----------------------------
  Contact
----------------------------*/

.contact-box{
  padding: 0 0 6rem;
}
.contact-box .hx{
  text-align: center;
  margin-bottom: 5rem;
  background: url(../assets/img/tophx/hx_contact.jpg) center center / cover no-repeat;
}
.contact-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  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{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .25em 1em;
  background: #b3ddff;
  border-radius: .5rem;
}
.contact-box .hx-contact .num-hx{
  color: #ff98b3;
  font-weight: bold;
  text-align: center;
  margin-right: .5em;
  padding: .2em .4em .15em;
  background: white;
  border-radius: 3em;
  display: inline-block;
}
.contact-box .inr-contact{
  margin-bottom: 3rem;
}

.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{
  color: #ff98b3;
  font-size: 1.3rem;
  font-weight: bold;
  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: text-bottom;
  margin-right: .25em;
  width: 1.2em;
  display: inline-block;
}
.contact-box .tel-contact .number-tel{
  color: #ff98b3;
  letter-spacing: 0;
}

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

.contact-box .intro-line-contact{
  line-height: 1.8;
  margin-bottom: 1rem;
}
.contact-box .hx-line-contact{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}
.contact-box .hx-line-contact strong{
  color: #16c016;
  font-weight: bold;
  margin-right: .25rem;
  display: inline-block;
}

.contact-box .btn-to-line2 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;
}



/*----------------------------
  LINE Contact
----------------------------*/

.line-contact-box{
  padding: 0 0 2rem;
  background: #fffff0;
}
.line-contact-box .hx{
  text-align: center;
  margin-bottom: 5rem;
  background: url(../assets/img/tophx/hx_line-contact.jpg) center center / cover no-repeat;
}
.line-contact-box .hx .inr-hx{
  color: white;
  font-size:3.2rem;
  font-weight: bold;
  letter-spacing: 0.4rem;
  padding: 7rem 1rem;
  width: 100%;
  background: rgba(0,0,0,.1);
  display: inline-block;
}
.line-contact-box .hx .icon-hx{
  width:4rem;
  margin-bottom: .5rem;
  display: inline-block;
}
.line-contact-box .intro-line-contact{
  font-size: 1.2em;
  margin-bottom:2em;
}
.line-contact-box .line-contact{
  margin-bottom: 4rem;
}
.line-contact-box .image-line-contact{
  margin-bottom: 3rem;
}
.line-contact-box .text-line-contact p{
  margin-bottom: 2rem;
}
.line-contact-box .text-line-contact strong{font-size: 1.2em;}
.line-contact-box .hx-line-contact{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
}
.line-contact-box .hx-line-contact strong{
  color: #16c016;
  font-weight: bold;
  margin-right: .25rem;
  display: inline-block;
}
.line-contact-box .inr-line-contact{
  margin-bottom: 3rem;
}
.line-contact-box .btn-to-line2 a{
  color: #3ab946;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .1em;
  padding: .25em 2em;
  border: 1px solid;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .line-contact-box .line-contact{
    text-align: center;
  }
}


/*----------------------------
  Instagram Contact
----------------------------*/

.instagram-contact-box{
  padding: 2rem 0;
  background: #fffff0;
  margin-bottom: 3rem;
}
.instagram-contact-box .intro-instagram-contact{
  font-size: 1.2em;
  margin-bottom:2em;
}
.instagram-contact-box .image-instagram-contact{
  margin-bottom: 3rem;
}
.instagram-contact-box .text-instagram-contact p{
  margin-bottom: 2rem;
}
.instagram-contact-box .text-instagram-contact strong{font-size: 1.2em;}
.instagram-contact-box .hx-instagram-contact{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
}
.instagram-contact-box .hx-instagram-contact strong{
  color: #ef1b51;
  font-weight: bold;
  margin-right: .25rem;
  display: inline-block;
}
.instagram-contact-box .inr-instagram-contact{
  margin-bottom: 3rem;
}
.instagram-contact-box .btn-to-instagram a{
  color: #ef1b51;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .1em;
  padding: .25em 2em;
  border: 1px solid;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .instagram-contact-box .instagram-contact{
    text-align: center;
  }
}



/*----------------------------
  Policy
----------------------------*/

.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;
  }
}



/*

.point-box{
  padding: 2rem 0;
}
.point-box .hx{
  font-size:3.5rem;
  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: #ff9136;
  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-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  padding: .75em 1em;
  background: #fd991d;
  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: #fffef3;
}
.experience-box .hx{
  font-size:3.2rem;
  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 .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;
  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;
  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{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.2em;
  padding: .25em 1em;
  background: #ff9136;
  border-radius: .5rem;
}
.contact-box .hx-contact .num-hx{
  color: #ff9136;
  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: #ff9136;
  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;}
}




.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;
  }
}

*/