/*
reset
*/

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

a{
    color: inherit;
    -webkit-text-decoration-skip: none;
    text-decoration: none;
}

a:link{
    text-decoration: none;
}


li > a{
    display: block;
    width: 100%;
}

img,svg{
	max-width: 100%;
	height: auto;
}

summary{
  display: block;
  list-style: none;
  cursor: pointer;
  transition: .2s;
}
details summary::-webkit-details-marker {
  display: none;
}

/*
utility
*/

/*---------------------------------------------------------------------------
余白
---------------------------------------------------------------------------*/
/*pc用余白クラス*/
.u-mt-0 {
  margin-top: 0rem !important;
}

.u-mt-5 {
  margin-top: 0.3125rem !important;
}

.u-mt-10 {
  margin-top: 0.625rem !important;
}

.u-mt-15 {
  margin-top: 0.9375rem !important;
}

.u-mt-20 {
  margin-top: 1.25rem !important;
}

.u-mt-25 {
  margin-top: 1.5625rem !important;
}

.u-mt-30 {
  margin-top: 1.875rem !important;
}

.u-mt-35 {
  margin-top: 2.1875rem !important;
}

.u-mt-40 {
  margin-top: 2.5rem !important;
}

.u-mt-45 {
  margin-top: 2.8125rem !important;
}

.u-mt-50 {
  margin-top: 3.125rem !important;
}

.u-mt-55 {
  margin-top: 3.4375rem !important;
}

.u-mt-60 {
  margin-top: 3.75rem !important;
}

.u-mt-65 {
  margin-top: 4.0625rem !important;
}

.u-mt-70 {
  margin-top: 4.375rem !important;
}

.u-mt-75 {
  margin-top: 4.6875rem !important;
}

.u-mt-80 {
  margin-top: 5rem !important;
}

.u-mt-85 {
  margin-top: 5.3125rem !important;
}

.u-mt-90 {
  margin-top: 5.625rem !important;
}

.u-mt-95 {
  margin-top: 5.9375rem !important;
}

.u-mt-100 {
  margin-top: 6.25rem !important;
}

.u-mt-105 {
  margin-top: 6.5625rem !important;
}

.u-mt-110 {
  margin-top: 6.875rem !important;
}

.u-mt-115 {
  margin-top: 7.1875rem !important;
}

.u-mt-120 {
  margin-top: 7.5rem !important;
}

.u-mt-125 {
  margin-top: 7.8125rem !important;
}

.u-mt-130 {
  margin-top: 8.125rem !important;
}

.u-mt-135 {
  margin-top: 8.4375rem !important;
}

.u-mt-140 {
  margin-top: 8.75rem !important;
}

.u-mt-145 {
  margin-top: 9.0625rem !important;
}

.u-mt-150 {
  margin-top: 9.375rem !important;
}

.u-mt-155 {
  margin-top: 9.6875rem !important;
}

.u-mt-160 {
  margin-top: 10rem !important;
}

.u-mt-165 {
  margin-top: 10.3125rem !important;
}

.u-mt-170 {
  margin-top: 10.625rem !important;
}

.u-mt-175 {
  margin-top: 10.9375rem !important;
}

.u-mt-180 {
  margin-top: 11.25rem !important;
}

.u-mt-185 {
  margin-top: 11.5625rem !important;
}

.u-mt-190 {
  margin-top: 11.875rem !important;
}

.u-mt-195 {
  margin-top: 12.1875rem !important;
}

.u-mt-200 {
  margin-top: 12.5rem !important;
}

.u-mb-0 {
  margin-bottom: 0rem !important;
}

.u-mb-5 {
  margin-bottom: 0.3125rem !important;
}

.u-mb-10 {
  margin-bottom: 0.625rem !important;
}

.u-mb-15 {
  margin-bottom: 0.9375rem !important;
}

.u-mb-20 {
  margin-bottom: 1.25rem !important;
}

.u-mb-25 {
  margin-bottom: 1.5625rem !important;
}

.u-mb-30 {
  margin-bottom: 1.875rem !important;
}

.u-mb-35 {
  margin-bottom: 2.1875rem !important;
}

.u-mb-40 {
  margin-bottom: 2.5rem !important;
}

.u-mb-45 {
  margin-bottom: 2.8125rem !important;
}

.u-mb-50 {
  margin-bottom: 3.125rem !important;
}

.u-mb-55 {
  margin-bottom: 3.4375rem !important;
}

.u-mb-60 {
  margin-bottom: 3.75rem !important;
}

.u-mb-65 {
  margin-bottom: 4.0625rem !important;
}

.u-mb-70 {
  margin-bottom: 4.375rem !important;
}

.u-mb-75 {
  margin-bottom: 4.6875rem !important;
}

.u-mb-80 {
  margin-bottom: 5rem !important;
}

.u-mb-85 {
  margin-bottom: 5.3125rem !important;
}

.u-mb-90 {
  margin-bottom: 5.625rem !important;
}

.u-mb-95 {
  margin-bottom: 5.9375rem !important;
}

.u-mb-100 {
  margin-bottom: 6.25rem !important;
}

.u-mb-105 {
  margin-bottom: 6.5625rem !important;
}

.u-mb-110 {
  margin-bottom: 6.875rem !important;
}

.u-mb-115 {
  margin-bottom: 7.1875rem !important;
}

.u-mb-120 {
  margin-bottom: 7.5rem !important;
}

.u-mb-125 {
  margin-bottom: 7.8125rem !important;
}

.u-mb-130 {
  margin-bottom: 8.125rem !important;
}

.u-mb-135 {
  margin-bottom: 8.4375rem !important;
}

.u-mb-140 {
  margin-bottom: 8.75rem !important;
}

.u-mb-145 {
  margin-bottom: 9.0625rem !important;
}

.u-mb-150 {
  margin-bottom: 9.375rem !important;
}

.u-mb-155 {
  margin-bottom: 9.6875rem !important;
}

.u-mb-160 {
  margin-bottom: 10rem !important;
}

.u-mb-165 {
  margin-bottom: 10.3125rem !important;
}

.u-mb-170 {
  margin-bottom: 10.625rem !important;
}

.u-mb-175 {
  margin-bottom: 10.9375rem !important;
}

.u-mb-180 {
  margin-bottom: 11.25rem !important;
}

.u-mb-185 {
  margin-bottom: 11.5625rem !important;
}

.u-mb-190 {
  margin-bottom: 11.875rem !important;
}

.u-mb-195 {
  margin-bottom: 12.1875rem !important;
}

.u-mb-200 {
  margin-bottom: 12.5rem !important;
}

/*sp用余白クラス*/
@media only screen and (max-width: 767.98px) {
  .u-mt-0-sp {
    margin-top: 0rem !important;
  }
  .u-mt-5-sp {
    margin-top: 0.3125rem !important;
  }
  .u-mt-10-sp {
    margin-top: 0.625rem !important;
  }
  .u-mt-15-sp {
    margin-top: 0.9375rem !important;
  }
  .u-mt-20-sp {
    margin-top: 1.25rem !important;
  }
  .u-mt-25-sp {
    margin-top: 1.5625rem !important;
  }
  .u-mt-30-sp {
    margin-top: 1.875rem !important;
  }
  .u-mt-35-sp {
    margin-top: 2.1875rem !important;
  }
  .u-mt-40-sp {
    margin-top: 2.5rem !important;
  }
  .u-mt-45-sp {
    margin-top: 2.8125rem !important;
  }
  .u-mt-50-sp {
    margin-top: 3.125rem !important;
  }
  .u-mt-55-sp {
    margin-top: 3.4375rem !important;
  }
  .u-mt-60-sp {
    margin-top: 3.75rem !important;
  }
  .u-mt-65-sp {
    margin-top: 4.0625rem !important;
  }
  .u-mt-70-sp {
    margin-top: 4.375rem !important;
  }
  .u-mt-75-sp {
    margin-top: 4.6875rem !important;
  }
  .u-mt-80-sp {
    margin-top: 5rem !important;
  }
  .u-mt-85-sp {
    margin-top: 5.3125rem !important;
  }
  .u-mt-90-sp {
    margin-top: 5.625rem !important;
  }
  .u-mt-95-sp {
    margin-top: 5.9375rem !important;
  }
  .u-mt-100-sp {
    margin-top: 6.25rem !important;
  }
  .u-mt-105-sp {
    margin-top: 6.5625rem !important;
  }
  .u-mt-110-sp {
    margin-top: 6.875rem !important;
  }
  .u-mt-115-sp {
    margin-top: 7.1875rem !important;
  }
  .u-mt-120-sp {
    margin-top: 7.5rem !important;
  }
  .u-mt-125-sp {
    margin-top: 7.8125rem !important;
  }
  .u-mt-130-sp {
    margin-top: 8.125rem !important;
  }
  .u-mt-135-sp {
    margin-top: 8.4375rem !important;
  }
  .u-mt-140-sp {
    margin-top: 8.75rem !important;
  }
  .u-mt-145-sp {
    margin-top: 9.0625rem !important;
  }
  .u-mt-150-sp {
    margin-top: 9.375rem !important;
  }
  .u-mt-155-sp {
    margin-top: 9.6875rem !important;
  }
  .u-mt-160-sp {
    margin-top: 10rem !important;
  }
  .u-mt-165-sp {
    margin-top: 10.3125rem !important;
  }
  .u-mt-170-sp {
    margin-top: 10.625rem !important;
  }
  .u-mt-175-sp {
    margin-top: 10.9375rem !important;
  }
  .u-mt-180-sp {
    margin-top: 11.25rem !important;
  }
  .u-mt-185-sp {
    margin-top: 11.5625rem !important;
  }
  .u-mt-190-sp {
    margin-top: 11.875rem !important;
  }
  .u-mt-195-sp {
    margin-top: 12.1875rem !important;
  }
  .u-mt-200-sp {
    margin-top: 12.5rem !important;
  }
  .u-mb-0-sp {
    margin-bottom: 0rem !important;
  }
  .u-mb-5-sp {
    margin-bottom: 0.3125rem !important;
  }
  .u-mb-10-sp {
    margin-bottom: 0.625rem !important;
  }
  .u-mb-15-sp {
    margin-bottom: 0.9375rem !important;
  }
  .u-mb-20-sp {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-25-sp {
    margin-bottom: 1.5625rem !important;
  }
  .u-mb-30-sp {
    margin-bottom: 1.875rem !important;
  }
  .u-mb-35-sp {
    margin-bottom: 2.1875rem !important;
  }
  .u-mb-40-sp {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-45-sp {
    margin-bottom: 2.8125rem !important;
  }
  .u-mb-50-sp {
    margin-bottom: 3.125rem !important;
  }
  .u-mb-55-sp {
    margin-bottom: 3.4375rem !important;
  }
  .u-mb-60-sp {
    margin-bottom: 3.75rem !important;
  }
  .u-mb-65-sp {
    margin-bottom: 4.0625rem !important;
  }
  .u-mb-70-sp {
    margin-bottom: 4.375rem !important;
  }
  .u-mb-75-sp {
    margin-bottom: 4.6875rem !important;
  }
  .u-mb-80-sp {
    margin-bottom: 5rem !important;
  }
  .u-mb-85-sp {
    margin-bottom: 5.3125rem !important;
  }
  .u-mb-90-sp {
    margin-bottom: 5.625rem !important;
  }
  .u-mb-95-sp {
    margin-bottom: 5.9375rem !important;
  }
  .u-mb-100-sp {
    margin-bottom: 6.25rem !important;
  }
  .u-mb-105-sp {
    margin-bottom: 6.5625rem !important;
  }
  .u-mb-110-sp {
    margin-bottom: 6.875rem !important;
  }
  .u-mb-115-sp {
    margin-bottom: 7.1875rem !important;
  }
  .u-mb-120-sp {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-125-sp {
    margin-bottom: 7.8125rem !important;
  }
  .u-mb-130-sp {
    margin-bottom: 8.125rem !important;
  }
  .u-mb-135-sp {
    margin-bottom: 8.4375rem !important;
  }
  .u-mb-140-sp {
    margin-bottom: 8.75rem !important;
  }
  .u-mb-145-sp {
    margin-bottom: 9.0625rem !important;
  }
  .u-mb-150-sp {
    margin-bottom: 9.375rem !important;
  }
  .u-mb-155-sp {
    margin-bottom: 9.6875rem !important;
  }
  .u-mb-160-sp {
    margin-bottom: 10rem !important;
  }
  .u-mb-165-sp {
    margin-bottom: 10.3125rem !important;
  }
  .u-mb-170-sp {
    margin-bottom: 10.625rem !important;
  }
  .u-mb-175-sp {
    margin-bottom: 10.9375rem !important;
  }
  .u-mb-180-sp {
    margin-bottom: 11.25rem !important;
  }
  .u-mb-185-sp {
    margin-bottom: 11.5625rem !important;
  }
  .u-mb-190-sp {
    margin-bottom: 11.875rem !important;
  }
  .u-mb-195-sp {
    margin-bottom: 12.1875rem !important;
  }
  .u-mb-200-sp {
    margin-bottom: 12.5rem !important;
  }
}

.u-wrap-1160 {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: content-box;
}

.u-wrap-1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: content-box;
}

.u-wrap-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: content-box;
}

.u-youtube-wrap{
	position: relative;
	width: 100%;
}
.u-youtube-wrap::before{
    content: '';
    display: block;
    padding-top: 56.25%;
}
.u-youtube-wrap iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    vertical-align: bottom;
}


/*
センター揃え左右寄せ
*/
.u-sticky-right{
    position: relative;
    margin: 0 min(calc((var(--vw,100vw) - var(--width)) / -2),var(--gutter) * -1) 0 0;
}
.u-sticky-left{
    position: relative;
    margin: 0 0 0 min(calc((var(--vw,100vw) - var(--width)) / -2),var(--gutter) * -1);
}

.u-sticky-right img,.u-sticky-left img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* @include sp{

    .u-sticky-right{
        margin: 0;
    }
    .u-sticky-left{
        margin: 0;
    }

} */


/*
フレックス
*/
.u-flex {
  display: flex !important;
}

.u-direction-row {
  flex-direction: row !important;
}

.u-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.u-direction-column {
  flex-direction: column !important;
}

.u-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.u-place-center {
  place-content: center !important;
}

.u-align-start {
  align-items: flex-start !important;
}

.u-align-center {
  align-items: center !important;
}

.u-align-end {
  align-items: flex-end !important;
}

.u-justify-start {
  justify-content: flex-start !important;
}

.u-justify-center {
  justify-content: center !important;
}

.u-justify-end {
  justify-content: flex-end !important;
}

/*
グリッド
*/
.u-grid {
  display: grid !important;
}
.u-grid[data-col="1"] {
  grid-template-columns: 1fr !important;
}
.u-grid[data-col="1:1"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.u-grid[data-col="1:1:1"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.u-grid[data-col="1:1:1:1"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.u-grid[data-col="1:1:1:1:1"] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.u-grid[data-col="1:1:1:1:1:1"] {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.u-grid[data-col="1:1.075"] {
  grid-template-columns: 1fr 1.075fr !important;
}

.u-grid[data-col="1.075:1"] {
  grid-template-columns: 1.075fr 1fr !important;
}

.u-grid[data-col="1:1.885"] {
  grid-template-columns: 1fr 1.885fr !important;
}


@media only screen and (max-width: 767.98px) {

  .u-flex-sp {
    display: flex !important;
  }
  .u-block-sp {
    display: block !important;
  }
  .u-direction-row-sp {
    flex-direction: row !important;
  }
  .u-direction-row-reverse-sp {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-sp {
    flex-direction: column !important;
  }
  .u-direction-column-reverse-sp {
    flex-direction: column-reverse !important;
  }
  .u-place-center-sp {
    place-content: center !important;
  }
  .u-align-start-sp {
    align-items: flex-start !important;
  }
  .u-align-center-sp {
    align-items: center !important;
  }
  .u-align-end-sp {
    align-items: flex-end !important;
  }
  .u-justify-start-sp {
    justify-content: flex-start !important;
  }
  .u-justify-center-sp {
    justify-content: center !important;
  }
  .u-justify-end-sp {
    justify-content: flex-end !important;
  }
    
  .u-grid[data-col-sp="1"] {
    grid-template-columns: 1fr !important;
  }
  .u-grid[data-col-sp="1:1"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .u-grid[data-col-sp="1:1:1"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .u-grid[data-col-sp="1:1:1:1"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .u-grid[data-col-sp="1:1:1:1:1"] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .u-grid[data-col-sp="1:1:1:1:1:1"] {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}



/*
gap
*/
.u-gap-0 {
  gap: 0rem !important;
}

.u-gap-5 {
  gap: 0.3125rem !important;
}

.u-gap-10 {
  gap: 0.625rem !important;
}

.u-gap-15 {
  gap: 0.9375rem !important;
}

.u-gap-20 {
  gap: 1.25rem !important;
}

.u-gap-25 {
  gap: 1.5625rem !important;
}

.u-gap-30 {
  gap: 1.875rem !important;
}

.u-gap-35 {
  gap: 2.1875rem !important;
}

.u-gap-40 {
  gap: 2.5rem !important;
}

.u-gap-45 {
  gap: 2.8125rem !important;
}

.u-gap-50 {
  gap: 3.125rem !important;
}

.u-gap-55 {
  gap: 3.4375rem !important;
}

.u-gap-60 {
  gap: 3.75rem !important;
}

.u-gap-65 {
  gap: 4.0625rem !important;
}

.u-gap-70 {
  gap: 4.375rem !important;
}

.u-gap-75 {
  gap: 4.6875rem !important;
}

.u-gap-80 {
  gap: 5rem !important;
}

.u-gap-85 {
  gap: 5.3125rem !important;
}

.u-gap-90 {
  gap: 5.625rem !important;
}

.u-gap-95 {
  gap: 5.9375rem !important;
}

.u-gap-100 {
  gap: 6.25rem !important;
}

.u-row-gap-0 {
  row-gap: 0rem !important;
}

.u-row-gap-5 {
  row-gap: 0.3125rem !important;
}

.u-row-gap-10 {
  row-gap: 0.625rem !important;
}

.u-row-gap-15 {
  row-gap: 0.9375rem !important;
}

.u-row-gap-20 {
  row-gap: 1.25rem !important;
}

.u-row-gap-25 {
  row-gap: 1.5625rem !important;
}

.u-row-gap-30 {
  row-gap: 1.875rem !important;
}

.u-row-gap-35 {
  row-gap: 2.1875rem !important;
}

.u-row-gap-40 {
  row-gap: 2.5rem !important;
}

.u-row-gap-45 {
  row-gap: 2.8125rem !important;
}

.u-row-gap-50 {
  row-gap: 3.125rem !important;
}

.u-row-gap-55 {
  row-gap: 3.4375rem !important;
}

.u-row-gap-60 {
  row-gap: 3.75rem !important;
}

.u-row-gap-65 {
  row-gap: 4.0625rem !important;
}

.u-row-gap-70 {
  row-gap: 4.375rem !important;
}

.u-row-gap-75 {
  row-gap: 4.6875rem !important;
}

.u-row-gap-80 {
  row-gap: 5rem !important;
}

.u-row-gap-85 {
  row-gap: 5.3125rem !important;
}

.u-row-gap-90 {
  row-gap: 5.625rem !important;
}

.u-row-gap-95 {
  row-gap: 5.9375rem !important;
}

.u-row-gap-100 {
  row-gap: 6.25rem !important;
}

@media only screen and (max-width: 767.98px) {
  .u-gap-0-sp {
    gap: 0rem !important;
  }
  .u-gap-5-sp {
    gap: 0.3125rem !important;
  }
  .u-gap-10-sp {
    gap: 0.625rem !important;
  }
  .u-gap-15-sp {
    gap: 0.9375rem !important;
  }
  .u-gap-20-sp {
    gap: 1.25rem !important;
  }
  .u-gap-25-sp {
    gap: 1.5625rem !important;
  }
  .u-gap-30-sp {
    gap: 1.875rem !important;
  }
  .u-gap-35-sp {
    gap: 2.1875rem !important;
  }
  .u-gap-40-sp {
    gap: 2.5rem !important;
  }
  .u-gap-45-sp {
    gap: 2.8125rem !important;
  }
  .u-gap-50-sp {
    gap: 3.125rem !important;
  }
  .u-gap-55-sp {
    gap: 3.4375rem !important;
  }
  .u-gap-60-sp {
    gap: 3.75rem !important;
  }
  .u-gap-65-sp {
    gap: 4.0625rem !important;
  }
  .u-gap-70-sp {
    gap: 4.375rem !important;
  }
  .u-gap-75-sp {
    gap: 4.6875rem !important;
  }
  .u-gap-80-sp {
    gap: 5rem !important;
  }
  .u-gap-85-sp {
    gap: 5.3125rem !important;
  }
  .u-gap-90-sp {
    gap: 5.625rem !important;
  }
  .u-gap-95-sp {
    gap: 5.9375rem !important;
  }
  .u-gap-100-sp {
    gap: 6.25rem !important;
  }
  .u-row-gap-0-sp {
    row-gap: 0rem !important;
  }
  .u-row-gap-5-sp {
    row-gap: 0.3125rem !important;
  }
  .u-row-gap-10-sp {
    row-gap: 0.625rem !important;
  }
  .u-row-gap-15-sp {
    row-gap: 0.9375rem !important;
  }
  .u-row-gap-20-sp {
    row-gap: 1.25rem !important;
  }
  .u-row-gap-25-sp {
    row-gap: 1.5625rem !important;
  }
  .u-row-gap-30-sp {
    row-gap: 1.875rem !important;
  }
  .u-row-gap-35-sp {
    row-gap: 2.1875rem !important;
  }
  .u-row-gap-40-sp {
    row-gap: 2.5rem !important;
  }
  .u-row-gap-45-sp {
    row-gap: 2.8125rem !important;
  }
  .u-row-gap-50-sp {
    row-gap: 3.125rem !important;
  }
  .u-row-gap-55-sp {
    row-gap: 3.4375rem !important;
  }
  .u-row-gap-60-sp {
    row-gap: 3.75rem !important;
  }
  .u-row-gap-65-sp {
    row-gap: 4.0625rem !important;
  }
  .u-row-gap-70-sp {
    row-gap: 4.375rem !important;
  }
  .u-row-gap-75-sp {
    row-gap: 4.6875rem !important;
  }
  .u-row-gap-80-sp {
    row-gap: 5rem !important;
  }
  .u-row-gap-85-sp {
    row-gap: 5.3125rem !important;
  }
  .u-row-gap-90-sp {
    row-gap: 5.625rem !important;
  }
  .u-row-gap-95-sp {
    row-gap: 5.9375rem !important;
  }
  .u-row-gap-100-sp {
    row-gap: 6.25rem !important;
  }
}


/*
variables
*/
:root{
    --main:#2C6EA7;

    --width:1000px;
    /*センター寄せの左右のガーター*/
    --gutter: 20px;
}

/*
font
*/
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansCJKjp-vf-subset.woff2") format("woff2"), url("../font/NotoSansCJKjp-vf-subset.woff") format("woff");
  font-weight: 100 900;
  font-display: swap;
}