@charset "utf-8";
/* /recruit/fresh/common/css/common.css */

@import url("https://fonts.googleapis.com/css2?family=Viga&family=Zen+Maru+Gothic:wght@400;700&family=Noto+Sans+JP&display=swap");

:root {
  --bgcolor: #287a86;
  --bold: 700;
}

html {
  font-size: 10px;
}

body {
  font-size: 1.6rem;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  color: rgb(0, 0, 0);
  letter-spacing: 0.05em;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  overflow-x: hidden;
}

img {
  width: 100%;
  height: auto;
}

.en {
  font-family: "Viga", sans-serif;
}

.Cts__inner {
  width: 1024px;
  margin: 0 auto;
}

.bold {
  font-weight: var(--bold);
}

.pc {
  display: block;
}

.sp {
  display: none;
}

/*ULIZA*/
.ulizahtml5.uliza-skin-skin2 {
  --uliza-controller-gradient-top: none !important;
  --uliza-controller-gradient-bottom: none !important;
  font-size: 10px !important;
}
.ulizahtml5.uliza-skin-skin2 .uliza-play-start-button,
.ulizahtml5.uliza-skin-skin2 .uliza-feedback-content {
  width: 12em;
  height: 12em;
  text-align: center !important;
}
.ulizahtml5.uliza-skin-skin2 .vjs-button.uliza-center-menu-button.uliza-play-start-button .uliza-icon,
.ulizahtml5.uliza-skin-skin2 .vjs-button.uliza-center-feedback .uliza-icon {
  font-size: 6em;
}
.ulizahtml5.uliza-skin-skin2 .uliza-visible-area {
  width: 100% !important;
}
.ulizahtml5-modal-thumbnail {
  text-align: center;
}
/*ULIZA*/

/* =================
コンテンツ
================= */

@media screen and (max-width: 1023px) {
  /* =================
	コンテンツ
	================= */
  .Cts__inner {
    width: 100%;
    padding: 0 1.8rem;
  }
}

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

  .sp {
    display: block;
  }
}