@charset "utf-8";
/* CSS Document */

.rgs_keyvisual{
  padding: min(24px, 1.25vw) min(48px, 2.5vw);
  background: url(../img/il_topbg.svg) center center no-repeat;
  background-size: cover;
}
.rgs_keywrap{
  max-width: 94.8vw;
  margin: auto;
}
.rgs_important{
  display: flex;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #FF4658;
}
.rgs_important dt{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  text-align: center;
  font-size: 0.875rem;
  color: #F34040;
  border-radius: 4px 0px 0px 4px;
  background-color: #FFEFEF;
}
.rgs_important dd{
  display: none;
  width: calc(100% - 250px);
  padding: 10px 16px 8px 32px;
  font-size: 0.875rem;
  color: #F34040;
  background-color: #FFFFFF;
}
.rgs_important dd.slick-initialized{display: block;}
.rgs_important dd a{color: #F34040;}

.rgs_mainvisual{
  display: flex;
  gap: min(40px, 1.46vw);/*12÷820*/
}
.rgs_mainslide{
  width: 67.71vw;
}
.rgs_mainslide picture{
  display: block;
  aspect-ratio: 2/1;
}
.rgs_mainslide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rgs_subblock{
  width: 25vw;
  padding: min(40px, 1.46vw);/*12÷820*/
  background-color: #FFFFFF;
}
.rgs_nextslide{margin-bottom: min(44px, 2.29vw);}
.rgs_nextslide a{
  display: block;
  aspect-ratio: 8/3;
  transition: opacity 0.1s linear;
}
.rgs_pagelink{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(16px, 0.833vw);
  margin-bottom: min(32px, 1.66vw);/*32÷1920*/
}
.rgs_pagelink div{
  width: calc(50% - 8px);
  aspect-ratio: 48/35;
  border-radius: 4px;
  box-shadow: 0px 3px 0px rgba(0, 91, 159, 0.1);
}
.rgs_pagelink div:nth-of-type(1){background: linear-gradient(#606AF8 0%, #747DFF 100%);}
.rgs_pagelink div:nth-of-type(2){background: linear-gradient(#FF9747 0%, #FFA764 100%);}
.rgs_pagelink div:nth-of-type(3){background: linear-gradient(#36B4BE 0%, #42D1DC 100%);}
.rgs_pagelink div:nth-of-type(4){background: linear-gradient(#F64D5E 0%, #FF7281 100%);}
.rgs_pagelink div a{
  display: block;
  height: 100%;
  padding: min(24px, 1.25vw) min(20px, 1.04vw);
  border-radius: 4px;
  background-position: right bottom;
  background-repeat: no-repeat;
  transition: background-color 0.1s linear;
}
.rgs_pagelink div:nth-of-type(1) a{background-image: url(../img/il_bg_scl.svg);}
.rgs_pagelink div:nth-of-type(2) a{background-image: url(../img/il_bg_line.svg);}
.rgs_pagelink div:nth-of-type(3) a{background-image: url(../img/il_bg_parti.svg);}
.rgs_pagelink div:nth-of-type(4) a{background-image: url(../img/il_bg_push.svg);}
.rgs_pagelink div a p{
  font-size: min(1.5em, 1.25vw);
  color: #FFFFFF;
}
.rgs_pagelink div a span{
  font-size: min(0.875rem, 0.729vw);
  color: #FFFFFF;
}
.rgs_topsearch{position: relative;}
.rgs_topsearch input{
  width: 100%;
  height: max(48px, 2.5vw);
  padding-left: 1em;
  padding-right: 36px;
  border-radius: 4px;
  background-color: var(--color-gray02);
  border: 1px solid var(--border-gray01);
  transition: border-color 0.2s linear;
}
.rgs_topsearch button{
  position: absolute;
  right: min(20px, 2.4vw);
  top: calc(50% - 8px);
  height: 16px;
  width: 16px;
  padding: 0;
  background: none;
  border: none;
}
.rgs_topsearch .rgs_search_gy svg{
  transition: color 0.2s linear;
}
.rgs_topsearch button span.rgs_svg{
  width: 16px;
  height: 16px;
}
.rgs_topsearch input:focus + button .rgs_search_gy svg{color: #00449E;}



.rgs_sectionwrap{
  position: relative;
  padding: 100px clamp(14px, 2.7vw, 50px) 60px;
}
.rgs_sec01{
  background-color: #ECEEFF;
}
.rgs_sec02{
  background-color: #FEF2DF;
}
.rgs_sec03{
  background-color: #E5F8F9;
}
.rgs_sec04{
  background-color: #FFF1F2;
}


/*見出し*/
.rgs_sectionttl-t{
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rgs_sectionttl-t h2{
  font-size: clamp(1.75rem, -0.455rem + 8.21vw, 3.75rem);/*28-60 430-820*/
  padding-left: 18px;
}
.rgs_sectionttl-t h2 .rgs_sectionttl_sma{
  display: inline-block;
  vertical-align: baseline;
  font-size: clamp(0.875rem, 0.462rem + 1.54vw, 1.25rem);/*14-20 430-820*/
  padding-left: clamp(6px, 2vw, 20px);
}
.rgs_sec01 .rgs_sectionttl-t h2{color: #606AF8;}
.rgs_sec02 .rgs_sectionttl-t h2{color: #FF9747;}
.rgs_sec03 .rgs_sectionttl-t h2{color: #36B4BE;}
.rgs_sec04 .rgs_sectionttl-t h2{color: #F64D5E;}



/*tab*/
.rgs_switch-orenge{
  position: relative;
  top: 40px;
  padding: 0 18px;
}
.rgs_switch-orenge .rgs_switch-tabswrap{
  max-width: 1300px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-radius: 4px 4px 0 0;
  padding: 8px;
}
.rgs_switch-orenge .rgs_switch-tabswrap ul li{
  color: rgb(17, 17, 17, 0.21);
  font-size: 1.5rem;
  width: 100%;
  max-width: 642px;
  text-align: center;
  border-radius: 3px;
  padding: clamp(6px, 2.3vw, 20px) 0;
  background-color: #F2F2F8;
  transition: color 0.2s linear;
}
.rgs_switch-orenge .rgs_switch-tabswrap ul li.active {
  color: #FFFFFF;
}
.rgs_switch-orenge .rgs_switch-tabswrap ul li:first-of-type.active {
  background: #FF703A;
}
.rgs_switch-orenge .rgs_switch-tabswrap ul li:last-of-type.active {
  background: #FF3A84;
}



.rgs_contentwrap{
  max-width: 1820px;
  margin: 0 auto;
  padding: 0 18px;
  background-color: #FFFFFF;
  border-radius: var(--border-radius4);
}
.rgs_content{
  max-width: 1300px;
  margin: 0 auto;
  padding: clamp(56px,6vh,100px) 0 80px;
}

/*中の小見出し*/
.rgs_contenttitleblock{
  display: flex;
  align-items: baseline;
  margin-bottom: clamp(20px,3vh,40px);
}
.rgs_contenttitleblock .rgs_linktxt a{
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
}
.rgs_contenttitle{
  font-size: clamp(1.5rem, 0.949rem + 2.05vw, 2rem);/*24-32 430-820*/
  padding-right: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem);/*24-40 430-820*/
}

/*下の方の小見出し*/
.rgs_sectionttl-t03 {
  margin-bottom: 50px;
  font-size: clamp(1.625rem, 0.66rem + 3.59vw, 2.5rem);/*26-40 430-820*/
  color: var(--color-blue);
}


.rgs_contentsokayama{display: none;}

.rgs_linkedlist:nth-last-of-type(n+2){margin-bottom: 60px;}

.rgs_searchblock{margin: 60px auto 0;}



/*地図*/
.rgs_map{margin-bottom: 72px;}
.rgs_maptxt{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  margin-bottom: 10px;
  border-radius: 3px;
  background-color: #FFEFEF;
}
.rgs_maptxt p{
  font-size: 0.875rem;
  color: var(--txt-color01);
}
.rgs_maparea{
  width: 100%;
  aspect-ratio: 13/6;
}
.rgs_maparea iframe{
  width: 100%;
  height: 100%;
}



/*路線・マップから選ぶ*/
.rgs_arealinelist{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}
.rgs_arealinelist:nth-last-of-type(n+2){margin-bottom: 60px;}
.rgs_arealinelist li{
  width: 25%;
  min-width: 240px;
}
.rgs_arealinelist li a{display: block;}
.rgs_arealinelist li a figure{
  display: flex;
  align-items: center;
  gap: 20px;
}
.rgs_arealinelist li a figure div{
  width: 64px;
  aspect-ratio: 1;
  border-radius: 100%;
  overflow: hidden;
}
.rgs_arealinelist li a figure img{
  border-radius: 100%;
  transition: transform 0.1s linear;
}
.rgs_arealinelist li a figcaption{
  width: calc(100% - 84px);
  color: var(--txt-color01);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.1s linear;
}
.rgs_arealinelist li a figcaption span{
  display: block;
  line-height: 1;
  font-size: clamp(0.625rem, 0.556rem + 0.26vw, 0.688rem);/*10-11 430-820*/
}
.rgs_arealinelist li a figcaption p{
  font-size: clamp(1rem, 0.862rem + 0.51vw, 1.125rem);/*16-18 430-820*/
}



/*こだわり条件*/
.rgs_partilist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px 2%;
  margin-bottom: 50px;
}
.rgs_partilist li{
  width: 32%;
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.1);
}
.rgs_partilist li a{
  position: relative;
  display: block;
}
.rgs_partilist li a picture{
  display: block;
  width: 100%;
  aspect-ratio: 208/57;
  border-radius: 4px;
  overflow: hidden;
}
.rgs_partilist li a picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.2s linear;
}
.rgs_partilist li a::before{
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.5);
  border-radius: 4px;
  transition: background-color 0.2s linear;
  z-index: 5;
}
.rgs_partilist li a p{
  position: absolute;
  width: max-content;
  top: 50%;
  left: 50%;
  padding: 4px 8px;
  text-align: center;
  font-size: clamp(0.813rem, 0.468rem + 1.28vw, 1.125rem);/*13-18 430-820*/
  color: #FFFFFF;
  border-radius: 3px;
  transform: translateY(-50%) translateX(-50%);
  transition: background-color 0.2s linear;
  z-index: 10;
}



/*新着おすすめ*/
.rgs_propatylist{
  display: flex;
  flex-wrap: wrap;
  gap: 50px 1.92%;
  margin-bottom: 72px;
}
.rgs_propatybox{width: 23.54%;}
.rgs_propatybox a{display: block;}
.rgs_propatypicturearea{
  position: relative;
  aspect-ratio: 3/2;
  margin-bottom: 14px;
  border-radius: 4px;
  overflow: hidden;
}
.rgs_propatypicturearea img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.2s linear;
}
.rgs_propatypicturearea div{
  position: absolute;
  display: flex;
  left: 0;
  top: 0;
}
.rgs_schoolbadge{
  height: 28px;
  padding: 4px 6px 0;
  font-size: 0.6875rem;
  color: #FFFFFF;
  border-radius: 4px 0px 0px 0px;
  background-color: #606AF8;
}
.rgs_icon_push{
  height: 28px;
  padding: 4px 12px 0;
  font-size: 0.6875rem;
  color: var(--txt-color01);
  border-radius: 0px 0px 4px 0px;
  background-color: #FFEE5A;
}
.rgs_propatypicturearea span{
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 74px;
  padding: 42px 0 10px 12px;
  font-size: clamp(0.75rem, 0.612rem + 0.51vw, 0.875rem);/*12-14 430-820*/
  color: #FFFFFF;
  border-radius: 0px 0px 4px 4px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.25) 100%);
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.1);
}

.rgs_sizeprice{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 14px;
}
.rgs_sizeprice p:first-of-type{
  line-height: 1;
  font-size: 0.875rem;
  color: var(--txt-color01);
}
.rgs_sizeprice p:nth-of-type(2){
  line-height: 1;
  font-size: 0.75rem;
  color: var(--color-pink);
}
.rgs_sizeprice p:nth-of-type(2) span{
  vertical-align: baseline;
  font-family: Publick Sans, sans-serif;
  font-size: 1.8333em;
}
.rgs_propatybox ul li{
  display: flex;
  gap: 10px;
  width: 100%;
}
.rgs_propatybox ul li:nth-last-of-type(n+2){margin-bottom: 6px;}
.rgs_propatybox ul li p:first-of-type{line-height: 1;}
.rgs_propatybox ul li p:nth-of-type(2){
  font-size: 0.75rem;
  color: var(--txt-color01);
}



/*追従イラスト*/
.rgs_illust{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  pointer-events: none;
}
.rgs_illust > div{
  position: sticky;
  top: 29%;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.rgs_yelmi1 > div{
  height: 242px;
  background-image: url(../img/il_yelmichan.png);
  background-position: right calc(50% - 780px) top;
}
.rgs_yell1 > div{
  height: 272px;
  background-image: url(../img/il_yellkun.png);
  background-position: left calc(50% - 795px) top;
}
.rgs_yelmi2 > div{
  height: 226px;
  background-image: url(../img/il_yelmichan2.png);
  background-position: right calc(50% - 770px) top;
  z-index: 0;
}
.rgs_yell2 > div{
  height: 272px;
  background-image: url(../img/il_yellkun2.png);
  background-position: left calc(50% - 752px) top;
}



/*流れ*/
.rgs_content.rgs_flow{
  max-width: 1328px;
  margin-bottom: 80px;
  padding: clamp(56px,6vh,100px) 14px 0;
}
.rgs_scrollwrap{
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rgs_scrollwrap::-webkit-scrollbar{
  display: none;
}
.rgs_flowlist{
  display: flex;
  gap: 0 40px;
  width: 3960px;
  margin-bottom: 24px;
}
.rgs_flowlist > li{
  position: relative;
  width: 960px;
  height: 380px;
  padding: 50px;
  border-radius: 4px;
  background-color: var(--color-paleblue);
}
.rgs_number{
  position: absolute;
  left: 24px;
  top: 14px;
  line-height: 1;
  font-family: Montserrat , sans-serif;
  font-size: 4.5rem;
  font-weight: 100;
  color: var(--color-blue);
}
.rgs_flowlist > li > div{
  display: flex;
  align-items: flex-start;
  gap: 0 48px;
}
.rgs_flowpicture{
  width: 420px;
  aspect-ratio: 3/2;
}
.rgs_flowpicture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.rgs_flowtxt{width: 392px;}
.rgs_flowtxt h3{
  margin-bottom: 30px;
  font-size: clamp(1.125rem, 0.712rem + 1.54vw, 1.5rem);/*18-24 430-820*/
  color: var(--txt-color01);
}
.rgs_flowtxt p{
  margin-bottom: 24px;
  line-height: 1.75;
  font-size: clamp(0.688rem, 0.343rem + 1.28vw, 1rem);/*11-16 430-820*/
  color: var(--txt-color01);
}
.rgs_flowtxt ul li:nth-last-of-type(n+2){margin-bottom: 5px;}
.rgs_flowtxt .rgs_linkedbtn-s a{padding: 8px 20px;}

.rgs_progresswrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 36px;
}
.rgs_progressbg{
  width: calc(100% - 180px);
  height: 2px;
  border-radius: 1px;
  background-color: #DFE8F2;
}
.rgs_progressbar{
  height: 100%;
  width: 0;
  background-color: var(--color-blue);
  transition: width 0.3s ease-out;
}
.rgs_progresscontrol{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 144px;
  height: 52px;
  border-radius: 4px;
  background: linear-gradient(#216CCE 0%, #00449E 100%);
}
.rgs_progresscontrol::before{
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: calc(50% - 15px);
  height: 30px;
  border-left: 1px dotted #FFFFFF;
}
.rgs_progresscontrol div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  cursor: pointer;
}
.rgs_progresscontrol div:first-of-type{border-radius: 4px 0 0 4px;}
.rgs_progresscontrol div:last-of-type{border-radius: 0 4px 4px 0;}
.rgs_progresscontrol div img{user-select: none;}
.rgs_progresscontrol div.stt img,
.rgs_progresscontrol div.end img{opacity: 0.25;}



/*サポート*/
.rgs_content.rgs_supportpoint{
  max-width: 1328px;
  margin-bottom: 64px;
  padding: 0 14px;
}
.rgs_supporttext{
  line-height: 1.75;
  margin-bottom: 40px;
  color: var(--txt-color01);
}
.rgs_supportpoint ol{
  display: flex;
  gap: 1px;
}
.rgs_supportpoint ol li{
  padding: 50px 32px;
  border-radius: 4px;
  background-color: var(--color-paleblue);
}
.rgs_supportpoint ol li h3{
  height: 28px;
  margin-bottom: 36px;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #FFFFFF;
  border-radius: 14px;
  background-color: var(--color-blue);
}
.rgs_supportpoint ol li p{
  margin-bottom: 28px;
  text-align: center;
  font-size: 1.5rem;
  color: var(--txt-color01);
}
.rgs_supportpoint ol li span{
  display: inline-block;
  margin-bottom: 30px;
  line-height: 1.7;
  color: var(--txt-color01);
}
.rgs_supportpoint ol li picture{
  display: block;
  text-align: center;
}



/*バナー*/
.rgs_bnrarea{
  display: flex;
  justify-content: space-between;
  gap: 24px;
  max-width: 1328px;
  padding: clamp(56px,6vh,100px) 14px 80px;
}
.rgs_bnrbox{
  width: 620px;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray01);
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.rgs_bnrhead{
  padding: 36px 16px 32px;
  text-align: center;
}
.rgs_bnrhead p{
  margin-bottom: 8px;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  color: var(--txt-color01);
}
.rgs_bnrhead h3{
  font-size: clamp(1.625rem, 1.349rem + 1.03vw, 1.875rem);/*26-30 430-820*/
  color: var(--color-blue);
}
.rgs_bnrpicture{
  width: 100%;
  aspect-ratio: 31/14;
}
.rgs_bnrpicture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rgs_bnrtxt{padding: 30px 16px 40px;}
.rgs_bnrtxt p{
  max-width: 480px;
  height: 5em;
  margin: 0 auto 32px;
  line-height: 1.75;
  text-align: center;
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  color: var(--txt-color01);
}
.rgs_bnrtxt .rgs_linkedbtn-s{margin: auto;}







@media screen and (min-width:821px){
  .rgs_important dd a:hover{text-decoration: underline;}

  .rgs_nextslide a:hover{opacity: 0.7;}
  .rgs_pagelink div:nth-of-type(1) a:hover{background-color: #4652FF;}
  .rgs_pagelink div:nth-of-type(2) a:hover{background-color: #FF8527;}
  .rgs_pagelink div:nth-of-type(3) a:hover{background-color: #149AA3;}
  .rgs_pagelink div:nth-of-type(4) a:hover{background-color: #E62C3E;}
  .rgs_topsearch input:hover{border-color: #333333;}
  .rgs_topsearch button:hover .rgs_search_gy svg{color: var(--txt-color01);}


  .rgs_switch-orenge .rgs_switch-tabswrap ul li:not([class="active"]):hover{color: var(--txt-color01);}

  .rgs_arealinelist li a:hover figure img{transform: scale(1.2);}
  .rgs_arealinelist li a:hover figcaption{text-decoration-color: #111111;}


  /*こだわり条件*/
  .rgs_partilist li a:hover::before{background-color: unset;}
  .rgs_partilist li a:hover picture img{transform: scale(1.1);}
  .rgs_partilist li a:hover p{
    color: #333333;
    background-color: rgba(255,255,255,0.8);
  }

  .rgs_propatybox a:hover .rgs_propatypicturearea img{transform: scale(1.2);}


  .rgs_progresscontrol div:hover{background-color: #5193E9;}
}




@media screen and (max-width:1680px){
  .rgs_illust > div{
    position: relative;
    bottom: auto;
    top: 0;
  }
  .rgs_yelmi1 > div{
    height: 212px;
    background-position: right 64px top;
  }
  .rgs_yell1 > div{
    height: 212px;
    background-image: url(../img/il_yellkun_rt.png);
    background-position: right 64px top;
  }
  .rgs_yelmi2 > div{
    height: 212px;
    background-position: right 64px top;
  }
  .rgs_yell2 > div{
    height: 212px;
    background-position: right 64px top;
  }

}


@media (max-width: 1345px) {/*1328 + スクロールバー*/
  .rgs_supportpoint ol li{
    padding: max(24px, 3.71vw) max(24px, 2.37vw);
  }
  .rgs_supportpoint ol li p{
    font-size: max(1.125rem, 1.78vw);
  }
  .rgs_supportpoint ol li span{
    font-size: max(0.75rem, 1.19vw);
  }
}
@media (max-width: 1200px) {
  .rgs_propatylist{gap: 50px 2%;}
  .rgs_propatybox{width: 32%;}
}
@media (max-width: 820px) {
  .rgs_mainvisual{flex-wrap: wrap;}
  .rgs_important dt{
    width: 72px;
    line-height: 1.2;
    text-align: left;
    font-size: 0.75rem;
  }
  .rgs_important dt span{display: block;}
  .rgs_important dd{
    width: calc(100% - 72px);
    padding-left: 14px;
    font-size: 0.75rem;
  }
  .rgs_mainslide{width: 100%;}
  .rgs_subblock{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
  }
  .rgs_nextslide{
    width: calc(59% - 5px);
    margin-bottom: 0;
  }
  .rgs_pagelink{
    width: calc(41% - 5px);
    flex: 1 1 auto;
    gap: 10px 1%;
    margin-bottom: 0;
  }
  .rgs_pagelink div{
    width: 49%;
    aspect-ratio: auto;
  }
  .rgs_pagelink div a p{font-size: 2.2vw;}
  .rgs_pagelink div a span{font-size: 1.7vw;}
  .rgs_topsearch{width: 100%;}


  .rgs_sectionwrap{
    padding: max(40px, 12.2vw)  clamp(0.875rem, 0.324rem + 2.05vw, 1.375rem) max(30px, 7.3vw);/* 14-22 430-820 */
  }
  .rgs_sectionttl-t p{
    font-size: clamp(1.688rem, -0.587rem + 8.46vw, 3.75rem);/* 27-60 430-820 */
  }
  .rgs_sectionttl-t img {
    width: clamp(1.688rem, -0.587rem + 8.46vw, 3.75rem);/* 27-60 430-820 */
  }

  .rgs_contenttitle{
    font-size: clamp(1.5rem, 0.949rem + 2.05vw, 2rem);/* 24-32 430-820 */
  }

  .rgs_switch-orenge .rgs_switch-tabswrap{
    margin-top: clamp(-1.5rem, -3.154rem + 6.15vw, 0rem);/* -24-0 430-820 */
  }
  .rgs_switch-orenge .rgs_switch-tabswrap ul li{
    font-size: clamp(1.125rem, 0.712rem + 1.54vw, 1.5rem);/* 18-24 430-820 */
  }
  .rgs_switchspbr{
    display: block;
    font-size: clamp(0.75rem, 0.337rem + 1.54vw, 1.125rem);/* 12-18 430-820 */
  }

  .rgs_maptxt span{display: block;}
  .rgs_maparea{
    height: 62vh;
    aspect-ratio: auto;
  }


  .rgs_partilist li{width: 48%;}
  .rgs_partilist li a picture{aspect-ratio: 19/12;}


  .rgs_propatylist{gap: 50px 2%;}
  .rgs_propatybox{width: 49%;}


  .rgs_sectionttl-t03{
    margin-bottom: max(30px, 6.09vw);
  }


  .rgs_illust > div{display: none;}


  .rgs_flowlist{
    gap: 0 20px;
    width: 1212px;
  }
  .rgs_flowlist > li{
    width: 288px;
    height: auto;
    padding: 16px 16px 24px;
  }
  .rgs_number{
    left: 4px;
    top: 0;
    font-size: 3.375rem;
  }
  .rgs_flowlist > li > div{
    flex-wrap: wrap;
    gap: 14px 0;
  }
  .rgs_flowpicture{
    width: 100%;
  }
  .rgs_flowtxt{
    width: 100%;
  }
  .rgs_flowtxt h3{
    margin-bottom: 6px;
  }
  .rgs_flowtxt .rgs_linkedbtn-s a{
    padding: 6px 20px;
    font-size: 0.75rem;
  }


  .rgs_bnrarea{
    flex-wrap: wrap;
    justify-content: center;
  }
  .rgs_supportpoint ol{
    justify-content: center;
    flex-wrap: wrap;
  }
  .rgs_supportpoint ol li{
    width: 100%;
    max-width: 640px;
  }
  .rgs_bnrpicture{aspect-ratio: 11/5;}
  .rgs_bnrtxt p{
    width: 84%;
    height: auto;
    text-align: left;
  }
}
@media (max-width: 430px) {
  .rgs_mainslide picture{
    aspect-ratio: 15/13;
  }

  .rgs_nextslide{
    width: 100%;
  }
  .rgs_pagelink{
    width: 100%;
    gap: 10px 1%;
  }
  .rgs_pagelink div{
    width: 49%;
    aspect-ratio: 3/2;
  }
  .rgs_pagelink div a{padding: 10px 14px;}
  .rgs_pagelink div a p{font-size: 4.8vw;}
  .rgs_pagelink div a span{font-size: 3.7vw;}
  .rgs_topsearch input{padding-right: 26px;}


  .rgs_propatybox{width: 100%;}
  .rgs_arealinelist li{width: 100%;}



  .rgs_content.rgs_supportpoint{margin-bottom: 40px;}
}