body, div, input, a{
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

footer{
  position: absolute;
}

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

a {
  color: #2C95BE;
  text-decoration: none;
}

input {
  height: 25px;
  width: 100%;
  border: solid 1px #C3DADB;
  margin-top: 2vw;
  margin-bottom: 2vw;
}

textarea {
  width: 100%;
  border: solid 1px #C3DADB;
  margin-top: 2vw;
  margin-bottom: 2vw;
}

.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu li {
  padding: 1vw;
  font-size: 1vw;
  border-bottom: 1px solid #f4f4f4;
  background-color: #BFDBDC;
}

.menu li a {
  color: black;
  text-decoration: none;
}

input[id="menu1"][type="checkbox"].on-off,
input[id="menu2"][type="checkbox"].on-off,
input[id="menu3"][type="checkbox"].on-off,
input[id="menu4"][type="checkbox"].on-off
{
  display: none;
}

input[id="menu1"][type="checkbox"].on-off + ul,
input[id="menu2"][type="checkbox"].on-off + ul,
input[id="menu3"][type="checkbox"].on-off + ul,
input[id="menu4"][type="checkbox"].on-off + ul{
  height: 0;
  display: none;
  overflow: hidden;
}

input[id="menu1"][type="checkbox"].on-off:checked + ul,
input[id="menu2"][type="checkbox"].on-off:checked + ul,
input[id="menu3"][type="checkbox"].on-off:checked + ul,
input[id="menu4"][type="checkbox"].on-off:checked + ul{
  height: auto;
  display: block;
  position: fixed;
  left: auto;
  top: 64px;
}

input[id="menu3"][type="checkbox"].on-off:checked + ul.list-language {
  right: 0;
  top: 64px;
}

.menu2 ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu2 li {
  padding: 1vw;
  font-size: 1vw;
  border-bottom: 1px solid #f4f4f4;
  background-color: #BFDBDC;
}

.menu2 li a {
  color: black;
  text-decoration: none;
}

input[id="menu2"][type="checkbox"].on-off{
  display: none;
}

input[id="menu2"][type="checkbox"].on-off + ul{
  height: 0;
  display: none;
  overflow: hidden;
}

input[id="menu2"][type="checkbox"].on-off:checked + ul{
  height: auto;
  display: block;
  position: fixed;
  left: auto;
  top: 64px;
}

.hover-opacity:hover {
  opacity: 0.5;
}

.main-content {
  margin-top: 50px;
}

/* .mv-title {
  position: absolute;
  width: 40%;
  height: 30%;
  left: 30%;
  top: 23vw;
  background-image: url('./assets/images/title-mv.png');
  background-size: contain;
  background-repeat: no-repeat;
} */


.video-body {
  position: relative;
}
.mv-title {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%,0);
}
.mv-title__img {
  max-width: 548px;
  margin: 0 auto;
}
.mv-title__btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 10%;
  max-width: 700px;
}
.mv-title__btn > * {
  width: 30%;
  max-width: 200px;
}

.header-wechat-qr {
  background-image: url('./assets/images/wechat_qr.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 0 auto;
  float: left;
}

.header-line-qr{
  background-image: url('./assets/images/line_qr.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 0 auto;
  float: left;
}


.header-whatsapp-qr{
  background-image: url('./assets/images/whatsapp_qr.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 0 auto;
  float: left;
}

.header-contact-mail{
  background-image: url('./assets/images/mail.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 0 auto;
  float: left;
}

.language_buttons {
  display: flex;
  position: fixed;
  top: 80px;
  z-index: 10;
  right: 0;
  margin-right: 20px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  background-color: rgba(0,0,0,0.5);
}
.list-language {
}
.list-language .item {
  clear: both;
  height: 16px;
}
.list-language .item .flag, .list-language .item .lang{
  float: left;
}
.list-language .item .lang {
  margin-left: 1em;
}
.lang2 {
  float: left;
  margin-left: 1em;
  margin-top: 2px;
}
.header-language-j-icon {
  background-image: url('./assets/images/jp.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.header-language-c-icon {
  background-image: url('./assets/images/cn.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.header-language-v-icon {
  background-image: url('./assets/images/vn.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.header-language-e-icon {
  background-image: url('./assets/images/en.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

.set-arrow {
  width: auto;
  margin: auto;
}

.monitor_buttons {
  display: flex;
  position: fixed;
  top: auto;
  bottom: 50px;
  z-index: 10;
  right: 0;
  margin-right: 50px;
  padding: 20px;
  text-align: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.5);
  border: solid 1px white;
}

.monitor_button {
  color: white;
  margin-top: 1vw;
  text-align: center;
  line-height: 1.5vw;
  font-size: 1vw;
  margin-bottom: 0.5vw;
}

.chat_buttons {
  display: flex;
  position: fixed;
  top: auto;
  bottom: 50px;
  z-index: 10;
  right: 0;
  margin-right: 50px;
  text-align: center;
  justify-content: center;
  box-shadow:1px 1px 1px #555;
}

.chat_button {
  height: 100%;
  width: auto;
}

.position-facility {
  left: 26.5%;
}

@media not screen and (max-width: 760px) {
  .category-page-background {
      background-color: #D1DBDC;
      padding-bottom: 8vw;
      top:56px;
  }

  .category-event-header-image {
      background-image: url('./assets/images/bg-seminor.png');
      background-size: cover;
      top: 56px;
      height: 100%;
      min-width: 110%;
      right: -5%;
      position: fixed;
      filter: brightness(0.7);
      -webkit-filter: brightness(0.7);
      -moz-filter: brightness(0.7);
      -o-filter: brightness(0.7);
      -ms-filter: brightness(0.7);
  }

  .category-thumbnail-image {
    max-width: 40vw;
  }

  .category-thumbnail-image > img{
    max-width: auto;
  }

  .category-page-title-area {
      position: relative;
      padding-top: 10vw;
      margin-bottom: 6vw;
  }

  .category-page-title-en {
      color: white;
      font-size: 1.3vw;
      text-align: center;
      font-weight: 100;
  }

  .category-page-title-jp {
      margin-top: 2vw;
      color: white;
      font-size: 3vw;
      text-align: center;
  }

  .category-contents-area-jp {
      display: table;
      width: 70vw;
      position: relative;
      margin-bottom: 3vw;
      left: 9vw;
      background: white;
      padding: 6vw 6vw;
      font-size: 1vw;
  }

  .category-contents-area {
      display: table;
      width: 70vw;
      position: relative;
      margin-bottom: 3vw;
      left: 9vw;
      background: white;
      padding: 6vw 6vw;
      font-size: 1vw;
  }

  .category-contents-area:last-child {
    margin-bottom: 3vw;
  }



  .category-date-area .entry-meta {
    margin-bottom: 1vw;
    color: #588A8A;
  }

  .category-date-area .entry-meta > .author, .meta-sep {
    visibility: collapse;
    display: none;
  }


  .category-date-area > article{
    visibility: collapse;
    display: none;
  }

  .category-contents-table-area {
      line-height: 2.5vw;
      margin-top: 2vw;
  }

  .category-contents-table-area > p{
    /*display: table-cell;
    width: 8vw;*/
  }

  .category-contents-table-area > p > img{
      margin-top: 2vw;
      max-width: 7vw;
      height: auto;
      float: left;
      margin-right: 1vw;
  }

  .entry-title {
      margin-bottom: 3vw;
      font-size: 1.5vw;
      line-height: 2vw;
      font-weight: 500;
  }
  .common-page-background {
      background-color: #D1DBDC;
      padding-bottom: 8vw;
      top:56px;
  }

  .common-page-header-image {
      background-size: cover;
      top: 56px;
      height: 100%;
      min-width: 110%;
      right: -5%;
      position: fixed;
      filter: brightness(0.7);
      -webkit-filter: brightness(0.7);
      -moz-filter: brightness(0.7);
      -o-filter: brightness(0.7);
      -ms-filter: brightness(0.7);
  }

  .common-page-contents {

  }

  .common-page-title-area {
      position: relative;
      margin-top: 10vw;
      margin-bottom: 6vw;
  }

  .common-page-title-en {
      color: white;
      font-size: 1.3vw;
      text-align: center;
      font-weight: 100;
  }

  .common-page-title-jp {
      margin-top: 2vw;
      color: white;
      font-size: 3vw;
      text-align: center;
  }

  .common-contents-area {
      display: table;
      width: 70vw;
      position: relative;
      margin-bottom: 3vw;
      left: 9vw;
      background: white;
      padding: 6vw 6vw;
      font-size: 1vw;
  }

  .common-contents-area2 {
      display: table;
      width: 70vw;
      position: relative;
      margin-bottom: 3vw;
      left: 9vw;
      background: white;
      padding: 6vw 6vw;
      font-size: 1vw;
  }

  .common-contents-area-jp {
      display: table;
      width: 70vw;
      /* position: absolute; */
      position: relative;
      margin-bottom: 3vw;
      left: 9vw;
      background: white;
      padding: 6vw 6vw;
  }

  .common-contents-area-en {
      display: table;
      width: 70vw;
      /* position: absolute; */
      position: relative;
      left: 9vw;
      background: white;
      padding: 6vw 6vw;
  }

  .common-page-q {
      display: table;
      margin-bottom: 1vw;
  }

  .common-page-a {
      display: table;
      margin-bottom: 2vw;
  }

  .common-page-hex-mark {
      margin-top: 0.3vw;
      height: 2vw;
      width: 1.8vw;
      background-image: url('./assets/images/hexagon2.png');
      background-repeat: no-repeat;
      background-size: 100%;
  }

  .common-page-hex-mark-s {
      height: 1.8vw;
      width: 1.6vw;
      margin-top: 0.4vw;
      background-image: url('./assets/images/hexagon2.png');
      background-repeat: no-repeat;
      background-size: 100%;
  }

  .common-page-hex-mark-text {
      text-align: center;
      margin-top: -1.5vw;
      color: white;
      font-size: 1vw;
  }

  .common-page-content-title {
    width: 100%;
    text-align: center;
    font-size: 2vw;
  }

  .common-page-content-center-title {
    width: 100%;
    text-align: center;
    font-size: 2vw;
    margin-bottom: 3vw;
    color: #588A8A;
  }

  .common-page-flex-style {
      display: flex;
  }

  .common-page-flex-child4 {
      width:25%;
      margin: 1.5vw;
  }
  .common-page-flex-child5 {
      width:20%;
  }

  .common-page-text-group {
      margin-bottom: 3vw;
  }

  .common-page-text-group-end {
  }


  .common-page-text-group-title {
      display: table;
      margin-bottom: 2.5vw;
  }

  .common-page-text-title {
      display: table-cell;
      line-height: 2.5vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
      padding-left: 1vw;
      font-weight: 500;
      font-size: 1.8vw;
  }

  .common-page-text-sub-title {
      display: table-cell;
      line-height: 4vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
      font-weight: 400;
      font-size: 1.3vw;
  }

  .common-page-origin-text {
  line-height: 2.0vw;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  word-break: break-all;

  }

  .common-page-text {
      display: table-cell;
      line-height: 2.0vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
      padding-left: 1vw;
  }

  .common-page-text-left {
      padding-left: 0px;
  }

  .common-page-text-middle {
    display: inline;
    line-height: 2.5vw;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    word-break: break-all;
    text-align: center;
  }

  .common-page-q-text {
      display: table-cell;
      line-height: 2.5vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
      padding-left: 1vw;
      font-weight: 700;
      font-size: 1.2vw;
  }

  .common-page-a-text {
      display: table-cell;
      line-height: 2.0vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
      padding-left: 1vw;
  }

  .common-page-en-text-head {
      display: table-cell;
      line-height: 2.5vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
      padding-left: 0.5vw;
  }

  .common-page-en-text {
      display: table-cell;
      line-height: 2.5vw;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      word-break: break-all;
  }


  .common-page-text-main-image {
      max-width: 35vw;
      margin-right: 2vw;
      float:left;
      height: auto;
  }

  .common-page-text-side-image {
      float:left;
      height: auto;
  }

  .common-page-center {
      width: 70%;
      left: 15%;
      position: relative;
      text-align: center;
      margin-bottom: 2vw;
  }

  .common-page-gcp-contents {

  }

  .common-page-stemcell-links {
    text-align: center;
    width: 80%;
    left: 10%;
    display: table;
    position: relative;
  }

  .common-page-stemcell-link-dev {
    text-align: center;
    width: 25%;
    display: table-cell;
    position: relative;
  }

  .common-page-stemcell-link-dev2 {
    text-align: center;
    width: 25%;
    display: table-cell;
    position: relative;
  }

  .common-page-stemcell-link {
    text-align: center;
    font-size: 1.3vw;
    text-decoration: none;
    color: black;
    background-image: url(./assets/images/icon_arrow1.png);
    background-repeat: no-repeat;
    background-position: right;
  }

  .common-page-other-links {
    text-align: center;
    width: 75%;
    left: 12.5%;
    display: table;
    position: relative;
  }

  .common-page-other-link-dev {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background-image: url('./assets/images/icon_arrow1.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
  }

  .common-page-other-link {
    font-size: 1.3vw;
    line-height: 2.5vw;
    text-decoration: none;
    color: white;
  }

  .common-page-contact {
    line-height: 3vw;
  }

  .hr {
    border-top:solid 1px #C3DADB;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .gcr-images {
    display: block;
  }

  .gcr-small-image {
      display: inline-grid;
      width: 10%;
      margin: 0.5vw;
  }

  .required {
      display: inline-block;
      color: white;
      background-color: #588A8A;
      width: 3.5vw;
      margin-left: 1vw;
      text-align: center;
      width: 7%;
  }

  .required-label {
    display: inline-block;
    width: 13%;
    text-align: right;
  }

  .required-text {
      display: inline-block;
      width: 50%;
      margin-left: 5%;
      text-align: right;
  }

  .contact-label {
      width: 22%;
      display: inline-block;
      text-align: right;
      vertical-align: top;
      padding-top: 7%;
  }

  .contact-text {
      display: inline-block;
      width: 70%;
      margin-left: 5%;
      text-align: right;
  }

  .wpcf7-submit {
      color: white;
      background-color: #588A8A;
      width: 20%;
      left: 40%;
      position: relative;
      margin-bottom: 2vw;
      padding-top: 0.8vw;
      padding-bottom: 2.5vw;
      font-size: 1.1vw;
      border: none;
  }
  .doctor-background {

  }


  .doctor-mobile{
    visibility: collapse;
    display: none;
  }
  .doctor-mobile-item-group {
    visibility: collapse;
    display: none;
  }


  .doctor-over-view-area {
      display: table;
      margin-left: auto;
      margin-right: auto;
      height: 100%;
      width: 100vw;
  }

  .doctor-title {
      position: absolute;
      text-align: center;
      margin-top: -8vw;
      left: 50%;
      transform: translateX(-50%);
  }

  .doctor-over-view-item-group {
      display: table-cell;
      vertical-align: middle;
  }

  .doctor-over-view-item-sub-group {
      float: left;
      margin-top: -2px;
      margin-bottom: -2px;
  }

  .doctor-item {
      float: left;
      color: #fff;
      list-style: none;
      text-align: center;
      opacity: 0;
  }

  .doctor-item-hidden {
      visibility: hidden;
      float: left;
      color: #fff;
      list-style: none;
      text-align: center;
      opacity: 0;
  }

  .doctor-item-image {
      width: calc(100vw / 7);
      height: auto;
  }
  .doctor-item-image:hover {
      opacity: 0.5;
  }

  .doctor-item:nth-child(1) {
      -webkit-animation: example 1s ease 0s 1 forwards;
      animation: example 1s ease 0s 1 forwards;
  }

  .doctor-item:nth-child(2) {
      -webkit-animation: example 1s ease 0.25s 1 forwards;
      animation: example 1s ease 0.25s 1 forwards;
  }

  .doctor-item:nth-child(3) {
      -webkit-animation: example 1s ease 0.5s 1 forwards;
      animation: example 1s ease 0.5s 1 forwards;
  }

  .doctor-item:nth-child(4) {
      -webkit-animation: example 1s ease 0.75s 1 forwards;
      animation: example 1s ease 0.75s 1 forwards;
  }

  .doctor-item:nth-child(5) {
      -webkit-animation: example 1s ease 1s 1 forwards;
      animation: example 1s ease 1s 1 forwards;
  }

  .doctor-item:nth-child(6) {
      -webkit-animation: example 1s ease 1.25s 1 forwards;
      animation: example 1s ease 1.25s 1 forwards;
  }

  .doctor-item:nth-child(7) {
      -webkit-animation: example 1s ease 1.5s 1 forwards;
      animation: example 1s ease 1.5s 1 forwards;
  }

  .doctor-item:nth-child(8) {
      -webkit-animation: example 1s ease 1.75s 1 forwards;
      animation: example 1s ease 1.75s 1 forwards;
  }

  @-webkit-keyframes example {
      100% {
          opacity: 1;
      }
  }

  @keyframes example {
      100% {
          opacity: 1;
      }
  }

  .facility-background {
      background-image: url('./assets/images/bg-facility.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: 50.052083333vw;
  }



  .facility-hex-area {
      height: 50.052083333vw;
      position: absolute;
      overflow: hidden;
  }

  .facility-text-area-table {
      display: table;
      position: absolute;
      left: 0;
      margin-left: 53vw;
      height: 50.052083333vw;
  }

  .facility-text-area {
      display: table-cell;
      vertical-align: -webkit-baseline-middle;
      vertical-align: middle;
      width: 42vw;
  }

  .facility-title-en {
      font-size: 1vw;
      color: white;
  }

  .facility-title-jp {
      margin-top: 2vw;
      margin-bottom: 4vw;
      font-size: 2vw;
      color: white;
  }

  .facility-text {
      margin-top: 1vw;
      font-size: 1vw;
      color: white;
      line-height: 2vw;
  }

  .facility-over-view-area {
      width: 51%;
      height: 53.752083333vw;
      overflow: hidden;
  }

  .facility-hex-container {
      width: 100%;
      height: 100%;
      margin-top: -3.7vw;
      margin-left: -6.3vw;
  }

  .facility-hex-container {
      width: 100%;
      height: 100%;
      margin-top: -3.7vw;
      margin-left: -6.3vw;
  }

  .facility-hex-media {
      height: 14.1828125vw;
  }

  .facility-hex-gray-back {
      background: gray;
      height: 14.1828125vw;

  }


  .facility-hex-line-item-area {
      display: inline-block;
      display: -webkit-inline-box;
      margin-left: 0.1vw;
      margin-right: 0.1vw;
  }

  .facility-hex-line {
      position: relative;
  }

  .facility-hex-line1 {
      margin-top: -3.5vw;
      margin-left: -8.1vw;
  }

  .facility-hex-line2 {
      margin-top: -3vw;
      margin-left: -1.5vw;
  }

  .facility-hex-line3 {
      margin-top: -3vw;
      margin-left: -8.1vw;
  }

  .facility-hex-line4 {
      margin-top: -3vw;
      margin-left: -1.5vw;
  }

  .facility-hex-line5 {
      margin-left: -8.14vw;
      margin-top: -3.1vw;
  }

  .facility-hex-image {
      height: 14.5vw;
      width: 12.760416666vw;
  }

  @-webkit-keyframes example {
      100% {
          opacity: 1;
      }
  }

  @keyframes example {
      100% {
          opacity: 1;
      }
  }
  .gallery-background{
      width: 100vw;
      background-image: url('./assets/images/bg-gallery.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: 64vw;
  }
  .cellculture-background{
      width: 100vw;
      background-image: url('./assets/images/bg-cellculture.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      height: 64vw;
  }

  .gallery-title-area {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 3vw;
  }

  .gallery-title-en {

      color: white;
      font-size: 26px;
      text-align: center;
  }

  .gallery-title-jp {
      color: white;
      font-size: 65px;
  }

  .gallert-slid-area {
    width: 80vw;
      margin-left: 10vw;
  }

  /*slid*/
  .owl-carousel .owl-stage-outer {
      width: 100% !important;
      height: 40vw;
  }
  .header {
      z-index: 1;
      padding-top: 11px;
      padding-bottom: 11px;
      /*color: rgba(255,255,255,0.75);*/
      background-color: #1fcede;
      max-height: 51px;
  }

  .mainContent {
      padding-top: 51px;
  }

  .navlink {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
  }

  .main-navlink {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 80vw;
      margin-left: 231px;
  }

  .header-navlink {
      display: block;
      padding-bottom: 3px;
      margin: 5px 8px 0;
      font-weight: 600;
      line-height: 20px;
      /*color: rgba(255,255,255,0.75);*/
      text-decoration: none;
  }

  .logout-navlink {
      float: right;
      margin-right: 30px;
  }

  .logout {
      cursor: pointer;
      display: block;
      padding-bottom: 3px;
      margin: 5px 8px 0;
      font-weight: 600;
      line-height: 20px;
      /*color: rgba(255, 255, 255, 0.75);;*/
      text-decoration: none;
  }

  .explain-contents {
      margin: 20px 0px;
  }
  /*desktop*/

  .license-item-image {
      width: 13.6vw;
      height: 20vw;
  }

  .license-background {
      background-image: url('./assets/images/bg-license.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: 166vw
  }

  .license-over-view-area {
      display: table;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 81vw;
  }

  .license-over-view-item-group {
      display: table-header-group;
  }

  .license-item-head {
      display: flex;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
  }

  .license-item-hidden {
      float: left;
      margin-right: 10px;
      padding: 10px;
      color: #fff;
      list-style: none;
      text-align: center;
      line-height: 60px;
      opacity: 0;
  }

  .license-item {
      float: left;
      /*margin-right: 10px;*/
      padding: 10px 0;
      color: #fff;
      list-style: none;
      text-align: center;
      /*line-height: 60px;*/
      opacity: 0;
      width: 20vw;
  }

  .license-item-text {
      font-size: 0.9vw;
      line-height: 1.5vw;
      margin-top: 0.8vw;
  }

  .license-item:nth-child(1) {
      -webkit-animation: example 1s ease 0.25s 1 forwards;
      animation: example 1s ease 0.25s 1 forwards;
  }

  .license-item:nth-child(2) {
      -webkit-animation: example 1s ease 0.5s 1 forwards;
      animation: example 1s ease 0.5s 1 forwards;
  }

  .license-item:nth-child(3) {
      -webkit-animation: example 1s ease 0.75s 1 forwards;
      animation: example 1s ease 0.75s 1 forwards;
  }

  .license-item:nth-child(4) {
      -webkit-animation: example 1s ease 1s 1 forwards;
      animation: example 1s ease 1s 1 forwards;
  }

  @media screen and (max-width: 1250px) {
      .license-item-image {
          width: 11.6vw;
          height: 18vw;
      }
  }

  .license-title-area {
      /*display: table;*/
      /*margin-left: auto;*/
      /*margin-right: auto;*/

      position: absolute;
      left: 50%;
      transform: translateX(-50%);
  }

  .license-title-en {
      margin-top: 4vw;
      color: white;
      font-size: 1vw;
      text-align: center;
  }

  .license-title-jp {
      color: white;
      font-size: 2vw;
  }

  @-webkit-keyframes example {
      100% {
          opacity: 1;
      }
  }

  @keyframes example {
      100% {
          opacity: 1;
      }
  }
  .modal-quadrilateral-area {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }

  .modal-quadrilateral-contents-area {

      background: white;
  }




  .modal-hex-area {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }



  .modal-hex-area .emodal-close {
    color: white;
  }

  .hex-modal-contents-area {
    margin-top: -37vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 30vw;
  }

  .hex-modal-image {
    display: table;
        align-content: center;
        margin-right: auto;
        margin-left: auto;
  }

  .hex-modal-image img{
      width: 16vw;
      height: 18vw;
  }

  .hex-modal-text {
      font-family: 'Noto Serif Japanese', serif;
      margin-top: 2vw;
      word-break: break-all;
      font-size: 1vw;
      line-height: 2vw;
  }

  .quadrilateral-modal-text {
      font-family: 'Noto Serif Japanese', serif;
      margin-top: 1.5vw;
      word-break: break-all;
      padding: 2vw;
      font-size: 1vw;
      line-height: 2vw;
  }

  .modal-qr-area {
      display: table;
      align-content: center;
      margin-right: auto;
      margin-left: auto;
      width: 40vw;
  }




  .hexagon {
    position: relative;
    /*width: 700px; */
    width: 36.4583vw;
    /*height: 404.15px;*/
    height: 21.04947vw;
    background-color: #fdfefe;
    /*margin: 202.07px 0;*/
    margin: 10.52447vw 0;
  }

  .hexagon:before,
  .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    /*border-left: 350px solid transparent;
    border-right: 350px solid transparent;*/
    border-left: 18.22916vw solid transparent;
    border-right: 18.22916vw solid transparent;
    /*1822916*/
  }

  .hexagon:before {
    bottom: 100%;
    /*border-bottom: 202.07px solid #fdfefe;
    border-bottom: 202.07px solid #fdfefe;*/
    border-bottom: 10.52447vw solid #fdfefe;
    border-bottom: 10.52447vw solid #fdfefe;
    /*1052447*/
  }

  .hexagon:after {
    top: 100%;
    width: 0;
    /*border-top: 202.07px solid #fdfefe;*/
    border-top: 10.52447vw solid #fdfefe;
    /*1052447*/
  }
  /*desktop*/
  .other-background {
      background-image: url('./assets/images/bg-other.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: 38.89vw
  }

  .other-over-view-area {
      display: table;
      margin-left: auto;
      margin-right: auto;
  }

  .other-over-view-item-group {
      display: table-cell;
      vertical-align: middle;
  }

  .other-item-hidden {
      float: left;
      opacity: 0;
      height: 15vw;
      width: 13.3vw;
      margin-left: 1vw;
      margin-right: 1vw;
      visibility: hidden;
  }

  .other-item {
      float: left;
      opacity: 0;
      height: 15vw;
      width: 13.3vw;
      background-size: cover;
      margin-left: 1vw;
      margin-right: 1vw;
  }

  .other-item-background {
      height: 15vw;
      width: 13.3vw;
      background-size: cover;
      background-image: url('./assets/images/hexagon1.png');
      background-repeat: no-repeat;
      margin-left: 1vw;
      margin-right: 1vw;
      display: table;
  }

  .other-item:nth-child(1) {
      -webkit-animation: example 1s ease 0.25s 1 forwards;
      animation: example 1s ease 0.25s 1 forwards;
  }

  .other-item:nth-child(2) {
      -webkit-animation: example 1s ease 0.5s 1 forwards;
      animation: example 1s ease 0.5s 1 forwards;
  }

  .other-item:nth-child(3) {
      -webkit-animation: example 1s ease 0.75s 1 forwards;
      animation: example 1s ease 0.75s 1 forwards;
  }

  .other-item:nth-child(4) {
      -webkit-animation: example 1s ease 1s 1 forwards;
      animation: example 1s ease 1s 1 forwards;
  }

  .other-item:nth-child(5) {
      -webkit-animation: example 1s ease 1.25s 1 forwards;
      animation: example 1s ease 1.25s 1 forwards;
  }

  .other-title-area {
      display: table;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4vw;
  }

  .other-title-en {
      margin-top: 4vw;
      margin-bottom: 2vw;
      color: white;
      font-size: 1vw;
      text-align: center;
  }

  .other-title-jp {
      color: white;
      font-size: 2vw;
  }


  .other-item-string {
      color: #4b2320;
      font-size: 1.1vw;
      line-height: 2vw;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      width: 50vw;
      text-decoration: none;
  }

  .other-item-button {
      width: 1.041666666vw;
      position: absolute;
      margin-top: 10vw;
      margin-left: -7.2vw;
  }

  @-webkit-keyframes example {
      100% {
          opacity: 1;
      }
  }

  @keyframes example {
      100% {
          opacity: 1;
      }
  }
  /*desktop*/
  .stemcell-background {
      background-image: url('./assets/images/bg-stemcell.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: 50vw;
  }

  .stemcell-text-area {
      position: absolute;
      display: table;
      margin-left: 1vw;
      margin-top: 6vw;
      width: 36vw;
  }

  .stemcell-text {
      text-align: center;
  }

  .stemcell-text-title-en {
      margin-top: 4vw;
      margin-bottom: 2vw;
      font-size: 1vw;

  }

  .stemcell-text-title-jp {
      font-size: 2vw;

  }

  .stemcell-text-description {
      font-size: 1vw;
      padding-top: 1.5vw;
  }

  .stemcell-text-description-line2 {
      padding-top: 1.5vw;
      font-size: 1vw;
      padding-bottom: 2vw;
  }

  .stemcell-text-link {
      font-size: 1vw;
      text-decoration: none;
      color: black;
      background-image: url(./assets/images/icon_arrow1.png);
      background-repeat: no-repeat;
      background-position: right;
  }

  .stemcell1 {
      position: absolute;
      margin-top: 32.7vw;
      margin-left: calc(83.4vw - 6vw);
  }

  .stemcell1-image {
    background-image: url(./assets/images/img-stemcell1.png);
    width: 12vw;
    height: 13.58vw;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .stemcell2 {
      position: absolute;
      margin-top: 20vw;
      margin-left: calc(72vw - 11.5vw);
  }

  .stemcell2-image {

    background-image: url(./assets/images/img-stemcell2.png);
    width: 23vw;
    height: 26vw;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .stemcell-main-hex-area {
      position: absolute;
      margin-top: 3vw;
      margin-left: 12vw;
      width: 38vw;
      height: 42.748958333vw;
      background-image: url('./assets/images/hexagon1.png');
      background-size: cover;
      background-repeat: no-repeat;
  }

  .stemcell-rd-hex-area {
      position: absolute;
      margin-top: 7.5vw;
      margin-left: 45vw;
      width: 9.9vw;
      background-image: url(./assets/images/hexagon3.png);
      height: 11.2vw;
      background-size: cover;
      background-repeat: no-repeat;
  }

  .stemcell-rxs-hex-area {
      position: absolute;
      margin-top: 8.2vw;
      margin-left: 43.2vw;
      width: 3.645833333vw;
      background-image: url(./assets/images/hexagon6.png);
      background-size: cover;
      height: 4.16vw;
      background-repeat: no-repeat;
  }

  .stemcell-rxxs-hex-area {
      position: absolute;
      margin-top: 15vw;
      margin-left: 53.8vw;
      width: 2.083333333vw;
      height: 2.2910vw;
      background-image: url(./assets/images/hexagon5.png);
      background-size: cover;
      background-repeat: no-repeat;
  }

  .stemcell-ld-hex-area {
      position: absolute;
      margin-top: 30vw;
      margin-left: 7vw;
      width: 9.895833333vw;
      background-image: url(./assets/images/hexagon3.png);
      background-size: cover;
      height: 11.2vw;
      background-repeat: no-repeat;
  }

  .stemcell-lxxs-hex-area {
      position: absolute;
      margin-top: 31.5vw;
      margin-left: 6vw;
      width: 2.083333333vw;
      background-image: url(./assets/images/hexagon7.png);
      background-size: cover;
      height: 2.291vw;
      background-repeat: no-repeat;
  }

  .stemcell-ls-hex-area {
      position: absolute;
      margin-top: 34.7vw;
      margin-left: 13.7vw;
      width: 6.25vw;
      background-image: url(./assets/images/hexagon2.png);
      background-size: cover;
      height: 7vw;
      background-repeat: no-repeat;
  }

  .stemcell-rbs-hex-area {
      position: absolute;
      margin-top: 32.3vw;
      margin-left: 46.75vw;
      width: 6.25vw;
      background-image: url(./assets/images/hexagon4.png);
      background-size: cover;
      height: 7.1vw;
      background-repeat: no-repeat;
  }

  .stemcell-rbxxs-hex-area {
    position: absolute;
    margin-top: 38.3vw;
    margin-left: 48.85vw;
    width: 2.083333333vw;
    background-image: url(./assets/images/hexagon7.png);
    background-size: cover;
    height: 2.291vw;
    background-repeat: space;
  }
  /*desktop*/
  .supports-background {
    height: 25vw;
    width: 100vw;
  }

  .mobile-button-area {
    visibility: collapse;
  }


  .surport-text-area{
      display: table;
      margin-left: auto;
      margin-right: auto;

  }
  .surport-text-en{
      margin-top: 10vw;
      font-size: 1vw;
      text-align: center;
      color: white;

  }
  .surport-text-jp{
      font-size: 1.3vw;
      color: white;
      margin-top: 1vw;
      text-align: center;
  }


  .draw-button-area {
    margin-top: 3vw;
    text-align:center;
  }




  .seminor-background {
      background-image: url('./assets/images/bg-seminor.png');
      background-size: cover;
      width: calc(25vw - 0.5px);
      height: calc(25vw - 2px);
      margin-top: 1px;
      margin-bottom: 1px;
      margin-right: 0.5px;
      float: left;
  }

  .faq-background {
      background-image: url('./assets/images/bg-faq.png');
      background-size: cover;
      width: calc(33.33333vw - 1px);
      height: calc(25vw - 2px);
      margin-top: 1px;
      margin-bottom: 1px;
      margin-right: 0.5px;
      margin-left: 0.5px;
      float: left;
  }

  .for-beginners-background {
      background-image: url('./assets/images/bg-for_beginners.png');
      background-size: cover;
      width: calc(33.33333vw - 1px);
      height: calc(25vw - 2px);
      margin-top: 1px;
      margin-bottom: 1px;
      margin-right: 0.5px;
      margin-left: 0.5px;
      float: left;
  }

  .surport-background {
      background-image: url('./assets/images/bg-surport.png');
      background-size: cover;
      width: calc(33.33333vw - 0.5px);
      height: calc(25vw - 2px);
      margin-top: 1px;
      margin-bottom: 1px;
      margin-left: 0.5px;
      float: left;
  }



  .draw-button {
      background: none;
      border: 0;
      box-sizing: border-box;
      padding: 1vw 2vw;
      color: white;
      font-size: inherit;
      position: relative;
      vertical-align: middle;
      -webkit-transition: color 0.25s;
      transition: color 0.25s;
  }
  .draw-button::before, .draw-button::after {
      box-sizing: inherit;
      content: '';
      position: absolute;

      border: 2px solid transparent;
      width: 0;
      height: 0;
  }

  .draw-button::before {
      top: 0;
      left: 0;
  }

  .draw-button::after {
      bottom: 0;
      right: 0;
  }




  .draw {
      background: none;
      border: 0;
      box-sizing: border-box;
      padding: 0.5vw 2vw;
      color: white;
      font-size: inherit;
      position: relative;
      vertical-align: middle;
      -webkit-transition: color 0.25s;
      transition: color 0.25s;
      font-size: 1vw;
      text-decoration: none;
  }

  .draw::before, .draw::after {

      box-sizing: inherit;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;

      border: 1px solid transparent;
  }

  .draw::before {
      top: 0;
      left: 0;
      border-top-color: white;
      border-right-color: white;
      -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
      transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  }

  .draw::after {
      bottom: 0;
      right: 0;
      border-bottom-color: white;
      border-left-color: white;
      -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
      transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  }
  .top-page-title-area {
      display: table;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4vw;
  }

  .top-page-title-en {

      margin-top: 4vw;
      margin-bottom: 2vw;
      color: white;
      font-size: 1vw;
      text-align: center;
  }

  .top-page-title-jp {
      color: white;
      font-size: 2vw;
      text-align: center;
  }

  .font-black {
    color: black;
    margin-top: 0;
  }

  .video-body {
    height: 100%;
  }

  .back-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
      display: block;
  }

  .mobile-video-area {
    display: none;
    visibility: collapse;
  }

  .desktop-video-area {

  }
}

/*header*/
@media not screen and (max-width: 1180px) {
  .topnav {
    background-color: #BFDBDC;
    overflow: hidden;
  }

  .topnav-icon-item {
    width: 160px;
  }

  .topnav-icon-item-j {
    display: block;
    color: black;
    text-align: center;
    padding: 25px 24px 25px 13px;
    text-decoration: none;
    font-size: 1vw;
    /*float: right;*/
  }

  .topnav-item {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 20px 20px 16px 50px;
    text-decoration: none;
    font-size: 1vw;
    height: 20px;
  }

  .topnav-link-item {
    float: right;
    display: block;
    color: black;
    text-align: center;
    padding: 24px 0;
    text-decoration: none;
    font-size: 1vw;
  }

  .topnav-item:hover {
    opacity: 0.5;
    color: black;
  }

  .topnav .icon {
    display: none;
  }

  .header-image-logo {
    background-image: url('./assets/images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 132px;
    height: 20px;
    display: block;
  }

  .header-image-icon {
    background-image: url('./assets/images/icon-gcr.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 32px;
    width: 32px;
    margin-left: 140px;
    margin-top: -25px;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .header-image-icon {
      margin-left: 62px;
    }
  }

  @-moz-document url-prefix() {
    .header-image-icon {
      margin-left: 73px;
    }
  }

  @media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .header-image-icon {
      margin-left: 140px;
    }
  }

  @supports (-ms-accelerator:true) {
  .header-image-icon {
　　　　margin-left: 140px;
    }
  }
  _:-ms-lang(x), _::-webkit-meter-bar, .header-image-icon {
    /*margin-left: 155px;*/
  }

  .lang2 {
    float: left;
    margin-left: 1em;
    margin-top: 2px;
  }

  .mobile-header {
    visibility: collapse;
    height: 0px;
    padding: 0;
  }

  .desktop-header {
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 64px;
    z-index: 999;
    top: 0;
  }
  .menu-wrapper {
    display: flex;
    justify-content: space-around;
  }
}

@media screen and (max-width: 1180px) {

  .mobile-header {
    visibility: visible;
  }

  .desktop-header {
    visibility: collapse;
    height: 0px;
    padding: 0;
  }

  .topnav {
    /*background-color: #1fcede;
    overflow: hidden;
    height: 50px;*/
  }

  .topnav-icon-item {
    color: black;
    text-align: center;
    padding: 16px 16px;
    text-decoration: none;
    font-size: 17px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    overflow: hidden;
  }

  .header-image-logo {
    background-image: url('./assets/images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 132px;
    height: 20px;
    float:left;
  }

  .header-image-icon {
    background-image: url('./assets/images/icon-gcr.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    float: right;
    margin-top: -5px;
  }

  .topnav-item:not(:first-child) {
    display: none;
  }

  .topnav-item.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive topnav-item {
    float: none;
    display: block;
    text-align: left;
  }

  .sub-link {
    margin-left: 25vw;
  }

  .link:hover {
    color: #818181;
  }

  #main-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 56px;
    background: #BFDBDC;
  }

  #toggle-sidebar {
    position: absolute;
    margin-top: 14px;
    right: 14px;
    cursor: pointer;
    font-size: x-large;
  }

  #main-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #BFDBDC;
  }

  #main-sidebar .close-sb {
    background: #BFDBDC;
    padding: 0 0 0 20px;
    font: 20px/70px Acme;
    color: #fff;
    cursor: pointer;
    height: 56px;
  }
  #main-sidebar ul li > a , #main-sidebar .lang{
    background: #BFDBDC;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #d4d4d4;
    color: #555;
    display: block;
    padding: 4vw;
  }

    #main-sidebar .side-line-qr, #main-sidebar .side-wechat-qr,.side-whatsapp-qr, #main-sidebar .side-contact-mail {
      margin-left: 8vw;
      margin-right: 2vw;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      background-image: url('./assets/images/line_qr.png');
    }
    #main-sidebar .side-wechat-qr {
      background-image: url('./assets/images/wechat_qr.png');
    }
  	#main-sidebar .side-whatsapp-qr {
      background-image: url('./assets/images/whatsapp_qr.png');
    }
    #main-sidebar .side-contact-mail {
      background-image: url('./assets/images/mail.png');
    }

  #main-sidebar .j-flag, #main-sidebar .c-flag, #main-sidebar .v-flag {
    margin-left: 8vw;
    margin-right: 2vw;
    display: inline-block;
    width: 20px;
    height: 14px;
    background-size: 20px 14px;
    background-image: url('./assets/images/jp.png');
  }
  #main-sidebar .c-flag {
    background-image: url('./assets/images/cn.png');
  }
  #main-sidebar .v-flag {
    background-image: url('./assets/images/vn.png');
  }

  #main-sidebar ul li > a:hover {
    background: #588A8A;
    border-top: 1px solid #588A8A;
    border-bottom: 1px solid #588A8A;
    color: #fff;
  }

  #main-sidebar ul li li > a {
    display: block;
    padding: 0 0 0 20px;
    background: #BFDBDC;
    border-bottom: 1px solid #dedee0;
    font: 12px/43px NGBold;
    color: #555;
  }

  .close {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 32px;
    height: 32px;
  }

  .close:hover {
    opacity: 0.5;
  }

  .close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
  }

  .close:before {
    transform: rotate(45deg);
  }

  .close:after {
    transform: rotate(-45deg);
  }
}


/*footer*/
@media not screen and (max-width: 1180px) {

  .access-background {
    background-image: url('./assets/images/bg-access.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 48vw
  }

  .access-building-background-area {
    position: absolute;
    right: 0;
    width: 41vw;
    overflow: hidden;
    z-index: 1;
  }


  .access-building-background {
    background-image: url('./assets/images/img-building.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 51vw;
    margin-left: 9vw;
  }

  .access-map-area {
    position: absolute;
    margin-top: 4vw;
    margin-left: 10vw;
    width: 36vw;
    height: 35vw;
  }

  .footer-text-area {
    position: absolute;
    margin-left: 50vw;
    margin-top: 5vw;
    z-index: 10;
  }

  .footer-text-group {
    position: absolute;
    width: 40vw;
    margin-top: 4vw;
    font-size: 1vw;
    left: -6px;
  }

  .footer-image-logo {
    background-image: url('./assets/images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 132px;
    height: 20px;
  }

  .footer-image-icon {
    background-image: url('./assets/images/icon-gcr.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 149px;
    margin-top: -5px;
  }

  .access-footer-link {
    width: 100vw;
    height: 5vw;
    background-color: #588A8A;
    font-size: 1vw;
  }

  .footer-link-area1 {
    overflow: hidden;
    display: table;
    width: 55vw;
    margin-top: 1vw;
    position: absolute;
  }

  .footer-link-item1 {
    display: table-cell;
    width: 10vw;
    text-align: center;
    cursor: pointer;
    color: ghostwhite;
    text-decoration: none;
    height: 1em;
  }

  .footer-link-area2 {
    overflow: hidden;
    display: table;
    width: 55vw;
    margin-top: 3vw;
    position: absolute;
  }

  .footer-link-item2 {
    display: table-cell;
    width: 10vw;
    text-align: center;
    cursor: pointer;
    color: ghostwhite;
    text-decoration: none;
    height: 1em;
  }

  .footer-link-area3 {
    overflow: hidden;
    display: table;
    width: 75vw;
    bottom: -3vw;
    position: absolute;
    line-height: 3vw;
  }

  .footer-link-item3 {
    display: table-cell;
    width: 10vw;
    text-align: center;
    font-size: 10px;
    background-color: white;
    height: 1em;
  }

  .footer-qr-area {
    display: table;
    height: 2vw;
    margin-bottom: 1vw;
  }

  .footer-qr-text {
    display: table-cell;
    height: 2vw;
    vertical-align: middle;
  }

  .footer-wechat-qr {
    background-image: url('./assets/images/wechat_qr.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 2vw;
    height: 2vw;
    margin-left: 1vw;
  }

  .footer-line-qr{
    background-image: url('./assets/images/line_qr.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 2vw;
    height: 2vw;
    margin-left: 1vw;
  }

  .footer-whatsapp-qr{
    background-image: url('./assets/images/whatsapp_qr.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 2vw;
    height: 2vw;
    margin-left: 1vw;
  }
  .footer-text {
    height: 2vw;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
  }

  .emodal-close {
    background-image: url('./assets/images/icon_close.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: .5vw;
    height: .5vw;
  }

}

@media screen and (max-width: 1180px) {

  .access-building-background {
    background-image: url('./assets/images/img-building.png');
    background-size: cover;
    background-repeat: no-repeat;

    height: 76vw;
  }



  .access-background {
    background-image: url('./assets/images/bg-access.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(91vw + 250px);
  }

  .access-building-background-area {
    position: absolute;
    right: 0vw;
    width: 47vw;
    margin-top: calc(15vw + 250px);
    overflow: hidden;
  }


  .access-map-area {
    position: absolute;
    margin-top: calc(17vw + 250px);
    margin-left: 8vw;
    width: 83vw;
    height: 63vw;
  }

  .footer-text {
    margin-bottom: 1vw;
    font-size: 1vw;
  }


  .footer-text-area {
    position: absolute;
    margin-left: 8vw;
    margin-top: 4vw;
  }

  .footer-qr-area {
    margin-top: 0.8vw;
    display: table;
    margin-bottom: 1vw;
  }

  @media screen and (max-width: 760px) {
    .position-facility {
      left: 38.5%;
    }

    .category-page-background {
        background-color: #D1DBDC;
        padding-bottom: 8vw;
        margin-top: 56px;
    }

    .category-event-header-image {
        background-image: url('./assets/images/bg-seminor.png');
        background-size: cover;
        top: 56px;
        height: 100%;
        min-width: 110%;
        right: -5%;
        position: fixed;
        filter: brightness(0.7);
        -webkit-filter: brightness(0.7);
        -moz-filter: brightness(0.7);
        -o-filter: brightness(0.7);
        -ms-filter: brightness(0.7);
    }

    .category-thumbnail-image {

    }

    .category-thumbnail-image > img{
      display: none;
    }

    .category-page-title-area {
        position: relative;
        padding-top: 10vw;
        margin-bottom: 6vw;
    }

    .category-page-title-en {
        color: white;
        font-size: 3vw;
        text-align: center;
    }

    .category-page-title-jp {
        margin-top: 2vw;
        color: white;
        font-size: 4vw;
        text-align: center;
    }

    .category-contents-area-jp {
        display: table;
        width: 75vw;
        position: relative;
        margin-bottom: 3vw;
        left: 6.5vw;
        background: white;
        padding: 6vw 6vw;
    }

    .category-contents-area {
        display: table;
        width: 75vw;
        position: relative;
        margin-bottom: 3vw;
        left: 6.5vw;
        background: white;
        padding: 6vw 6vw;
    }

    .category-contents-area:last-child {
      margin-bottom: 3vw;
    }



    .category-date-area .entry-meta {
      margin-bottom: 3.5vw;
      color: #588A8A;
    }

    .category-date-area .entry-meta > .author, .meta-sep {
      visibility: collapse;
      display: none;
    }


    .category-date-area > article{
      visibility: collapse;
      display: none;
    }

    .category-contents-table-area {
      display: table;
      line-height: 5vw;
      margin-top: 6vw;
      width:100%;
    }

    .category-contents-table-area > p{
      margin-bottom: 2vw;
      font-size: 3vw;
    }

    .category-contents-table-area > p > img{
        width: 70%;
        left: 15%;
        position: relative;
        margin-top: 6vw;
    }

    .entry-title {
        font-size: 4vw;
        line-height: 5vw;
        font-weight: 500;
    }

    .common-page-background {
        background-color: #D1DBDC;
        padding-bottom: 8vw;
        margin-top: 56px;
    }

    .common-page-header-image {
        background-size: cover;
        top: 56px;
        height: 100%;
        min-width: 110%;
        right: -5%;
        position: fixed;
        filter: brightness(0.7);
        -webkit-filter: brightness(0.7);
        -moz-filter: brightness(0.7);
        -o-filter: brightness(0.7);
        -ms-filter: brightness(0.7);
    }

    .common-page-contents {

    }

    .common-page-title-area {
        position: relative;
        padding-top: 10vw;
        margin-bottom: 6vw;
    }

    .common-page-title-en {
        color: white;
        font-size: 3vw;
        text-align: center;
    }

    .common-page-title-jp {
        margin-top: 2vw;
        color: white;
        font-size: 4vw;
        text-align: center;
    }


    .common-contents-area {
        display: table;
        width: 75vw;
        position: relative;
        margin-bottom: 3vw;
        left: 6.5vw;
        background: white;
        padding: 6vw 6vw;
    }

    .common-contents-area2 {
        display: table;
        width: 75vw;
        position: relative;
        margin-bottom: 3vw;
        left: 6.5vw;
        background: white;
        padding: 6vw 6vw;
    }

    .common-contents-area-jp {
        display: table;
        width: 75vw;
        /* position: absolute; */
        position: relative;
        margin-bottom: 3vw;
        left: 6.5vw;
        background: white;
        padding: 6vw 6vw;
    }

    .common-contents-area-en {
        display: table;
        width: 75vw;
        position: relative;
        left: 6.5vw;
        background: white;
        padding: 6vw 6vw;
    }

    .common-page-q {
        display: table;
        margin-bottom: 2vw;
    }

    .common-page-a {
        display: table;
        margin-bottom: 5vw;
    }

    .common-page-hex-mark {
        height: 4.5vw;
        width: 4.5vw;
        margin-top: -0.5vw;
        background-image: url(./assets/images/hexagon2.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .common-page-hex-mark-s {
        height: 1.8vw;
        width: 1.6vw;
        margin-top: 1vw;
        background-image: url('./assets/images/hexagon2.png');
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .common-page-hex-mark-text {
        text-align: center;
        margin-top: -3.5vw;
        margin-right: 0.5vw;
        color: white;
        font-size: 1.8vw;
    }
    @media screen and (max-width: 375px) {

      .common-page-hex-mark {
        height: 5.5vw;
        width: 5.5vw;
        margin-top: -1vw;
        background-image: url(./assets/images/hexagon2.png);
        background-repeat: no-repeat;
        background-size: contain;
      }
      .common-page-hex-mark-text {
        text-align: center;
        margin-top: -4.3vw;
        margin-right: 0.9vw;
        color: white;
        font-size: 1.8vw;
      }
    }

    .common-page-content-title {
      width: 100%;
      text-align: center;
      font-size: 4vw;
    }

    .common-page-content-center-title {
      width: 100%;
      text-align: center;
      font-size: 4vw;
      margin-bottom: 6vw;
      color: #588A8A;
    }

    .common-page-flex-style {
    }

    .common-page-flex-style-only-sp {
        display: flex;
    }

    .common-page-flex-child2-only-sp {
        width: 50%;
    }

    .common-page-flex-child4 {
    }

    .common-page-flex-child5 {
        width:100%;
        text-align: center;
    }

    .common-page-text-group {
        margin-bottom: 6vw;

    }

    .common-page-text-group-end {
    }

    .common-page-text-group-title {
        display: table;
        margin-bottom: 4vw;
    }

    .common-page-text-title {
        display: table-cell;
        line-height: 3.8vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        padding-left: 1vw;
        font-weight: 500;
        font-size: 3vw;
    }

    .common-page-text-sub-title {
        display: table-cell;
        line-height: 3.8vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        font-weight: 400;
        font-size: 3vw;
    }

    .common-page-origin-text {
        line-height: 6vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        font-size: 3vw;
    }

    .common-page-text {
        display: table-cell;
        line-height: 6vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        padding-left: 1vw;
        font-size: 3vw;
        padding-bottom: 4vw;
    }

    .common-page-text-left {
        padding-left: 0px;
    }

    .common-page-text-middle {
        display: inline;
        line-height: 3.8vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        font-size: 3vw;
        text-align: center;
    }

    .common-page-q-text {
        display: table-cell;
        line-height: 3.8vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        padding-left: 1vw;
        font-size: 3vw;
        font-weight: 700;
    }

    .common-page-a-text {
        display: table-cell;
        line-height: 3.8vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        padding-left: 1vw;
        font-size: 3vw;
    }

    .common-page-en-text-head {
        display: table-cell;
        line-height: 4.2vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
        padding-left: 0.5vw;
    }

    .common-page-en-text {
        display: table-cell;
        line-height: 4vw;
        vertical-align: -webkit-baseline-middle;
        vertical-align: middle;
        word-break: break-all;
    }


    .common-page-text-main-image {
        height: auto;
    }

    .common-page-text-side-image {
        display: table-caption;
        text-align: center;
        height: auto;
        width: 70%;
        left: 15%;
        position: relative;
        margin-bottom: 4vw;
    }

    .common-page-center {
        width: 70%;
        left: 15%;
        position: relative;
        text-align: center;
        margin-bottom: 2.5vw;
    }

    .common-page-stemcell-links {
        text-align: center;
        width: 100%;
        display: table;
        position: relative;
    }

    .common-page-stemcell-link-dev {
    }

    .common-page-stemcell-link {
      text-align: center;
      line-height: 8vw;
      font-size: 3vw;
      text-decoration: none;
      color: black;
      background-image: url(./assets/images/icon_arrow1.png);
      background-repeat: no-repeat;
      background-position: right;
    }

    .common-page-other-links {
        text-align: center;
        width: 100%;
        display: table;
        position: relative;
    }

    .common-page-other-link-dev {
      background-image: url('./assets/images/icon_arrow1.png');
      background-repeat: no-repeat;
      background-position-x: right;
      background-position-y: center;
    }

    .common-page-other-link {
      text-align: center;
      line-height: 8vw;
      font-size: 3vw;
      text-decoration: none;
      color: white;
    }
    .common-page-other-link-end {
      line-height: 4vw;
    }

    .common-page-contact {
      line-height: 9vw;
    }

    .hr {
      border-top:solid 1px #C3DADB;
      /* margin-top: 4vw; */
      margin-bottom: 5vw;
    }


    .common-page-gcp-contents {
        position: relative;
        height: 155vw;
    }

    .gcr-main-image {
        height: auto;
        max-height: 40vw;
        width: 70%;
        left: 15%;
        position: absolute;
        bottom: 30vw;
    }

    .gcr-text {
        position: absolute;
        bottom: 70vw;
    }

    .gcr-images {
        position: absolute;
        bottom: 5vw;
        max-height: 20vw;
    }

    .gcr-small-image {
        display: inline-grid;
        width: 20%;
        margin: 1vw;
    }

    .required {
        display: inline-block;
        color: white;
        background-color: #588A8A;
        width: 15vw;
        margin-left: 3vw;
        text-align: center;
    }

    .required-label {
      display: inline-block;
    }

    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;
    }
    input[type="text"], textarea, input[type="email"]{
    	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
    	background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
      border-radius: 0;
      border: 1px solid #C2C2C2 !important;
      padding: 0;
    }

    .wpcf7-submit {
      color: white;
      background-color: #588A8A;
      width: 100%;
      left: 0;
      position: relative;
      margin-bottom: 8vw;
      padding-top: 2vw;
      padding-bottom: 6.5vw;
      font-size: 3vw;
      border: none;
    }

    .doctor-over-view-area{
      visibility: collapse;
      width: 0;
      height: 0;
    }

    .doctor-background {
      height: 110vw
    }

    .doctor-mobile {
      margin-top: 21.5vw;
    }

    .doctor-mobile-item-group {
      display: table-cell;
      vertical-align: middle;
    }

    .doctor-mobile-view-item-sub-group {
    width: 100vw;
    }

    .doctor-mobile-item {
        float: left;
        color: #fff;
        list-style: none;
        text-align: center;
        height: 44.4375vw;
    }

    .doctor-over-view-area {
        visibility: collapse;
    }

    .doctor-title {
        position: relative;
        text-align: center;
        margin-top: -115vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .doctor-item-image {
        width: 25vw;
        height: auto;
    }

    .facility-background {
        background-image: url('./assets/images/bg-facility.png');
        background-size: cover;
        height: 247vw;
        background-position-x: -80vw;
    }



    .facility-hex-area {
    }


    .facility-text-area {
            width: 84vw;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
    }

    .facility-title-en {
            margin-top: 10vw;
            margin-bottom: 2vw;
            font-size: 3vw;
            text-align: center;
            color: white;
    }

    .facility-title-jp {
            margin-top: 4vw;
            color: white;
            font-size: 6vw;
            text-align: center;
    }

    .facility-text {
        margin-top: 4vw;
        font-size: 3.5vw;
        color: white;
        line-height: 6vw;
    }


    .facility-over-view-area {
        width: 51%;
        height: 53.752083333vw;
        overflow: hidden;
    }

    .facility-hex-line-item-area {
        display: inline-block;
        display: -webkit-inline-box;
        margin-left: 0.1vw;
        margin-right: 0.1vw;
    }

    .facility-hex-container {
        width: 100%;
        height: 100%;
        margin-top: -3.7vw;
        margin-left: -6.3vw;
    }

    .facility-hex-container {
        width: 100%;
        height: 100%;
        margin-top: -3.7vw;
        margin-left: -6.3vw;
    }

    .facility-hex-media {
        height: 14.1828125vw;
    }



    .facility-hex-area {
        height: 110vw;
        position: absolute;
        overflow: hidden;
        width: 100vw;
        margin-top: 137vw;
    }


    .facility-over-view-area {
        width: 51%;
        height: 53.752083333vw;
        overflow: hidden;
    }

    .facility-hex-container {
        width: 100%;
        height: 100%;
        margin-top: -3.7vw;
        margin-left: -6.3vw;
    }

    .facility-hex-container {
        width: 100%;
        height: 100%;
        margin-top: -3.7vw;
        margin-left: -6.3vw;
    }

    .facility-hex-media {
        height: 14.1828125vw;
    }



    .facility-hex-gray-back {
        background: gray;
        height: 14.1828125vw;

    }

    .facility-hex-line {
        position: relative;
    }

    .facility-hex-line1 {
        margin-left: -2.4vw;
        margin-right: -8vw;
    }

    .facility-hex-line2 {
        margin-top: -6vw;
        margin-left: 11.2vw;
        margin-right: -8vw;
    }

    .facility-hex-line3 {
        margin-top: -6vw;
        margin-left: -2.4vw;
        margin-right: -8vw;
    }

    .facility-hex-line4 {
        margin-top: -6vw;
        margin-left: 11.2vw;
        margin-right: -8vw;
    }

    .facility-hex-line5 {
      margin-top: -6vw;
        margin-left: -2.4vw;
        margin-right: -8vw;
    }

    .facility-hex-image {
        height: 30vw;
        width: 26vw;
    }

    @-webkit-keyframes example {
        100% {
            opacity: 1;
        }
    }

    @keyframes example {
        100% {
            opacity: 1;
        }
    }

    .gallery-background{
        width: 100vw;
        background-image: url('./assets/images/bg-gallery.png');
        background-size: cover;
        height: 85vw;
    }

    .cellculture-background{
        width: 100vw;
        background-image: url('./assets/images/bg-cellculture.jpg');
        background-size: cover;
        height: 85vw;
    }
        .gallery-title-area {
            display: table;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 4vw;

        }

        .gallery-title-en {
            margin-top: 4vw;
            font-size: 1vw;
            text-align: center;
            color: white;
        }

        .gallery-title-jp {
            color: white;
            font-size: 1.3vw;
        }

        .gallert-slid-area {
          width: 90vw;
            margin-left: 5vw;
            padding-top: 2vw;
        }

        /*slid*/
        .owl-carousel .owl-stage-outer {
            width: 100% !important;
            height: 40vw;
        }


    .header {
        z-index: 1;
        padding-top: 11px;
        padding-bottom: 11px;
        /*color: rgba(255,255,255,0.75);*/
        background-color: #1fcede;
        max-height: 51px;
    }

    .mainContent {
        padding-top: 51px;
    }

    .navlink {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
    }

    .main-navlink {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 80vw;
        margin-left: 231px;
    }

    .header-navlink {
        display: block;
        padding-bottom: 3px;
        margin: 5px 8px 0;
        font-weight: 600;
        line-height: 20px;
        /*color: rgba(255,255,255,0.75);*/
        text-decoration: none;
    }

    .logout-navlink {
        float: right;
        margin-right: 30px;
    }

    .logout {
        cursor: pointer;
        display: block;
        padding-bottom: 3px;
        margin: 5px 8px 0;
        font-weight: 600;
        line-height: 20px;
        /*color: rgba(255, 255, 255, 0.75);;*/
        text-decoration: none;
    }

    .explain-contents {
        margin: 20px 0px;
    }

    .license-item-image {
        width: 15.6vw;
        height: 24vw;
    }

    .license-background {
        background-image: url('./assets/images/bg-license.png');
        background-size: cover;
        height: 240vw
    }

    .license-over-view-area {
        display: table;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 99vw;
    }

    .license-over-view-item-group {
        display: table-header-group;

    }

    .license-item-head {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .license-item-hidden {
        float: left;
        padding: 10px 9;
        color: #fff;
        list-style: none;
        text-align: center;
        line-height: 60px;
        opacity: 0;
    }

    .license-item {
        float: left;
        padding: 10px 0;
        color: #fff;
        list-style: none;
        text-align: center;
        opacity: 0;
        width: 24.5vw;
    }

    .license-item-text {
        font-size: 1vw;
        width: 25vw;
        line-height: 2vw;
        margin-top: 1vw;
    }

    .license-item:nth-child(1) {
        -webkit-animation: example 1s ease 0.25s 1 forwards;
        animation: example 1s ease 0.25s 1 forwards;
    }

    .license-item:nth-child(2) {
        -webkit-animation: example 1s ease 0.5s 1 forwards;
        animation: example 1s ease 0.5s 1 forwards;
    }

    .license-item:nth-child(3) {
        -webkit-animation: example 1s ease 0.75s 1 forwards;
        animation: example 1s ease 0.75s 1 forwards;
    }

    .license-item:nth-child(4) {
        -webkit-animation: example 1s ease 1s 1 forwards;
        animation: example 1s ease 1s 1 forwards;
    }

    .license-title-area {
        /*display: table;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/

        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .license-title-en {
        margin-top: 4vw;
        color: white;
        font-size: 2vw;
        text-align: center;
    }

    .license-title-jp {
        color: white;
        font-size: 6vw;
        margin-top: 3vw;
    }

    @-webkit-keyframes example {
        100% {
            opacity: 1;
        }
    }

    @keyframes example {
        100% {
            opacity: 1;
        }
    }

    .modal-quadrilateral-area {
      display: table;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 100%;
    }

    .modal-quadrilateral-contents-area {

        background: white;
    }



    .modal-hex-area {
      display: table; margin-left: auto; margin-right: auto;

    }

    .modal-hex-area .emodal-close {
      color: white;
    }

    .hex-modal-contents-area {

      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 80vw;
    }

    .hex-modal-image {
      display: table;
          align-content: center;
          margin-right: auto;
          margin-left: auto;
    }

    .hex-modal-text {
      font-family: 'Noto Serif Japanese', serif;
      margin-top: 18px;
          word-break: break-all;
          color: ghostwhite;
          font-size: 3vw;
          line-height: 6vw;
    }

    .quadrilateral-modal-text {
      font-family: 'Noto Serif Japanese', serif;
        margin-top: 2vw;
        font-size: 3vw;
        color: black;
        line-height: 6vw;
        padding: 2vw;
    }

    .hexagon {
      position: relative;
      /*width: 700px; */
      width: 72.9166vw;
      /*height: 404.15px;*/
      height: 42.09894vw;
      background-color: #fdfefe;
      /*margin: 202.07px 0;*/
      margin: 21.04894vw 0;

      display: none;
    }

    .hexagon:before,
    .hexagon:after {
      content: "";
      position: absolute;
      width: 0;
      /*border-left: 350px solid transparent;
      border-right: 350px solid transparent;*/
      border-left: 36.45832vw solid transparent;
      border-right: 36.45832vw solid transparent;
      /*1822916*/
    }

    .hexagon:before {
      bottom: 100%;
      /*border-bottom: 202.07px solid #fdfefe;
      border-bottom: 202.07px solid #fdfefe;*/
      border-bottom: 21.04894vw solid #fdfefe;
      border-bottom: 21.04894vw solid #fdfefe;
      /*1052447*/
    }

    .hexagon:after {
      top: 100%;
      width: 0;
      /*border-top: 202.07px solid #fdfefe;*/
      border-top: 21.04894vw solid #fdfefe;
      /*1052447*/
    }

    /*mobile*/

        .other-background {
            background-image: url('./assets/images/bg-other.png');
            background-size: cover;
            background-position-x: -60vw;
            /*height: 170vw*/
            height: 157vw;
        }

        .other-item-background {
          display: table;
          height: 100%;
        }


      .other-item-button {
        width: 3vw;
        position: absolute;
        margin-top: 40vw;
        margin-left: -24vw;
      }

        .other-title-area {
            display: table;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 4vw;
        }

        .other-title-en {
                margin-top: 10vw;
                margin-bottom: 2vw;
                color: black;
                font-size: 3vw;
                text-align: center;
        }

        .other-title-jp {
            color: black;
            font-size: 6vw;
        }

        .other-over-view-area {
            display: table;
            margin-top: 6vw;
            margin-left: auto;
            margin-right: auto;
        }

        .other-over-view-item-group {
            display: table-cell;
            vertical-align: middle;
        }

        .other-item-hidden {
            position: absolute;
            opacity: 0;
            height: 15vw;
            width: 13.3vw;
            background-size: cover;
            background-image: url('./assets/images/hexagon1.png');
            margin-left: 1vw;
            margin-right: 1vw;
            visibility: hidden;
        }

        .other-item {
            position: absolute;
            opacity: 0;
            height: 50.5vw;
            width: 45vw;
            background-size: cover;
            background-image: url('./assets/images/hexagon1.png');
            margin-left: 1vw;
            margin-right: 1vw;
            margin-top: 12vw;
        }

        .other-item:nth-child(1) {
            margin-left: -46vw;
            -webkit-animation: example 1s ease 0.25s 1 forwards;
            animation: example 1s ease 0.25s 1 forwards;
        }

        .other-item:nth-child(2) {
            -webkit-animation: example 1s ease 0.5s 1 forwards;
            animation: example 1s ease 0.5s 1 forwards;
        }

        .other-item:nth-child(3) {
            /*margin-top: 41vw;
            margin-left: -22.5vw;
            -webkit-animation: example 1s ease 0.75s 1 forwards;
            animation: example 1s ease 0.75s 1 forwards;*/
        }

        .other-item:nth-child(3) {
            /*margin-left: -46vw;*/
            margin-left: -22.5vw;
            /*margin-top: 82vw;*/
            /*margin-top: 63vw;*/
            margin-top: 53vw;
            -webkit-animation: example 1s ease 1s 1 forwards;
            animation: example 1s ease 1s 1 forwards;
        }

        .other-item:nth-child(4) {
            /*margin-top: 82vw;*/
            margin-top: 63vw;
            /*margin-top: 53vw;*/
            -webkit-animation: example 1s ease 1.25s 1 forwards;
            animation: example 1s ease 1.25s 1 forwards;
        }

        .other-item-string {
            color: #4b2320;
            font-size: 4vw;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            width: 50vw;
            line-height: 7vw;
            text-decoration: none;
        }


    @-webkit-keyframes example {
        100% {
            opacity: 1;
        }
    }

    @keyframes example {
        100% {
            opacity: 1;
        }
    }
    /*mobile*/
    .stemcell-background {
        background-image: url('./assets/images/bg-stemcell.png');
        background-size: cover;
        background-position-x: -100vw;
        height: 130vw;
        width: 100vw;
        overflow: hidden;
    }


    .stemcell-text-area {
      position: absolute;
        display: table;
        margin-left: 7vw;
        margin-top: 9vw;
        width: 78vw;
    }

    .stemcell-text {
        text-align: center;
    }

    .stemcell-text-title-en {
        margin-top: 4vw;
        font-size: 3vw;
    }

    .stemcell-text-title-jp {
        margin-top: 3vw;
        font-size: 6vw;
        margin-bottom: 7vw;
    }

    .stemcell-text-description {
        margin-top: 1.5vw;
        font-size: 4vw;
    }

    .stemcell-text-description-line2 {
        margin-top: 1.5vw;
        font-size: 4vw;
        line-height: 6vw;
        margin-bottom: 5vw;
    }

    .stemcell-text-link {
        margin-top: 1.5vw;
        font-size: 4vw;
        line-height: 6vw;
        text-decoration: none;
        color: black;
        background-image: url(./assets/images/icon_arrow1.png);
        background-repeat: no-repeat;
        background-position: right;
    }




    .stemcell1 {
        position: absolute;
        margin-top: 112.7vw;
        margin-left: calc(90.1vw - 6vw);
    }

    .stemcell1-image {
      background-image: url(./assets/images/img-stemcell1.png);
      width: 12vw;
      height: 13.58vw;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .stemcell2 {
        position: absolute;
        margin-top: 100.1vw;
        margin-left: calc(78.6vw - 11.5vw);
    }

    .stemcell2-image {

        background-image: url(./assets/images/img-stemcell2.png);
        width: 23vw;
        height: 26vw;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .stemcell-main-hex-area {
        position: absolute;
        margin-top: 6vw;
        margin-left: 4vw;
        width: 92vw;
        height: 103.5vw;
        background-image: url('./assets/images/hexagon1.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .stemcell-mobile-rd-hex-area {
        position: absolute;
        overflow: hidden;
        margin-top: 16.1vw;
        margin-left: 83vw;
        width: 16.895833vw;
    }

    .stemcell-rd-hex-area {
      width: 25.895833vw;
      background-image: url('./assets/images/hexagon3.png');
      background-size: cover;
      background-repeat: no-repeat;
      height: 29.6vw;
    }

    .stemcell-rxs-hex-area {
        position: absolute;
        margin-top: 16.6vw;
        margin-left: 78.3vw;
        width: 9.645833vw;
        background-image: url('./assets/images/hexagon6.png');
        height: 11vw;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .stemcell-ld-hex-area {
        position: absolute;
        margin-top: 70vw;
        margin-left: -9vw;
        width: 25.895833vw;
        background-image: url('./assets/images/hexagon3.png');
        height: 29.4vw;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .stemcell-ls-hex-area {
        position: absolute;
        margin-top: 81.9vw;
        margin-left: 8.2vw;
        width: 17.25vw;
        background-image: url('./assets/images/hexagon2.png');
        height: 19.5vw;
        background-size: cover;
        background-repeat: no-repeat;
    }


    .stemcell-mobile-rbs-hex-area {
        position: absolute;
        overflow: hidden;
        margin-top: 75.5vw;
        margin-left: 87.4vw;
        width: 12.25vw;
    }

    .stemcell-rbs-hex-area {
      width: 17.25vw;
      background-image: url('./assets/images/hexagon4.png');
      background-size: cover;
      background-repeat: no-repeat;
      height: 19.5vw;
    }

    .stemcell-rbxxs-hex-area {
        position: absolute;
        margin-top: 92vw;
        margin-left: 92.9vw;
        width: 6.083333vw;
        background-image: url('./assets/images/hexagon7.png');
        height: 7vw;
        background-size: cover;
        background-repeat: no-repeat;

    }
    .supports-background {
      height: 100vw;
      width: 100vw;
    }

    .draw-button-area {
      visibility: collapse;
    }

    .draw-button{
      visibility: collapse;
    }

    .surport-text-area{
        display: table;
        margin-left: auto;
        margin-right: auto;
        margin-top: 12vw;

    }

    .surport-text-en{
        margin-top: 4vw;
        font-size: 2vw;
        text-align: center;
        color: white;
        line-height: 4vw;

    }
    .surport-text-jp{
        font-size: 4.3vw;
        color: white;
        margin-top: 1vw;
        text-align: center;
        line-height: 4vw;
    }



    .seminor-background {
        background-image: url('./assets/images/bg-seminor.png');
        background-size: cover;
        background-position-x: -29vw;
        width: calc(50vw - 0.5px);
        height: calc(50vw - 0.5px);;
        float: left;
        margin-right: 1px;
        margin-bottom: 1px;
    }

    .faq-background {
        background-image: url('./assets/images/bg-faq.png');
        background-size: cover;
        background-position-x: -23vw;
        width: calc(50vw - 0.5px);
        height: calc(50vw - 0.5px);;
        margin-bottom: 1px;
        float: left;
    }

    .for-beginners-background {
        background-image: url('./assets/images/bg-for_beginners.png');
        background-size: cover;
        width: calc(50vw - 0.5px);
        height: calc(50vw - 0.5px);;
        float: left;
        margin-right: 1px;
    }

    .surport-background {
        background-image: url('./assets/images/bg-surport.png');
        background-size: cover;
        background-repeat: no-repeat;
        width: calc(100vw - 0.5px);
        height: calc(50vw - 0.5px);;
        float: left;
    }


    .mobile-button {
      background: none;
      border: 1px solid white;
      box-sizing: border-box;
      padding: 1.2vw 3.3vw;
      color: white;
      position: relative;
      vertical-align: middle;
      font-size: 2vw;
      text-decoration: none;
      display: block;
      width: 14vw;
      margin: 0 auto;
    }


    .mobile-button-area {
        text-align: center;
        padding-top: 1.5vw;
    }
    .top-page-title-area {
        display: table;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4vw;
    }

    .top-page-title-en {

        margin-top: 10vw;
        margin-bottom: 2vw;
        color: white;
        font-size: 3vw;
        text-align: center;
    }

    .top-page-title-jp {
        color: white;
        font-size: 6vw;
        text-align: center;
    }

    .font-black {
      color: black;
    }

    .video-body {
        display: none;
        visibility: collapse;
    }

    .back-video {
        display: none;
        visibility: collapse;
    }

    .desktop-video-area {
        display: none;
        visibility: collapse;
    }

    .mobile-video-area {
        background-image: url('./assets/images/mv-sp.png');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center 56px;
        height: 113vw;
        position: relative;
    }

    .mobile-video-area__btn {
      position: absolute;
      bottom: 20%;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      width: 90%;
      gap: 20px;
      flex-wrap: wrap;
    }
    .mobile-video-area__btn > * {
      width: 30%;
      max-width: 160px;
    }
    @media screen and (max-width: 420px) {
      .mobile-video-area__btn {
        bottom: 5%;
        gap: 10px;
      }
    }
    
    .access-background {
      background-image: url('./assets/images/bg-access.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: calc(87vw + 550px);
    }

    .access-building-background-area {
      position: absolute;
      right: 0vw;
      width: 47vw;
      margin-top: calc(11vw + 550px);
      overflow: hidden;
    }


    .access-map-area {
      position: absolute;
      margin-top: calc(17vw + 550px);
      margin-left: 8vw;
      width: 83vw;
      height: 63vw;
    }

    .footer-text {
      margin-bottom: 3vw;
      font-size: 3vw;
    }

    .footer-qr-area {
      display: table;
      margin-bottom: 3vw;
    }

    .set-arrow {
      display:none;
    }

    .monitor_buttons {
      display: flex;
      position: fixed;
      z-index: 10;
      right: 0;
      left: 0;
      bottom: 0;
      height: calc(2.7vh + 20px);
      margin-right: 0;
      padding: 4vw;
      text-align: center;
      justify-content: center;
      background-color: rgba(0,0,0,0.5);
    }


    .monitor_button {
      line-height: 3vw;
      font-size: 2vw;
      margin-bottom: 1vw;
    }

    .chat_buttons {
      display: flex;
      position: fixed;
      z-index: 10;
      right: 20px;
      bottom: 20px;
      height: calc(2.7vh + 30px);
      margin-right: 0;
      text-align: right;
      justify-content: right;
    }

    .chat_button {
      height: 100%;
      width: auto;
    }

    .supernatant-effect-box {
    }
    .supernatant-effect-box .item{
      width: 100%;
      background-color: #BFDBDB;
      margin-bottom: 3.5vw;
    }

    .supernatant-effect-box h4 {
        color: white;
        background-color: #588A8A;
        font-size: 3vw;
        text-align: center;
        height: 6vw;
        line-height: 6vw;
    }
    .supernatant-effect-box ol {
      font-size: 3vw;
      line-height: 4vw;
      padding: 2vw 1.5vw;
    }
    .supernatant-effect-box ol li {
      margin-bottom: 1.5vw;
    }
    .supernatant-qc-box {
        margin-top: 3vw;
    }
    .supernatant-qc-box li {
      float: left;
      width: 47%;
      margin-top: 3%;
    }
    .supernatant-qc-box li:nth-of-type(2n) {
        margin-left: 6%;
    }
    .supernatant-qc-box .bg {
        height: 40.5vw;
        width: 100%;
        background-size: cover;
        background-image: url(./assets/images/hexagon8.png);
        background-repeat: no-repeat;
        display: table;
    }
    .supernatant-qc-box .text {
      font-size: 3vw;
      line-height: 5vw;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      width: 50vw;
    }
    .supernatant-teikyo {
        font-size: 4vw;
        font-style: italic;
        line-height: 5vw;
        text-align: center;
        margin-top: 4vw;
      }

    .supernatant-lead-black {
        margin-top: 2vw;
        color: black;
        text-align: center;
        line-height: 5vw;
        font-size: 3vw;
      }
      .supernatant-table-header {
        font-size: 3vw;
        font-weight: bold;
        text-align: center;
        margin-top: 5vw;
      }
      .supernatant-table {
          margin-top: 2vw;
          width: 100%;
          font-size: 3vw;
          line-height: 3.5vw;
        }
      .supernatant-table th {
        padding: 0.5vw 1vw;
        box-sizing: border-box;
        border: 1px solid #ccc;
        vertical-align: middle;
      }
      .supernatant-table td {
        padding: 0.5vw 1vw;
        box-sizing: border-box;
        border: 1px solid #ccc;
        vertical-align: middle;
      }

      .supernatant-other-menu {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: calc(35vw - 2px);
        margin-right: 0.5px;
        margin-left: 0.5px;
      }
      .supernatant-other-menu.kan {
        background-image: url(./assets/images/stemcellsupernatant01.png);

      }
      .supernatant-other-menu.other {
        background-image: url(./assets/images/stemcellsupernatant02.png);
        margin-top: 3vw;
      }
      .supernatant-other-menu .text-area {
        display: table;
        margin-left: auto;
        margin-right: auto;
      }
      .supernatant-other-menu .text-title {
        margin-top: 3.5vw;
        font-size: 2vw;
        text-align: center;
        color: white;
      }
      .supernatant-other-menu .text-lead {
        font-size: 3vw;
        color: white;
        margin-top: 2.5vw;
        text-align: center;
        line-height: 5vw;
        margin-left: 4vw;
        margin-right: 4vw;
      }
  }




  @media screen and (max-width: 524px) {

    .access-background {
      background-image: url('./assets/images/bg-access.png');
      background-repeat: no-repeat;
      background-size: cover;
      height: calc(118vw + 390px);
    }

    .access-building-background-area {
      position: absolute;
      right: 0vw;
      width: 47vw;
      margin-top: calc(42vw + 390px);
      overflow: hidden;
    }


    .access-map-area {
      position: absolute;
      margin-top: calc(96vw + 210px);
      margin-left: 8vw;
      width: 83vw;
      height: 63vw;
    }


    .footer-text {
      margin-bottom: 3vw;
      font-size: 3.4vw;
    }


    .footer-text-area {
      position: absolute;
      margin-left: 8vw;
      margin-top: 10vw;
    }

    .monitor_button {
      line-height: 6vw;
      font-size: 4vw;
      margin-bottom: 2vw;
    }
  }




  .footer-text-group {
    position: absolute;
    width: 85vw;
    margin-top: 45px;
    left: -6px;
  }

  .footer-image-logo {
    background-image: url('./assets/images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 132px;
    height: 20px;
  }

  .footer-image-icon {
    background-image: url('./assets/images/icon-gcr.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 150px;
    margin-top: -4px;
  }

  .access-footer-link {
    width: 100vw;
    height: 5vw;
    background-color: #588A8A;
  }

  .footer-link-area1 {
  }

  .footer-link-item1 {
    cursor: pointer;
    display: block;
    padding: 0 0 0 20px;
    background: #588A8A;
    border-bottom: 2px solid #4C7F7E;
    padding: 3vw;
    color: ghostwhite;
    text-decoration: none;
  }

  .footer-link-area2 {
  }

  .footer-link-item2 {
    cursor: pointer;
    display: block;
    padding: 0 0 0 20px;
    background: #588A8A;
    border-bottom: 2px solid #4C7F7E;
    padding: 3vw;
    color: ghostwhite;
    text-decoration: none;
  }

  .footer-link-area3 {
    display: table;
    line-height: 3vw;
    width: 100%;
  }

  .footer-link-item3 {
    display: table-cell;
    text-align: center;
    font-size: 10px;
    background-color: white;
    padding: 2.7vh;
  }
  /*.footer-text{
  font-size: 1vw;
  }*/

  .footer-qr-text {
    display: table-cell;
    vertical-align: middle;
  }

  .footer-wechat-qr {
    background-image: url('./assets/images/wechat_qr.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-left: 3vw;
  }

  .footer-line-qr{
    background-image: url('./assets/images/line_qr.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-left: 3vw;
  }

  .emodal-close {
    background-image: url('./assets/images/icon_close.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: .1vw;
    height: .1vw;
  }
}


.selected-link {
  border-bottom: solid 2px #588A8A;
  font-weight: 600;
}

.filter1 {
  filter:blur(2px) brightness(0.7);
  -webkit-filter: blur(2px) brightness(0.7);
  -moz-filter: blur(2px) brightness(0.7);
  -o-filter: blur(2px) brightness(0.7);
  -ms-filter: blur(2px) brightness(0.7);
}

.filter2 {
  filter:blur(4px) brightness(0.7);
  -webkit-filter: blur(4px) brightness(0.7);
  -moz-filter: blur(4px) brightness(0.7);
  -o-filter: blur(4px) brightness(0.7);
  -ms-filter: blur(4px) brightness(0.7);
}

.filter3 {
  filter:blur(6px) brightness(0.7);
  -webkit-filter: blur(6px) brightness(0.7);
  -moz-filter: blur(6px) brightness(0.7);
  -o-filter: blur(6px) brightness(0.7);
  -ms-filter: blur(6px) brightness(0.7);
}

.filter4 {
  filter:blur(8px) brightness(0.7);
  -webkit-filter: blur(8px) brightness(0.7);
  -moz-filter: blur(8px) brightness(0.7);
  -o-filter: blur(8px) brightness(0.7);
  -ms-filter: blur(8px) brightness(0.7);
}
.filter5 {
  filter:blur(10px) brightness(0.7);
  -webkit-filter: blur(10px) brightness(0.7);
  -moz-filter: blur(10px) brightness(0.7);
  -o-filter: blur(10px) brightness(0.7);
  -ms-filter: blur(10px) brightness(0.7);
}


/*top-swiper*/

.top-swiper-wrap {
  position: relative;
}
.top-swiper-wrap .swiper-button-next ,
.top-swiper-wrap .swiper-button-prev {
  background: rgba(88,138,139,.8);
  width: 60px;
  height: 60px;
  border-radius: 100%;
} 
.top-swiper-wrap .swiper-button-next::after ,
.top-swiper-wrap .swiper-button-prev::after {
  font-size: 20px;
  color: #fff;
}
.top-swiper-wrap .swiper-button-next {
  right: -4vw;
}
.top-swiper-wrap .swiper-button-prev {
  left: -4vw;
}
.top-swiper {
  overflow: hidden;
}
.top-swiper .swiper-slide {
}
.top-swiper .swiper-slide .full-video {
  max-width: 80%;
  margin: 0 auto;
}
.top-swiper .swiper-slide .yt-video {
  position: relative;
  padding-top: 56.25%;
}
.top-swiper .swiper-slide .yt-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-swiper .swiper-slide .yt-video-txt {
  text-align: center;
  margin: .5em;
  font-size: 90%;
}
.top-swiper .swiper-slide video {
  max-width: 100%;
}
.swiper-slide .top-professor .news-more{
  margin: 0 1px 1px 0;
}
@media screen and (max-width: 900px) {
  .top-swiper-wrap .swiper-button-next ,
  .top-swiper-wrap .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: 30vw;
  } 
  .top-swiper-wrap .swiper-button-next::after ,
  .top-swiper-wrap .swiper-button-prev::after {
    font-size: 14px;
  }
  .top-swiper-wrap .swiper-button-next {
    right: 5px;
  }
  .top-swiper-wrap .swiper-button-prev {
    left: 5px;
  }
  .top-swiper .swiper-slide .full-video {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .top-swiper-wrap .swiper-button-next ,
  .top-swiper-wrap .swiper-button-prev {
    width: 30px;
    height: 30px;
  } 
  .top-swiper-wrap .swiper-button-next::after ,
  .top-swiper-wrap .swiper-button-prev::after {
    font-size: 10px;
  }
  .top-swiper-wrap .swiper-button-next {
    right: 10px;
  }
  .top-swiper-wrap .swiper-button-prev {
    left: 10px;
  }
  .top-swiper .swiper-slide .full-video,
  .swiper-slide .top-professor {
    padding: 0 15px;
  }
}

/*top-professor*/
.top-professor {
  display: flex;
  justify-content: space-between;
}
.top-professor .cont-img {
  width: 40%;
  padding-left: 1px;
}
.top-professor .cont-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.top-professor .cont-txt {
  width: 58%;
}
.top-professor .cont-tit {
  display: flex;
  align-items: center;
}
.cont-tit__icon {
  width: 6vw;
  margin: 0 1vw 0 0;
  flex: 0 0 auto;
}
.cont-tit__txt .txt1 {
  font-weight: bold;
  font-size: 2vw;
  line-height: 1.4;
}
.cont-tit__txt .txt2 {
  font-weight: bold;
  font-size: 1.6vw;
  line-height: 1.4;
}
.cont-desc {
  margin: 2vw 0 0;
  font-size: 90%;
}
.cont-history {
  margin: 2vw 0 0;
  font-size: 90%;
}
.cont-history h3 {
  font-weight: bold;
  font-size: 120%;
}
.cont-history li {
  padding-left: 1em;
  text-indent: -1em;
}
.cont-history li::before {
  content: '・';
}
@media screen and (max-width: 1180px) {
  .top-professor .cont-img {
    width: 40%;
  }
  .top-professor .cont-img img {
    object-position: top 0 right -80px;
  }
  .top-professor .cont-txt {
    width: 58%;
  }

}
@media screen and (max-width: 900px) {
  .top-professor {
    display: block;
  }
  
  .top-professor .cont-img {
    width: 100%;
    margin: 0 0 10px;
  }
  .top-professor .cont-img img {
    width: 100%;
    height: auto;
    object-fit: initial;
    object-position: initial;
  }
  .top-professor .cont-txt {
    width: 100%;
  }
  .top-professor .cont-tit {
    display: flex;
    align-items: center;
  }
  .cont-tit__icon {
    width: 80px;
  }
  .cont-tit__txt .txt1 {
    font-size: 4vw;
  }
  .cont-tit__txt .txt2 {
    font-size: 2vw;
  }
  .cont-desc {
  }
  .cont-history {
    margin-bottom: 2vw;
  }
}



/*201912 news-area*/
.news-area {
  background: #bfdbdc;
  padding: 2vw 0;
}
.news-area + .news-area {
  padding-top: 0;
}
.news-area a {
  color: #588A8A;
}
.news-area a:hover {
  text-decoration: underline;
}
.news-area-block {
  background: #fff;
  width: 80vw;
  margin: 0 auto;
  padding: 2vw;
  line-height: 2;
}
.news-title {
  margin-bottom: 1vw;
  font-size: 2vw;
}
.news-title2 {
  margin: 1vw 0 .5vw;
  font-size: 1.5vw;
  line-height: 1.5;
}
.news-title + .news-title2 {
  margin-top: -1vw;
}


.disease-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.disease-list .disease-list-inner {
  margin: 0 1% 1% 0;
  box-sizing: border-box;
  width: 19%;
  /*background: #588A8A;
  padding: .8vw 2vw;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1.4;
  position: relative;
  color: #fff;
  font-size: 1.2vw;*/
}
.disease-list .disease-list-inner-2 {
  width: 39%;
}
.disease-list .disease-list-inner img {
  display: block;
}
/*.disease-list .disease-list-inner:after {
  content: "";
  border: 1px solid #fff;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 12px);
  height: calc(100% - 12px);
}*/
.disease-s {
  font-size: .8em !important;
}
a.disease-list-inner:hover {
  text-decoration: none;
  opacity: .7;
}


.news-list li {
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  display: flex;
  justify-content: flex-start;
  line-height: 1.5;
}
.news-list li:last-child {
  border: none;
}
.news-date {
  flex: 0 0 7em;
}
.news-more {
  text-align: right;
}
.news-more a{
  display: inline-block;
  border: 1px solid #588A8A;
  padding: .5em 1em;
}
.news-more a:hover{
  color: #fff;
  background: #588A8A;
  text-decoration: none;
}
.breadcrumbs{
	z-index: 10;
	position: absolute;
  top: 80px;
  left: 20px;
	color: #ffffff;
	font-size: 12px;
}

@media screen and (max-width: 760px) {
  .news-area-block {
    width: 90vw;
    background: #fff;
    padding: 5vw 3vw;
  }
  .news-title {
      font-size: 6vw;
      text-align: center;
  }
  .news-list li {
    display: block;
    padding: .5em 0;
  }
  .news-date,.news-post {
    display: block;
  }
  .news-more {
    text-align: center;
  }
  
  .breadcrumbs{
    top: 70px;
    left: 10px;
    font-size: 12px;
  }

  .news-title2 {
    font-size: 4vw;
  }
  .disease-list {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .disease-list .disease-list-inner {
    width: 49%;
    margin: 0 0 2%;
    /*font-size: 3.5vw;
    margin-right: 1.5vw;
    margin-bottom: 1.5vw;
    padding: 1.5vw 3.5vw;*/
  }
  /*.disease-list .disease-list-inner:after {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }*/
  .disease-list .disease-list-inner-2 {
    width: 100%;
  }
  
}


/*----------
common
----------*/
.c-page {
  padding-top: 64px;
}
.c-page * {
  box-sizing: border-box;
}
.c-pageheader {
  background: no-repeat center / cover;
  position: relative;
  height: 300px;
}
.c-pageheader::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.c-pageheader__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  padding: 0 15px;
}
.c-pageheader__txt h1 {
  font-size: 38px;
  font-weight: bold;
  margin: .3em 0 0;
  line-height: 1.4;
}
#lang-en .c-pageheader__txt h1 {
  text-transform: uppercase;
}
.c-pageinner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 1180px) {
  .c-page {
    padding-top: 56px;
  }
}
@media screen and (max-width: 760px) {
  .c-pageheader {
    height: 200px;
  }
  .c-pageheader__txt {
    text-align: left;
    padding-right: 70px;
  }
  .c-pageheader__txt h1 {
    font-size: 30px;
  }
  .c-pageinner {
    padding: 0 15px;
  }
}
@media screen and (max-width: 420px) {
  .c-pageheader {
    height: 160px;
  }
  .c-pageheader__txt {
    white-space: wrap;
  }
  .c-pageheader__txt span {
    font-size: 11px;
  }
  .c-pageheader__txt h1 {
    font-size: 22px;
  }
}

/*----------
page-group
----------*/
.p-group {
  background: #fff;
  padding: 80px 0;
}
.p-group__block:not(:first-of-type) {
  margin-top: 120px;
}
.p-group__block__header {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.p-group__block__header__img {
  width: 55%;
}
.p-group__block__header__tit {
  width: 45%;
  text-align: center;
  font-size: 30px;
}

.p-group__block__tit {
  margin: 50px 0 25px;
  font-size: 24px;
}
@media screen and (max-width: 760px) {
  .p-group {
    padding: 60px 0;
  }
  .p-group__block:not(:first-of-type) {
    margin-top: 80px;
  }
  .p-group__block__header {
    display: block;
    padding: 15px 0;
  }
  .p-group__block__header__img {
    width: 100%;
  }
  .p-group__block__header__tit {
    width: 100%;
    font-size: 24px;
    margin: 10px 0 0;
    text-align: center;
  }
  .p-group__block__tit {
    margin: 40px 0 15px;
    font-size: 20px;
  }
}
@media screen and (max-width: 420px) {
  .p-group {
    padding: 40px 0;
  }
  .p-group__block:not(:first-of-type) {
    margin-top: 60px;
  }
  .p-group__block__header__tit {
    font-size: 22px;
  }
  
  .p-group__block__tit {
    margin: 25px 0 15px;
    font-size: 18px;
  }
}



.p-group__block__doctor {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -40px;
}
.p-group__block__doctor__item {
  width: calc(100% / 3);
  padding: 0 20px 40px;
}
.p-group__block__doctor__item .item-name {
  font-weight: bold;
  font-size: 19px;
  padding: 15px 0;
  border-bottom: 2px solid #000;
  margin: 0 0 15px;
  line-height: 1.4;
}
.p-group__block__doctor__item .item-name span {
  display: block;
  font-size: 16px;
  line-height: 1.7;
}
.p-group__block__doctor__item .item-desc {
  line-height: 1.7;
  font-size: 14px;
}
@media screen and (max-width: 760px) {
  .p-group__block__doctor {
    margin: 0 0 -20px;
    justify-content: space-between;
  }
  .p-group__block__doctor__item {
    width: 48.5%;
    padding: 0 0 20px;
  }
  .p-group__block__doctor__item .item-name {
    font-size: 16px;
    padding: 10px 0;
    margin: 0 0 10px;
  }
  .p-group__block__doctor__item .item-name span {
    font-size: 14px;
  }
  .p-group__block__doctor__item .item-desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 420px) {
  .p-group__block__doctor {
    margin: 0 0 -40px;
  }
  .p-group__block__doctor__item {
    width: 100%;
    margin: 0 0 40px;
  }
  .p-group__block__doctor__item .item-img{
    max-width: 240px;
    margin: 0 auto;
  }
  .p-group__block__doctor__item .item-name {
    text-align: center;
    font-size: 18px;
    border-width: 1px;
  }
  .p-group__block__doctor__item .item-name span {
    font-size: 14px;
  }
  .p-group__block__doctor__item .item-desc {
    line-height: 1.7;
    font-size: 14px;
  }
}

.p-group__block__address {
  position: relative;
  height: 450px;
}
.p-group__block__address iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 760px) {
  .p-group__block__address {
    height: 300px;
  }
}
@media screen and (max-width: 420px) {
  .p-group__block__address {
    height: 200px;
  }
}


.coordinatorlist {
  display: flex;
  flex-wrap: wrap;
}
.coordinatorlist * {
  box-sizing: border-box;
}
.coordinatorlist .item {
  padding: 10px;
  width: 20%;
}
.coordinatorlist .item__img img {
  border: 1px solid #EAEAEA;
}
.coordinatorlist .item__tit {
  text-align: center;
  margin: 5px 0 0;
  line-height: 1.5;
}
@media screen and (max-width: 760px) {
  .coordinatorlist {
    justify-content: space-between;
  }
  .coordinatorlist * {
    box-sizing: border-box;
  }
  .coordinatorlist .item {
    padding: 10px 0;
    width: 48.5%;
  }
  
  .coordinatorlist .item__tit {
    text-align: center;
    margin: 5px 0 0;
    line-height: 1.5;
  }
}

/*ABRM*/

.p-abrm-wrap {
  overflow: hidden;
}
.p-abrm-img {
  max-width: 35vw;
  margin-left: 2vw;
  float: right;
}
.p-abrm-img__main {

}
.p-abrm-img__thumb {
  margin: 20px -5px 0;
  display: flex;
  flex-wrap: wrap;
}
.p-abrm-img__thumb__item {
  width: calc((100% - 40px) / 4);
  cursor: pointer;
  margin: 5px;
}
.p-abrm-text {
  flex: 1;
  line-height: 1.8;
}
.p-abrm-text p {
  margin: 0 0 1.5em;
  overflow: hidden;
}

@media screen and (max-width: 760px) {
  .p-abrm-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .p-abrm-img {
    max-width: 100%;
    margin: 10px 0 0;
    float: none;
  }
  .p-abrm-img__thumb {
    margin: 10px -5px 0;
  }
}


.modal-quadrilateral-contents-area {
  & .hex-modal-image {
    display: block;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 16vw;
  }
}

@media screen and (max-width: 760px) {
  .modal-quadrilateral-contents-area {
    & .hex-modal-image {
      width: 60%;
    }
  }
}

.esqr_link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: -20px 0 20px;
  a {
    color: #588A8A;
    background: #fff;
    border: 1px solid #588A8A;
    padding: .3em 1em;
    border-radius: 4px;
    transition: all .3s;

    &.is-active,
    &:hover {
      color: #fff;
      background: #588A8A;
    }
  }
  @media screen and (max-width: 760px) {
    margin: 0 0 20px;

    a {
      font-size: 80%;
    }
  }
}