@charset "UTF-8";
/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* --- base.css --- */
:root {
  /* プライマリカラー */
  --primary-color: #c9003b;
  --primary-color-light: #d64562;
  --color-black: #000000;
  --color-gray: #5a5a5a;
  --color-light-gray: #8e8e8e;
  --border-basic: #e6e6e6;
  --border-dark: #d6d6d6;
  /* 学科・コースのカラー */
  --childcare-border: #d34e72;
  --childcare-text: #c7003b;
  --medical-border: #ed9e43;
  --medical-text: #ef7f00;
  --automobile-border: #799edf;
  --automobile-text: #4785d3;
  --building-border: #bece38;
  --building-text: #a8ba28;
  --it-border: #58a9c3;
  --it-text: #3ea4c3;
  --public-border: #46c6af;
  --public-text: #2bb2a0;
  /* フォントの設定 */
  --font-default: "Noto Sans JP", Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, sans-serif;
  --font-notosans: "Noto Sans JP", sans-serif;
  --font-opensans: "Open Sans", sans-serif;
  font-family: var(--font-default);
  font-feature-settings: "palt" 1;
  color: var(--color-black);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  word-break: break-all;
  overscroll-behavior: none;
}

img, picture {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

iframe {
  display: block;
  max-width: 100%;
}

.c-more_btn_01 {
  display: block;
  border: solid 1px #222222;
  background: none;
  border-radius: 100vh;
  text-align: center;
  font-family: var(--font-notosans);
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .c-more_btn_01 {
    padding: 14px 18px 16px 20px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1025px) {
  .c-more_btn_01 {
    padding: 16px 20px 18px 22px;
    font-size: 14px;
    transition: 0.3s;
  }
  .c-more_btn_01:hover {
    transition: 0.3s;
    color: #ffffff;
    background: #222222;
  }
}

.c-more_btn_02 {
  display: inline-block;
  position: relative;
  color: var(--primary-color);
  font-family: var(--font-opensans);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 5px 2px 5px 32px;
}
.c-more_btn_02::after {
  content: "";
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 25px;
  height: 1px;
  background: var(--primary-color);
}
@media screen and (max-width: 1024px) {
  .c-more_btn_02 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1025px) {
  .c-more_btn_02 {
    font-size: 14px;
  }
  .c-more_btn_02:hover {
    opacity: 0.6;
    transition: 0.3s;
  }
}

@media screen and (min-width: 1025px) {
  br.sp {
    display: none;
  }
}

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

.anchor {
  display: block;
  padding-top: 90px;
  margin-top: -90px;
}


/*# sourceMappingURL=base.css.map */