map .modal-content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
map .modal-title {
  font-weight: normal;
  font-size: 17px;
  width: 95%;
}
 map .modal-header {
   padding: 0;
   border-bottom: none;
 }
 map .modal-body {
   padding: 1rem 1rem 0;
 }
 map .modal-body p {
   font-size: 17px;
   margin-bottom: 0;
 }
 map .modal-footer {
   border-top: none;
   padding: 0 1rem 1rem;
 }


/*
 *{
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 } */
 .content{
     margin: 0 auto;
     padding: 40px;
 }
.box{
     background: #eee;
     height: 200px;
     margin-bottom: 100px;
 }
.modal{
     display: none;
     height: 100vh;
     position: fixed;
     top: 0;
     width: 100%;
 }
 a.js-modal-close {
   font-size: 24px;
   font-weight: 700;
   position: absolute;
   right: 1rem;
   top: 0px;
 }
.modal__bg{
     background: rgba(0,0,0,0.8);
     height: 100vh;
     position: absolute;
     width: 100%;
 }
 map .modal__content{
     background: #fff;
     left: 50%;
     padding: 20px;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 40%;
     border-radius: 0.3rem;
 }
map .modal__content p{
  margin: 0;
  color: #262626

}
@media (max-width: 414px) {
  map .modal__content{
    width: 80%;
  }
}

.pb-10 {
  padding-bottom: 10px;
}

#fh5co-about{
    padding: 7em 0;
    clear: both;
    background: #fff;
}


.fh5co-section p {
    font-size: 18px;
    line-height: 1.5;
    color: #262626;
}

.section-heading {
    margin-top: -70px;
}

.btn-primary.btn-outline {
    color: #262626;
}

.section-heading h2 {
    font-style: 40px;
    color: #262626;
    font-family: "Satisfy", cursive;
}


#fh5co-footer .copyright .block {
    color: #fff;
}


/* SNS */
a.btn-sns {
  font-size: 1.4rem;
line-height: 27px;

  width: 30px;
  height: 30px;
  padding: 0;

  letter-spacing: 0;

  color: #fff;
  border-radius: 50%;
}

a.btn-sns:hover {
  color: #fff;
}

a.btn-sns--facebook {
  background: #1877f2;
}



a.btn-sns {
  font-size: 1.4rem;
  line-height: 27px;

  width: 30px;
  height: 30px;
  padding: 0;

  letter-spacing: 0;

  color: #fff;
  border-radius: 50%;
}

a.btn-sns:hover {
  color: #fff;
}

a.btn-sns--instagram {
  background: #d6249f;
  background: -webkit-linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  background: linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}


a.btn-sns {
  font-size: 1.4rem;
  line-height: 27px;

  width: 30px;
  height: 30px;
  padding: 0;

  letter-spacing: 0;

  color: #fff;
  border-radius: 50%;
}

a.btn-sns:hover {
  color: #fff;
}

a.btn-sns--line {
  background: #00b900;
}


a.btn-sns {
  font-size: 1.4rem;
  line-height: 27px;

  width: 30px;
  height: 30px;
  padding: 0;

  letter-spacing: 0;

  color: #fff;
  border-radius: 50%;
}

a.btn-sns:hover {
  color: #fff;
}

a.btn-sns--youtube {
  background: #cd201f;
}

.active1{
  color: #ea272d!important;
}

.active2{
  color: #fee856!important
}