@charset "UTF-8";
.first_vis_area {
  position: relative;
}

.first_vis_area__text {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  text-shadow: 0 6px 6px black;
  z-index: 99;
  font-family: Times new roman, "ヒラギノ明朝 Pro W3", "Noto Serif JP", "源ノ明朝", "游明朝", YuMincho, "HG明朝B", serif;
}

@media screen and (min-width: 768px) {
  .first_vis_area__text {
    top: 30%;
    font-size: 3.8em;
  }
}

.message_area {
  padding-top: 2em;
  padding-bottom: 4em;
}

.message__ttl {
  padding-bottom: .5em;
}

.facility__ttl {
  padding: .5em;
  background-color: #6C6CD1;
  color: #fff;
  text-align: center;
}

.facility__facility_box__img {
  padding: 8em 1em .5em;
  background-size: cover;
  background-position: center;
}

.facility__facility_box__img .eng {
  font-size: 3em;
  font-family: Times new roman, "ヒラギノ明朝 Pro W3", "Noto Serif JP", "源ノ明朝", "游明朝", YuMincho, "HG明朝B", serif;
  color: #fff;
}

.facility__facility_box__text_box {
  padding: 1em 2.5% 4em;
}

.facility__facility_box__text_box__ttl .name {
  display: block;
  margin: .5em 0;
  padding-left: .2em;
  font-size: 1.8em;
  font-weight: 500;
  color: #707070;
  border-left: 0.3em solid #FBC7F0;
  line-height: 1;
}

.facility__facility_box__text_box__text {
  margin-bottom: 1em;
  color: #707070;
}

.facility__facility_box__text_box .p__btn {
  width: 10em;
  padding: .3em;
  text-align: center;
}

.facility__facility_box.humming .facility__facility_box__img {
  background-image: url(../img/front-facility-humming.png);
}

.facility__facility_box.emiumu .facility__facility_box__img {
  background-image: url(../img/front-facility-emiumu.png);
}

.facility__facility_box.emiumu .facility__facility_box__img .eng {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .facility__ttl {
    font-size: 1.7em;
  }
  .facility__facility_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .facility__facility_box__img {
    width: 50%;
    position: relative;
  }
  .facility__facility_box__img .eng {
    position: absolute;
    bottom: 2rem;
    font-size: 5em;
    line-height: 1;
  }
  .facility__facility_box__text_box {
    width: 50%;
    padding: 5rem 2.5rem 6rem;
  }
  .facility__facility_box__text_box__ttl {
    font-size: 1.5em;
  }
  .facility__facility_box__text_box__ttl .name {
    font-size: 1.95em;
    border-left: 0.2em solid #FBC7F0;
  }
  .facility__facility_box__text_box__text {
    margin-bottom: 1.5em;
  }
  .facility__facility_box__text_box__text p {
    font-size: .9em;
  }
  .facility__facility_box__text_box .p__btn {
    width: 12em;
  }
  .facility__facility_box.emiumu .facility__facility_box__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .facility__facility_box.emiumu .facility__facility_box__img .eng {
    right: 1rem;
  }
}

@media screen and (min-width: 1430px) {
  .facility__facility_box.humming .facility__facility_box__text_box {
    padding-right: calc((100vw - 1200px) / 2);
  }
  .facility__facility_box.emiumu .facility__facility_box__text_box {
    padding-left: calc((100vw - 1200px) / 2);
  }
}

.aboutus_area {
  padding: 2em 0;
  background-image: url(../img/front-about.png);
  background-size: cover;
}

.aboutus_area .aboutus__ttl {
  margin-bottom: 1em;
  font-size: 3em;
  font-family: Times new roman, "ヒラギノ明朝 Pro W3", "Noto Serif JP", "源ノ明朝", "游明朝", YuMincho, "HG明朝B", serif;
  color: #fff;
  text-align: center;
}

.aboutus_area .aboutus__page_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.aboutus_area .aboutus__page_list__box {
  width: 48%;
  padding: 1em 1em 1em .8em;
  background-color: #fff;
  margin-bottom: 1em;
}

.aboutus_area .aboutus__page_list__box:nth-of-type(even) {
  margin-left: 4%;
}

.aboutus_area .aboutus__page_list__box .inner {
  border-left: 2px solid #EF63E6;
  padding-left: .5em;
}

.aboutus_area .aboutus__page_list__box__ttl {
  color: #707070;
  margin-bottom: 3em;
}

.aboutus_area .aboutus__page_list__box__ttl .eng {
  display: block;
  font-size: .8em;
}

.aboutus_area .aboutus__page_list__box .p__btn {
  padding: .3em;
}

@media screen and (min-width: 960px) {
  .aboutus_area {
    position: relative;
    padding: 6rem 0 2rem;
  }
  .aboutus_area .aboutus__ttl {
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
    right: 8rem;
    font-size: 5em;
  }
  .aboutus_area .aboutus__page_list {
    padding-bottom: 15rem;
  }
  .aboutus_area .aboutus__page_list__box {
    width: calc((100% - 6rem) / 5);
  }
  .aboutus_area .aboutus__page_list__box:nth-of-type(even) {
    margin-left: 0;
  }
  .aboutus_area .aboutus__page_list__box:not(:last-of-type) {
    margin-right: 1.5rem;
  }
  .aboutus_area .aboutus__page_list__box__ttl {
    font-size: .9em;
  }
  .aboutus_area .aboutus__page_list__box__ttl .eng {
    font-size: .6em;
  }
  .aboutus_area .aboutus__page_list__box .p__btn {
    font-size: .6em;
  }
}

.topics__area {
  padding: 2em 0;
  color: #707070;
}

.topics__area .all_topics_link {
  display: block;
  width: 6em;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

.topics__area .topics__ttl {
  margin-bottom: 1em;
  padding-left: .5em;
  font-size: 1.5em;
  color: #707070;
  border-left: 0.3em solid #FBC7F0;
  line-height: 1;
}

.topics__area .topics__topics_list li {
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .topics__area .topics__ttl {
    font-size: 2em;
    border-left: 0.2em solid #FBC7F0;
  }
  .topics__area .topics__topics_list {
    padding-left: 3rem;
  }
  .topics__area .topics__topics_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .topics__area .topics__post_time {
    width: 10em;
  }
  .topics__area .topics__post_ttl {
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  .PCblock,.PCblock *{display: none;}
}
@media screen and (max-width: 767px) {
  .SPblock,.SPblock *{display: none;}  
}
/*# sourceMappingURL=front-page.css.map */