@charset "UTF-8";
/* -------------------------------------
  Foundation
------------------------------------- */
/* -------------------------------------
  reset css
------------------------------------- */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  max-width: 100svw;
  height: -webkit-fill-available;
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

main {
  overflow: hidden;
}

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

td {
  -webkit-text-size-adjust: 100%;
}

:root {
  /* ---------------------------------------
    color
  ---------------------------------------- */
  --color-school-blue: #113372;
  --color-school-blue-hover: #415c8e;
  --color-white: #ffffff;
  --color-text-black: #333333;
  --color-yellow: #e7ef62;
  --color-yellow-hover: #f9ff94;
  --color-black: #000000;
  --color-gray: #f2f2f2;
  --color-background-lightblue: #edf5ff;
  --color-menu-overlay: rgba(0, 0, 0, 0.3);
  --color-line: #06c755;
  --color-line-hover: #23dc6f;
  --color-robot: #9a4d9b;
  --color-robot-bg: #e9dced;
  --color-bioscience-bg: #fde6c6;
  --color-ce-bg: #fadcde;
  --color-radiation-bg: #e5edf8;
  --color-alert: #ef8787;
  --color-table-border: #cccccc;
  /* ---------------------------------------
    font-size
  ---------------------------------------- */
  --font-size-lv1: clamp(32px, 4vw, 48px);
  --font-size-lv2: clamp(24px, 3vw, 40px);
  --font-size-lv3: clamp(20px, 2vw, 32px);
  --font-size-lv4: clamp(18px, 1.5vw, 24px);
  --font-size-lv5: clamp(16px, 1vw, 20px);
  --font-size-base: clamp(14px, 1.5vw, 16px);
  --font-size-lv6: clamp(12px, 1.5vw, 14px);
  --font-size-lv7: clamp(10px, 1vw, 12px);
  --font-size-lv8: clamp(10px, 1vw, 10px);
  --font-size-menu: clamp(18px, 1.5vw, 20px);
  --font-size-header: clamp(12px, 1.5vw, 16px);
  --font-size-hero: clamp(35px, 8vw, 96px);
  --font-size-hero-sub: clamp(24px, 6vw, 64px);
  --font-size-hero-en: clamp(10px, 3vw, 32px);
  --font-size-fixed-button-title: clamp(24px, 2.5vw, 28px);
  /* ---------------------------------------
    font-family
  ---------------------------------------- */
  --font-family-jp: "Noto Sans JP", sans-serif;
  --font-family-en: "Bebas Neue", sans-serif;
  /* ---------------------------------------
    font-weight
  ---------------------------------------- */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  /* ---------------------------------------
    border-radius
  ---------------------------------------- */
  --border-radius-default: 10px;
  --border-radius-full: 999px;
  --border-radius-tag: 4px;
  /* ---------------------------------------
    transition
  ---------------------------------------- */
  --transition-default: all 0.3s ease;
  /* ---------------------------------------
    scale
  ---------------------------------------- */
  /* ---------------------------------------
    opacity
  ---------------------------------------- */
  --opacity-default: 0.8;
}

/* ---------------------------------------
  mediaquery
---------------------------------------- */
/* デスクトップ大: 1440px以上 */
/* デスクトップ中: 1280px - 1439px */
/* デスクトップ小: 1024px - 1279px */
/* タブレット: 1023px以下 */
/* モバイル: 767px以下 */
/* -------------------------------------
  base style
------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  color: var(--color-text-black);
  font-size: var(--font-size-base);
  font-family: var(--font-family-jp);
  font-weight: var(--font-weight-medium);
}

main {
  min-height: calc(100svh - 200px);
}

a,
button {
  cursor: pointer;
  transition: var(--transition-default);
}

a {
  display: block;
}

img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* -------------------------------------
  Layout
------------------------------------- */
.l-main {
  padding-top: 70px;
}
@media (max-width: 767px) {
  .l-main {
    padding-top: 50px;
  }
}

.l-section {
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .l-section {
    padding: 60px 0;
  }
}

.l-background-gray {
  background: var(--color-gray);
}
.l-background-gray .l-section {
  background-image: url("../../assets/images/common/background_pattern.png");
  background-repeat: repeat;
  background-size: 15px 15px;
}

.l-background-blue {
  background: var(--color-school-blue);
}
.l-background-blue .l-section {
  background-image: url("../../assets/images/common/background_pattern_transparent.png");
  background-blend-mode: lighten;
  background-repeat: repeat;
  background-size: 15px 15px;
}

.l-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .l-container {
    width: 100%;
    max-width: 500px;
  }
}

.l-title {
  text-align: center;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .l-title {
    padding-bottom: 30px;
  }
}
.l-title.-white .jp {
  color: var(--color-white);
}
.l-title.-white .en {
  color: var(--color-text-black);
  -webkit-text-stroke: 2px var(--color-white);
}
.l-title .jp {
  display: block;
  font-size: var(--font-size-lv2);
  font-weight: var(--font-weight-black);
  color: var(--color-school-blue);
}
.l-title .jp .large {
  padding-left: 5px;
  font-size: var(--font-size-lv1);
}
@media (max-width: 767px) {
  .l-title .jp .large {
    display: block;
  }
}
.l-title .en {
  color: var(--color-white);
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
  paint-order: stroke;
  -webkit-text-stroke: 2px var(--color-school-blue);
}
.l-title .en.-gray {
  color: var(--color-gray);
}
.l-title .en.-blue {
  color: var(--color-school-blue);
}

.l-button {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .l-button {
    margin-top: 20px;
  }
}
.l-button.-center {
  align-items: center;
}

/* -------------------------------------
  Component
------------------------------------- */
/* ---------------------------------------
  button
---------------------------------------- */
.c-button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 20px;
  background: var(--color-white);
  color: var(--color-school-blue);
  border: 1px solid var(--color-school-blue);
  border-radius: var(--border-radius-full);
  font-weight: var(--font-weight-black);
  transition: var(--transition-default);
}
.c-button:hover {
  color: var(--color-school-blue-hover);
}
.c-button.-arrow::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 15px;
  background: url("../../assets/images/common/icon_arrow.svg") no-repeat center center/contain;
}
.c-button.-window::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../../assets/images/common/icon_window.svg") no-repeat center center/contain;
}
.c-button.-pdf::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../../assets/images/common/icon_pdf.svg") no-repeat center center/contain;
}
.c-button.-yellow {
  background: var(--color-yellow);
  color: var(--color-text-black);
  border: none;
}
.c-button.-yellow:hover {
  background: var(--color-yellow-hover);
}
.c-button.-sns-line {
  background: var(--color-line);
  color: var(--color-white);
  border: none;
}
.c-button.-sns-line:hover {
  background: var(--color-line-hover);
}
.c-button.-map::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../../assets/images/common/icon_map.svg") no-repeat center center/contain;
}
.c-button.-large {
  justify-content: center;
  width: 100%;
  padding: 30px 20px;
  font-size: var(--font-size-lv4);
}
@media (max-width: 767px) {
  .c-button.-large {
    padding: 25px 20px;
  }
}
.c-button.-large .icon {
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .c-button.-large .icon {
    width: 24px;
    height: 24px;
  }
}
.c-button .icon {
  width: 24px;
  height: 24px;
}

/* ---------------------------------------
  footer
---------------------------------------- */
.c-footer {
  padding: 80px 0;
  background: var(--color-text-black);
}
@media (max-width: 767px) {
  .c-footer {
    padding: 60px 0;
  }
}
.c-footer .l-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .c-footer .l-container {
    gap: 30px;
  }
}
.c-footer .logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.c-footer .logo .logo-image {
  height: 30px;
}
@media (max-width: 767px) {
  .c-footer .logo .logo-image {
    height: 20px;
  }
}
.c-footer .logo .text {
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-black);
  color: var(--color-white);
}
.c-footer .nav {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 40px;
}
@media (max-width: 767px) {
  .c-footer .nav {
    flex-direction: column;
    gap: 15px;
  }
}
.c-footer .nav .item {
  font-size: var(--font-size-lv6);
  color: var(--color-white);
  transition: var(--transition-default);
}
.c-footer .nav .item:hover {
  opacity: var(--opacity-default);
}
.c-footer .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  color: var(--color-white);
  font-size: var(--font-size-lv8);
}
.c-footer .bottom .link {
  display: flex;
  gap: 5px;
  transition: var(--transition-default);
}
.c-footer .bottom .link::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background: url("../../assets/images/common/icon_window_white.svg") no-repeat center center/contain;
}
.c-footer .bottom .link:hover {
  opacity: var(--opacity-default);
}

/* ---------------------------------------
  header overlay
---------------------------------------- */
.c-menu-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-menu-overlay);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-default);
}
.c-menu-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

/* ---------------------------------------
  header
---------------------------------------- */
.c-header {
  position: fixed;
  width: 100%;
  height: 70px;
  background-color: var(--color-school-blue);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}
@media (max-width: 767px) {
  .c-header {
    height: 50px;
  }
}
.c-header .logo a {
  display: flex;
  align-items: center;
  padding-left: 20px;
  transition: var(--transition-default);
}
.c-header .logo a:hover {
  opacity: var(--opacity-default);
}
@media (max-width: 767px) {
  .c-header .logo a {
    flex-direction: column;
    align-items: flex-start;
  }
}
.c-header .logo .image {
  padding-right: 15px;
}
@media (max-width: 767px) {
  .c-header .logo .image {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .c-header .logo .image img {
    width: 175px;
    height: 20px;
  }
}
.c-header .logo .text {
  font-family: var(--font-family-jp);
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-header);
  color: var(--color-white);
}
.c-header .buttons {
  display: flex;
  height: 100%;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .c-header .buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding-right: 0;
  }
}
.c-header .buttons .button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-header);
  transition: var(--transition-default);
}
@media (max-width: 767px) {
  .c-header .buttons .button {
    width: 100%;
  }
}
.c-header .buttons .line {
  gap: 10px;
  background-color: var(--color-line);
  color: var(--color-white);
}
.c-header .buttons .line:hover {
  background-color: var(--color-line-hover);
}
.c-header .buttons .opencampus {
  gap: 5px;
  background-color: var(--color-yellow);
  color: var(--color-text-black);
}
.c-header .buttons .opencampus:hover {
  background-color: var(--color-yellow-hover);
}
.c-header .hamburger {
  position: absolute;
  right: 0;
  width: 80px;
  height: 100%;
  background-color: var(--color-white);
  padding: 20px;
  transition: var(--transition-default);
  z-index: 5;
}
@media (max-width: 767px) {
  .c-header .hamburger {
    width: 50px;
    height: 50px;
    padding: 10px;
  }
}
.c-header .hamburger span {
  display: block;
  width: 40px;
  height: 3px;
  background-color: var(--color-school-blue);
  transition: var(--transition-default);
}
.c-header .hamburger span:hover {
  background-color: var(--color-school-blue-hover);
}
@media (max-width: 767px) {
  .c-header .hamburger span {
    width: 30px;
  }
}
.c-header .hamburger span:first-child {
  transform: translateY(-8px);
}
.c-header .hamburger span:last-child {
  transform: translateY(8px);
}
.c-header .hamburger.is-active span:first-child {
  transform: translateY(2px) rotate(-45deg);
}
.c-header .hamburger.is-active span:last-child {
  transform: translateY(-4px) rotate(45deg);
}
.c-header .hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.c-header .menu {
  position: fixed;
  top: 0;
  right: -100%;
  max-width: 720px;
  width: 100%;
  height: 100vh;
  background-color: var(--color-white);
  transition: var(--transition-default);
  overflow-y: auto;
  z-index: 2;
}
@media (max-width: 767px) {
  .c-header .menu {
    max-width: 320px;
  }
}
.c-header .menu.is-active {
  right: 0;
}
.c-header .menu .container {
  padding: 70px 40px 20px;
}
@media (max-width: 767px) {
  .c-header .menu .container {
    padding: 50px 20px 20px;
  }
}
.c-header .menu .item {
  border-bottom: 2px solid var(--color-school-blue);
}
.c-header .menu .item a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
  transition: var(--transition-default);
}
@media (max-width: 767px) {
  .c-header .menu .item a {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.c-header .menu .item a:hover {
  opacity: var(--opacity-default);
}
.c-header .menu .item .text {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: var(--font-size-menu);
  font-weight: var(--font-weight-black);
  color: var(--color-school-blue);
}
.c-header .menu .item .text .small {
  font-size: var(--font-size-base);
}
.c-header .menu .item .en {
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv5);
  color: var(--color-white);
  paint-order: stroke;
  -webkit-text-stroke: 1.5px var(--color-school-blue);
}
.c-header .menu-buttons {
  display: flex;
  gap: 10px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .c-header .menu-buttons {
    flex-direction: column;
  }
}
.c-header .menu-buttons .button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 15px 30px;
  border-radius: var(--border-radius-full);
  font-weight: var(--font-weight-black);
  transition: var(--transition-default);
}
.c-header .menu-buttons .button div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-header .menu-buttons .button div img {
  height: 30px;
}
@media (max-width: 767px) {
  .c-header .menu-buttons .button div img {
    height: 24px;
  }
}
.c-header .menu-buttons .line {
  background-color: var(--color-line);
  color: var(--color-white);
}
.c-header .menu-buttons .line:hover {
  background-color: var(--color-line-hover);
}
.c-header .menu-buttons .opencampus {
  background-color: var(--color-yellow);
}
.c-header .menu-buttons .opencampus:hover {
  background-color: var(--color-yellow-hover);
}
.c-header .menu-footer {
  padding-top: 40px;
}
.c-header .official-link {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 20px;
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-lv6);
  color: var(--color-school-blue);
  transition: var(--transition-default);
}
@media (max-width: 767px) {
  .c-header .official-link {
    font-size: var(--font-size-lv7);
  }
}
.c-header .official-link:hover {
  opacity: var(--opacity-default);
}
.c-header .official-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("../../assets/images/common/icon_window.svg") no-repeat center center/contain;
}
.c-header .sns-links {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  margin-bottom: 40px;
}
.c-header .sns-links a {
  height: 30px;
  transition: var(--transition-default);
}
.c-header .sns-links a:hover {
  opacity: var(--opacity-default);
}
.c-header .sns-links a img {
  height: 100%;
}

/* ---------------------------------------
  title
---------------------------------------- */
.c-title.h3 {
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-black);
  margin-bottom: 20px;
}

/* -------------------------------------
  Page
------------------------------------- */
.fixed-button.is-close {
  display: none;
}
.fixed-button {
  position: fixed;
  bottom: 10px;
  right: 80px;
  z-index: 999;
}
@media (max-width: 1023px) {
  .fixed-button {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .fixed-button {
    display: none;
  }
}
.fixed-button .close {
  position: absolute;
  top: 10px;
  right: 22px;
  width: 60px;
  height: 60px;
  background: var(--color-white);
  border-radius: 50%;
  border: 1px solid var(--color-text-black);
}
@media (max-width: 1023px) {
  .fixed-button .close {
    top: 0;
  }
}
.fixed-button .close::before, .fixed-button .close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 20px;
  background: var(--color-text-black);
  transition: var(--transition-default);
}
.fixed-button .close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fixed-button .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.fixed-button .close:hover::before, .fixed-button .close:hover::after {
  background: var(--color-school-blue-hover);
}
.fixed-button .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 300px;
  height: 300px;
  padding-bottom: 20px;
  background: var(--color-yellow);
  border-radius: var(--border-radius-full);
  font-weight: var(--font-weight-black);
}
@media (max-width: 1023px) {
  .fixed-button .container {
    width: 250px;
    height: 250px;
  }
}
.fixed-button .container .icon {
  width: 48px;
  height: 48px;
}
@media (max-width: 1023px) {
  .fixed-button .container .icon {
    width: 40px;
    height: 40px;
  }
}
.fixed-button .container .small {
  display: flex;
  gap: 10px;
  font-size: var(--font-size-lv5);
}
.fixed-button .container .small:before, .fixed-button .container .small:after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background: var(--color-text-black);
}
.fixed-button .container .small:before {
  transform: rotate(-30deg);
}
.fixed-button .container .small:after {
  transform: rotate(30deg);
}
.fixed-button .container .title {
  text-align: center;
  font-size: var(--font-size-fixed-button-title);
  font-style: italic;
}
.fixed-button .container .button {
  position: relative;
  padding-right: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--color-text-black);
  transition: var(--transition-default);
}
.fixed-button .container .button::after {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  right: 0;
  transform: translateY(-45%);
  width: 10px;
  height: 15px;
  background: url("../../assets/images/common/icon_arrow.svg") no-repeat center center/contain;
}
.fixed-button .container .button:hover {
  opacity: var(--opacity-default);
}

.mv {
  position: relative;
  background: var(--color-school-blue);
  margin-bottom: 8%;
}
@media (max-width: 767px) {
  .mv {
    margin-bottom: 15%;
  }
}
.mv .title {
  position: relative;
  padding: 5vw 6.5vw 23vw;
  z-index: 1;
}
@media (max-width: 1279px) {
  .mv .title {
    padding: 4vw 3vw 20vw;
  }
}
@media (max-width: 767px) {
  .mv .title {
    padding: 4vw 4vw 64vw;
  }
}
.mv .title .jp {
  color: var(--color-white);
  font-style: italic;
  font-size: var(--font-size-hero);
  font-weight: var(--font-weight-black);
  line-height: 110%;
  letter-spacing: -5px;
}
@media (max-width: 767px) {
  .mv .title .jp {
    letter-spacing: -2px;
  }
}
.mv .title .jp .small {
  display: block;
  font-size: var(--font-size-hero-sub);
  letter-spacing: -3px;
}
@media (max-width: 767px) {
  .mv .title .jp .small {
    letter-spacing: -1px;
  }
}
.mv .title .jp .point {
  color: var(--color-yellow);
}
.mv .title .en {
  display: block;
  margin-top: 20px;
  color: var(--color-school-blue);
  font-family: var(--font-family-en);
  font-size: var(--font-size-hero-en);
  paint-order: stroke;
  -webkit-text-stroke: 2px var(--color-white);
}
@media (max-width: 767px) {
  .mv .title .en {
    margin-top: 8px;
    -webkit-text-stroke: 1.5px var(--color-white);
  }
}
.mv .images {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .mv .images {
    top: 38%;
  }
}
.mv .images .image {
  width: 60%;
}
@media (max-width: 767px) {
  .mv .images .image {
    width: 82%;
  }
}
.mv .images .image:last-child {
  position: absolute;
  top: 26.4vw;
  left: 0;
}
@media (max-width: 767px) {
  .mv .images .image:last-child {
    top: 36.5vw;
  }
}

.courses .pickup .pickup-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv1);
}
.courses .pickup .pickup-title:before, .courses .pickup .pickup-title:after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background: var(--color-text-black);
}
.courses .pickup .pickup-title:before {
  transform: rotate(-30deg);
}
.courses .pickup .pickup-title:after {
  transform: rotate(30deg);
}
.courses .pickup .content {
  margin-bottom: 40px;
  padding: 60px 40px;
  background: url("../../assets/images/course/robot_pc.webp") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .courses .pickup .content {
    background: url("../../assets/images/course/robot_sp.webp") no-repeat center center/cover;
  }
}
.courses .pickup .content .title {
  font-size: var(--font-size-lv2);
}
.courses .pickup .content .features .description {
  font-size: var(--font-size-lv4);
}
.courses .pickup .content .c-button {
  padding: 15px 30px;
}
.courses .other .column {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .courses .other .column {
    flex-direction: column;
  }
}
.courses .other .content {
  padding: 40px;
}
@media (max-width: 1279px) {
  .courses .other .content {
    padding: 20px;
  }
}
.courses .other .bioscience {
  background: url("../../assets/images/course/bioscience_pc.webp") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .courses .other .bioscience {
    background: url("../../assets/images/course/bioscience_sp.webp") no-repeat center center/cover;
  }
}
.courses .other .ce {
  background: url("../../assets/images/course/ce_pc.webp") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .courses .other .ce {
    background: url("../../assets/images/course/ce_sp.webp") no-repeat center center/cover;
  }
}
.courses .other .radiation {
  background: url("../../assets/images/course/radiation_pc.webp") no-repeat center center/cover;
}
@media (max-width: 767px) {
  .courses .other .radiation {
    background: url("../../assets/images/course/radiation_sp.webp") no-repeat center center/cover;
  }
}
.courses .content {
  border-radius: var(--border-radius-default);
}
.courses .content .wrapper {
  padding-bottom: 30px;
}
.courses .content .title {
  color: var(--color-white);
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-black);
}
.courses .content .label {
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 20px;
  margin-top: 10px;
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius-full);
}
.courses .content .label .icon {
  width: 18px;
}
.courses .content .features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.courses .content .features .description {
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
}
.courses .content .features .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.courses .content .features .tags .tag {
  padding: 4px 10px;
  background: var(--color-white);
  border-radius: var(--border-radius-tag);
  font-size: var(--font-size-lv7);
}

.voice .wrap {
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .voice .wrap {
    flex-direction: column;
  }
}
.voice .card {
  position: relative;
}
.voice .card::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-school-blue);
  border-radius: var(--border-radius-default);
}
.voice .card .inner {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-school-blue);
  border-radius: var(--border-radius-default);
  overflow: hidden;
}
.voice .card .from {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  padding: 15px 20px;
  color: var(--color-white);
  background: var(--color-school-blue);
}
@media (max-width: 767px) {
  .voice .card .from {
    padding: 8px 16px;
  }
}
.voice .card .from::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 40px;
  height: 10px;
  background: url("../../assets/images/voice/dots.svg") no-repeat center center/contain;
}
.voice .card .from .label {
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
}
.voice .card .from .flag {
  width: 30px;
  height: 30px;
}
.voice .card .from .country {
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-black);
}
.voice .card .content {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 40px;
}
@media (max-width: 767px) {
  .voice .card .content {
    padding: 16px 16px 32px;
  }
}
.voice .card .content .profile {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
}
.voice .card .content .profile .photo {
  width: 150px;
  height: 150px;
}
@media (max-width: 767px) {
  .voice .card .content .profile .photo {
    width: 90px;
    height: 90px;
  }
}
.voice .card .content .profile .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice .card .content .profile .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .voice .card .content .profile .info {
    gap: 8px;
  }
}
.voice .card .content .profile .info .meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.voice .card .content .profile .info .meta .department {
  padding: 4px 10px;
  background: var(--color-robot);
  color: var(--color-white);
  font-size: var(--font-size-lv6);
  border-radius: 4px;
}
@media (max-width: 767px) {
  .voice .card .content .profile .info .meta .department {
    padding: 2px 10px;
  }
}
.voice .card .content .profile .info .meta .year {
  font-weight: var(--font-weight-black);
}
.voice .card .content .profile .info .name {
  font-weight: var(--font-weight-black);
}
.voice .card .content .profile .info .name .large {
  font-size: var(--font-size-lv5);
}

.three-points .wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .three-points .wrap {
    flex-direction: column;
    gap: 30px;
  }
}
.three-points .card {
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
  width: 100%;
  margin-top: 50px;
  padding: 60px 40px;
  background: var(--color-school-blue);
  border: 1px solid var(--color-black);
}
@media (max-width: 767px) {
  .three-points .card {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    padding: 40px 20px;
  }
}
.three-points .card::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  left: -1px;
  width: 240px;
  height: 50px;
  background: url("../../assets/images/point/point-decoration.svg") no-repeat bottom left/contain;
}
@media (max-width: 767px) {
  .three-points .card::before {
    top: -30px;
    width: 140px;
    height: 30px;
  }
}
.three-points .card .image {
  position: relative;
  max-width: 420px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .three-points .card .image {
    aspect-ratio: 62/39;
  }
}
.three-points .card .content {
  display: flex;
  flex-direction: column;
}
.three-points .card .point {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 15px;
  margin-bottom: 10px;
  color: var(--color-white);
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
}
@media (max-width: 767px) {
  .three-points .card .point {
    margin-bottom: 5px;
  }
}
.three-points .card .point::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: url("../../assets/images/point/point-title-decoration.svg") no-repeat center center/contain;
}
.three-points .card .title {
  padding-bottom: 20px;
  color: var(--color-white);
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-black);
}
.three-points .card .title .highlight {
  color: var(--color-yellow);
}
.three-points .card .description {
  color: var(--color-white);
}

.requirements {
  background: var(--color-text-black);
}
.requirements .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  counter-reset: item;
}
.requirements .list .item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 20px;
  background: var(--color-white);
}
.requirements .list .item::before {
  content: "0" counter(item);
  counter-increment: item;
  display: block;
  font-size: var(--font-size-lv1);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-family-en);
  color: var(--color-school-blue);
}

.flow .list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .flow .list {
    gap: 15px;
  }
}
.flow .list .item {
  display: flex;
  position: relative;
  background: var(--color-background-lightblue);
  border: 1px solid var(--color-school-blue);
}
.flow .list .item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 45px;
  width: 10px;
  height: 45px;
  background: var(--color-school-blue);
}
@media (max-width: 767px) {
  .flow .list .item:not(:last-child)::after {
    bottom: -20px;
    left: 18px;
    height: 25px;
  }
}
.flow .list .item.check {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background: var(--color-yellow);
  border: none;
}
@media (max-width: 767px) {
  .flow .list .item.check {
    padding: 20px;
  }
}
.flow .list .item.check .check-title {
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-black);
}
.flow .list .item.check .check-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url("../../assets/images/point/check_icon.png") no-repeat center center/contain;
}
.flow .list .item .step-number {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  padding: 40px 30px;
  background: var(--color-school-blue);
  color: var(--color-white);
  font-family: var(--font-family-en);
  font-weight: var(--font-weight-bold);
}
@media (max-width: 767px) {
  .flow .list .item .step-number {
    width: 45px;
    padding: 20px 10px;
  }
}
.flow .list .item .step-number .step {
  font-size: var(--font-size-lv5);
}
.flow .list .item .step-number .number {
  font-size: var(--font-size-lv1);
}
.flow .list .item .content {
  width: calc(100% - 100px);
  padding: 40px;
}
@media (max-width: 767px) {
  .flow .list .item .content {
    width: calc(100% - 45px);
    padding: 20px;
  }
}
.flow .list .item .content .wrap {
  padding-bottom: 40px;
}
.flow .list .item .content .wrap:last-child {
  padding-bottom: 0;
}
.flow .list .item .content .header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.flow .list .item .content .header .label {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 20px;
  color: var(--color-white);
  background: var(--color-alert);
  font-size: var(--font-size-lv6);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-full);
}
.flow .list .item .content .header .title {
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-black);
  padding-bottom: 20px;
}
.flow .list .item .content .note {
  padding-top: 10px;
  font-size: var(--font-size-lv7);
}
.flow .list .item .content .l-button {
  margin-top: 20px;
}
.flow .list .item .sp-col-reverse {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .flow .list .item .sp-col-reverse {
    flex-direction: column-reverse;
  }
}
.flow .list .item .sp-col {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .flow .list .item .sp-col {
    flex-direction: column;
  }
}
.flow .sub-title {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: var(--color-school-blue);
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-black);
  border-bottom: 2px solid var(--color-school-blue);
}
@media (max-width: 767px) {
  .flow .sub-title {
    margin-bottom: 15px;
  }
}
.flow .scroll {
  overflow-x: auto;
  width: calc(100% + 40px);
}
@media (max-width: 767px) {
  .flow .scroll {
    width: calc(100% + 20px);
  }
}
.flow .scroll::-webkit-scrollbar {
  height: 5px;
}
.flow .scroll::-webkit-scrollbar-track {
  background: var(--color-white);
  border-radius: var(--border-radius-full);
}
.flow .scroll::-webkit-scrollbar-thumb {
  background: var(--color-school-blue);
  border-radius: var(--border-radius-full);
}
.flow .step-list {
  display: flex;
  gap: 10px;
  width: 1470px;
  margin-right: 20px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .flow .step-list {
    width: 990px;
  }
}
.flow .step-list .step-item {
  display: flex;
  flex-direction: column;
  width: 360px;
  padding: 20px 20px 40px 20px;
  background: var(--color-white);
  border: 1px solid var(--color-school-blue);
  border-radius: var(--border-radius-default);
}
@media (max-width: 767px) {
  .flow .step-list .step-item {
    width: 240px;
    padding: 15px;
  }
}
.flow .step-list .step-item .entry-step {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 15px;
  padding-bottom: 5px;
  color: var(--color-school-blue);
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
}
.flow .step-list .step-item .entry-step::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: url("../../assets/images/point/point-title-decoration_blue.svg") no-repeat center center/contain;
}
.flow .step-list .step-item .title {
  padding-bottom: 20px;
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-black);
}
.flow .step-list .step-item .image.-wide {
  margin-inline: auto;
}
.flow .step-list .step-item .image.-wide img {
  max-width: 260px;
}
@media (max-width: 767px) {
  .flow .step-list .step-item .image.-wide img {
    max-width: 180px;
  }
}
.flow .step-list .step-item .step-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .flow .step-list .step-item .step-content {
    gap: 10px;
  }
}
.flow .step-list .step-item .step-content .chapter .chapter-title {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5px;
  padding: 4px 10px;
  color: var(--color-school-blue);
  font-weight: var(--font-weight-black);
  border: 1px solid var(--color-school-blue);
}
.flow .step-list .step-item .note {
  font-size: var(--font-size-lv6);
}
.flow .buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .flow .buttons {
    gap: 10px;
    margin-top: 30px;
  }
}
.flow .button-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 20px 40px;
  background: var(--color-white);
}
@media (max-width: 767px) {
  .flow .button-content {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }
}
.flow .button-content .text {
  flex: 1;
  font-weight: var(--font-weight-black);
}
.flow .button-content .c-button {
  padding: 15px 30px;
}
@media (max-width: 767px) {
  .flow .button-content .c-button {
    width: 100%;
  }
}
.flow .disc-list {
  padding-left: 20px;
  list-style: disc;
}
.flow .disc-list li {
  list-style: disc;
}
.flow .table-scroll {
  margin: 20px 0;
}
.flow .table-scroll::-webkit-scrollbar {
  height: 5px;
}
.flow .table-scroll::-webkit-scrollbar-track {
  background: var(--color-white);
  border-radius: var(--border-radius-full);
}
.flow .table-scroll::-webkit-scrollbar-thumb {
  background: var(--color-school-blue);
  border-radius: var(--border-radius-full);
}
@media (max-width: 767px) {
  .flow .table-scroll {
    margin: 20px 0 30px;
    overflow-x: auto;
    width: calc(100% + 20px);
  }
}
.flow .table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 767px) {
  .flow .table {
    width: 778px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.flow .table thead tr {
  background: var(--color-text-black);
  color: var(--color-white);
}
.flow .table thead th {
  padding: 10px 15px;
  border: 1px solid var(--color-table-border);
  color: var(--color-white);
  font-size: var(--font-size-lv6);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.flow .table tbody td {
  padding: 10px 15px;
  border: 1px solid var(--color-table-border);
  font-size: var(--font-size-lv6);
}
.flow .table .subject {
  font-weight: var(--font-weight-bold);
}
.flow .table .subject.-robot {
  background: var(--color-robot-bg);
}
.flow .table .subject.-bioscience {
  background: var(--color-bioscience-bg);
}
.flow .table .subject.-ce {
  background: var(--color-ce-bg);
}
.flow .table .subject.-radiation {
  background: var(--color-radiation-bg);
}
.flow .table .test-type {
  text-align: center;
  background: var(--color-white);
}
.flow .table .test-detail {
  background: var(--color-white);
}
.flow .table .interview {
  text-align: center;
  background: var(--color-white);
}
.flow .check-text {
  position: relative;
  padding-left: 50px;
  font-weight: var(--font-weight-black);
}
.flow .check-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url("../../assets/images/point/check_icon.png") no-repeat center center/contain;
}
.flow .sub-image {
  max-width: 140px;
}
.flow .step06 .check-text {
  margin-bottom: 20px;
}
.flow .step06 .l-button {
  margin-bottom: 20px;
}
.flow .step06 .table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 767px) {
  .flow .step06 .table {
    width: 600px;
  }
}
.flow .step06 .table thead tr {
  background: var(--color-text-black);
}
.flow .step06 .table thead th {
  padding: 10px 20px;
  border: 1px solid #ccc;
  color: var(--color-white);
  font-size: var(--font-size-lv6);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.flow .step06 .table tbody tr {
  background: var(--color-white);
}
.flow .step06 .table tbody td {
  padding: 10px 20px;
  border: 1px solid #ccc;
  color: var(--color-text-black);
  font-size: var(--font-size-lv6);
}
.flow .step06 .table .no {
  width: 50px;
  text-align: center;
}
.flow .step06 .table .document {
  text-align: left;
}
.flow .step06 .table .td-note {
  text-align: left;
}
.flow .addition {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 40px;
  font-weight: var(--font-weight-black);
}
@media (max-width: 767px) {
  .flow .addition {
    gap: 10px;
    margin-left: 0;
  }
}
.flow .addition::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("../../assets/images/point/icon_addition.svg") no-repeat center center/contain;
}

.payment {
  display: flex;
  gap: 10px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .payment {
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
  }
}
.payment .payment-card {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  padding: 20px;
  padding-bottom: 40px;
  background: var(--color-white);
  border: 1px solid var(--color-school-blue);
  border-radius: var(--border-radius-default);
}
@media (max-width: 767px) {
  .payment .payment-card {
    padding: 16px;
    padding-bottom: 30px;
  }
}
.payment .payment-card .title {
  padding-bottom: 20px;
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
}
@media (max-width: 767px) {
  .payment .payment-card .title {
    padding-bottom: 16px;
    font-size: var(--font-size-base);
  }
}
.payment .payment-card .section {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .payment .payment-card .section {
    padding-bottom: 16px;
  }
}
.payment .payment-card .label {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 5px;
  color: #113372;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  border: 1px solid #113372;
}
@media (max-width: 767px) {
  .payment .payment-card .label {
    font-size: var(--font-size-lv6);
  }
}
.payment .payment-card .image-container {
  max-width: 382px;
  padding-top: 20px;
  margin-inline: auto;
}

.school-info {
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .school-info {
    flex-direction: column;
    gap: 30px;
  }
}
.school-info .map-area {
  max-width: 580px;
  width: 50%;
}
@media (max-width: 767px) {
  .school-info .map-area {
    width: 100%;
  }
}
.school-info .map-area iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 29/20;
  border: none;
}
.school-info .info-area .school-data {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .school-info .info-area .school-data {
    padding-bottom: 40px;
  }
}
.school-info .info-area .school-data .school-name {
  padding-bottom: 20px;
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-black);
}
.school-info .info-area .school-data .tel {
  display: inline-block;
}
.school-info .info-area .school-data .tel:hover {
  text-decoration: underline;
}
.school-info .info-area .access .title {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 5px;
  margin-bottom: 20px;
  color: var(--color-school-blue);
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-black);
  border-bottom: 2px solid var(--color-school-blue);
}
@media (max-width: 767px) {
  .school-info .info-area .access .title {
    margin-bottom: 15px;
  }
}

.for-you .caption {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-bottom: 20px;
  color: var(--color-white);
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-black);
}
.for-you .caption:before, .for-you .caption:after {
  content: "";
  display: block;
  width: 3px;
  height: 35px;
  background: var(--color-white);
}
.for-you .caption:before {
  transform: rotate(-30deg);
}
.for-you .caption:after {
  transform: rotate(30deg);
}
.for-you .buttons {
  display: flex;
  gap: 60px;
}
@media (max-width: 767px) {
  .for-you .buttons {
    flex-direction: column;
    gap: 40px;
  }
}
.for-you .buttons .button-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.for-you .buttons .button-item .l-button {
  padding-bottom: 20px;
  margin-top: 0;
}
.for-you .buttons .button-item .description {
  color: var(--color-white);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-black);
  text-align: center;
}

.official-sns {
  padding: 40px 20px;
}
.official-sns .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .official-sns .content {
    flex-direction: column;
    gap: 20px;
  }
}
.official-sns .title {
  color: var(--color-school-blue);
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv1);
  font-weight: var(--font-weight-bold);
}
.official-sns .sns-links {
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .official-sns .sns-links {
    gap: 25px;
  }
}
.official-sns .link {
  width: 50px;
  height: 50px;
  transition: var(--transition-default);
}
@media (max-width: 767px) {
  .official-sns .link {
    width: 40px;
    height: 40px;
  }
}
.official-sns .link:hover {
  opacity: var(--opacity-default);
}
.official-sns .icon {
  height: 100%;
}/*# sourceMappingURL=theme-style.css.map */