/* Scss Document */
:root {
  --pc: 1000px;
  --sp: 999px;
  --fs48: 4.8rem;
  --fs40: 4rem;
  --fs36: 3.6rem;
  --fs28: 2.8rem;
  --fs22: 2.2rem;
  --fs20: 2.0rem;
  --fs18: 1.8rem;
  --fs16: 1.6rem;
  --fs14:1.4rem;
  --fs12:1.2rem; }

@media (max-width: 999px) {
  :root {
    --fs48: 2.6rem;
    --fs40: 2.2rem;
    --fs36: 2.4rem;
    --fs28: 2.2rem;
    --fs22: 2.0rem;
    --fs20: 1.8rem;
    --fs18: 1.4rem;
    --fs16: 1.4rem;
    --fs14: 1.2rem;
    --fs12: 1.0rem; } }
/* 
---------------------------------------
targeted-homes01
---------------------------------------
*/
#targeted-homes01 {
  padding: 16rem 0;
  position: relative;
  margin-bottom: 12rem; }
  @media (max-width: 999px) {
    #targeted-homes01 {
      padding: 6rem 0;
      margin-bottom: 6rem; } }
  #targeted-homes01 .ttlBox {
    background: #01A0E9;
    border-radius: 1rem;
    margin: 0 auto;
    display: block;
    margin: 10rem auto 4rem; }
    @media (max-width: 999px) {
      #targeted-homes01 .ttlBox {
        margin: 4rem auto 2rem; } }
  #targeted-homes01 .numberBox {
    background: #F8D500;
    border-radius: 0 0 1rem 1rem;
    color: #01A0E9;
    padding: 1rem;
    width: 40rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 999px) {
      #targeted-homes01 .numberBox {
        width: 40%;
        padding: 0.5rem; } }
  #targeted-homes01 .numberTxt {
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    padding-top: 0.4rem; }
    @media (max-width: 999px) {
      #targeted-homes01 .numberTxt {
        font-size: 1rem;
        margin-top: -0.2rem; } }
  #targeted-homes01 .number {
    font-size: 3.6rem;
    margin-left: 1rem;
    margin-top: -0.4rem; }
    @media (max-width: 999px) {
      #targeted-homes01 .number {
        font-size: 1.8rem;
        margin-left: 0.5rem;
        margin-top: -0.2rem; } }
  #targeted-homes01 .ttl {
    font-size: 3.8rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 1.5rem 0; }
    @media (max-width: 999px) {
      #targeted-homes01 .ttl {
        font-size: 2rem;
        padding: 0.5rem 0.5rem 1rem; } }
  #targeted-homes01 .bg {
    position: absolute;
    bottom: 0;
    width: 98%;
    max-width: 180rem;
    height: 92%;
    background: #E2F1FD;
    border-radius: 2rem;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto; }
    @media (max-width: 999px) {
      #targeted-homes01 .bg {
        width: 100%;
        height: 98%; } }
  #targeted-homes01 .boxs {
    padding: 0 10rem 10rem;
    position: relative; }
    @media (max-width: 999px) {
      #targeted-homes01 .boxs {
        padding: 2rem 2rem 2rem;
        margin-top: 2rem;
        border-radius: 2rem;
        background: #fff; } }
  #targeted-homes01 .bg2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 99.4%;
    background: #fff;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 2rem; }
    @media (max-width: 999px) {
      #targeted-homes01 .bg2 {
        display: none; } }
  #targeted-homes01 .figBox {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    align-items: start; }
    @media (max-width: 999px) {
      #targeted-homes01 .figBox {
        grid-template-columns: repeat(3, 1fr); } }
  #targeted-homes01 .fig {
    width: 100%;
    height: auto;
    display: block; }
  @media (max-width: 999px) {
    #targeted-homes01 .box1 .ttlBox {
      margin-top: 0; } }
  @media (max-width: 999px) {
    #targeted-homes01 .box2 .figBox {
      grid-template-columns: repeat(6, 1fr);
      gap: 10px; }
    #targeted-homes01 .box2 .figBox .fig:nth-child(1),
    #targeted-homes01 .box2 .figBox .fig:nth-child(2),
    #targeted-homes01 .box2 .figBox .fig:nth-child(3) {
      grid-column: span 2; }
    #targeted-homes01 .box2 .figBox .fig:nth-child(4) {
      grid-column: 2 / span 2; }
    #targeted-homes01 .box2 .figBox .fig:nth-child(5) {
      grid-column: 4 / span 2; } }
  #targeted-homes01 .box3 .figBox {
    grid-template-columns: repeat(2, 1fr); }
    @media (max-width: 999px) {
      #targeted-homes01 .box3 .figBox {
        grid-template-columns: 1fr; } }
  #targeted-homes01 .box4 .figBox {
    grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 999px) {
      #targeted-homes01 .box4 .figBox {
        grid-template-columns: 1fr; } }
  #targeted-homes01 .box5 .figBox {
    grid-template-columns: repeat(2, 1fr); }
  @media (min-width: 1000px) {
    #targeted-homes01 .box5 .txt {
      margin: 0 auto;
      width: max-content;
      display: flex;
      justify-content: center;
      margin-top: -5rem;
      width: 90%; } }
  #targeted-homes01 .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6rem auto 0; }
    @media (max-width: 999px) {
      #targeted-homes01 .btn {
        margin: 2rem auto 0;
        width: 90%; } }
    #targeted-homes01 .btn:hover .ico {
      filter: brightness(0) saturate(100%) invert(36%) sepia(98%) saturate(1200%) hue-rotate(170deg) brightness(92%) contrast(102%); }
    #targeted-homes01 .btn .ico {
      width: 2rem;
      height: 2rem;
      margin-right: 1rem; }