@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;400;500;600;700&display=swap');

:root{
  --pc:1366;
  --sp:375;
  --transition:all 300ms ease;
  --marusanRed:#ef4300;
  --paleRed:#ff7145;
  --accentYellow:#ffdbc2;
  --accentPink:#ffdbc2;
  --beige:#fff9f1;
}

.u-br::before {
  content: "\A" ;
  white-space: pre ;
}
@media (min-width:961px) {
  .u-br-pc::before {
    content: "\A" ;
    white-space: pre ;
  } 
}
@media (max-width:960px) {
  .u-br-sp::before {
    content: "\A" ;
    white-space: pre ;
  } 
}

.u-hide{
  display: none !important;
}
@media (min-width:961px) {
  .u-hide-pc {
    display: none !important;
  }
  .u-hide-sp {
    display: initial;
  }
  .u-hide-tab{
    display: initial;
  }
}
@media (max-width:960px) {
  .u-hide-pc {
    display: initial;
  }
  .u-hide-sp {
    display: none !important;
  }
  .u-hide-tab{
    display: initial;
  }
}
@media (min-width:640px) and (max-width:960px) {
  .u-hide-tab{
    display: none !important;
  }
}

.u-bg-white{
  background-color: #fff;
}
.u-bg-beige{
  background-color: var(--beige);
}
.u-bg-pink{
  background-color: #f7b094;
}

.u-position-relative{
  position: relative;
}

.u-img-scale{
  width: 100%;
  height: auto;
}

.u-text-center{
  text-align: center;
}

.u-max-width{
  max-width: 1280px;
}
.u-100-width{
  width: 100%;
}

.u-r999{
  border-radius: 999px;
}

.u-w-auto{
  width: auto !important;
}

.sp_only {
  display: none;
}
@media screen and (max-width: 750px) {
  .sp_only {
    display: inline-block;
  }
}

@media screen and (max-width: 750px) {
  .pc_only {
    display: none;
  }
}