/*
Theme Name: 夏期インターン
*/

:root {
  --white: #ffffff;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

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

@font-face {
  font-family: 'Noto Serif JP';
  src: url('./fonts/Noto_Serif_JP/NotoSerifJP-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif JP';
  src: url('./fonts/Noto_Serif_JP/NotoSerifJP-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif JP';
  src: url('./fonts/Noto_Serif_JP/NotoSerifJP-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif JP';
  src: url('./fonts/Noto_Serif_JP/NotoSerifJP-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif JP';
  src: url('./fonts/Noto_Serif_JP/NotoSerifJP-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


/* @font-face {
  font-family: 'Noto Serif JP';
  src: url('./fonts/Noto_Sans_JP/NotoSansJP-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
} */

/* NotoSans_Italy */
@font-face {
  font-family: 'Noto Sans';
  src: url('./fonts/Noto_Sans/NotoSans-BoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}



/* Roboto */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto/Roboto-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto/Roboto-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto/Roboto-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}



/* 使用フォント */
:root {
  --NotoSans: "Noto Sans JP", sans-serif;
  --NotoSerif: "Noto Serif JP", sans-serif;
  --NotoSans_Italy: "Noto Sans", sans-serif;
  --Pinyon: "Pinyon Script", sans-serif;
  --Cormorant: "Cormorant Garamond", sans-serif;
  --Roboto: "Roboto", sans-serif;
  --IBM_Plex_Sans: "IBM Plex Sans", sans-serif;
  --Oswald: "Oswald", sans-serif;
  /* Regular 400 Medium 500 SemiBold 600 Bold 700 */
}

body::-webkit-scrollbar {
  display: none;
}

body {
  /* min-height: 100vh; */
  /* min-height: -webkit-fill-available; */
  font-family: "Noto Sans JP", sans-serif;
}

html {
  font-size: min(calc(10 / 1280 * 100vw), 10px);
  /* font-size: calc(10 / 1280 * 100vw); */
  color: var(--black);
  scrollbar-gutter: stable;
}

img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/*fade表示関連*/

.fade_in {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_up {
  transform: translateY(2vw);
  opacity: 0;
  transition: all 1.2s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_in.show {
  opacity: 1;
}

.fade_up.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.pc_only {
  display: block!important;
}

.sp_only {
  display: none!important;
}

@keyframes slideIn {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 699.98px) {
  html {
    font-size: calc(10 / 375 * 100vw);
    /* 画面幅375pxで10px*/
  }

  .pc_only {
    display: none!important;
  }

  .sp_only {
    display: block!important;
  }
}