@charset "UTF-8";

:root{
  --bg1-color: #82c1c7;
}


/*******************************
*　下層ヘッダー
********************************/
.pg_header{
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.pg_header_title{
  width: 300px;
  max-width: 100%;
  background: #FFF;
  padding: 15px 20px;
  border-radius: 20px;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pg_header_title_ja{
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.075em;
  line-height: 1.5;
}
.pg_header_title_en{
  font-size: 16px;
  font-weight: 500;
  font-family: "Outfit", 'Noto Sans JP', sans-serif;
  letter-spacing: 0.2em;
  color: #348fad;
}

.pg_header_mv{
}
.pg_header_mv_img{

}
.pg_header_mv_img.img_fit:before{
  padding-top: 150px;
}


@media (min-width:768px){
  .pg_header{
    margin-bottom: 70px;
  }
  
  .pg_header_title{
    width: 600px;
    padding: 25px 25px;
    border-radius: 20px;
  }
  .pg_header_title_ja{
    font-size: 28px;
  }
  .pg_header_title_en{
    font-size: 18px;
    margin-top: 5px;
  }
  
  .pg_header_mv{
    /*height: 350px;*/
  }
  .pg_header_mv_img.img_fit:before{
    padding-top: 300px;
  }

}
@media (min-width:1024px){
  .pg_header{
    margin-bottom: 100px;
  }
  .pg_header_mv{
    /*height: 550px;*/
  }
  .pg_header_mv_img.img_fit:before{
    padding-top: 340px;
  }

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

  .pg_header{
    margin-bottom: 100px;
  }
  .pg_header_title{
    width: 800px;
    padding: 38px 30px;
  }
  .pg_header_title_ja{
    font-size: 36px;
  }
  .pg_header_title_en{
    font-size: 18px;
    margin-top: 5px;
  }

}

@media (min-width:1450px){
  .pg_header{
    margin-bottom: 120px;
  }
}
@media (min-width:1700px){
  .pg_header{
    margin-bottom: 160px;
  }
}


.cmn_txt{
  font-size: 16px;
  line-height: 1.875;
  text-align: justify;
}
@media (min-width:768px){
  .cmn_txt{
    font-size: 16px;
    line-height: 2.1875;
  }

}



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

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

}
.pg_service + .footer{
  margin-top: 0;
}
.pg_service .section.sec1{
  
}
.pg_service .section.sec2{

}
.pg_service .section.sec3{
  background: #f2f2f2;
  padding-bottom: 50px;
}


@media (max-width:374px){

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

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

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

  .pg_service{

  }
  .pg_service .section.sec1{
  }
  .pg_service .section.sec2{
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pg_service .section.sec3{
    padding-top: 75px;
    padding-bottom: 75px;
  }

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


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

  .pg_service .section.sec1{
    padding-top: 20px;
  }
  .pg_service .section.sec2{
    padding-top: 110px;
    padding-bottom: 155px;
  }
  .pg_service .section.sec3{
    padding-top: 120px;
    padding-bottom: 125px;
  }

}

/* メイン部分 */


/* About */
.service_about{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.service_about_box1{
  /*width: 38.48%;*/
  width: 100%;
  position: relative;
  z-index: 1;
  padding-bottom: 50px;
}
.service_about_box1:after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 105px;
  bottom: 0;
  left: var(--margin-for-device-side);
  right: -400px;
  background: #f2f2f2;
  border-radius: 0 20px 20px 0;
}
.service_about_box2{
  width: 100%;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}

.service_about_head{
  margin-bottom: 20px;
}
.service_about_head_txt{
  display: flex;
}
.service_about_head_txt + .service_about_head_txt{
  margin-top: 10px;
}
.service_about_head_txt_p{
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
  border-radius: 5px;
  padding: 5px 0 7px 15px;
  background: var(--bg1-color);
  color: #FFF;
}

.service_about_title{
  margin-bottom: 20px;
}
.service_about_title_txt{
  font-size: 18px;
  font-weight: 900;
  line-height: 1.875;
}
.service_about_txt{
  font-size: 16px;
  line-height: 1.875;
  text-align: justify;
}

.service_about_imgs{
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  overflow: hidden;
  
}
.service_about_imgs_item{
  width: 50%;
}
.service_about_imgs_item.img_fit:before{
  padding-top: 75%;
}

.service_about_illust{
  width: 150px;
  position: absolute;
  z-index: 2;
}
.service_about_illust.pos1{
  top: 100%;
  right: 0;
  -webkit-transform: translate(43%, -44%);
  transform: translate(43%, -44%);
}

/* コンテンツ1 */
.service_contents{
  
}
.service_contents_row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 15px;
}
.service_contents_row + .service_contents_row{
  margin-top: 30px;
}
.service_contents_row:after{
  content: "";
  background: #cce2e7;
  border-radius: 20px;
  position: absolute;
  z-index: -1;
  inset: 0;
}
.service_contents_row:nth-child(odd){
}
.service_contents_row:nth-child(odd):after{
}
.service_contents_row:nth-child(odd) .service_contents_box1{
  
}
.service_contents_row:nth-child(odd) .service_contents_box2{
  
}
.service_contents_row:nth-child(even){
}
.service_contents_row:nth-child(even):after{
}
.service_contents_row:nth-child(even) .service_contents_box1{
  
}
.service_contents_row:nth-child(even) .service_contents_box2{
  
}

.service_contents_box1{
  width: 41.666%;
  width: 100%;
}
.service_contents_box2{
  width: 54.861%;
  width: 100%;
  margin-top: 20px;
}
.service_contents_box3{
  width: 48.52%;
  width: 100%;
  background: #FFF;
  padding: 20px 15px;
  border-radius: 20px;
}
.service_contents_box3 + .service_contents_box3{
  margin-top: 20px;
}

.service_contents_head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #FFF;
}

.service_contents_box3 .service_contents_head{
  border-bottom: 1px solid #bfbfbf;
}

.service_contents_head_title{
  font-size: 22px;
  font-weight: 900;
}
.service_contents_head_link{
  margin-top: 0;
  margin-left: 12px;
}
.service_contents_head_link a{
  width: auto;
  padding: 0;
}
.service_contents_head_link_a:after{
  color: #FFF;
}
.service_contents_head_link_a:hover:after{
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.service_contents_head_link_a p{
  font-size: 15px ;
  font-weight: 500;
}

.service_contents_head_link2{
  margin-left: 10px;
}
.service_contents_head_link2_a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 40px;
  background: #82c1c7;
  border: 1px solid #82c1c7;
  color: #FFF;
  border-radius: 20px;
}
.service_contents_head_link2_a p{
  font-size: 15px ;
  font-weight: 500;
}
.service_contents_head_link2_a p:before{
  content: "\f0e0";
  font-size: 1em;
  font-family: "FontAwesome";
  margin-right: 15px;
}
.service_contents_head_link2_a:hover{
  background: #FFF;
  color: #82c1c7;
}

.service_contents_txt{
  
}
.service_contents_merit{
  
}
* + .service_contents_merit{
  margin-top: 30px;
}
.service_contents_merit_title{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
  z-index: 1;
}
.service_contents_merit_title:before{
  content: "";
  width: 16px;
  aspect-ratio: 1 / 1;
  background: #82c1c7;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.service_contents_merit_list{
  display: flex;
  flex-wrap: wrap;
}

.service_contents_merit_list_item{
  font-size: 14px;
  font-weight: 500;
  color: #348fad;
  line-height: 1.2;
  margin-right: 0;
  margin-bottom: 10px;
  background: #FFF;
  border-radius: 5px;
  padding: 10px 2px 10px 34px;
  position: relative;
  z-index: 1;
}
.service_contents_merit_list_item:before{
  content: "";
  width: 18px;
  aspect-ratio: 1 / 1;
  background-image: url(/system_panel/uploads/images/icon_check.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.service_contents_img{
  border-radius: 20px;
  overflow: hidden;
}
.service_contents_img.img_fit:before{
  padding-top: 100%;
}


/* 流れ */
.service_flow{
  
}
* + .service_flow{
  margin-top: 30px;
}
.service_flow_row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 15px;
  border-radius: 20px;
  background: #FFF;
}
.service_flow_row + .service_flow_row{
  margin-top: 40px;
}
.service_flow_box1{
  width: 100%;
  margin-top: 20px;
  order: 2;
}
.service_flow_box2{
  width: 100%;
  order: 1;
}
.service_flow_head{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}
.service_flow_head_num{
  font-size: 1.2em;
  font-weight: 500;
  font-family: "Outfit", 'Noto Sans JP', sans-serif;
  color: #348fad;
  letter-spacing: 0.2em;
  margin-right: 5px;
}
.service_flow_head_title{
  font-size: 1em;
  font-weight: 700;
  
}
.service_flow_txt{
  
}
.service_flow_btns{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
}
* + .service_flow_btns{
  margin-top: 15px;
}
.service_flow_btns.center{
  justify-content: center;
}
.service_flow_btns_item{
  margin: 5px 10px;
}
.service_flow_btns_item_a{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 294px;
  height: 58px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #1a1a1a;
  border-radius: 30px;
}
.service_flow_btns_item_a.email{
  font-size: 16px;
  font-weight: 500;
  background: #82c1c7;
  border: 1px solid #82c1c7;
  color: #FFF;
}
.service_flow_btns_item_a.email:before{
  content: "\f0e0";
  font-size: 22px;
  font-family: "FontAwesome";
  margin-right: 15px;
}

.service_flow_btns_item_a.email:hover{
  background: #FFF;
  color: #82c1c7;
}

.service_flow_btns_item_a.tel{
  font-size: 20px;
  font-weight: 600;
  font-family: "Outfit", 'Noto Sans JP', sans-serif;
  padding-left: 30px;
  padding-right: 30px;
}
.service_flow_btns_item_a.tel p{
  letter-spacing: 0.2em;
}
.service_flow_btns_item_a.tel em{
  font-size: 0.666em;
  letter-spacing: 0.2em;
  font-style: normal;
  font-weight: inherit;
}
.service_flow_btns_item_a.tel:hover{
  background: #82c1c7;
  border: 1px solid #82c1c7;
  color: #FFF;
}

.service_flow_img{
  border-radius: 10px;
  overflow: hidden;
}
.service_flow_img.img_fit:before{
  padding-top: 60%;
}

@media (max-width:767px){

  /* About */
  .service_about_title_txt{
    display: inline;
  }
 
  
  
  .service_contents_head{
    justify-content: space-between;
  }
  .service_contents_head_link_a p{
    margin-right: 10px;
  }
  .service_contents_head_link_a:after{
    
  }
  .service_contents_merit_list_item{
    width: 100%;
  }
  
}
@media (min-width:768px){

  /* About */
  .service_about{
  }
  .service_about_box1{
    /*width: 38.48%;*/
    /*width: 39.08%;*/
  }
  .service_about_box1:after{
    top: 85px;
    right: -20px;
  }
  .service_about_box2{
    /*width: 52.63%;*/
    margin-top: 20px;
  }

  .service_about_head{
    margin-bottom: 20px;
  }
  .service_about_head_txt + .service_about_head_txt{
    margin-top: 18px;
  }
  .service_about_head_txt_p{
    font-size: 30px;
    padding: 3px 0 7px 15px;
  }

  .service_about_title{
    margin-bottom: 20px;
  }
  .service_about_title_txt{
    font-size: 20px;
    line-height: 2;
  }
  .service_about_txt{
    font-size: 16px;
    line-height: 2.1875;
  }
  .service_about_illust{
    width: 250px;
  }


  /* コンテンツ1 */
  .service_contents{

  }
  .service_contents_row{
   padding: 50px 16px;
  }
  .service_contents_row + .service_contents_row{
    margin-top: 50px;
  }
  .service_contents_row:after{
    border-radius: 20px;
  }

  .service_contents_box1{
    /*width: 41.666%;*/
  }
  .service_contents_box2{
    /*width: 54.861%;*/
  }
  .service_contents_box3{
    padding: 30px 30px;
  }
  .service_contents_head{
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .service_contents_head_title{
    font-size: 30px;
  }
  .service_contents_head_link{
    margin-left: 12px;
  }
  .service_contents_head_link a{
    padding-right: 0;
  }
  .service_contents_head_link_a p{
    font-size: 15px ;
  }
  .service_contents_head_link2{
    margin-left: 35px;
  }
  .service_contents_head_link2_a{
    width: 180px;
    height: 40px;
  }
  
  .service_contents_txt{

  }
  .service_contents_merit{

  }
  * + .service_contents_merit{
    margin-top: 30px;
  }
  .service_contents_merit_title{
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 25px;
  }
  .service_contents_merit_title:before{
    width: 16px;
  }
  .service_contents_merit_list{
  }
  .service_contents_merit_list_item{
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 45px;
  }
  .service_contents_merit_list_item:before{
    width: 24px;
    left: 10px;
  }
  .service_contents_img{
    border-radius: 20px;
  }
  .service_contents_img.img_fit:before{
    padding-top: 75%;
  }

  

  /* 流れ */
  .service_flow{

  }
  * + .service_flow{
    margin-top: 30px;
  }
  .service_flow_row{
    padding: 30px 30px;
    border-radius: 20px;
  }
  .service_flow_row + .service_flow_row{
    margin-top: 40px;
  }
  .service_flow_box1{
    /*width: calc(100% - 300px - 40px);*/
    margin-top: 20px;
  }
  .service_flow_box2{
    /*width: 300px;*/
  }
  .service_flow_head{
    padding-bottom: 16px;
    margin-bottom: 22px;
    font-size: 24px;
  }
  .service_flow_head_num{
    font-size: 1.2em;
    margin-right: 15px;
  }
  .service_flow_head_title{
    font-size: 1em;
  }
  .service_flow_btns{
    margin-left: -10px;
    margin-right: -10px;
  }
  * + .service_flow_btns{
    margin-top: 15px;
  }
  .service_flow_btns_item{
    margin: 10px 10px;
  }
  .service_flow_btns_item_a{
    min-width: 270px;
    height: 60px;
    border-radius: 30px;
  }
  .service_flow_btns_item_a.email{
    font-size: 15px;
  }
  .service_flow_btns_item_a.email:before{
    font-size: 22px;
    margin-right: 15px;
  }

  .service_flow_btns_item_a.tel{
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  
}
@media (min-width:1024px){

  /* About */
  .service_about{
  }
  .service_about_box1{
    width: 39.08%;
    width: 55%;
  }
  .service_about_box1:after{
    top: 85px;
    right: -200px;
  }
  .service_about_box2{
    /*width: 52.63%;*/
    width: 42%;
    margin-top: -10px;
  }

  .service_about_head{
    /*margin-bottom: 50px;*/
  }
  .service_about_head_txt + .service_about_head_txt{
    margin-top: 18px;
  }
  .service_about_head_txt_p{
    /*font-size: 40px;*/
    padding: 3px 0 7px 15px;
  }

  .service_about_title{
    /*margin-bottom: 38px;*/
  }
  .service_about_title_txt{
    /*font-size: 24px;*/
    line-height: 2;
  }
  .service_about_txt{
    font-size: 16px;
    line-height: 2.1875;
  }
  
  /* コンテンツ1 */
  .service_contents{

  }
  .service_contents_row{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .service_contents_row + .service_contents_row{
    margin-top: 75px;
  }
  .service_flow_img.img_fit:before{
  padding-top: 80%;
}
  .service_contents_row:nth-child(odd){
    padding-left: 30px;
  }
  .service_contents_row:nth-child(odd):after{
    right: var(--margin-for-device-side);
  }
  .service_contents_row:nth-child(odd) .service_contents_box1{
    
  }
  .service_contents_row:nth-child(odd) .service_contents_box2{

  }
  .service_contents_row:nth-child(even){
    padding-right: 30px;
  }
  .service_contents_row:nth-child(even):after{
    left: var(--margin-for-device-side);
  }
  .service_contents_row:nth-child(even) .service_contents_box1{
    order: 2;
  }
  .service_contents_row:nth-child(even) .service_contents_box2{
    order: 1;
  }

  .service_contents_box1{
    width: 41.666%;
  }
  .service_contents_box2{
    width: 54.861%;
  }
  .service_contents_box3{
    width: 48.52%;
    padding: 30px 30px;
  }
  .service_contents_box3 + .service_contents_box3{
    margin-top: 0;
  }
  .service_contents_box3:nth-child(n+3){
    margin-top: 30px;
  }
  .service_contents_head{
    /*margin-bottom: 35px;*/
    padding-bottom: 15px;
  }
  .service_contents_head_title{
    /*font-size: 40px;*/
  }
  .service_contents_head_link{
    margin-left: 12px;
  }
  .service_contents_head_link a{
    /*padding-right: 80px;*/
  }
  .service_contents_head_link_a p{
    font-size: 15px ;
  }
  .service_contents_txt{

  }
  .service_contents_merit{

  }
  * + .service_contents_merit{
    margin-top: 30px;
  }
  .service_contents_merit_title{
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 25px;
  }
  .service_contents_merit_title:before{
    width: 16px;
  }
  .service_contents_merit_list{
  }
  .service_contents_merit_list_item{
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 45px;
  }
  .service_contents_merit_list_item:before{
    width: 24px;
    left: 10px;
  }
  .service_contents_img{
    border-radius: 20px;
  }
  .service_contents_img.img_fit:before{
    padding-top: 100%;
  }
  
  /* 流れ */
  .service_flow{

  }
  * + .service_flow{
    margin-top: 50px;
  }
  .service_flow_row{
    padding: 30px 20px;
    /*border-radius: 20px;*/
  }
  .service_flow_row + .service_flow_row{
    margin-top: 40px;
  }
  .service_flow_box1{
    width: calc(100% - 300px - 40px);
    margin-top: -15px;
    order: 1;
  }
  .service_flow_box2{
    width: 300px;
    order: 2;
  }
  .service_flow_head{
    /*padding-bottom: 16px;*/
    /*margin-bottom: 22px;*/
    /*font-size: 30px;*/
  }
  .service_flow_head_num{
    font-size: 1.2em;
    margin-right: 15px;
  }
  .service_flow_head_title{
    font-size: 1em;
  }
  .service_flow_btns{
    justify-content: flex-start
  }
  * + .service_flow_btns{
    margin-top: 15px;
  }
  .service_flow_btns_item_a{
    min-width: 250px;
  }
  .service_flow_btns_item_a.email{
  }
  .service_flow_btns_item_a.email:before{
    font-size: 20px;
    /*margin-right: 15px;*/
  }

  .service_flow_btns_item_a.tel{
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

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


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

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

  /* About */
  .service_about{
  }
  .service_about_box1{
    width: 39.08%;
    width: 44.08%;
    padding-bottom: 100px;
  }
  .service_about_box1:after{
    top: 105px;
    right: -400px;
  }
  .service_about_box2{
    width: 52.63%;
    margin-top: -20px;
  }

  .service_about_head{
    margin-bottom: 50px;
  }
  .service_about_head_txt + .service_about_head_txt{
    margin-top: 18px;
  }
  .service_about_head_txt_p{
    font-size: 40px;
    padding: 3px 0 7px 15px;
  }

  .service_about_title{
    margin-bottom: 38px;
  }
  .service_about_title_txt{
    font-size: 24px;
  }
  .service_about_txt{
  }
  
  .service_about_illust{
    width: 300px;
  }
  
  /* コンテンツ1 */
  .service_contents{

  }
  .service_contents_row{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .service_contents_row + .service_contents_row{
    margin-top: 100px;
  }
  .service_contents_row.other{
    padding-left: 80px;
    padding-right: 80px;
  }
  .service_contents_row:nth-child(odd){
    padding-left: 80px;
  }
  .service_contents_row:nth-child(odd):after{
    right: var(--margin-for-device-side);
  }
  .service_contents_row:nth-child(even){
    padding-right: 80px;
  }
  .service_contents_row:nth-child(even):after{
    left: var(--margin-for-device-side);
  }

  .service_contents_box1{
    width: 41.666%;
  }
  .service_contents_box2{
    /*width: 54.861%;*/
    width: 54.361%;
    margin-top: -5px;
  }
  .service_contents_box3{
    width: 48.52%;
    padding: 50px 60px;
  }
  .service_contents_head{
    margin-bottom: 35px;
    padding-bottom: 15px;
  }
  .service_contents_head_title{
    font-size: 40px;
  }
  .service_contents_head_link{
    margin-left: 38px;
  }
  .service_contents_head_link a{
    padding-right: 80px;
  }
  .service_contents_head_link_a p{
    font-size: 15px ;
  }
  .service_contents_txt{

  }
  .service_contents_merit{

  }
  * + .service_contents_merit{
    margin-top: 30px;
  }
  .service_contents_merit_title{
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 25px;
  }
  .service_contents_merit_title:before{
    width: 16px;
  }
  .service_contents_merit_list{
  }
  .service_contents_merit_list_item{
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 45px;
  }
  .service_contents_merit_list_item:before{
    width: 24px;
    left: 10px;
  }
  .service_contents_img{
    border-radius: 20px;
  }
  .service_contents_img.img_fit:before{
    padding-top: 100%;
  }
  
  /* 流れ */
  .service_flow{

  }
  * + .service_flow{
    margin-top: 65px;
  }
  .service_flow_row{
    padding: 50px 50px;
    border-radius: 20px;
  }
  .service_flow_row + .service_flow_row{
    margin-top: 40px;
  }
  .service_flow_box1{
    width: calc(100% - 300px - 40px);
    margin-top: -15px;
    order: 1;
  }
  .service_flow_box2{
    width: 300px;
    order: 2;
  }
  .service_flow_head{
    padding-bottom: 16px;
    margin-bottom: 22px;
    font-size: 30px;
  }
  .service_flow_head_num{
    font-size: 1.2em;
    margin-right: 15px;
  }
  .service_flow_head_title{
    font-size: 1em;
  }
  * + .service_flow_btns{
    margin-top: 15px;
  }
  .service_flow_btns_item_a{
    min-width: 294px;
  }
  .service_flow_btns_item_a.email{
  }
  .service_flow_btns_item_a.email:before{
    /*font-size: 22px;*/
    /*margin-right: 15px;*/
  }

  .service_flow_btns_item_a.tel{
    font-size: 24px;
    padding-left: 30px;
    padding-right: 30px;
  }

}

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

@media (min-width:1700px){

  /* About */
  .service_about{
  }
  .service_about_box1{
    width: 39.08%;
    padding-bottom: 135px;
  }
  .service_about_box2{
    width: 52.63%;
  }
  .service_about_illust{
    width: 372px;
  }

  /* 流れ */
  .service_flow{
    margin-left: 80px;
    margin-right: 80px;
  }
  
}






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

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

}
.pg_town .section.sec1{
  padding-bottom: 225px;
  background-image: url('/system_panel/uploads/images/town_about_bg.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}
.pg_town .section.sec2{
  background: #82c1c7;
  color: #FFF;
}
.pg_town .section.sec3{

}


.webgene-pagination li.number{
  padding: 0;
}
.pg_town .section.sec2 .webgene-pagination li{
  background: none;
}
.pg_town .section.sec2 .webgene-pagination li.number{
  background: #FFF;
  color: #181818;
}
.pg_town .section.sec2 .webgene-pagination li.number a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
}
.pg_town .section.sec2 .webgene-pagination li.selected{
  background: none;
  border: 1px solid #FFF;
  
}

@media (max-width:374px){

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

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

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

  .pg_town{

  }
  .pg_town .section.sec1{

  }
  .pg_town .section.sec2{
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pg_town .section.sec3{
    padding-top: 75px;
    
  }

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


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

  .pg_town{

  }
  .pg_town .section.sec1{

  }
  .pg_town .section.sec2{
    padding-top: 80px;
    padding-bottom: 135px;
  }
  .pg_town .section.sec3{
    padding-top: 150px;
    
  }
  

}

/* メイン部分 */

/* ABOUT */
.town_about{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.town_about_box1{
  /*display: flex;*/
  /*justify-content: flex-end;*/
  width: 205px;
  width: 100%;
  /*padding-right: 0;*/
}
.town_about_box2{
  width: calc(100% - 205px - 95px);
  width: 100%;
  margin-top: 20px;
}
.town_about_title{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  /*-ms-writing-mode: tb-rl;*/
  /*writing-mode: vertical-rl;*/
}
.town_about_title_en{
  font-size: 16px;
  font-weight: 500;
  font-family: "Outfit", 'Noto Sans JP', sans-serif;
  letter-spacing: 0.2em;
  color: #348fad;
  /*margin-left: 15px;*/
}
.town_about_title_ja{
  font-size: 22px;
  font-weight: 900;
  line-height: 1.6;
}
.town_about_txt{
  
}
.town_about_points{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
* + .town_about_points{
  margin-top: 30px;
}
.town_about_points_item{
  width: 100%;
  background: #cce2e7;
  border-radius: 20px;
  padding: 5px 15px 20px;
}
.town_about_points_item:nth-child(n+2){
  margin-top: 20px;
}
.town_about_points_title{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 10px 0 10px 30px;
  border-bottom: 1px solid #FFF;
  position: relative;
  z-index: 1;
}
.town_about_points_title:before{
  content: "";
  width: 16px;
  aspect-ratio: 1 / 1;
  background: #82c1c7;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.town_about_points_txt{
  line-height: 1.875;
}

/* 魅力 */
.town_life{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.town_life_box1{
  width: 40.52%;
  width: 100%;
}
.town_life_box2{
  width: 100%;
  padding-top: 35px;
}
.town_life_img{
  text-align: center;
}
.town_life_title{
  margin-bottom: 20px;
}
.town_life_title_ja{
  color: #FFF;
  margin-top: 0;
}
.town_life_title_en{
  color: #FFF;
  margin-top: 10px;
}
.town_life_txt{
  
}

/* 記事一覧 */
.town_info_list{
  
}
* + .town_info_list{
  margin-top: 50px;
}
.town_info_list .webgene-blog{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.town_info_list .webgene-item{
  width: 50%;
  padding: 0 5px;
}
.town_info_list .webgene-item:nth-child(n+3){
  margin-top: 20px;
}
.town_info_list .webgene-item .inner{
  height: 100%;
  border-radius: 20px;
  background: #FFF;
  color: #181818;
  overflow: hidden;
  
}

.town_info_list .webgene-item .img{
  background: #CCC;
  overflow: hidden;
}
.town_info_list .webgene-item .img.img_fit:before{
  padding-top: 65.75%;
}
.town_info_list .webgene-item .box{
  padding: 15px 10px 15px;
}
.town_info_list .webgene-item .category{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.town_info_list .webgene-item .category span{
  min-width: 65px;
  background: #f2f2f2;
  border: 1px solid #bfbfbf;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
  padding: 0 5px 1px;
  margin-right: 5px;
}
.town_info_list .webgene-item .category span:empty{
  display: none;
}
.town_info_list .webgene-item .category .cat1{
  background: #82c1c7;
  border-color: #82c1c7;
  color: #FFF;
}
.town_info_list .webgene-item .category .cat2{
  
}
.town_info_list .webgene-item .title{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.666;
}
.town_info_list .webgene-item .hr{
  height: 1px;
  background: #bfbfbf;
  margin-top: 10px;
  margin-bottom: 10px;
}
.town_info_list .webgene-item .read_more{
  margin-top: 0;
}
.town_info_list .webgene-item .read_more a{
  font-size: 12px;
  padding: 0;
}
.town_info_list .webgene-item .read_more a:after{
  width: 20px;
  color: #FFF;
}

@media (max-width:767px){

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

  /* ABOUT */
  .town_about{
  }
  .town_about_box1{
    display: flex;
    justify-content: flex-end;
    width: 130px;
    padding-right: 0;
  }
  .town_about_box2{
    width: calc(100% - 130px - 40px);
    margin-top: 0;
  }
  .town_about_title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .town_about_title_en{
    font-size: 15px;
    margin-left: 10px;
  }
  .town_about_title_ja{
    font-size: 30px;
    /*line-height: 2;*/
  }
  .town_about_txt{

  }
  .town_about_points{
  }
  * + .town_about_points{
    margin-top: 40px;
  }
  .town_about_points_item{
    width: 100%;
    border-radius: 20px;
    padding: 20px 20px 30px;
  }
  .town_about_points_item:nth-child(n+2){
    margin-top: 20px;
  }
  .town_about_points_title{
    font-size: 20px;
    margin-bottom: 15px;
    /*padding: 18px 0 18px 30px;*/
  }
  .town_about_points_title:before{
    width: 16px;
  }
  .town_about_points_txt{
    line-height: 2.25;
  }
  
  

  /* 魅力 */
  .town_life{
  }
  .town_life_box1{
    width: 40.52%;
    padding: 0 20px;
  }
  .town_life_box2{
    width: 58.22%;
    padding-top: 0;
  }
  .town_life_img{
  }
  .town_life_title{
    margin-bottom: 30px;
  }
  .town_life_title_ja{
  }
  .town_life_title_en{
    color: #FFF;
    margin-top: 15px;
  }
  

  /* 記事一覧 */
  .town_info_list{

  }
  * + .town_info_list{
    margin-top: 50px;
  }
  .town_info_list .webgene-blog{
    margin: 0 -10px;
  }
  .town_info_list .webgene-item{
    width: 50%;
    padding: 0 10px;
  }
  .town_info_list .webgene-item:nth-child(n+3){
    margin-top: 30px;
  }
  .town_info_list .webgene-item .inner{
    border-radius: 20px;
  }
  .town_info_list .webgene-item .box{
    padding: 30px 30px 22px;
  }
  .town_info_list .webgene-item .category{
    margin-bottom: 12px;
  }
  .town_info_list .webgene-item .category span{
    min-width: 80px;
    border-radius: 12px;
    font-size: 14px;
    padding: 0 12px 1px;
    margin-right: 5px;
  }
  .town_info_list .webgene-item .title{
    font-size: 16px;
  }
  .town_info_list .webgene-item .hr{
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .town_info_list .webgene-item .read_more{
    margin-top: 0;
  }
  .town_info_list .webgene-item .read_more a{
    font-size: 12px;
  }
  .town_info_list .webgene-item .read_more a:after{
    width: 20px;
  }
  
}
@media (min-width:1024px){

  .town_about_points{
  }
  * + .town_about_points{
    /*margin-top: 75px;*/
  }
  .town_about_points_item{
    width: 49.18%;
    border-radius: 20px;
    padding: 20px 38px 45px;
  }
  .town_about_points_item:nth-child(n+2){
    margin-top: 0;
  }
  .town_about_points_item:nth-child(n+3){
    margin-top: 20px;
  }
  .town_about_points_title{
    font-size: 20px;
    margin-bottom: 15px;
    padding: 18px 0 18px 30px;
  }
  .town_about_points_title:before{
    width: 16px;
  }
  
  /* 魅力 */
  .town_life{
  }
  .town_life_box1{
    width: 40.52%;
  }
  .town_life_box2{
    width: 58.22%;
    /*padding-top: 28px;*/
  }
  .town_life_img{
  }
  .town_life_title{
    /*margin-bottom: 62px;*/
  }
  .town_life_title_ja{
  }
  .town_life_title_en{
    color: #FFF;
    /*margin-top: 28px;*/
  }
  
  /* 記事一覧 */
  .town_info_list{

  }
  * + .town_info_list{
    margin-top: 50px;
  }
  .town_info_list .webgene-blog{
    margin: 0 -10px;
  }
  .town_info_list .webgene-item{
    width: 33.333%;
    padding: 0 10px;
  }
  .town_info_list .webgene-item:nth-child(n+3){
    margin-top: 0;
  }
  .town_info_list .webgene-item:nth-child(n+4){
    margin-top: 0;
  }
  .town_info_list .webgene-item:nth-child(n+5){
    margin-top: 30px;
  }
  .town_info_list .webgene-item .box{
    padding: 20px 15px 22px;
  }
  .town_info_list .webgene-item .category{
    margin-bottom: 12px;
  }
  .town_info_list .webgene-item .category span{
    min-width: 80px;
    font-size: 12px;
    padding: 0 12px 1px;
    margin-right: 5px;
  }
  .town_info_list .webgene-item .title{
    font-size: 16px;
  }
  .town_info_list .webgene-item .hr{
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .town_info_list .webgene-item .read_more{
    margin-top: 0;
  }
  .town_info_list .webgene-item .read_more a{
    font-size: 12px;
  }
}
@media (min-width:1200px){

  /* ABOUT */
  .town_about{
    
  }
  .town_about_box1{
    width: 180px;
    padding-right: 0;
  }
  .town_about_box2{
    width: calc(100% - 180px - 50px);
  }
  .town_about_title{
  }
  .town_about_title_en{
    font-size: 16px;
    margin-left: 15px;
  }
  .town_about_title_ja{
    font-size: 32px;
    line-height: 2;
  }
  .town_about_txt{

  }
  
  
  /* 記事一覧 */
  .town_info_list{

  }
  * + .town_info_list{
    margin-top: 50px;
  }
  .town_info_list .webgene-blog{
    margin: 0 -10px;
  }
  .town_info_list .webgene-item{
    width: 25%;
    padding: 0 10px;
  }
  .town_info_list .webgene-item .box{
    /*padding: 30px 30px 22px;*/
  }
  .town_info_list .webgene-item .category{
    margin-bottom: 12px;
  }
  .town_info_list .webgene-item .category span{
    min-width: 80px;
  }
  .town_info_list .webgene-item .title{
    font-size: 18px;
  }
  .town_info_list .webgene-item .hr{
    margin-top: 18px;
    margin-bottom: 18px;
  }
  

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

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

  /* ABOUT */
  .town_about{
  }
  .town_about_box1{
    width: 205px;
    padding-right: 20px;
  }
  .town_about_box2{
    width: calc(100% - 205px - 95px);
  }
  .town_about_title{
  }
  .town_about_title_en{
    font-size: 20px;
    margin-left: 15px;
  }
  .town_about_title_ja{
    font-size: 40px;
    line-height: 2;
  }
  .town_about_txt{

  }
  .town_about_points{
  }
  * + .town_about_points{
    margin-top: 75px;
  }
  .town_about_points_item{
    width: 49.18%;
    border-radius: 20px;
    padding: 20px 38px 45px;
  }
  .town_about_points_item:nth-child(n+2){
    margin-top: 0;
  }
  .town_about_points_item:nth-child(n+3){
    margin-top: 20px;
  }
  .town_about_points_title{
    font-size: 20px;
    margin-bottom: 15px;
    padding: 18px 0 18px 30px;
  }
  .town_about_points_title:before{
    width: 16px;
  }
  
  /* 魅力 */
  .town_life{
  }
  .town_life_box1{
    width: 40.52%;
  }
  .town_life_box2{
    width: 58.22%;
    padding-top: 28px;
  }
  .town_life_img{
  }
  .town_life_title{
    margin-bottom: 62px;
  }
  .town_life_title_ja{
  }
  .town_life_title_en{
    color: #FFF;
    margin-top: 28px;
  }

  /* 記事一覧 */
  .town_info_list{

  }
  * + .town_info_list{
    margin-top: 50px;
  }
  .town_info_list .webgene-blog{
    margin: 0 -10px;
  }
  .town_info_list .webgene-item{
    width: 25%;
    padding: 0 10px;
  }
  .town_info_list .webgene-item .box{
    padding: 30px 30px 22px;
  }
  .town_info_list .webgene-item .category{
    margin-bottom: 12px;
  }
  .town_info_list .webgene-item .category span{
    min-width: 80px;
    font-size: 14px;
  }
  .town_info_list .webgene-item .title{
    font-size: 18px;
  }
  .town_info_list .webgene-item .hr{
    margin-top: 18px;
    margin-bottom: 18px;
  }
}


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

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




/* ポップアップ */
.style_popup{
  width: 95vw;
  max-height: 90vh;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #FFF;
  color: #0f5480;
  padding: 30px 30px;
}
.style_popup_box1{
  width: 100%;
}
.style_popup_box2{
  width: 100%;
  margin-top: 20px;
  
}
.style_popup_imgs{
  
}
.style_popup_imgs .img{
  overflow: hidden;
  border-radius: 20px;
}
.style_popup_imgs .img.img_fit:before{
  /*padding-top: 65.75%;*/
  padding-top: 57.14%;
}


.style_popup_category{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.style_popup_category span{
  min-width: 65px;
  background: #f2f2f2;
  border: 1px solid #bfbfbf;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
  color: #1a1a1a;
  padding: 0 5px 1px;
  margin-right: 5px;
}
.style_popup_category span:empty{
  display: none;
}
.style_popup_category .cat1{
  background: #82c1c7;
  border-color: #82c1c7;
  color: #FFF;
}
.style_popup_category .cat2{
  
}

.style_popup_title{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.666;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #1a1a1a;
}
.style_popup_txt{
  font-size: 16px;
  color: #1a1a1a;
}
.style_popup_hr{
  height: 1px;
  background: #bfbfbf;
  margin-top: 10px;
  margin-bottom: 10px;
}
.style_popup_close{
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  text-align: center;
}
.style_popup_close a{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.style_popup_close a:after{
  content:"";
  background: #82c1c7;
  background-image: url(/system_panel/uploads/images/icon_close.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  aspect-ratio:1 / 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  
  margin-left: 10px;
}
.style_popup_close a:hover{
  color: #181818;
}

.style_popup_close.top{
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 20px;
}

.style_popup_imgs_wrap{
  position: relative;
  z-index: 1;
}
.popup_slider_btn_prev,
.popup_slider_btn_next{
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.popup_slider_btn_prev{
  left: -1.2em;
}
.popup_slider_btn_next{
  right: -1.2em;
}


@media (min-width:768px){
  
  /* ポップアップ */
  .style_popup{
    width: 700px;
    padding: 50px 50px;
  }
  .style_popup_box1{
    width: 100%;
  }
  .style_popup_box2{
    width: 100%;
    margin-top: 20px;
  }
  
  .style_popup_category{
    margin-bottom: 12px;
  }
  .style_popup_category span{
    min-width: 80px;
    border-radius: 12px;
    font-size: 14px;
    padding: 0 12px 1px;
    margin-right: 5px;
  }
  
  .style_popup_imgs{

  }
  .style_popup_title{
    font-size: 18px;
    padding-bottom: 18px;
    margin-bottom: 15px;
  }
  .style_popup_txt{
    font-size: 16px;
  }
  
  .style_popup_close{
    font-size: 16px;
  }
  
  .popup_slider_btn_prev{
    left: -2em;
  }
  .popup_slider_btn_next{
    right: -2em;
  }

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

  /* 一覧 */
  
  
  /* ポップアップ */
  .style_popup{
    width: 800px;
  }

  .style_popup_category{
    margin-bottom: 12px;
  }
  .style_popup_category span{
    min-width: 80px;
  }
}
@media (min-width:1200px){

  
  /* ポップアップ */
  .style_popup{
    padding: 50px 50px;
    width: 800px;
  }
  .style_popup_title{
    font-size: 24px;
    margin-bottom: 30px;
  }
  .style_popup_box2{
    margin-top: 38px;
  }
}
@media (min-width:1450px){

  .style_popup_category{
    margin-bottom: 12px;
  }
  .style_popup_category span{
    min-width: 80px;
    font-size: 14px;
  }
  
}





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

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

@media (min-width:768px){

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

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

  

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

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

}



.property_detail{

}
.property_detail .meta{
  position: relative;
  z-index: 1;
  margin-top: 40px;
}
.property_detail .meta_inner{
  margin-top: 30px;
}
.property_detail .meta .service_flow_btns_item{
  /*position: absolute;*/
  /*z-index: 1;*/
  /*top: 0;*/
  /*right: 0;*/
}
.property_detail .madori{
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.075em;
  border: 1px solid #3a3a3a;
  padding: 0 37px;
}
.property_detail .title{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #121f39;
  padding-bottom: 12px;
  margin-top: 8px;
}
.gallery_main .img.img_fit:before{
  padding-top: 94.52%;
}
.gallery_thumb .swiper-slide{
  overflow: hidden;
}
.gallery_thumb .img.img_fit:before{
  padding-top: 94.67%;
}
.gallery_thumb .img {
  width: 100%;
  background: #EEE;
  overflow: hidden;
}

/*テーブル*/
.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: 400;
  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;
}

/*フォーム*/
.property_contact_wrap .formTbl{
  border: 1px solid #ababab;
}
[name="property_name"], [name="property_price"] {
  border: 0 !important;
  pointer-events: none;
}
@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;
  }
}
@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_tbl + .property_tbl{
    margin-top: 60px;
  }
  .property_detail .meta{
    margin-top: 60px;
  }
  .property_detail .meta_inner{
    margin-top: 30px;
  }
  .property_detail .meta_inner .title{
    padding-right: 320px;
  }
  .property_detail .meta .service_flow_btns_item{
    position: absolute;
    z-index: 1;
    top: 0;
    right: -10px;
  }
  .property_detail .service_flow_btns_item_a.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: 200px;
    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;
  }
}
@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;
  }

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


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

  .property_detail .meta_inner .title{
    padding-right: 350px;
  }
  .property_detail .service_flow_btns_item_a.email{
    padding-left: 30px;
    padding-right: 30px;
  }

}



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

/* セクション設定 */
.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 (max-width:767px){

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

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


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


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

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


}

@media (min-width:1700px){


}



.home_contents4_details{
  display: flex;
  flex-wrap: wrap;
  order: 2;
  width: 100%;
}
.home_contents4_details_slide{
  width: 100%;
  display: none;
  /*height: 0;*/
  opacity: 0;
  transition: 0.4s all;
}
.home_contents4_details_slide.active{
  display: block;
  /*height: auto;*/
  opacity: 1;
}

.gjs-dashed .home_contents4_details_slide{
  display: block;
  height: auto;
  opacity: 1;
  
  background: #333;
  padding: 10px;
}
.gjs-dashed .home_contents4_details_slide + .home_contents4_details_slide{
  margin-top: 10px;
}
.gjs-dashed .home_contents4_box1_item{
  background: #333;
  padding: 10px;
}
.gjs-dashed .home_contents4_box1_item + .home_contents4_box1_item{
  margin-top: 10px;
}


/**/
.search_form_item_inputs#地域{
  
}
.search_form_item_inputs#地域 label{
  width: 100%;
  margin-right: 0;
}
.search_form_item_inputs#地域 label+label{
  margin-top: 5px;
}


/* ぼやけた状態からIN */
.animated2{
  
}
.animated2.inview{
  transition: 1s all;
}
.animated2.blurInUp{
  transform: translateY(2%);
  filter: blur(10px);
}
.animated2.blurInUp.inview{
  transform: translateY(0);
  filter: blur(0);
}

.animated2.blurIn{
  filter: blur(10px);
}
.animated2.blurIn.inview{
  filter: blur(0);
}