@charset "utf-8";


/* サービス 共通
==================================================== */
.service{}

.service .contents_area{
  margin-top: 110px;
}

.service .service_title{
  margin-bottom: 90px;
}

.service .service_title h3{
  margin-bottom: 45px;
  font-size: 29px;
  text-align: center;
  font-weight: bold;
  color: #2451A8;
}

.service .service_title p{
  font-size: 17px;
  text-align: center;
  line-height: 1.7;
}

.service .service_contents .service_box{
  padding: 50px 0;
}

.service .service_contents .service_box figure{
  max-width: 505px;
  width: 50%;
  margin-right: 48px;
  align-self: center;
}

.service .service_contents .service_box .service_contents_box{
  width: 421px;
}

.service .service_contents .service_box .service_contents_box .number_flex{
  margin-bottom: 10px;
}

.service .service_contents .service_box .service_contents_box .number_flex h4{
  margin-right: 19px;
  letter-spacing: -0.8px;
  font-size: 71px;
  color: #D8D8D8;
}

.service .service_contents .service_box .service_contents_box .number_flex p{
  align-self: center;
  font-size: 22px;
  font-weight: bold;
  color: #2451A8;
}

.service .service_contents .service_box_02,.service .service_contents .service_box_04{
  flex-direction: row-reverse;
}
.service .service_contents .service_box_02 figure,
.service .service_contents .service_box_04 figure{
  margin-right: 0;
  margin-left: 58px;
}

@media screen and (max-width: 767px){
  .service .service_title h3{
    font-size: 27px;
  }
  .service .service_title p{
    font-size: 16px;
  }
  .service .service_contents{
    margin-bottom: 50px;
  }
  .service .service_contents .service_box{
    display: block;
    padding: 40px 0;
  }
  .service .service_contents .service_box figure{
    max-width: 100%;
    width: 100%;
    margin: 0 auto 10px;
  }
  .service .service_contents .service_box .service_contents_box{
    width: 100%;
  }
  .service .service_contents .service_box .service_contents_box .number_flex{
    margin-bottom: 10px;
  }
  .service .service_contents .service_box .service_contents_box .number_flex h4{
    font-size: 60px;
  }
  .service .service_contents .service_box .service_contents_box .number_flex p{
    line-height: 1.4;
    font-size: 21px;
  }
}

/* 内装設計・インテリア interior
==================================================== */

.interior .service_contents .service_box .service_contents_box .number_flex{
  margin: 45px auto 20px;
}

.interior .service_contents .service_box_02 .service_contents_box .number_flex{
  margin: 30px auto 20px;
}

.interior .service_contents .service_box .service_contents_box .number_flex h4{
  display: flex;
  align-items: center;
  color: #2451A8;
  font-size: 53px;
}
.interior .service_contents .service_box .service_contents_box .number_flex h4 span{
  margin-right: 19px;
  letter-spacing: -0.8px;
  font-size: 74px;
  color: #D8D8D8;
}

@media screen and (max-width: 767px){
  .interior .service_contents .service_box .service_contents_box .number_flex{
    margin: 0;
  }
  .interior .service_contents .service_box .service_contents_box .number_flex h4{
    font-size: 47px;
  }
  .interior .service_contents .service_box .service_contents_box .number_flex h4 span{
  font-size: 62px;
}
}
/*gallery_area*/

.interior .gallery_area{
  margin: 180px auto 150px;
}

.interior .gallery_area .h2_titile{
  margin-bottom: 60px;
}

.interior #lightgallery_images {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.interior #lightgallery_images a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24%;
    height: 16vw;
    margin-right: 1%;
    margin-bottom: 2%;
    overflow: hidden;
}

.interior #lightgallery_images a img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
}

.lg-sub-html{
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .interior .gallery_area{
    margin: 80px auto 100px;
  }
  .interior .gallery_area .h2_titile{
    margin-bottom: 40px;
  }
  .interior #lightgallery_images a {
    width: 49%;
    height: 42vw;
    margin-right: 2%;
    margin-bottom: 5%;
  }
  .interior #lightgallery_images a:nth-child(2n) {
    margin-right: 0;
  }
}