@charset "UTF-8";
/*--------------------------------------------
PATTERN
---------------------------------------------*/
.pattern01 figure{
    border-radius: calc( 10 var(--remBase) );
    overflow: hidden;
  }
.pattern01 figure img{
      width: 100%;
      height: auto;
    }
@media screen and ( width <= 750px ){
    .pattern01 p{
      margin-top: calc( ( 68 - 18 ) var(--remBase) );
    }
  }
@media print,screen and ( width > 750px ){
.pattern01{
    display: grid;
    grid-template-columns: calc( 420 var(--percentBase) ) 1fr;
    column-gap: calc( 50 var(--percentBase) );
    align-items: start
}
    .pattern01 figure{
      column-gap: 1;
      row-gap: 1;
      padding-top: calc( 11 var(--remBase) );
    }
    .pattern01 p{
      column-gap: 2;
      row-gap: 1;
    }
  }