@charset "UTF-8";
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-section {
    width: 860px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-section {
    margin-inline: auto;
    width: 91.4666666667vw;
    -webkit-margin-before: 16vw;
    margin-block-start: 16vw;
    -webkit-margin-after: 17.0666666667vw;
    margin-block-end: 17.0666666667vw;
  }
}
body .l__cornea-container .cornea__message {
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  isolation: isolate;
}
body .l__cornea-container .cornea__message::before {
  content: "";
  position: absolute;
  height: 100%;
  pointer-events: none;
  background: #FFEA00;
  border: 2px solid #222;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message::before {
    top: 8px;
    left: 7px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message::before {
    width: 90.6666666667vw;
    top: 0.8vw;
    left: 1.6vw;
  }
}
body .l__cornea-container .cornea__message-title {
  margin: 0;
  font-weight: bold;
  text-align: center;
  border: 2px solid #3E3E3E;
  border-bottom: 2px solid #3E3E3E;
  background-color: #EEEEEE;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-title {
    font-size: 27px;
    -webkit-padding-before: 13px;
    padding-block-start: 13px;
    -webkit-padding-after: 13px;
    padding-block-end: 13px;
    letter-spacing: 0.04em;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-title {
    font-size: 6.4vw;
    -webkit-padding-before: 3.4666666667vw;
    padding-block-start: 3.4666666667vw;
    -webkit-padding-after: 3.7333333333vw;
    padding-block-end: 3.7333333333vw;
    letter-spacing: 0.04em;
  }
}
body .l__cornea-container .cornea__message-body {
  border: 2px solid #3E3E3E;
  border-top: 0;
  background: #fff;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-body {
    -webkit-padding-before: 56px;
    padding-block-start: 56px;
    -webkit-padding-after: 56px;
    padding-block-end: 56px;
    -webkit-padding-start: 64px;
    padding-inline-start: 64px;
    -webkit-padding-end: 64px;
    padding-inline-end: 64px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-body {
    -webkit-padding-before: 9.0666666667vw;
    padding-block-start: 9.0666666667vw;
    -webkit-padding-after: 11.4666666667vw;
    padding-block-end: 11.4666666667vw;
    -webkit-padding-start: 4.8vw;
    padding-inline-start: 4.8vw;
    -webkit-padding-end: 4.8vw;
    padding-inline-end: 4.8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile {
    display: flex;
    align-items: center;
    gap: 56px;
    -webkit-margin-after: 48px;
    margin-block-end: 48px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile {
    -webkit-padding-after: 11.7333333333vw;
    padding-block-end: 11.7333333333vw;
    -webkit-margin-after: 11.7333333333vw;
    margin-block-end: 11.7333333333vw;
    border-bottom: 1px dashed #ccc;
  }
}
body .l__cornea-container .cornea__message-photo {
  flex-shrink: 0;
  background: #D5D5D5 url(../../img/person.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-photo {
    width: 180px;
    height: 225px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-photo {
    width: 48vw;
    height: 60vw;
    margin-inline: auto;
    -webkit-margin-after: 7.4666666667vw;
    margin-block-end: 7.4666666667vw;
  }
}
body .l__cornea-container .cornea__message-profile-text {
  color: #222;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-text {
    flex: 1;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-text {
    text-align: center;
  }
}
body .l__cornea-container .cornea__message-profile-ja {
  margin: 0;
  color: #222;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-ja {
    font-size: 16px;
    line-height: 1.5;
    -webkit-margin-after: 28px;
    margin-block-end: 28px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-ja {
    font-size: 4vw;
    line-height: 1.6666666667;
    -webkit-margin-after: 4.8vw;
    margin-block-end: 4.8vw;
  }
}
body .l__cornea-container .cornea__message-profile-ja-name {
  display: inline-block;
  font-weight: 700;
  line-height: 1.15;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-ja-name {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-ja-name {
    font-size: 5.3333333333vw;
  }
}
body .l__cornea-container .cornea__message-profile-en {
  margin: 0;
  color: #222;
  font-family: "Roboto", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-en {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-en {
    font-size: 3.7333333333vw;
    line-height: 1.45;
  }
}
body .l__cornea-container .cornea__message-profile-en-heading {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-en-heading {
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 10px;
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-en-heading {
    justify-content: center;
    -moz-column-gap: 3.2vw;
    column-gap: 3.2vw;
    row-gap: 2.1333333333vw;
    -webkit-margin-after: 2.1333333333vw;
    margin-block-end: 2.1333333333vw;
  }
}
body .l__cornea-container .cornea__message-profile-en-degree {
  font-weight: 400;
  line-height: 1.05;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-en-degree {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-en-degree {
    font-size: 3.4666666667vw;
  }
}
body .l__cornea-container .cornea__message-profile-en-detail {
  display: block;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-en-detail {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-en-detail {
    font-size: 3.4666666667vw;
  }
}
body .l__cornea-container .cornea__message-profile-en-name {
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-profile-en-name {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-profile-en-name {
    font-size: 5.3333333333vw;
  }
}
body .l__cornea-container .cornea__message-text {
  margin: 0;
  color: #222;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-text {
    font-size: 16px;
    line-height: 1.6875;
    -webkit-margin-after: 26px;
    margin-block-end: 26px;
    width: 720px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-text {
    font-size: 4vw;
    line-height: 1.6666666667;
    -webkit-margin-after: 6.4vw;
    margin-block-end: 6.4vw;
    width: 78.6666666667vw;
  }
}
body .l__cornea-container .cornea__message-text--en {
  font-family: "Roboto", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-text--en {
    font-size: 16px;
    line-height: 1.6875;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-text--en {
    font-size: 4vw;
    line-height: 1.7857142857;
  }
}
body .l__cornea-container .cornea__message-text--no-margin {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
body .l__cornea-container .cornea__message-divider {
  border: 0;
  border-top: 1px dashed #ccc;
}
@media screen and (min-width: 768px) {
  body .l__cornea-container .cornea__message-divider {
    -webkit-margin-before: 48px;
    margin-block-start: 48px;
    -webkit-margin-after: 48px;
    margin-block-end: 48px;
  }
}
@media screen and (max-width: 767px) {
  body .l__cornea-container .cornea__message-divider {
    -webkit-margin-before: 11.7333333333vw;
    margin-block-start: 11.7333333333vw;
    -webkit-margin-after: 11.7333333333vw;
    margin-block-end: 11.7333333333vw;
  }
}

body.cornea__page--message {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  body.cornea__page--message .l__cornea-container {
    background-color: #6CD3FD;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container {
    background-image: linear-gradient(90deg, #33B7F3 50%, #8BDBFF 100%);
  }
}
body.cornea__page--message .l__cornea-container .l__cornea-content-block {
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  body.cornea__page--message .l__cornea-container .l__cornea-content-block {
    background: url(../../img/pc.registration.bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px auto;
    background-attachment: fixed;
    height: auto;
    max-height: none;
    min-height: 80.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container .l__cornea-content-block {
    background: url(../../img/sp.registration.bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-attachment: scroll;
    height: auto;
    max-height: none;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container .cornea__title-block {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  body.cornea__page--message .l__cornea-container .cornea__info-container {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container .cornea__info-container {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container .cornea__nav-header {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (min-width: 768px) {
  body.cornea__page--message .l__cornea-container .cornea__contents-container {
    display: flex;
    align-items: flex-start;
    width: 1169px;
    margin-inline: auto;
    gap: 60px;
    -webkit-padding-before: 60px;
    padding-block-start: 60px;
    -webkit-padding-after: 110px;
    padding-block-end: 110px;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container .cornea__contents-container {
    -webkit-margin-before: 16vw;
    margin-block-start: 16vw;
  }
}
@media screen and (min-width: 768px) {
  body.cornea__page--message .l__cornea-container .cornea__sidebar {
    position: static;
    width: 254px;
  }
}
@media screen and (max-width: 767px) {
  body.cornea__page--message .l__cornea-container .cornea__sidebar {
    border-top: 2px solid #3E3E3E;
    background: #EEEEEE;
  }
}