@charset "UTF-8";
/*--------------------------------------------
TITLES
---------------------------------------------*/
.titles01{
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: auto auto;
}
.titles01 a{
    display: grid;
    align-items: center;
    justify-content: end;
    color:var(--primary);
    font-weight: 700;
    grid-template-columns: auto auto;
  }
.titles01 a:after{
      content:"";
      display: block;
      background: url("../../images/ui/arrow/circle/right01.svg") center / contain no-repeat;
      font-size: 0;
      aspect-ratio: 1;
    }
@media screen and ( width <= 750px ){
    .titles01 img{
      height: calc( 74 var(--remBase) );
    }
    .titles01 a{
      font-size: 2.4rem;
      column-gap: calc( 10 var(--remBase) );
    }
      .titles01 a:after{
        height: calc( 40 var(--remBase) );
      }
  }
@media print,screen and ( width > 750px ){
    .titles01 img{
      height: calc( 53 var(--remBase) );
    }
    .titles01 a{
      font-size: 1.7rem;
      column-gap: calc( 8 var(--remBase) );
    }
      .titles01 a:after{
        height: calc( 24 var(--remBase) );
      }
  }