@charset "UTF-8";



/*******************************
*　私たちについて
********************************/

.cmn_sec_bg{
  position: relative;
  z-index: 1;
}
.cmn_sec_bg:after{
  content: "";
  display: block;
  width: 1920px;
  aspect-ratio:1920 / 3763;
  background-image: url(https://ms-base.co.jp/system_panel/uploads/images/iiiii.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  top: 0;
  /*  top: auto;*/
  left: 50%;
  bottom: -6%;
  transform:translateX(-50%);
  pointer-events: none;
}

/* セクション設定 */
.pg_aboutus{

}
.pg_aboutus .section.sec1{
  /*overflow: hidden;*/
}
.pg_aboutus .section.sec2{
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.pg_aboutus .section.sec2:after{

}
.pg_aboutus cmn_sec_bg:after{
  top: 345px;
}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_aboutus{

  }
  .pg_aboutus .section.sec1{

  }
  .pg_aboutus .section.sec2{
    padding-top: 90px;
  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/* メイン部分 */

/* REASON */
.about_reason_wrap{
  position: relative;
}
* + .about_reason_wrap{
  margin-top: 100px;
}

.pg_estate .section.sec3 .about_reason_wrap{
  position: relative;
}
.pg_estate .section.sec3 .about_reason_wrap:before{
  content: "";
  display: block;
  width: 100vw;
  height: 134%;
  ;
  background: linear-gradient(223deg,rgba(224, 239, 248, 1) 2%, rgba(224, 230, 241, 1) 100%);
  position: absolute;
  top: -350px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}
@media (max-width:767px){
  .blue_bg:before{
    height: 6000px;
    top: -250px!important;
  }
  .pg_aboutus .section.sec2.cmn_sec_bg:after{
    bottom: -16%;
  }
}
@media (min-width:768px){
  .pg_aboutus .section.sec2.cmn_sec_bg:after{
    bottom: -10%;
  }
}
@media (min-width:1024px){
  .pg_estate .section.sec3 .about_reason_wrap:before{
    height: 143%;
    ;
    top: -350px;
  }
  .pg_aboutus .section.sec2.cmn_sec_bg:after{
    bottom: -6%;
  }
}
@media (min-width:1200px){
  .pg_estate .section.sec3 .about_reason_wrap:before{
    height: 143%;
    ;
    top: -350px;
  }

  .body_aboutUs .pg_aboutus .sec2.cmn_sec_bg:after{
    top: 100px;
  }
}
@media (min-width:1470px){

  /* REASON */
  .about_reason_wrap{

  }
  * + .about_reason_wrap{
    margin-top: 175px;
  }

  .pg_estate .section.sec3 .about_reason_wrap:before{
    height: 134%;
    ;
    top: -516px;
  }
}
@media (min-width:1720px){
  .read_more.col2 a{
    min-width: 284px;
  }

  .body_aboutUs .pg_aboutus .sec2.cmn_sec_bg:after{
    top: auto;
  }
}



/*******************************
*　
********************************/

/* セクション設定 */
.pg_estate{

}
.pg_estate .section.sec1{

}
.pg_estate .section.sec2{

}
.pg_estate .section.sec3{
  position: relative;
  z-index: 2;
}

.pg_estate .cmn_sec_bg:after{
  top: 950px;
  bottom: 0;
}

.blue_bg{
  position: relative;
}
.blue_bg:before{
  content: "";
  display: block;
  height: 7000px;
  background: linear-gradient(223deg,rgba(221, 245, 252, 1) 2%, rgba(224, 230, 241, 1) 100%);
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: -26%;
  left: var(--margin-for-device-side-w);
  right: var(--margin-for-device-side-w);
  bottom: -120px;
  bottom: -50px;
  z-index: -2;
}
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_estate .section.sec1{

  }
  .pg_estate .section.sec2{

  }
  .pg_estate .section.sec3{

  }

  .blue_bg:before{
    top: -200px;
  }
}
@media (min-width:1024px){
  .blue_bg:before{
    top: -300px;
  }

}
@media (min-width:1200px){

  .pg_estate .cmn_sec_bg:after{
    top: 900px;
    bottom: -120px;
  }

  .blue_bg:before{
    top: -350px;
  }
}
@media (min-width:1470px){
  .pg_estate .section.sec3{
    padding-top: 260px;
  }

  .pg_estate .cmn_sec_bg:after{
    top: 950px;
    bottom: -120px;
  }

}
@media (min-width:1720px){
  .blue_bg:before{
    top: -350px;
  }

}

/* メイン部分 */
.realestate_bg_buy_sell{
  background: linear-gradient(240deg,rgba(49, 85, 160, 1) 0%, rgba(30, 185, 238, 1) 100%);
  opacity: 0.15;
  position: absolute;
  z-index: -1;
  top: -26%;
  left: var(--margin-for-device-side-w);
  right: var(--margin-for-device-side-w);
  bottom: -120px;
  bottom: -50px;
  z-index: -2;
}

.estate_desc_wrap{

}
* + .estate_desc_wrap{
  margin-top: 100px;
}
.estate_desc_txt{
  margin-bottom: 80px;
}

@media (max-width:767px){

}
@media (min-width:768px){

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){
  .realestate_bg_buy_sell{
    top: -26%;
    left: var(--margin-for-device-side-w);
    right: var(--margin-for-device-side-w);
    bottom: -170px;
    z-index: -2;
  }

}
@media (min-width:1720px){


}







/*******************************
*　リフォーム
********************************/

/* セクション設定 */
.pg_reform{

}
.pg_reform .section.sec1{

}
.pg_reform .section.sec2{

}
.pg_reform .section.sec3{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/* メイン部分 */

/* 悩み */
.reform_nayami_wrap{
  background: #FFF;
  padding: 30px 15px;
  border-radius: 20px;
}
.reform_nayami_head{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 20px;
}
.reform_nayami{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
.reform_nayami_item{
  width: 100%;
  width: calc(50% - 5px);
}
.reform_nayami_item_img{
  border-radius: 20px;
}
.reform_nayami_item_img.img_fit:before{
  padding-top: 79.47%;
}
.reform_nayami_item_txt{
  font-size: 13px;
  font-weight: 700;
  line-height: 1.333;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 10px;
}
.reform_nayami_item_txt strong{
  font-weight: inherit;
  color: #0199d1;
}

/* OUR SERVICES */
.reform_contents{

}
* + .reform_contents{
  margin-top: 30px;
}
.reform_contents_row{

}

.reform_contents{

}
.reform_contents_row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reform_contents_row + .reform_contents_row{
  margin-top: 30px;
}
.reform_contents_row .anchor{
  width: 100%;
}
.reform_contents_box1{
  width: 100%;
}
.reform_contents_box2{
  width: 100%;
  margin-top: 20px;
}

.reform_contents_img{
  border-radius: 20px;
}
.reform_contents_img.img_fit:before{
  padding-top: 80.53%;
}

.reform_contents_txt{
  font-weight: 400;
}

.gjs-dashed .reform_contents_row .anchor{
  top: 0;
  height: 20px;
  background: #CCC;
}



@media (max-width:767px){



}
@media (min-width:768px){

  /* 悩み */
  .reform_nayami_wrap{
    padding: 30px 30px ;
    border-radius: 20px;
  }
  .reform_nayami_head{
    font-size: 30px;
    margin-bottom: 20px;
  }
  .reform_nayami{
    gap: 30px 20px;
  }
  .reform_nayami_item{
    width: calc(50% - 13.333px);
  }
  .reform_nayami_item_img{
    border-radius: 20px;
  }
  .reform_nayami_item_txt{
    font-size: 20px;
    margin-top: 18px;
  }

  /* OUR SERVICE */
  .reform_contents{

  }
  * + .reform_contents{
    margin-top: 50px;
  }
  .reform_contents_row{
  }
  .reform_contents_row + .reform_contents_row{
    margin-top: 50px;
  }
  .reform_contents_box1{
  }
  .reform_contents_box2{
    margin-top: 30px;
  }

}
@media (min-width:1024px){

  /* 悩み */
  .reform_nayami_wrap{
    /*padding: 45px 50px 80px;*/
  }
  .reform_nayami_head{
    font-size: 32px;
    margin-bottom: 20px;
  }
  .reform_nayami{
    gap: 55px 20px;
  }
  .reform_nayami_item{
    width: calc(33.333% - 13.333px);
  }
  .reform_nayami_item_txt{
    font-size: 20px;
    margin-top: 18px;
  }

  /* OUR SERVICE */
  .reform_contents{

  }
  .reform_contents_row{
  }
  .reform_contents_row + .reform_contents_row{
    margin-top: 50px;
  }
  .reform_contents_box1{
    width: 49.01%;
  }
  .reform_contents_box2{
    width: 47.73%;
    margin-top: 0;
  }

  .reform_contents_img{
  }
  .reform_contents_row:nth-child(odd) .reform_contents_box1{
    order: 2;
  }
  .reform_contents_row:nth-child(odd) .reform_contents_box2{
    order: 1;
  }
  .reform_contents_row:nth-child(even) .reform_contents_box1{
    order: 1;
  }
  .reform_contents_row:nth-child(even) .reform_contents_box2{
    order: 2;
  }

}
@media (min-width:1200px){

  /* 悩み */
  .reform_nayami_wrap{
    /*padding: 45px 50px 80px;*/
  }
  .reform_nayami_head{
    font-size: 36px;
    margin-bottom: 20px;
  }
  .reform_nayami{
    gap: 55px 30px;
  }
  .reform_nayami_item{
    width: calc(33.333% - 20px);
  }
  .reform_nayami_item_img{
    border-radius: 20px;
  }
  .reform_nayami_item_txt{
    font-size: 24px;
  }

  .reform_contents_box2{
    width: 44.73%;
  }
}
@media (min-width:1366px){

}


@media (min-width:1470px){

  /* 悩み */
  .reform_nayami_wrap{
    padding: 45px 50px 80px;
  }
  .reform_nayami_head{
    font-size: 40px;
    margin-bottom: 20px;
  }
  .reform_nayami{
    gap: 55px 30px;
  }
  .reform_nayami_item{
    width: calc(33.333% - 20px);
  }
  .reform_nayami_item_txt{
    font-size: 26px;
  }

  /* OUR SERVICE */
  .reform_contents{

  }
  * + .reform_contents{
    margin-top: 100px;
  }
  .reform_contents_row{
  }
  .reform_contents_row + .reform_contents_row{
    margin-top: 80px;
  }
  .reform_contents_box1{
    width: 49.01%;
  }
  .reform_contents_box2{
    width: 44.73%;
  }
}


@media (min-width:1720px){

  /* 悩み */
  .reform_nayami_wrap{
    /*padding: 45px 50px 80px;*/
  }
  .reform_nayami_head{
    /*font-size: 40px;*/
    /*margin-bottom: 20px;*/
  }
  .reform_nayami{
    /*gap: 55px 30px;*/
  }
  .reform_nayami_item{
    /*width: calc(33.333% - 20px);*/
  }
  .reform_nayami_item_txt{
    font-size: 30px;
  }

  /* OUR SERVICE */
  .reform_contents{

  }
  * + .reform_contents{
    margin-top: 100px;
  }
  .reform_contents_row{
  }
  .reform_contents_row + .reform_contents_row{
    margin-top: 80px;
  }
  .reform_contents_box1{
    /*width: 44.74%;*/
  }
  .reform_contents_box2{
    /*width: 55.26%;*/
  }

  .reform_contents_box2{
  }

  .reform_contents_row:nth-child(odd) .reform_contents_box1{

  }
  .reform_contents_row:nth-child(odd) .reform_contents_box2{
  }
  .reform_contents_row:nth-child(even) .reform_contents_box1{
  }
  .reform_contents_row:nth-child(even) .reform_contents_box2{
  }

}


/*******************************
*　
********************************/

/* セクション設定 */
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/* メイン部分 */


/* 物件検索レイアウト */
.property_layout{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.property_layout_box1{
  width: 100%;
  order: 2;
  margin-top: 30px;
}
.property_layout_box2{
  width: 100%;
  order: 1;
}

.search_form1{

}
.search_form2{

}
.search_form2 + .search_form1{
  margin-top: 50px;
}


/* 検索ウィジェット */
.search_widget{
  background: #FFF;
}
.search_widget + .search_widget{
  margin-top: 20px;
}
.search_widget_ttl{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.075em;
  background: #32333d;
  color: #FFF;
  text-align: center;
  padding: 16px 5px 17px;
}
.search_widget_links{

}
.search_widget_links + .search_widget_links{
  border-top: 1px solid #000;
}
.search_widget_links a{
  display: block;
  position: relative;
  z-index: 1;
}
.search_widget_links_cat{
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding: 16px 30px 16px 36px;
  border-bottom: 1px solid #c7c7c7;
  position: relative;
  z-index: 1;
}
.search_widget_links_cat:before{
  content: "";
  width: 8px;
  height: 8px;
  background: #0199d1;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.search_widget_links_cat.noDot{

}
.search_widget_links_cat.noDot:before{
  display: none;
}

.search_widget_links_subs{
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.075em;
  padding: 10px 30px 10px 35px;
}
.search_widget_links_subs a{
  padding: 5px 0;
}



.search_widget_links_subs_item{

}
.search_widget_links_subs_item{

}
.search_widget_links_subs_item + .search_widget_links_subs_item{
  margin-top: 20px;
}
.search_widget_links_subs_item_ttl{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}
.search_widget_links_cat select,
.search_widget_links_subs_item select{
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  border: 1px solid #b6b6b6;
  padding: 10px 20px 11px 10px;
  cursor: pointer;
}
.search_widget_links_subs_item select + select{
  margin-top: 10px;
}

/* 送信ボタン */
.search_btn{
  padding: 50px 30px 60px;
}
.search_submit{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 11px 10px 13px;
  border: 0;
  border-radius: 25px;
  background-image: -moz-linear-gradient( 90deg, rgb(49,85,160) 0%, rgb(30,185,238) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(49,85,160) 0%, rgb(30,185,238) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(49,85,160) 0%, rgb(30,185,238) 100%);
  box-shadow: 0px 0px 14.4px 1.6px rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.search_submit:hover{
  opacity: 0.8;
}
.search_submit:before{
  content: "";
  width: 15px;
  aspect-ratio: 15 / 16;
  background-image: url('https://ms-base.co.jp/system_panel/uploads/images/search-solid-wh.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  margin-bottom: -2px;
}

@media (max-width:767px){

}
@media (min-width:768px){

  /* 物件検索レイアウト */
  .property_layout{
  }
  .property_layout_box1{
    /*width: 300px;*/
    margin-top: 50px;
  }
  .property_layout_box2{
    /*width: calc(100% - 300px - 60px);*/
  }

  .search_form1{

  }
  .search_form2{

  }
  .search_form2 + .search_form1{
    margin-top: 50px;
  }

  /* 検索ウィジェット */
  .search_widget{
  }
  .search_widget + .search_widget{
    margin-top: 20px;
  }
  .search_widget_ttl{
    font-size: 16px;
    padding: 16px 5px 17px;
  }
  .search_widget_links{

  }
  .search_widget_links_cat{
    font-size: 16px;
    padding: 16px 30px 16px 36px;
  }
  .search_widget_links_cat:before{
    width: 8px;
    height: 8px;
    left: 20px;
  }
  .search_widget_links_subs{
    font-size: 16px;
    padding: 10px 30px 10px 35px;
  }
  .search_widget_links_subs a{
    padding: 5px 0;
  }

  .search_widget_links_subs_item{

  }
  .search_widget_links_subs_item + .search_widget_links_subs_item{
    margin-top: 20px;
  }
  .search_widget_links_subs_item_ttl{
    font-size: 16px;
  }
  .search_widget_links_cat select,
  .search_widget_links_subs_item select{
    font-size: 14px;
    padding: 10px 20px 11px 10px;
  }
  .search_widget_links_subs_item select + select{
    margin-top: 10px;
  }
  .search_widget_links_cat.noDot{
    padding-left: 20px;
    padding-right: 20px;
  }

  /* 送信ボタン */
  .search_btn{
    padding: 50px 30px 60px;
  }
  .search_submit{
    padding: 11px 10px 13px;
    border-radius: 25px;
    font-size: 16px;
  }
  .search_submit:before{
    width: 15px;
    margin-right: 10px;
    margin-bottom: -2px;
  }

}
@media (min-width:1024px){

  /* 物件検索レイアウト */
  .property_layout{
  }
  .property_layout_box1{
    width: 250px;
    order: 1;
    margin-top: 0;
  }
  .property_layout_box2{
    width: calc(100% - 250px - 30px);
    order: 2;

  }

  .search_form1{

  }
  .search_form2{

  }
  .search_form2 + .search_form1{
    margin-top: 50px;
  }


  /* 検索ウィジェット */
  .search_widget{
  }
  .search_widget + .search_widget{
    margin-top: 20px;
  }
  .search_widget_ttl{
    font-size: 16px;
    padding: 16px 5px 17px;
  }
  .search_widget_links{

  }
  .search_widget_links_cat{
    font-size: 16px;
    padding: 16px 30px 16px 36px;
  }
  .search_widget_links_cat:before{
    width: 8px;
    height: 8px;
    left: 20px;
  }
  .search_widget_links_subs{
    font-size: 16px;
    padding: 10px 20px;
  }
  .search_widget_links_subs a{
    padding: 5px 0;
  }

  .search_widget_links_subs_item{

  }
  .search_widget_links_subs_item + .search_widget_links_subs_item{
    margin-top: 20px;
  }
  .search_widget_links_subs_item_ttl{
    font-size: 16px;
  }
  .search_widget_links_cat select,
  .search_widget_links_subs_item select{
    font-size: 14px;
    padding: 10px 20px 11px 10px;
  }
  .search_widget_links_subs_item select + select{
    margin-top: 10px;
  }
  .search_widget_links_cat.noDot{
    padding-left: 30px;
    padding-right: 30px;
  }

  .search_form2 .search_widget_links_cat{
    padding: 16px 20px;
  }
  .search_form2 .search_widget_links_subs{
    padding: 10px 20px;
  }

  /* 送信ボタン */
  .search_btn{
    padding: 20px 15px 30px;
  }
  .search_submit{
    padding: 11px 10px 13px;
    border-radius: 25px;
    font-size: 16px;
  }
  .search_submit:before{
    width: 15px;
    margin-right: 10px;
    margin-bottom: -2px;
  }


}
@media (min-width:1200px){


}
@media (min-width:1470px){

  /* 物件検索レイアウト */
  .property_layout{
  }
  .property_layout_box1{
    width: 300px;
    order: 1;
    margin-top: 0;
  }
  .property_layout_box2{
    width: calc(100% - 300px - 60px);
    order: 2;

  }

  .search_form1{

  }
  .search_form2{

  }
  .search_form2 + .search_form1{
    margin-top: 50px;
  }

  /* 検索ウィジェット */
  .search_widget{
  }
  .search_widget + .search_widget{
    margin-top: 20px;
  }
  .search_widget_ttl{
    font-size: 18px;
    padding: 16px 5px 17px;
  }
  .search_widget_links{

  }
  .search_widget_links_cat{
    font-size: 16px;
    padding: 16px 30px 16px 36px;
  }
  .search_widget_links_cat:before{
    width: 8px;
    height: 8px;
    left: 20px;
  }
  .search_widget_links_subs{
    font-size: 16px;
    padding: 10px 30px 10px 35px;
  }
  .search_widget_links_subs a{
    padding: 5px 0;
  }

  .search_widget_links_subs_item{

  }
  .search_widget_links_subs_item + .search_widget_links_subs_item{
    margin-top: 20px;
  }
  .search_widget_links_subs_item_ttl{
    font-size: 18px;
  }
  .search_widget_links_cat select,
  .search_widget_links_subs_item select{
    font-size: 16px;
    padding: 10px 20px 11px 10px;
  }
  .search_widget_links_subs_item select + select{
    margin-top: 10px;
  }

  /* 送信ボタン */
  .search_btn{
    padding: 50px 30px 60px;
  }
  .search_submit{
    padding: 11px 10px 13px;
    border-radius: 25px;
    font-size: 16px;
  }
  .search_submit:before{
    width: 15px;
    margin-right: 10px;
    margin-bottom: -2px;
  }
}
@media (min-width:1720px){


}

.search_widget_links_toggle{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  border: 0;
  padding: 16px 30px 16px 36px;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
  font-size: 18px;
  outline: none;
}

.search_widget_links_toggle::after{
  content: "+";
  flex: none;
  margin-left: 12px;
}

.search_widget_links.is-open .search_widget_links_toggle::after{
  content: "−";
}

.search_widget_links_all{
  display: inline-block;
  margin: 0 0 10px;
  font-weight: 700;
}

.search_kw{
  display: flex;

}
.search_kw input{
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 18px;
  border: 1px solid #b6b6b6;
}
.search_kw input:placeholder{
  color: #ababab;
}
.search_kw button{
  width: 35px;
  font-size: 18px;
  border: 1px solid #b6b6b6;
  border-left: 0;
  background: #f1f1f1;
  color: #7f7f7f;
  cursor: pointer;
}


/* メイン検索フォーム */
.search_form3{
  background: #FFF;
  border-radius: 20px;
  padding: 20px 15px 0;
}

.search_form_head{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #1a1a1a;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
.search_form_head_ttl{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.075em;
  padding-left: 30px;
  background-image: url('https://ms-base.co.jp/system_panel/uploads/images/search_icon.png');
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: left top 6px;
  margin-bottom: 5px;
}
.search_form_head_ttl:before{
}
.search_form_head_txt{
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.075em;
}
.search_form_item{
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 5px;
}
.search_form_item + .search_form_item{
  border-top: 1px solid #bfbfbf;
}
.search_form_item dt{
  width: 100%;
  margin-bottom: 10px;
}
.search_form_item dd{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  /*width: calc(100% - 235px);*/
  width: 100%;
  font-size: 14px;
  letter-spacing: 0;
}
.search_form_item dd label{
  /*min-width: 125px;*/
  margin: 0;
  cursor: pointer;
}
.search_form_item dd label input{
  margin-right: 5px;
}
.search_form_item dd select{
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #b6b6b6;
  padding: 5px 20px 5px 10px;
  cursor: pointer;
}

.search_form_grps{
  width: 100%;
}
.search_form_grps + .search_form_grps{
  margin-top: 20px;
}
.search_form_grps_ttl{
  font-size: 16px;
  font-weight: 500;
  background: #f3f3f6;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.search_form_grps_items{
  display: flex;
  flex-wrap: wrap;
  gap: 15px 15px;
}

.search_form_grps_more{
  display: flex;
  justify-content: center;
  margin: 25px auto 0;
  cursor: pointer;
}
.search_form_grps_more p{
  width: 200px;
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  border: 1px solid #454545;
  border-radius: 20px;
  transition: 0.2s all;
}
.search_form_grps_more:hover p{
  background: var(--main-color);
  color: #FFF;
}

.search_form3 .search_btn{
  text-align: center;
}
.search_form3 .search_submit{
  max-width: 235px;
  margin: 0 auto;
}

@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }


  /* メイン検索フォーム */
  .search_form3{
    border-radius: 20px;
    padding: 35px 35px 0;
  }

  .search_form_head{
    padding-bottom: 20px;
    margin-bottom: 0px;
  }
  .search_form_head_ttl{
    font-size: 22px;
    padding-left: 40px;
    background-size: 26px auto;
    background-position: left top 8px;
  }
  .search_form_head_ttl:before{
  }
  .search_form_head_txt{
    font-size: 16px;
  }
  .search_form_item{
    padding: 35px 0 12px;
  }
  .search_form_item dt{
    width: 160px;
  }
  .search_form_item dd{
    gap: 15px 15px;
    width: calc(100% - 160px);
    font-size: 18px;
  }
  .search_form_item dd label{
  }
  .search_form_item dd label input{
    margin-right: 5px;
  }
  .search_form_item dd select{
    font-size: 16px;
    padding: 10px 20px 11px 10px;
  }

  .search_form_grps{
    width: 100%;
  }
  .search_form_grps + .search_form_grps{
    margin-top: 35px;
  }
  .search_form_grps_ttl{
    font-size: 18px;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
  .search_form_grps_items{
    gap: 15px 15px;
  }

  .search_form_grps_more{
    margin: 25px auto 0;
  }
  .search_form_grps_more p{
    width: 200px;
    padding: 8px 10px 9px;
    font-size: 14px;
  }

  .search_form3 .search_btn{
  }
  .search_form3 .search_submit{
    max-width: 235px;
  }

}
@media (min-width:1024px){




}
@media (min-width:1200px){


}
@media (min-width:1470px){

  /* メイン検索フォーム */
  .search_form3{
    border-radius: 20px;
    padding: 35px 35px 0;
  }

  .search_form_head{
    padding-bottom: 20px;
    margin-bottom: 0px;
  }
  .search_form_head_ttl{
    font-size: 22px;
    padding-left: 40px;
    background-size: 26px auto;
    background-position: left top 8px;
  }
  .search_form_head_ttl:before{
  }
  .search_form_head_txt{
    font-size: 16px;
  }
  .search_form_item{
    padding: 35px 0 12px;
  }
  .search_form_item dt{
    width: 235px;
  }
  .search_form_item dd{
    gap: 15px 15px;
    width: calc(100% - 235px);
    font-size: 18px;
  }
  .search_form_item dd label{
  }
  .search_form_item dd label input{
    margin-right: 5px;
  }
  .search_form_item dd select{
    font-size: 16px;
    padding: 10px 20px 11px 10px;
  }

  .search_form_grps{
    width: 100%;
  }
  .search_form_grps + .search_form_grps{
    margin-top: 35px;
  }
  .search_form_grps_ttl{
    font-size: 18px;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
  .search_form_grps_items{
    gap: 15px 15px;
  }

  .search_form_grps_more{
    margin: 25px auto 0;
  }
  .search_form_grps_more p{
    width: 200px;
    padding: 8px 10px 9px;
    font-size: 14px;
  }

  .search_form3 .search_btn{
  }
  .search_form3 .search_submit{
    max-width: 235px;
  }

}
@media (min-width:1720px){


}


/*******************************
*　
********************************/

/* セクション設定 */
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/* メイン部分 */

/* 物件リスト */
.property_list{

}
.property_list .webgene-blog{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 15px;
}
.property_list .webgene-item{
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #FFF;
}
.property_list .webgene-item .box1{

}
.property_list .webgene-item .box2{
  padding: 15px 15px;
}
.property_list .webgene-item .img{

}
.property_list .webgene-item .img.img_fit:before{
  padding-top: 75%;
}
.property_list .webgene-item .title{
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.property_list .webgene-item .meta{

}
.property_list .webgene-item .meta dl{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.property_list .webgene-item .meta dl,
.property_list .webgene-item .meta dt,
.property_list .webgene-item .meta dd{
  margin: 0;
}
.property_list .webgene-item .meta dl+dl{
  margin-top: 8px;
}
.property_list .webgene-item .meta dl dt{
  width: 48px;
  background: #32333d;
  color: #FFF;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 0 5px 2px;
}
.property_list .webgene-item .meta dl dd{
  width: calc(100% - 48px - 8px);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

@media (max-width:767px){

}
@media (min-width:768px){

  /* 物件リスト */
  .property_list{

  }
  .property_list .webgene-blog{
    gap: 20px 15px;
  }
  .property_list .webgene-item{
    width: calc(50% - 10px);
  }
  .property_list .webgene-item .box1{

  }
  .property_list .webgene-item .box2{
    padding: 20px 20px;
  }
  .property_list .webgene-item .title{
    font-size: 18px;
  }
  .property_list .webgene-item .meta dl dt{
    width: 48px;
  }
  .property_list .webgene-item .meta dl dd{
    width: calc(100% - 48px - 8px);
  }

}
@media (min-width:1024px){



}
@media (min-width:1200px){

  /* 物件リスト */
  .property_list{

  }
  .property_list .webgene-blog{
    gap: 20px 20px;
  }
  .property_list .webgene-item{
    width: calc(33.333% - 24px);
  }
  .property_list .webgene-item .box1{

  }
  .property_list .webgene-item .box2{
    padding: 20px 20px;
  }
  .property_list .webgene-item .title{
    font-size: 16px;
  }


}
@media (min-width:1470px){

  /* 物件リスト */
  .property_list{

  }
  .property_list .webgene-blog{
    gap: 36px 36px;
  }
  .property_list .webgene-item{
    width: calc(33.333% - 24px);
  }
  .property_list .webgene-item .box1{

  }
  .property_list .webgene-item .box2{
    padding: 20px 30px 30px;
  }
  .property_list .webgene-item .title{
    font-size: 18px;
  }


}
@media (min-width:1720px){


}


/*******************************
*　物件詳細
********************************/

/* セクション設定 */
.pg_property2{

}
.pg_property2 .section.sec1{

}
.pg_property2 .section.sec2{
  padding-top: 0;
}



.pg_property + .pg_contact{
  margin-top: 50px;
}

@media (min-width:768px){

  .pg_property + .pg_contact{
    margin-top: 75px;
  }
  .pg_property2 .section.sec2{
    padding-top: 95px;
  }
}
@media (min-width:1024px){



}
@media (min-width:1200px){

  .pg_property + .pg_contact{
    margin-top: 135px;
  }

}



.property_detail{
  background: #FFF;
  padding: 15px 15px;
  border-radius: 20px;
}

.property_detail .meta{
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.property_detail .meta_inner{
  margin-top: 30px;
}
.property_detail .meta .read_more{
  /*position: absolute;*/
  /*z-index: 1;*/
  /*top: 0;*/
  /*right: 0;*/
  margin-top: 0;
}
.property_detail .madori{
  display: inline-block;
  min-width: 120px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.075em;
  background: #32333d;
  color: #FFF;
  padding: 2px 10px 3px;
}
.property_detail .title{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #121f39;
  padding-bottom: 12px;
  margin-top: 8px;
}

.gallery_main_btn{
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  width: 20px;
  outline: none !important;
}
.gallery_main_btn img{
  transition: 0.2s all;
}
.gallery_main_btn:hover img{
  transform: scale(1.1);
}
.gallery_main_btn.prev{
  left: -30px;
}
.gallery_main_btn.next{
  right: -30px;
}



/*テーブル*/
.property_tbl {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #FFF;
  margin-top: 38px;
}
.property_tbl th, .property_tbl td {
  border: 0;
  padding: 10px 10px;
  font-size: 16px;
  letter-spacing: 0.075em;
  font-weight: 500;
  line-height: 1.6;
  border: 1px solid #ababab;
}
.property_tbl th {
  background: #e5e5e5;
}

.property_tbl + .service_flow_btns{
  margin-top: 30px;
}

.gallery_detail .read_more{
  margin-top: 0;
}
.gallery_detail .read_more + .read_more{
  margin-top: 15px;
}
/*フォーム*/
.property_contact_wrap .formTbl{
  border: 1px solid #ababab;
}
[name="property_name"], [name="property_price"] {
  border: 0 !important;
  pointer-events: none;
}

.property_btns{
  margin-top: 30px;
}

.property_detail + .read_more{
  margin-top: 50px;
}
.property_contact_wrap{
  margin-top: 80px;
}
.property_contact_tt{
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.025em;
  margin-bottom: 50px;
}

.property_map{
  margin-top: 50px;
}
.property_map_ttl{
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}
.property_map_embed{

}
.property_map_embed iframe{
  width: 100%;
  height: 300px;
  border: 0;
}

.property_head{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  
}
.property_head_ttl{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.075em;
}
.gallery_detail .property_head .read_more{
  width: 100%;
  margin-top: 10px;
}
.property_head + .property_tbl{
  margin-top: 40px;
}

@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
  .property_tbl th,
  .property_tbl td{
    display: block;
    width: 100%;
    border-bottom: 0;
  }
  .property_tbl tr:last-child td:last-child{
    border-bottom: 1px solid #ababab;
  }

  .pg_property .section.sec2.pg_contact .privacy_item_box{
    margin-top: 80px;
  }

  .read_more a{
    min-width: 300px;
    min-width: 284px;
  }
  
  .property_contact_tt{
  font-size: 24px;
}
}
@media (min-width:768px){
  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }
  .pg_property .section.sec2.pg_contact{
    padding-top: 37px;
  }
  .pg_property .section.sec2.pg_contact .privacy_item_box{
    margin-top: 80px;
  }
  .pg_xxx .section.sec3{

  }
  .pg_xxx .section.sec4{

  }
  .pg_xxx .section.sec5{

  }

  .property_detail{
    padding: 45px 45px;
    border-radius: 20px;
  }

  .property_detail .meta .read_more{
    margin-top: 30px;
  }

  .property_tbl{
    margin-top: 60px;
  }
  .property_tbl + .property_tbl{
    margin-top: 60px;
  }
  .property_detail .meta{
    margin-bottom: 40px;
  }
  .property_detail .meta_inner{
    margin-top: 30px;
  }
  .property_detail .meta_inner .title{
    /*padding-right: 320px;*/
  }

  .property_detail .read_more.email{
    padding-left: 15px;
    padding-right: 15px;
  }
  .property_detail .title{
    font-size: 20px;
    padding-bottom: 20px;
  }
  .gallery_thumb {
    width: 100%;
    height: 100%;
  }
  .gallery_thumb .img {
    height: 100%;
  }

  /*テーブル*/
  .property_tbl th, .property_tbl td {
    font-size: 16px;
    line-height: 2;
    padding: 13px 15px;
  }
  .gallery_detail {
    width: 100%;
    margin-top: 30px;
  }
  .property_tbl th {
    width: 160px;
    border-right: 0;
  }
  .property_tbl td{
    border-left: 0;
    padding-left: 20px;
  }

  .property_tbl + .service_flow_btns{
    margin-top: 50px;
  }

  .property_detail .read_more a{
    margin: 5px 15px;
  }


  .property_map{
    margin-top: 50px;
  }
  .property_map_ttl{
    font-size: 22px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .property_map_embed{

  }
  .property_map_embed iframe{
    width: 100%;
    height: 450px;
    border: 0;
  }
  
  .property_head{
    margin-top: 30px;
    padding-bottom: 10px;
  }
  .property_head_ttl{
    font-size: 22px;
  }
  gallery_detail .property_head .read_more{
    margin-top: 0;
    margin-left: 20px;
  }
  .property_head + .property_tbl{
    margin-top: 40px;
  }
}
@media (min-width:1024px){

  .gallery_thumb .swiper-wrapper {
    margin: 0;
  }

  /*テーブル*/
  .gallery_detail {
    width: 100%;
    margin-top: 30px;
  }
  .property_detail .title{
    font-size: 22px;
  }
  .property_tbl th {
    width: 255px;
  }

  .gallery_wrap{
  }
  .gallery_main_btn{
    width: 30px;
  }
  .gallery_main_btn.prev{
    left: -65px;
  }
  .gallery_main_btn.next{
    right: -65px;
  }

}
@media (min-width:1200px){

  .property_detail .meta .read_more{
    position: absolute;
    z-index: 1;
    top: 0;
    right: -10px;
    margin-top: 10px;
  }
  .property_detail .meta .read_more{
    width: auto;
  }
  
  .property_head{
    margin-top: 30px;
    padding-bottom: 10px;
  }
  .property_head_ttl{
    font-size: 22px;
  }
  .gallery_detail .property_head .read_more{
    margin-top: 0;
    margin-left: 20px;
  }
  .property_head + .property_tbl{
    margin-top: 40px;
  }

}
@media (min-width:1440px){
  
  .property_head{
    flex-wrap: nowrap;
    margin-top: 30px;
    padding-bottom: 15px;
  }
  .property_head_ttl{
    font-size: 22px;
  }
  .gallery_detail .property_head .read_more{
    width: auto;
    margin-top: 0;
    margin-left: 20px;
  }
  .property_head + .property_tbl{
    margin-top: 40px;
  }

  
}
@media (min-width:1720px){

  .property_detail .meta_inner .title{
    /*padding-right: 350px;*/
  }
  .property_detail .read_more.email{
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .property_contact_wrap{
    
  }
  .property_contact_wrap .formTbl .container{
    padding-left: 6px;
    padding-right: 6px;
  }
}



/*******************************
*　
********************************/

/* セクション設定 */
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/* メイン部分 */



@media (max-width:767px){

}
@media (min-width:768px){

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/*******************************
*　
********************************/

/* セクション設定 */
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}

/* メイン部分 */

@media (max-width:767px){

}
@media (min-width:768px){

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}


/*******************************
*　
********************************/

/* セクション設定 */
.pg_company{

}
.pg_company .section.sec1{

}
.pg_company .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_company{

  }
  .pg_company .section.sec1{

  }
  .pg_company .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}
@media (min-width:1470px){


}
@media (min-width:1720px){


}


/* メイン部分 */


/* 会社概要 */
.company_tbl{

}
.company_tbl .table_rows_th,
.company_tbl .table_rows_td{
  color: #000;
  border-color: #808080;
  padding: 10px 10px;
}
.company_tbl .table_rows_th{
  background: #e6e6e6;
  font-weight: 500;
}
.company_tbl .table_rows_td{
  background: #FFF;
}

/* マップ */
.company_map{

}
* + .company_map{
  margin-top: 50px;
}
.company_map iframe{
  border: 0;
  width: 100%;
  height: 250px;
}

/* ギャラリー */
.company_gallery_items{
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
* + .company_gallery_items{
  margin-top: 30px;
}
.company_gallery_item{
  width: 50%;
  padding: 0 5px;
}
.company_gallery_item:nth-child(n+3){
  margin-top: 10px;
}
.company_gallery_item_img{

}
.company_gallery_item_img.img_fit:before{
  padding-top: 71.400%;
}

@media (max-width:767px){

}
@media (min-width:768px){

  /* 会社概要 */
  .company_tbl{

  }
  .company_tbl .table_rows_th,
  .company_tbl .table_rows_td{
    padding: 17px 30px 18px;
  }
  .company_tbl .table_rows_th{
    width: 200px;
  }
  .company_tbl .table_rows_td{
  }

  /* マップ */
  .company_map{

  }
  * + .company_map{
    margin-top: 50px;
  }
  .company_map iframe{
    height: 400px;
  }


  /* ギャラリー */
  .company_gallery_items{
    margin-left: -10px;
    margin-right: -10px;
  }
  * + .company_gallery_items{
    margin-top: 40px;
  }
  .company_gallery_item{
    width: 33.333%;
    padding: 0 10px;
  }
  .company_gallery_item:nth-child(n+3){
    margin-top: 0;
  }
  .company_gallery_item:nth-child(n+4){
    margin-top: 20px;
  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){

  /* 会社概要 */
  .company_tbl{

  }
  .company_tbl .table_rows_th,
  .company_tbl .table_rows_td{
    padding: 17px 30px 18px;
  }
  .company_tbl .table_rows_th{
    width: 300px;
  }
  .company_tbl .table_rows_td{
  }

  /* ギャラリー */
  .company_gallery_items{
    margin-left: -15px;
    margin-right: -15px;
  }
  * + .company_gallery_items{
    margin-top: 60px;
  }
  .company_gallery_item{
    width: 33.333%;
    padding: 0 15px;
  }
  .company_gallery_item:nth-child(n+3){
    margin-top: 0;
  }
  .company_gallery_item:nth-child(n+4){
    margin-top: 30px;
  }

}
@media (min-width:1470px){


}
@media (min-width:1720px){


}



/* カテゴリNav */
.cmn_cat_nav{

}
.cmn_cat_nav .webgene-blog{
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.cmn_cat_nav .webgene-item{
  width: 50%;
  padding: 0 5px;
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.4285;
}
.cmn_cat_nav .webgene-item a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  min-height: 50px;
  padding: 2px 10px 3px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #FFF;
  border: 1px solid var(--main-color);
  border-radius: 5px;
  background: var(--main-color);
  position: relative;
  z-index: 1;
  transition: 0.2s all;
}

.cmn_cat_nav .webgene-item a:after{
  content: "";
  width: 12px;
  aspect-ratio: 1 / 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: var(--arrow-right2);
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 5px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: 0.2s all;
}
.cmn_cat_nav .webgene-item.on a,
.cmn_cat_nav .webgene-item a:hover{
  background: var(--main-color);
  color: #FFF;
}
.cmn_cat_nav .webgene-item a:hover:after{
  margin-right: -2px;
}

.cmn_cat_nav.color2 .webgene-item a{
  background: #b8d200;
  border-color: #b8d200;
  color: #FFF;
}
.cmn_cat_nav.color2 .webgene-item a:hover{
  background: var(--main-color);
  border-color: var(--main-color);
}
.cmn_cat_nav.color2 .webgene-item a:before{
  content: "";
  position: absolute;
  z-index: 1;
  border: 2px solid #FFF;
  inset: 0;
}

@media (max-width:767px){

  .cmn_cat_nav.col1_sp .webgene-item{
    width: 100%;
  }
  .cmn_cat_nav.col2_sp .webgene-item{
    width: 50%;
  }
  .cmn_cat_nav.col3_sp .webgene-item{
    width: 33.333%;
  }
  .cmn_cat_nav.col4_sp .webgene-item{
    width: 25%;
  }

  .cmn_cat_nav.txt_sm_sp .webgene-item{
    font-size: 10px;
  }

}
@media (min-width:768px){

  .cmn_cat_nav{
    margin-left: -10px;
    margin-right: -10px;
  }
  .cmn_cat_nav .webgene-item{
    width: 50%;
    padding: 0 10px;
    margin: 10px 0;
    font-size: 16px;
  }
  .cmn_cat_nav .webgene-item a{
    min-height: 60px;
  }

  .cmn_cat_nav .webgene-item a:after{
    width: 20px;
    right: 18px;
  }
  .cmn_cat_nav .webgene-item a:hover:after{
    margin-right: -5px;
  }
}
@media (min-width:1024px){

}
@media (min-width:1200px){

  .cmn_cat_nav{
    margin-left: -10px;
    margin-right: -10px;
  }
  .cmn_cat_nav .webgene-item{
    padding: 0 10px;
    margin: 10px 0;
    font-size: 18px;
  }
  .cmn_cat_nav .webgene-item a{
    padding: 2px 32px 3px;
  }

  .cmn_cat_nav.col2 .webgene-item{
    width: 50%;
  }
  .cmn_cat_nav.col3 .webgene-item{
    width: 33.333%;
  }
  .cmn_cat_nav.col4 .webgene-item{
    width: 25%;
  }
  .cmn_cat_nav.col5 .webgene-item{
    width: 20%;
  }

  .cmn_cat_nav .webgene-item a:after{
    right: 50px;
  }
}


/*******************************
*　記事一覧
********************************/

/* 一覧（サムネあり） */
.news_list_thumb{

}
* + .news_list_thumb{
  margin-top: 50px;
}
.posts_category_sp + .news_list_thumb{
  margin-top: 0;
}
.news_list_thumb .webgene-blog{
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.news_list_thumb .webgene-item{
  width: 50%;
  padding: 0 5px;
}
.news_list_thumb .webgene-item:nth-child(n+3){
  margin-top: 15px;
}
.news_list_thumb .webgene-item{

}
.news_list_thumb .webgene-item .inner{
  display: block;
  position: relative;
  z-index: 1;
  color: #000;
  background: #e6e6e6;
}
.news_list_thumb .webgene-item .box1{

}
.news_list_thumb .webgene-item .box2{
  padding: 10px 10px;
}
.news_list_thumb .webgene-item .img{
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.news_list_thumb .webgene-item .img.img_fit:before{
  padding-top: 75%;
  padding-top: 67.92%;
}
.news_list_thumb .webgene-item .meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 5px;
}
.news_list_thumb .webgene-item .meta .category{
  font-size: 13px;
  font-weight: 500;
  background: #2850a1;
  color: #FFF;
  padding: 3px 8px;
  margin: 5px 0;
  margin-right: 10px;
}
.news_list_thumb .webgene-item .meta .date{
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-en);
  margin: 5px 0;
  /*margin-right: 10px;*/
}
.news_list_thumb .webgene-item .title{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}


.news_list_thumb.col3{

}
.news_list_thumb.col4{

}


@media (max-width:767px){

}
@media (min-width:768px){

  /* 一覧（サムネあり） */
  .news_list_thumb{

  }
  * + .news_list_thumb{
    margin-top: 50px;
  }
  .news_list_thumb .webgene-blog{
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .news_list_thumb .webgene-item{
    width: 50%;
    padding: 0 7.5px;
  }
  .news_list_thumb .webgene-item:nth-child(n+3){
    margin-top: 15px;
  }
  .news_list_thumb .webgene-item{

  }
  .news_list_thumb .webgene-item .inner{
  }
  .news_list_thumb .webgene-item .box1{

  }
  .news_list_thumb .webgene-item .box2{
    padding: 20px 10px;
  }
  .news_list_thumb .webgene-item .meta{
    margin-bottom: 5px;
  }
  .news_list_thumb .webgene-item .meta .category{
    font-size: 13px;
    /*margin-right: 10px;*/
  }
  .news_list_thumb .webgene-item .meta .date{
    font-size: 15px;
    /*margin-right: 10px;*/
  }
  .news_list_thumb .webgene-item .title{

  }

}
@media (min-width:1024px){

  /* 一覧（サムネあり） */


  /* 3カラム */
  .news_list_thumb.col3 .webgene-item{
    width: 33.333%;
  }
  .news_list_thumb.col3 .webgene-item:nth-child(n+3){
    margin-top: 0;
  }
  .news_list_thumb.col3 .webgene-item:nth-child(n+4){
    margin-top: 15px;
  }

  /* 4カラム */
  .news_list_thumb.col4 .webgene-item{
    width: 25%;
  }
  .news_list_thumb.col4 .webgene-item:nth-child(n+3){
    margin-top: 0;
  }
  .news_list_thumb.col4 .webgene-item:nth-child(n+5){
    margin-top: 15px;
  }

}
@media (min-width:1200px){

  /* 一覧（サムネあり） */
  .news_list_thumb{

  }
  * + .news_list_thumb{
    margin-top: 50px;
  }
  .news_list_thumb .webgene-blog{
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .news_list_thumb .webgene-item{
    padding: 0 7.5px;
  }
  .news_list_thumb .webgene-item .box1{

  }
  .news_list_thumb .webgene-item .box2{
    padding: 20px 25px;
  }

  .news_list_thumb .webgene-item .title{
    font-size: 16px;
    line-height: 1.875;
  }



}
@media (min-width:1470px){


}
@media (min-width:1720px){


}


/*******************************
*　記事一覧(2カラム)
********************************/
.pg_news{
  padding-top: 0;
}
.posts_layout{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
.posts_layout_box1{
  width: 100%;
}
.posts_layout_box2{
  width: 100%;
  margin-top: 50px;
}

.select_wrap{
  position: relative;
  z-index: 1;
}
.select_wrap:after{
  content: "\f078";
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.select_wrap select{
  width: 100%;
  padding: 10px 10px;
  /*height: 40px;*/
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.posts_category_sp{
  margin-bottom: 30px;
}

/* リスト */
.posts_list{

}
.posts_list .webgene-item{
  display: flex;
  align-items: center;
  border-bottom: 1px dotted;
  padding-bottom: 10px;
}
.posts_list .webgene-item + .webgene-item{
  margin-top: 10px;
}
.posts_list .webgene-item .date{
  width: 95px;
  letter-spacing: 0.1em;
}
.posts_list .webgene-item .category{
  width: auto;
  font-size: 0.75em;
}
.posts_list .webgene-item .category span{
  display: block;
  background: #0069ba;
  color: #FFF;
  padding: 3px 5px;
  text-align: center;
}
.posts_list .webgene-item .title{
  width: 100%;
  letter-spacing: 0.075em;
}
.posts_list .webgene-item .title a{

}


/* サイド */
.posts_side_wrap{

}
.posts_side_wrap + .posts_side_wrap{
  margin-top: 30px;
}
.posts_side_title {
  background: #0069ba;
  color: #FFF;
  padding: 10px 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 20px;
}

.posts_cat_item{
  padding-left: 8px;
}
.posts_cat_item + .posts_cat_item{
  margin-top: 18px;
}
.posts_cat_item a{
  display: block;
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}
.posts_cat_item a:before{
  content: "■";
  position: absolute;
  left: 0;
}

/* 詳細 */
.posts_detail{
  border: 1px solid #d3d3d3;
  border-top: 15px solid #0069ba;
  padding: 15px 10px;
}
.posts_detail .webgene-item{

}
.posts_detail .meta{
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.posts_detail .meta .category{
  margin-bottom: 2px;
}
.posts_detail .meta .category span{
  display: inline-block;
  background: #0069ba;
  border-radius: 5px;
  color: #FFF;
  min-width: 150px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 2px 5px;
  line-height: 1.2;
}
.posts_detail .meta .date{

}
.posts_detail .meta .title{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.065em;

}
.posts_detail .post_content{
  line-height: 1.875;
  letter-spacing: 0.065em;
  text-align: justify;
  word-break: break-all;
}
.posts_detail .thumb{
  margin-bottom: 10px;
}

.posts_back_list{

}
.posts_back_list a{
  display: block;
  width: 255px;
  max-width: 100%;
  margin: 30px auto 0;
  background: #f3f2f2;
  padding: 4px;
  border-radius: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.posts_back_list a p{
  border: 2px dashed #0069b6;
  border-radius: 10px;
  padding: 10px 6px;
}
.posts_back_list a p:after{
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 18px;
}

/* PDFリンク */
.post_pdf{
  text-align: left;
}
.post_pdf a{
  display: inline-block;
  margin-top: 30px;
  border-bottom: 1px solid;
  transition: 0.2s all;
}
.post_pdf a[href=""]{
  display: none;
}
.post_pdf a:hover{
  border-bottom: 0;
}
.post_pdf a:before{
  /*
  * f054 > (大)
  * f105 > (小)
  */
  content: "\f105";
  font-family: "FontAwesome";
  margin-right: 5px;
}


/* 動画 */
.post_video{

}
.post_video .responsive_video{
  margin-top: 15px;
}
.post_video .responsive_video:empty{
  display: none;
}

/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
  .posts_list .webgene-item{
    flex-wrap: wrap;
  }
  .posts_list .webgene-item .title{
    margin-top: 5px;
  }
  .posts_list .webgene-item .category{
    max-width: calc(100% - 95px);
    line-height: 1.2;
  }
}
@media (min-width:768px){

  .pg_news{
    padding-top: 0;
  }
  .posts_layout_box1{
    width: 74.32%;
  }
  .posts_layout_box2{
    width: 22.97%;
    margin-top: 0;
  }

  .posts_category_sp{
    display: none;
  }

  /* リスト */
  .posts_list{

  }
  .posts_list .webgene-item{
    padding-bottom: 20px;
  }
  .posts_list .webgene-item + .webgene-item{
    margin-top: 20px;
  }
  .posts_list .webgene-item .date{
    width: 90px;
    font-size: 14px;
    letter-spacing: 0.075em;
  }
  .posts_list .webgene-item .category{
    width: 160px;
  }
  .posts_list .webgene-item .category span{
  }
  .posts_list .webgene-item .title{
    width: calc(100% - 100px - 150px - 15px);
    margin-left: 15px;
  }
  .posts_list .webgene-item .title a{

  }

  .posts_side_wrap + .posts_side_wrap{
    margin-top: 55px;
  }

  /* 詳細 */
  .posts_detail{
    padding: 20px 30px;
  }
  .posts_detail .webgene-item{

  }
  .posts_detail .meta{
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 5px;
    margin-bottom: 25px;
  }
  .posts_detail .meta .category{
    width: 100%;
  }
  .posts_detail .meta .category span{
    font-size: 13px;
    padding: 2px 5px;
  }
  .posts_detail .meta .date{
    width: 105px;
  }
  .posts_detail .meta .title{
    width: calc(100% - 105px);
    font-size: 20px;
  }
  .posts_detail .post_content{
    padding: 0 10px;
  }
  .posts_detail .thumb{
    margin-bottom: 20px;
  }


}
@media (min-width:1024px){

  /* リスト */
  .posts_list{

  }
  .posts_list .webgene-item{
  }
  .posts_list .webgene-item + .webgene-item{
  }
  .posts_list .webgene-item .date{
    width: 120px;
    font-size: 16px;
  }
  .posts_list .webgene-item .category{
    width: 160px;
  }
  .posts_list .webgene-item .category span{
  }
  .posts_list .webgene-item .title{
    width: calc(100% - 120px - 160px - 25px);
    margin-left: 25px;
  }
  .posts_list .webgene-item .title a{

  }

}
@media (min-width:1200px){

  .pg_news{
    padding-top: 0;
  }

}



/*******************************
*　ギャラリー（サムネ横ver）
********************************/
.pg_xxx{

}
.pg_xxx .section.sec1{
  padding-top: 0;
  padding-bottom: 0;
}

/* スライド */
.gallery_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.gallery_box1{
  width: 100%;
}
.gallery_box2{
  width: 100%;
  margin-top: 15px;
}

/* メイン */
.gallery_main{

}
.gallery_main .img{
  background: #EEE;
  border-radius: 10px;
}
.gallery_main .img.img_fit:before{
  padding-top: 79.13%;
}
.gallery_main .img.img_fit img{
  object-fit: contain;
  object-position: center;
}
/* サムネ */
.gallery_thumb{

}
.gallery_thumb .img{
  width: 100%;
  background: #EEE;
  overflow: hidden;
  border-radius: 10px;
}
.gallery_thumb .img.img_fit:before{
  padding-top: 76.92%;
}
.gallery_thumb .img.img_fit img{

}


/* 詳細 */
.gallery_detail{

}
.gallery_detail .meta{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 10px;

}
.gallery_detail .meta .title{
  font-size: 18px;
  line-height: 1.5;
}
.gallery_detail .meta .price{
  font-size: 18px;
  line-height: 1.5;
  margin-left: auto;
}
.gallery_detail .post_content{
  font-size: 16px;
  line-height: 2;
  text-align: justify;
  word-break: break-all;
}
.gallery_detail .read_more{
  margin-top: 50px;
}

.gallery_detail .notice{
  margin-top: 20px;
}

/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){
  .pg_xxx{

  }
  .pg_xxx .section.sec1{
    padding-top: 0;
    padding-bottom: 0;
  }
  .pg_xxx .section.sec2{
    padding-top: 0;
    padding-bottom: 0;
  }
  .pg_xxx .section.sec3{
    padding-top: 0;
    padding-bottom: 0;
  }

  /* 詳細 */
  .gallery_wrap{
  }
  .gallery_box1{
    width: 66.03%;
  }
  .gallery_box2{
    width: 33.01%;
    margin-top: 0;

    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
  }

  /* サムネ */
  .gallery_thumb{
    width: 100%;
    height: 100%;
  }
  .gallery_thumb .swiper-slide {
    overflow: hidden;
  }
  .gallery_thumb .img{
    height: 100%;
  }
  .gallery_thumb .img.img_fit:before{

  }

  /* 詳細 */
  .gallery_detail{
    width: 100%;
    margin-top: 30px;
  }
  .gallery_detail .meta{
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .gallery_detail .meta .title{
    font-size: 18px;
  }
  .gallery_detail .meta .price{
    font-size: 18px;
  }
  .gallery_detail .post_content{
    font-size: 16px;
    line-height: 2;
  }
  .gallery_detail .read_more{
    margin-top: 50px;
  }
}
@media (min-width:1024px){

  /* 詳細 */
  .gallery_detail{
    margin-top: 30px;
  }
  .gallery_detail .meta{
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .gallery_detail .meta .title{
    font-size: 20px;
  }
  .gallery_detail .meta .price{
    font-size: 20px;
  }
  .gallery_detail .post_content{
    font-size: 16px;
    line-height: 2;
  }
  .gallery_detail .read_more{
    margin-top: 50px;
  }

}
@media (min-width:1200px){


}







/*******************************
*　
********************************/
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}
.pg_xxx .section.sec3{

}
.pg_xxx .section.sec4{

}
.pg_xxx .section.sec5{

}

.home_service_row.bl_gld{
  position: relative
}
.home_service_row.bl_gld:before{
  width: 100%;
  height: 100%;
  background: linear-gradient(97deg,rgba(50, 51, 61, 1) 2%, rgba(50, 51, 61, 0.98) 29%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
.home_service_row.bl_gld:after{
  width: 100%;
  height: 100%;
  background: linear-gradient(136deg,rgba(38, 162, 215, 1) 2%, rgba(38, 162, 215, 0.84) 15%, rgba(255, 255, 255, 0) 27%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
.home_service_row.bl_gld .home_service_row_box3{
  position: relative;
  z-index: 3;
}

.body_reform .pg_reform .section.sec1 .home_about.kasou{
  position: relative;
  z-index: 2;
}

.reform1.cmn_sec_bg:after{
  background-size: contain;
}

.blue_bg.consul:before{
  height: 4703px;
  top: -841px;
}

.body_fireInspection .blue_bg:before{
  top: 600px;
}

.body_fireInspection .cmn_sec_bg:after{
  bottom: 18%;
}


body.body_realEstate{
  position: relative;
  background-image: none!important;
}
.body_realEstate:before{
  content: "";
  display: block;
  width:81.45%;
  aspect-ratio:1564 /  1554;
  background-image: url(	https://ms-base.co.jp/system_panel/uploads/images/body_bg3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 60%;
  transform: translateX(-50%);
}
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
  .body_reform .pg_reform .sec2.cmn_sec_bg:after{
    width: 1000px;
    bottom: -12%;
  }

  .pg_estate .home_about.kasou:after {
    border-radius: 20px 0 0 20px;
    margin-left: auto;
    margin-right: var(--margin-for-device-side-w);
    left: -50px;
    right: 0;
    top: 180px;
    height: 1010px;
  }

  .home_about:after{
    border-radius: 20px 0 0 20px;
    margin-left: auto;
    margin-right: var(--margin-for-device-side-w);
    left: -50px;
    right: 0;
    top: 180px;
    height: 1130px;
  }
  .body_reform .home_about:after{
    height: 980px;
  }
  .body_reform .blue_bg:before{
    height: 3899px;
  }

  .blue_bg.consul:before{
    height: 5500px;
    top: -841px;
  }

  .body_fireInspection .blue_bg:before{
    top: 300px!important;
  }
}
@media (min-width:768px){
  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }
  .pg_xxx .section.sec3{

  }
  .pg_xxx .section.sec4{

  }
  .pg_xxx .section.sec5{

  }

  .body_reform .pg_reform .section.sec2{
    padding-top: 88px;
  }
  .body_reform .pg_reform .section.sec3{
    padding-top: 150px;
  }

  .body_reform .blue_bg:before{
    height: 4600px;
  }

  .blue_bg.consul:before{
    height: 6500px;
    top: -841px;
  }

  .body_fireInspection .cmn_sec_bg:after{
    bottom: 18%;
  }

  .body_realEstate .sec1 .home_about.kasou:after {
    border-radius: 20px 0 0 20px;
    margin-left: auto;
    margin-right: var(--margin-for-device-side-w);
    left: 260px;
    right: 0;
    top: 180px;
  }

}
@media (min-width:1024px){
  .pg_consul .section.sec1{
    padding-bottom: 135px;
  }

  .home_service_row.bl_gld:before{
    content: "";
    display: block;
  }
  .home_service_row.bl_gld:after{
    content: "";
    display: block;
  }

  .body_reform .pg_reform .section.sec3{
    padding-top: 306px;
  }
  .body_reform .blue_bg:before{
    height: 2753px;
  }

  .body_reform .pg_reform .section.sec2 .about_reason_wrap{

  }
  .reform1.cmn_sec_bg:after{
    background-size: cover;
  }

  .blue_bg.consul:before{
    height: 3500px;
    top: -500px;
  }

  .body_fireInspection .cmn_sec_bg:after{
    bottom: -3%;
  }

  .body_realEstate .sec1 .home_about.kasou:after {
    left: 260px;
    right: 0;
    top: 180px;
  }
}
@media (min-width:1200px){
  .body_reform .blue_bg:before{
    height: 2545px;
  }


  .reform1.cmn_sec_bg:after{
    top: -317px;
    left: 50%;
  }

  .body_consulting .cmn_sec_bg:after{
    bottom: 17%;
  }

  .blue_bg.consul:before{
    height: 3500px;
    top: -500px;
  }

  .body_fireInspection .cmn_sec_bg:after{
    bottom: -3%;
  }

  .body_food .cmn_sec_bg:after{
    bottom: -23%;
  }

  .body_realEstate .sec1 .home_about.kasou:after {
    left: 260px;
    right: 0;
    top: 180px;
  }

  .pg_reform .section.sec3 .cmn_cat_nav .webgene-item a:after{
    right: 20px;
  }
}
@media (min-width:1366px){
  .body_reform .blue_bg:before{
    height: 2824px;
  }

  .blue_bg.consul:before{
    height: 4703px;
    top: -841px;
  }

  .body_fireInspection .cmn_sec_bg:after{
    bottom: 18%;
  }

  .body_food .cmn_sec_bg:after{
    bottom: -23%;
  }
}
@media (min-width:1470px){
  .body_reform .blue_bg:before{
    height: 3358px;
  }

  .body_fireInspection .cmn_sec_bg:after{
    bottom: 18%;
  }
}
@media (min-width:1536px){

}

/* 回転アニメーション */
@keyframes rotateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}