@charset "UTF-8";

/*-------------------------------------------------------------------------
 common
--------------------------------------------------------------------------*/
.cont-area{
  margin-top: clamp(2.5rem, 2.06rem + 1.88vw, 3.75rem);
}

.inuyado_kv_text{
   margin-top: clamp(1.5rem, 1.324rem + 0.75vw, 2rem);
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1em;
  
  .inuyado_title{
    margin: 0;
    font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
    color: #a37d2c;
  }

  p{
    text-align: center;
    margin: 0;

    span.off{
      font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
    }
  }
}
@media ( max-width : 767px ) {
  .inuyado_kv_text{
    p{
      text-align: left;

      br{ display: none; }
    }
  }
}


/*-------------------------------------------------------------------------
 
--------------------------------------------------------------------------*/
.inuyado-info{
  display: flex;
  gap: 1em;
  
  figure{
    width: 300px;
    max-width: 100%;
    margin: 0;
  }
  div{
    flex: 1;
  }
}
@media ( max-width : 767px ) {
  .inuyado-info{
    flex-direction: column-reverse;

    figure{
      margin: 0 auto;
    }
  }
}

.inuyado-img{
  display: flex;
  gap: 1em;
  margin-top: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);

  li{
    flex: 1;
  }
}
@media ( max-width : 767px ) {
  .inuyado-img{
    flex-direction: column;
    width: 80%;
    margin-inline: auto;
  }
}

/*-------------------------------------------------------------------------
 
--------------------------------------------------------------------------*/
.howto-inuyado{
  margin-top: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
  font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);

  /* .list-note2 li:nth-child(n+2){
    margin-top: 1em;
  } */
}

.inuyado-privacy{
  margin-top: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);

  p{
    text-align: left;
  }
}

.inuyado-list-disc li{
  position: relative;
  padding-left: 1.2em;
}
.inuyado-list-disc > li:before {
  content: "●";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}


/*-------------------------------------------------------------------------
 
--------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------
 flow
--------------------------------------------------------------------------*/
.sevice-flow{

   > li{
    padding: clamp(1.25rem, 0.986rem + 1.13vw, 2rem);
    width: 100%;
    border-radius: 4px;
    border: 3px solid #ede3cc;
  }
  h3{
    font-size: 1em;
    margin: 0;
  }

  li.flow-list-arrow{	
    border: none;
    text-align: center;
    padding: 0;
  }

  figure{
    width: clamp(18.75rem, 14.349rem + 18.78vw, 31.25rem);
    margin: clamp(1rem, 0.824rem + 0.75vw, 1.5rem) auto 0;
  }

  .list-flowimg{
    width: clamp(18.75rem, 7.746rem + 46.95vw, 50rem);
    margin: clamp(1rem, 0.824rem + 0.75vw, 1.5rem) auto 0;
  }
}
 @media ( max-width : 640px ) {
  .sevice-flow{

    figure,
    .list-flowimg{
      width: 100%;
    } 
  }
}