/**********************************************************************/
/* ページナビ
/**********************************************************************/

section.page{

}
@media screen and (max-width: 520px){
  section.page{
    
  }
}

/**********************************************************************/
/* トッパー
/**********************************************************************/

section.topper{
  --p_spacer: calc(var(--p_spacer_base) * 4 / 6);

  position: static;
  padding-inline: 3vw;
}
section.topper .inner{

}
section.topper .description{
  margin-top: 1em;
}
section.topper nav{
  padding-block: 1.5em;
  margin-top: 4em;
  border-top: 1px solid var(--c_border);
  border-bottom: 1px solid var(--c_border);
}
section.topper nav ul{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
  gap: 1.5em;
}
section.topper nav ul li{
  text-align: center;
  white-space: nowrap;
}
section.topper nav ul li a{
  padding-right: 2em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10.951'%20height='6.536'%20viewBox='0%200%2010.951%206.536'%3E%3Cpath%20d='M2811.065,426l4.946,4.945,4.945-4.945'%20transform='translate(-2810.535%20-425.47)'%20fill='none'%20stroke='%23262a19'%20stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
}
@media screen and (max-width: 520px){
  section.topper{
    padding-inline: 0;
  }
  section.topper .inner .title{
    font-size: 8vw;
  }
  section.topper nav{
    padding-block: 1em;
    margin-top: 2em;
    border-top: 1px solid var(--c_border);
    border-bottom: 1px solid var(--c_border);
  }
  section.topper nav ul{
    gap: .75em;
    grid-template-columns: 1fr;
    padding-inline: 3vw;
  }
  section.topper nav ul li a{
    display: block;
    text-align: left;
  }
}

/**********************************************************************/
/* 共通レイアウト
/**********************************************************************/

[data-block]{
  padding-inline: 3vw;
  gap: 4vw;
}
[data-block] .leading{
  max-width: 31em;
  flex-shrink: 1.5;
}
[data-block] .leading .title{
  margin-bottom: .75em;
  padding-left: .75em;

  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%3E%3Ccircle%20cx='7'%20cy='7'%20r='7'%20fill='%239f9f9f'%20opacity='0.12'/%3E%3Ccircle%20cx='3'%20cy='3'%20r='3'%20transform='translate(4%204)'%20fill='%239f9f9f'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto;
  margin-bottom: 1.25em;
}
[data-block] .leading .description p + p{
  margin-top: 1.5em;
}
[data-block="even"]{
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px){
  [data-block]{
    flex-direction: column-reverse;
  }
  [data-block] .leading{
    max-width: none;
  }
  [data-block="even"]{
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 520px){
  [data-block]{
    padding-inline: 0;
    gap: 6vw;
  }
  [data-block] .leading .title{
    margin-block: .4em .75em;
    font-size: clamp(16px, 5.75vw, 24px);
  }
}

/**********************************************************************/
/* 不動産売買仲介事業 brokerage
/**********************************************************************/

@media screen and (max-width: 520px){
  section.brokerage .inner{
    padding-top: 0;
  } 
}