/*
 * filename: common.css
 * version: 1.0
 */
/* line 6, ../scss/style.scss */
html {
  background-color: #ffffff;
  color: #484848;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 10px;
  height: 100%;
  line-height: 1;
  overflow-x: auto;
  overflow-y: scroll;
  width: 100%;
}

/* line 18, ../scss/style.scss */
body {
  -webkit-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
}

/* line 24, ../scss/style.scss */
* {
  box-sizing: border-box;
}

/* line 28, ../scss/style.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 34, ../scss/style.scss */
#contents {
  display: none;
  height: 100%;
  width: 100%;
}
/* line 38, ../scss/style.scss */
#contents > .inner {
  height: 100%;
  position: relative;
  width: 100%;
}
/* line 42, ../scss/style.scss */
#contents > .inner > .box1 {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
/* line 49, ../scss/style.scss */
#contents > .inner > .box1 > .phd {
  height: auto;
  width: 100%;
}
/* line 52, ../scss/style.scss */
#contents > .inner > .box1 > .phd > .img {
  display: block;
  height: auto;
  margin: 0 auto 5rem;
  width: 25rem;
}
@media screen and (max-width: 768px) {
  /* line 52, ../scss/style.scss */
  #contents > .inner > .box1 > .phd > .img {
    margin: 0 auto 3rem;
    width: 15rem;
  }
}
/* line 63, ../scss/style.scss */
#contents > .inner > .box1 > .shd {
  color: #484848;
  font-family: 'Poppins';
  font-size: 2rem;
  font-weight: 500;
  height: auto;
  letter-spacing: .05em;
  margin-bottom: 5rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 768px) {
  /* line 63, ../scss/style.scss */
  #contents > .inner > .box1 > .shd {
    font-size: 3rem;
    margin-bottom: 7.5rem;
  }
}
/* line 79, ../scss/style.scss */
#contents > .inner > .box1 > .par {
  color: #484848;
  font-size: 1.5rem;
  letter-spacing: .05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  /* line 79, ../scss/style.scss */
  #contents > .inner > .box1 > .par {
    font-size: 2rem;
  }
}
/* line 88, ../scss/style.scss */
#contents > .inner > .box1 > .lnk {
  border: .2rem solid #484848;
  color: #484848;
  display: block;
  font-size: 1.25rem;
  line-height: 2.5;
  margin: 0 auto;
  text-align: center;
  width: 15rem;
}
@media screen and (min-width: 768px) {
  /* line 88, ../scss/style.scss */
  #contents > .inner > .box1 > .lnk {
    font-size: 1.5rem;
    transition: .35s;
    width: 20rem;
  }
}
@media screen and (min-width: 768px) {
  /* line 102, ../scss/style.scss */
  #contents > .inner > .box1 > .lnk:hover {
    background-color: #484848;
    color: #ffffff;
  }
}
/* line 110, ../scss/style.scss */
#contents > .inner > .box2 {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
}
/* line 116, ../scss/style.scss */
#contents > .inner > .box2 > .par {
  color: #484848;
  font-size: 1rem;
  letter-spacing: .05em;
  padding: 1rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  /* line 116, ../scss/style.scss */
  #contents > .inner > .box2 > .par {
    font-size: 1.2rem;
    padding: 1.5rem 0;
  }
}