@charset "utf-8";

/* --------------- 共通 --------------- */
body {
  font-family: "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #333;
  background-color: #fff;
}
a {
  text-decoration: none;
  color: #333;
}
img,svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
  box-sizing: border-box;
}
button{
  display: block;
  letter-spacing: .15em;
}
*,
*::before,
*::after {
  box-sizing: boder-box;
}
.en-upper{
  text-transform: uppercase;
}
.ib {
  display: inline-block;
}
.br-sp-none{
  display: none;
}
.br-pc-only{
  display: none;
}

@media (min-width: 680px){
}
@media (min-width: 1024px){
}

/* フォント */
body{
  font-size: 0.875rem;
  font-size: max(0.875rem, min(0.69rem + 0.43vw, 1.125rem));
  letter-spacing: 0.05em;
  line-height: 1.75;
}
.poppins-regular{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.poppins-medium{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
.poppins-semiBold{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

@media (min-width: 680px){
}
@media (min-width: 1024px){
  body{
    line-height: 1.8;
  }
}


/* --------------- ヘッダー --------------- */
.header{
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
}
.header-logo{
  width: 120px;
  margin-top: 2%;
  margin-left: 2%;
  mix-blend-mode: exclusion;
}

@media (min-width: 680px){
  .header-logo{
    width: 144px;
  }
}
@media (min-width: 1024px){
  .header-logo{
    width: 160px;
  }
}


/* --------------- フッター --------------- */
.copyright{
  position: fixed;
  z-index: 100;
  bottom: 10%;
  transform: rotate(90deg);
  right: -32px;
  display: block;
  font-size: 100%;
  color: #fff;
}

@media (min-width: 680px){
}
@media (min-width: 1024px){
}



@media (min-width: 680px){
}
@media (min-width: 1024px){
}