@charset "utf-8";
/* CSS Document */

/* noto-sans-jp-regular - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/NotoSansJP.woff') format('woff');
}

/*Noto Serif JP*/
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/NotoSerifJP.woff') format('woff');
}

/* Bellota */
@font-face {
  font-family: 'Bellota';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/Bellota.woff') format('woff');
}

/*RobotoSlab-Light*/
@font-face {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/RobotoSlab-Light.woff') format('woff');
}

/*Work_Sans*/
@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/WorkSans-Medium.woff') format('woff');
}

/*WorkSans-Regular*/
@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/WorkSans-Regular.woff') format('woff');
}



.font-01{
  font-family: 'Noto Sans JP', sans-serif;
  font-display: swap;
  font-weight: 400;
  font-size: 1.6rem;
}

.font-02{
  font-family: 'Noto Serif JP', sans-serif;
  font-display: swap;
  font-weight: 400;
}

.font-03{
  font-family: 'Bellota', sans-serif;
  font-display: swap;
  font-weight: 600;
  font-size: 4.0rem;
  color: #747166;
}

  @media (min-width: 481px) and (max-width: 769px){
    .font-03{
    font-size: 3.2rem;
    }
}
  @media (max-width: 480px){
    .font-03{
    font-size: 2.8rem;
    }
}

.font-03_f{
  font-family: 'Bellota', sans-serif;
  font-display: swap;
  font-weight: 600;
  font-size: 4.0rem;
  color: #fff;
}

  @media (min-width: 481px) and (max-width: 769px){
    .font-03_f{
    font-size: 3.2rem;
    }
}
  @media (max-width: 480px){
    .font-03_f{
    font-size: 2.8rem;
    }
}

.font-04 {
  font-family: 'RobotoSlab', sans-serif;
  font-display: swap;
  font-size: 3.8rem;
}
  @media (min-width: 481px) and (max-width: 769px){
    .font-04{
    font-size: 3.0rem;
    }
}
  @media (max-width: 480px){
    .font-04{
    font-size: 2.8rem;
    }
}

.font-05 {
  font-family: 'WorkSans', sans-serif;
  font-display: swap;
}


.font-06 {
  font-family: 'WorkSans', sans-serif;
  font-display: swap;
  font-weight: 500;
}