@charset "utf-8";

/****

base

- HTMLÒªËؤΥǥե©¥ë¥ÈÔO¶¨
- helper(Õ{ÕûÓÃCSS)
- web¥Õ¥©¥ó¥È

****/
/*---------------------------------------

¥¹¥Þ¥Û¥ì¥¤¥¢¥¦¥È(768pxδœº)

---------------------------------------*/
/*---------------------------------------
HTMLÒªËؤΥǥե©¥ë¥ÈÔO¶¨
---------------------------------------*/
* {
  box-sizing: border-box;
  font-weight: 500;
  font-feature-settings: 'palt';
}

html {
  margin: 0 !important;
  overflow-y: scroll;
}

body {
  width: 100%;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  letter-spacing: .04em;
  word-wrap: break-word;
  position: relative;
  color: #000000;
  background-color: #ffffff;
  font-family:  'Noto Sans JP Regular', 'Yu Gothic Medium', 'ÓÎ¥´¥·¥Ã¥¯ Medium', 'YuGothic', 'Yu Gothic', 'ÓÎ¥´¥·¥Ã¥¯Ìå', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Meiryo', sans-serif;
}

/* imgÒªËؤΒQ¤¤¤òº†…g¤Ë¤¹¤ë */
img {
  /* max-width: 100%; */
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

/*¥ê¥ó¥¯*/
a {
  text-decoration: none;
  color: #000000;
  display: block;
}
a,
img,
a img {
  border: none;
  border: 0px;
  outline: none;
}

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/* iOS¤Ç¤Î¥Ç¥Õ¥©¥ë¥È¥¹¥¿¥¤¥ë¤ò¥ê¥»¥Ã¥È */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* IE11¤Çmain¥¿¥°¤òʹ¤¦¤¿¤á¤ÎÔO¶¨ */
main {
  display: block;
}

small {
  display: block;
}

/*---------------------------------------
helper(Õ{ÕûÓÃCSS)
---------------------------------------*/
/* display */
.hp-displayPc {
  display: none !important;
}

/* flex */
.hp-flex {
  display: flex !important;
}

.hp-justified { 
  display: flex !important;
  justify-content: space-between !important;
}

.hp-justifiedSp { 
  display: flex !important;
  justify-content: space-between !important;
}

.hp-justifiedPc.wrapper {
  flex-direction: row-reverse;
}

/*---------------------------------------
web¥Õ¥©¥ó¥È
---------------------------------------*/
@font-face {
  font-family: 'Noto Sans JP Thin';
  src: url('/admissions/common/font/notosansjp-thin.woff2') format('woff2'),
        url('/admissions/common/font/notosansjp-thin.woff') format('woff');
        font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP Light';
  src: url('/admissions/common/font/notosansjp-light.woff2') format('woff2'),
        url('/admissions/common/font/notosansjp-light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP Regular';
  src: url('/admissions/common/font/notosansjp-regular.woff2') format('woff2'),
        url('/admissions/common/font/notosansjp-regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP Medium';
  src: url('/admissions/common/font/notosansjp-medium.woff2') format('woff2'),
        url('/admissions/common/font/notosansjp-medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP Bold';
  src: url('/admissions/common/font/notosansjp-bold.woff2') format('woff2'),
        url('/admissions/common/font/notosansjp-bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP Black';
  src: url('/admissions/common/font/notosansjp-black.woff2') format('woff2'),
        url('/admissions/common/font/notosansjp-black.woff') format('woff');
  font-display: swap;
}


/*---------------------------------------

¥Ñ¥½¥³¥ó¥ì¥¤¥¢¥¦¥È(768pxÒÔÉÏ)

---------------------------------------*/
@media screen and (min-width: 768px) {
  /*---------------------------------------
  HTMLÒªËؤΥǥե©¥ë¥ÈÔO¶¨
  ---------------------------------------*/
  body {
    font-size: 16px;
  }

  a[href^="tel:"] {
    pointer-events: none;
  }

  /*---------------------------------------
  helper(Õ{ÕûÓÃCSS)
  ---------------------------------------*/
  .hp-displaySp {
    display: none !important;
  }
  
  .hp-displayPc {
    display: block !important;
  }

  .hp-justifiedSp { 
    display: block !important;
  }

  .hp-justifiedPc { 
    display: flex !important;
    justify-content: space-between !important;
  }
}