@charset "UTF-8";

/* googlefonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

/* 共通の指定 */

html{
    font-size:62.5% ;
}

body {
  width: 100% ;
  margin: 0;
  padding: 0;
  font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif ;
}

img{
  max-width:100% ;
}

p {
  font-size:1.6rem ;
  line-height:1.5em ;
  margin-bottom: 0 ;
}

ul {
  list-style: none ;
  padding-left: 0 ;
}

article section > div {
  margin-bottom: 80px ;
}
article section > div.small {
  margin-bottom: 40px ;
}

h2.component {
  background-color: #B9E2F8 ;
  padding: 12px 4px ;
  font-size: 24px ;
  font-weight: bold ;
  margin-bottom: 20px ;
}
h3.component {
  display: inline-block ;
  border-bottom: 5px solid #B9E2F8 ;
  font-size: 23px ;
  font-weight: bold ;
  margin-bottom: 20px ;
}
h4.component {
  border-left: 10px solid #000 ;
  font-size: 18px ;
  font-weight: bold ;
  padding: 7px 9px ;
  margin-bottom: 20px ;
}

p.component {
  font-size: 16px ;
  line-height: 26px ;
  margin-bottom: 20px ;
}

h3 + p.component , h3 + div a.text-link , p.component + img {
  margin-bottom: 40px ;
}

.img-component {
  margin-bottom: 20px ;
  width: 100% ;
}

.img-component-small {
  margin-bottom: 10px ;
  width: 100% ;
}

.form-control:focus {
  box-shadow:  none ;
  border-color: inherit ;
}

.btn-original {
  display: inline-block ;
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  padding: 10px 21px ;
  border-radius: 17px ;
  color: #fff ;
  font-size: 15px ;
  line-height: 15px ;
  box-shadow: 0px 3px 6px rgba(0,0,0,.16) ;
  text-shadow: 0px 3px 6px rgba(0,0,0,.16) ;
  background-size: 300% 100%;
   moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}
.btn-original:hover{
  color: #fff ;
  text-decoration: none ;
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  outline: none ;
}

.btn-original img {
  text-shadow: 0px 3px 6px rgba(255,0,0,.16) ;
}

.w-80 {
  width: 80% ;
}

.p-xs-0 {
  padding: 0 ;
}

.pr-original-5 {
  padding-right: 5px ;
}

.pl-original-5 {
  padding-left: 5px ;
}

.pr-original-2-5 {
  padding-right: 2.5px ;
}

.pl-original-2-5 {
  padding-left: 2.5px ;
}

.img-component-04  {
  padding-bottom: 20px ;
}

.line-through {
  text-decoration: line-through;
}

.ul-original.mt-5 {
  margin-bottom: 20px ;
}
.ul-original.mt-5 li img {
  margin-bottom: 60px ;
}

/* header */

body.open {
  overflow: hidden ;
  height: 100vh ;
}

.cp_hmenuac01 .cp_bar,
.cp_hmenuac01 .cp_bar:before,
.cp_hmenuac01 .cp_bar:after {
	display: block;
	width: 26px;
	height: 2px;
	content: '';
	-webkit-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
	background: #fff ;
}
.wrap-header.second .cp_hmenuac01 .cp_bar,
.wrap-header.second .cp_hmenuac01 .cp_bar:before,
.wrap-header.second .cp_hmenuac01 .cp_bar:after  {
  background: #38AEED ;
}
.cp_hmenuac01 .cp_bar {
	position: relative;
}
.cp_hmenuac01 .cp_bar:before,
.cp_hmenuac01 .cp_bar:after {
	position: absolute;
}
.cp_hmenuac01 .cp_bar:before {
	top: 10px;
}
.cp_hmenuac01 .cp_bar:after {
	bottom: 10px;
}
.cp_hmenuac01 {
	padding-bottom: 5px ;
	cursor: pointer;
}

.wrap-header {
  background-image: url(img/xs-bg-header.svg);
  background-size: cover ;
  background-repeat: no-repeat ;
  padding-top: 8px ;
  position: relative ;
  transition: .3s ease-in-out;
  height: 611px ;
}
.wrap-header.second {
  background-color: #fff ;
  background-image: none ;
  padding: 8px 0 ;
  height: auto ;
}

.wrap-header-nav {
  display: flex ;
  align-items: center ;
  justify-content: center ;
  width: 100% ;
}

.wrap-hamburger-menu {
  position: absolute ;
  right: 20px ;
}

.open-nav {
  margin-left:120vw ;
  height: 100vh ;
  width: 100% ;
  z-index: 10000000001 ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
  background: linear-gradient(to right , #29B8EE , #6390F5) ;
  padding: 22px 28px ;
  transition: .5s ease-in-out;
}
.open-nav.open {
  margin-left: 0vw ;
  transition: .5s ease-in-out;
  overflow-y: scroll;
}
.open-nav .link-en{
  color: #fff ;
}
.open-nav .link-en:hover{
  color: #0056b3 ;
}

.btn-close-nav {
  width: 22px ;
  padding-bottom: 27px ;
}

.nav-link.bottom {
  margin-bottom: 10px ;
}

.nav-title a span {
  display: inline-block ;
  color: #fff ;
  font-size: 18px ;
  font-weight: bold ;
  line-height: 25px ;
  padding-bottom: 6px ;
  border-bottom: 5px solid #fff ;
}
.nav-title a {
  display: inline-block ;
  text-decoration: none ;
  padding: 10px 10px 3px 10px ;
}
.nav-title a:hover {
  background-color: #1B4189 ;
  text-decoration: none ;
}

.ul-nav.second {
  margin-top: 24px ;
}

.nav-link ul li a{
  display: block ;
  color: #fff ;
  font-size: 16px ;
  line-height: 16px ;
  font-weight: bold ;
  padding: 14px 0px ;
  margin-left: 20px ;
}

.nav-link ul li a:hover {
  display: inline-block ;
  background-color: #fff ;
  color: #000 ;
  padding: 14px 10px ;
  text-decoration: none ;
  margin-left: 10px ;
}

.wrap-header-news {
  position: absolute ;
  bottom: 0 ;
  left: 0 ;
  background-color: rgba(110,110,110,.9) ;
  padding: 14px 0 ;
  width: 100% ;
}

.wrap-header-news-inner {
  display: flex ;
  align-items: center ;
  justify-content: center ;
  max-width: 838px ;
  margin-left: auto ;
  margin-right: auto ;
}
.wrap-header-news-inner .news-text:nth-child(n+2) {
  display: none ;
}

.header-news-title {
  color: #fff ;
  font-size: 13px ;
  font-weight: bold ;
  font-family: 'Roboto Condensed', sans-serif ;
  margin-right: 13px ;
}

.news-text {
  color: #fff ;
  font-size: 14px ;
  line-height: 20px ;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify ;
}
.news-text:hover{
  color: #B4D2EF ;
}
.news-text span {
  padding-right: 23px ;
}

.header-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.input-group {
  width: 256px ;
  height: 33px ;
  margin-bottom: 6px ;
}

.search ,  .search:focus{
  border: 1px solid #F5F5F5 ;
  border-right: none ;
  background-clip: border-box ;
  height: 100% ;
  padding-left: 16px ;
  font-size: 15px ;
  border-radius: 5px 0 0 5px ;
}

.search::placeholder {
  color: #DBDBDB ;
}

.btn-search {
  background-color: #fff ;
  border: 1px solid #F5F5F5 ;
  border-left: none ;
  color: #A2A2A2 ;
  border-radius: 0 5px 5px 0 ;
}

.btn-outline-secondary:hover , .btn-outline-secondary:focus , .btn-outline-secondary:active{
  color: #A2A2A2!important ;
  background-color: #fff!important ;
  border-color: #fff!important ;
  border: 1px solid #F5F5F5!important ;
  border-left: none!important ;
  box-shadow: none!important ;
}

.fas.fa-search  {
  font-size: 17px ;
}

.link-en {
  color: #707070 ;
  font-size: 13px ;
  line-height: 13px ;
  font-weight: bold ;
  font-family: 'Roboto Condensed', sans-serif ;
  text-decoration: underline ;
  padding-right: 13px ;
}
table{
  display: block;
}
.xs-btn-fixed {
  display: block ;
  position: fixed ;
  right: 24px ;
  bottom: 50px ;
  background: linear-gradient(#6390F5, #29B8EE) ;
  padding: 7px ;
  border-radius: 50% ;
  width: 33px ;
  height: 33px ;
  transition: .3s ease-in-out;
  z-index: 1000000001;
}

.wrap-banner-area {
  background-color: #B9E2F8 ;
  padding: 40px 0 ;
}

.wrap-banner-area-inner {
  width: 256px ;
  height: 256px ;
  background-repeat: no-repeat ;
  background-color:rgba(255,255,255,0.8);
  background-blend-mode:lighten;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  border-radius: 10px ;
  margin: 0 auto 20px ;
  box-shadow: 3px 3px 6px rgba(0,0,0,.16) ;
}
.wrap-banner-area-inner:hover {
  background-color: inherit ;
  text-decoration: none ;
}
.wrap-banner-area-inner.namida {
  background-image: url("img/img-namida.svg") ;
}
.wrap-banner-area-inner.award {
  background-image: url("img/img-award.svg") ;
}
.wrap-banner-area-inner.clinic {
  background-image: url("img/img-clinic.jpg") ;
  /* background-image: url("img/img-clinic.svg") ; */
  margin: 0 auto 10px ;
}

.wrap-banner-area-inner p {
  color: #000 ;
  font-size: 18px ;
  line-height: 28px ;
  font-weight: bold ;
}

.wrap-banner-btn-more {
  text-align: center ;
}

.wrap-top-contents {
  margin: 40px 0 0 ;
}

.wrap-main-visual {
  position: relative ;
  height: 169px ;
  overflow: hidden ;
}
.wrap-main-visual img {
  width: 100% ;
  /* transform: translateY(-50px); */
  /* transform: translateY(-335px); */
  /* transform: translateY(-167px); */
}
.wrap-main-visual.img-none  p{
  color: #000 ;
  text-shadow: none ;
}

.wrap-main-visual p {
  width: 100% ;
  color: #fff ;
  font-size: 20px ;
  font-weight: bold ;
  line-height: 25px ;
  position: absolute ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  text-shadow: 0px 3px 2px rgba(0,0,0,.16);
}

.wrap-main-visual-title {
  color: #fff ;
  font-size: 15px ;
  font-weight: bold ;
  padding: 8px ;
}

.wrap-main-visual-title.general {
  background-color:rgba(110,110,110,.9);
}
.wrap-main-visual-title.doctor {
  background: linear-gradient(to right , #6390F5 ,  #26BAEE) ;
}

.img-link-content  {
  border: 3px solid #38AEED ;
  border-radius: 10px ;
  height: 157px ;
  overflow: hidden ;
  position: relative ;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) ;
}
.img-link-content p {
  position: absolute ;
  bottom: 0 ;
  left: 0 ;
  background-color: #fff ;
  color: #000 ;
  width: 100% ;
  margin-bottom: 0 ;
  padding: 10px 15px ;
  line-height: 1.2em ;
  font-weight: bold;
}
.content2 p {
  font-size: 14px;
}
.img-link-content i {
  position: absolute ;
  bottom: 15px ;
  right: 10px ;
  color: #38AEED ;
  font-size: 15px ;
}
.img-link-content .icon-img {
  position: absolute ;
  bottom: 10px;
  left: 5px;
  color: #38AEED ;
  height: 28px ;
  z-index: 10001 ;
}

.img-link-content {
  background-image: url("img/img-link-01_new.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.research-society {
  background-image: url("img/img-link-research-society.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.criterion {
  background-image: url("img/img-link-criterion.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: 70%;
}
.guide-lines {
  background-image: url("img/img-link-guide-lines.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.research-achievements {
  background-image: url("img/img-link-research-achievements.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.lecture-study-group {
  background-image: url("img/img-link-lecture-study-group.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.dryeye {
  background-image: url("img/dryeye.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.dryeye-care {
  background-image: url("img/img-link-dryeye-care.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.eyes-tears {
  background-image: url("img/img-link-eyes-tears.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.clinic {
  background-image: url("img/img-link-01.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.notice {
  background-image: url("img/img-link-01.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.research-achievements {
  background-image: url("img/img-link-research-achievements.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.lecture-study-group {
  background-image: url("img/img-link-lecture-study-group.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}

.greeting {
  background-image: url("img/img-link-greeting.png?v=0421");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center ;
}
.manager-list {
  background-image: url("img/img-link-manager-list.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.constitution {
  background-image: url("img/img-link-constitution.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.sponsor {
  background-image: url("img/img-link-sponsor.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.join {
  background-image: url("img/img-link-join.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}

.dryeye-research {
  background-image: url("img/dryeye-research.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center ;
}
.mgd-study {
  background-image: url("img/mgd.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.tfot {
  background-image: url("img/tfot.png");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: bottom;
}
.qol {
  background-image: url("img/img-link-qol.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.dryeye-award {
  background-image: url("img/dryeye-award.png");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center;
}

.lecture-study-group-detail {
  background-image: url("img/img-link-01_new.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}

.dryeye-symptoms {
  background-image: url("img/img-link-dryeye-symptoms.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.dryeye-cause {
  background-image: url("img/img-link-dryeye-cause.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.dryeye-inspection {
  background-image: url("img/img-link-dryeye-inspection.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.dryeye-treatment {
  background-image: url("img/img-link-01.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.summary_4{
  background-image: url("img/dryeye_treatment.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}

.mgd {
  background-image: url("img/img-link-01_new.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.mgd-review {
  background-image: url("img/img-link-01_new.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.mgd-review-02 {
  background-image: url("img/img-link-01_new.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.award{
  background-image: url("img/img-link-01.png");
  background-size: cover ;
  background-repeat: no-repeat ;
}

.en-about{
  background-image: url("img/img-link-research-society.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.en-Greeting{
  background-image: url("img/img-link-greeting.png?v=0421");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center;
}
.en-governing-board{
  background-image: url("img/img-link-manager-list.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.en-definition-and-diagnosis {
  background-image: url("img/img-link-criterion.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center ;
}
.en-mgd-working-group {
  background-image: url("img/img-link-mgd-study.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.en-quality-of-life-score-deqs {
  background-image: url("img/img-link-qol.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
}
.en-tfot{
  background-image: url("img/en-tfot.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: bottom;
}
.en-dryeyeaward{
  background-image: url("img/dryeye-award.png");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center;
}
.en-contact{
  background-image: url("img/en-contact.jpg");
  background-size: cover ;
  background-repeat: no-repeat ;
  background-position: center;
}

/* footer */

.wrap-banner-sponsor {
  padding: 41px 0 ;
}

.img-sponsor {
  height: 47.6px ;
  border: 1px solid #dee2e6 !important;
}
.img-sponsor.right {
  margin-right: 10px ;
}

.wrap-banner-sponsor > div.d-flex {
  margin-bottom: 10px ;
}

.wrap-footer-nav {
  border-top: 1px solid #000 ;
  padding: 26px 0 ;
}

.footer-logo {
  width: 171px ;
  margin-bottom: 50px ;
}

.wrap-nav-area .title {
  font-size: 15px ;
  margin-bottom: 16px ;
}

.wrap-link-area {
  margin-right: 51px ;
  margin-bottom: 28px ;
}

.wrap-link-area:last-child {
  margin-right: 0px ;
}

.wrap-link-area a.link {
  display: block ;
  color: #000 ;
  font-size: 13px ;
  margin-bottom: 13px ;
}

.copy-right {
  text-align: center ;
  margin: 5px 0 30px ;
}

.copy-right p {
  color: #707070 ;
  font-size: 10px ;
  font-weight: 400 ;
  font-family: 'Roboto Condensed', sans-serif ;
}

footer.second {
  margin-top: 126px ;
}

/* 吹き出し */

.balloon1 {
  position: relative;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  margin-bottom: 20px ;
  padding: 11px 0px;
  min-width: 120px;
  max-width: 100%;
  color: #fff ;
  font-size: 18px;
  font-weight: bold ;
  background: #38AEED;
}
.balloon1.second {
  background: #D66FDE;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #38AEED;
}
.balloon1.second:before {
  border-top: 10px solid #D66FDE;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.balloon1 img {
  margin-right: 31px ;
}

.btn-content-link {
  display: block ;
  text-align: center ;
  border: 3px solid #38AEED ;
  border-radius: 10px ;
  font-size: 15px ;
  font-weight: bold ;
  padding: 27px 6px 20px ;
  color: #000 ;
  box-shadow: 3px 3px 6px rgba(0,0,0,.25) ;
}
.btn-content-link.second {
  border: 3px solid #D66FDE ;
}
.btn-content-link:hover {
  color: #000 ;
  text-decoration: none ;
  border: 3px solid #B9E2F8 ;
}
.btn-content-link.second:hover {
  border: 3px solid #E5A9EA ;
}

.btn-content-link img {
  margin-bottom: 26px ;
  height: 75px ;
}

.btn-content-link span {
  display: inline-block ;
}

.btn-content-link.small{
  display: flex ;
  align-items: center ;
  justify-content: center ;
  padding: 8px 2px ;
  font-size: 12px ;
  line-height: 16px ;
  height: 83px ;
}

.wrap-row-content {
  display: flex ;
  margin-bottom: 10px ;
}

.hr-content {
  border-top: 1px solid #000000 ;
  margin: 16px 0 ;
}

.btn-more {
  position: relative ;
  margin-top: 20px ;
  text-align: center ;
  padding: 10px 40px 10px 40px ;
  font-size: 18px ;
  line-height: 18px ;
  font-weight: bold ;
}

.btn-more i {
  position: absolute ;
  top : 50% ;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  right: 14px ;
  font-size: 14px ;
}

.wrap-color-content {
  background-color: #FDF4B9 ;
  padding: 30px 0 ;
}

.wrap-color-content.reverse {
  background-color: #FDFDDD ;
}

.text-link {
  display: inline-block ;
  background-color: #F5F5F5 ;
  border: 1px solid #A2A2A2 ;
  padding: 13px 14px  ;
  margin-top: 5px ;
}

.text-link span {
  display: inline-block ;
  color: #1B4189 ;
  font-size: 16px ;
  line-height: 16px ;
  font-weight: bold ;
  border-bottom: 1px solid #1B4189 ;
  padding-bottom: 4px ;
}
.text-link:hover span {
  color: #B9E2F8 ;
  border-bottom: 1px solid #B9E2F8 ;
}

.wrap-table-original {
  overflow-x: scroll;
  white-space: nowrap;
  height: 50vh;
}

.table-original{
  position: relative;
}

.table-original thead tr th {
  text-align: center ;
  min-width: 102px ;
  background-color: #1B4189 ;
  border: 1px solid #A2A2A2 ;
  color: #fff ;
  font-size: 14px ;
  font-weight: bold ;
  vertical-align: middle;
  padding: 14px 4px ;
  white-space: normal ;
  position: sticky;
  top: 0;
  z-index: 1;
}

.table-original tbody tr th {
  min-width: 102px ;
  background-color: #F5F5F5 ;
  border: 1px solid #A2A2A2 ;
  color: #000 ;
  font-size: 17px ;
  font-weight: bold ;
  vertical-align: middle;
  padding: 14px 4px ;
  white-space: normal ;
}

.table-original tbody tr td {
  min-width: 102px ;
  border: 1px solid #A2A2A2 ;
  color: #000 ;
  font-size: 16px ;
  vertical-align: middle;
  padding: 14px 4px ;
  white-space: normal ;
}
.table-original tbody tr td a{
  word-wrap: break-word;
  white-space: normal;
}
.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #000;
    border-radius: 10px ;
    margin: 80px 0 ;
    padding: 25px 28px ;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 44px ;
	border: solid transparent;
	content: "";
	height: 0 ;
	width: 0 ;
	position: absolute;
	pointer-events: none;
}
.arrow_box p {
    font-size: 16px ;
    line-height: 30px ;
    text-align: justify ;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 0 14px 29px 14px; ;
	margin-left: 1px ;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #000;
	border-width: 0 15px 30px 15px;
	margin-left: 0 ;
}

.ul-original  {
  margin-bottom: 34px ;
}

.ul-original li p{
  font-size: 16px ;
  line-height: 22px ;
  transform: translate(28px, -21px) ;
  width: calc(100% - 28px);
  text-align: justify;
}

.ul-original li a {
  font-size: 16px ;
  line-height: 2em ;
}

.ul-original li::before {
  display:inline-block;
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:18px ;
  height: 18px ;
  background: #38AEED;
  border-radius: 50%;
  margin-right: 11px;
}

ol.ol-original {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin: 43px 0 ;
}
ol.ol-original li {
  position: relative;
  margin-bottom: 20px ;
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold ;
}
ol.ol-original li p {
  font-size: 16px ;
  line-height: 22px ;
  font-weight: bold ;
}

.ul-original-check {
  margin-bottom: 50px ;
}

.ul-original-check li {
  display: flex ;
  margin-bottom: 20px ;
  text-align: justify;
}

.ul-original-check p {
  font-size: 18px ;
  line-height: 28px ;
  padding-left: 13px ;
}

.ul-original-check li img {
  width: 32px ;
  height: 25px ;
}

.carousel-indicators {
  bottom: 0  ;
  margin: 0 ;
  background-color: #1B4189 ;
  height: 50px ;
}

.carousel-indicators li {
  width: 8px;
  height: 8px;
  background-color: inherit ;
  border: 3px solid #fff ;
  border-radius: 50% ;
  margin-top: 18px ;
  margin-right: 20px ;
}
.carousel-indicators li.active {
  background-color: #fff ;
  border: none ;
  width: 14px ;
  height: 14px ;
}

.carousel-control-next, .carousel-control-prev {
  top: auto ;
  bottom: 15px ;
  width: 20px ;
  height: 20px ;
  z-index: 1000001 ;
  opacity: 1 ;
}
.carousel-control-prev {
  left: 16px ;
}
.carousel-control-next {
  right: 16px ;
}

.carousel-control-prev-icon {
  background-image: url("img/icon-arrow-prev.svg");
}
.carousel-control-next-icon {
  background-image: url("img/icon-arrow-next.svg");
}

.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeline-date {
  width: 80px ;
  float: left;
  font-size: 16px ;
  font-weight: bold ;
  font-family: 'Roboto Condensed', sans-serif ;
}
.timeline-content {
  width: calc(100% - 80px) ;
  float: left;
  border-left: 3px #38AEED solid;
  padding-left: 25px;
  padding-bottom: 35px ;
}
.timeline-content p {
  font-size: 16px ;
  font-family: 'Roboto Condensed', sans-serif ;
}
.timeline-content:before {
  content: '';
  width: 21px;
  height: 21px;
  background: #38AEED;
  position: absolute;
  left: 71px;
  top: 0 ;
  border-radius: 100%;
}

.wrap-video-content {
  border-top: 1px solid #A2A2A2 ;
  padding: 10px 0 ;
}
.wrap-video-content.bottom  {
  border-bottom: 1px solid #A2A2A2 ;
}
.icon-video {
  width: 25px ;
  margin-right: 10px ;
}
.video-title {
  font-size: 16px ;
  line-height: 25px ;
  font-weight: bold ;
}
.video-text {
  font-size: 16px ;
  line-height: 25px ;
  padding: 2px 0 0 ;
}
.wrap-video-content .d-flex {
  padding-top: 4px ;
}

.wrap-download-content {
  display: block ;
  padding-bottom: 18px ;
  border-bottom: 1px solid #A2A2A2 ;
  margin-bottom: 20px ;
}
.wrap-link-download{
  display: block ;
}
.link-download {
  display: inline-flex ;
  align-items: center ;
  justify-content: center ;
  background-color: #B9E2F8 ;
  padding: 13px 26px 13px 32px ;
  border-radius: 25px ;
  margin-top: 15px ;
}
.link-download:hover {
  background-color: #38AEED ;
  text-decoration: none ;
}
.link-download p {
  border-radius: 25px ;
  font-size: 16px ;
  line-height: 22px ;
  color: #1B4189 ;
}
.link-download img {
  margin-right: 5px ;
}

.wrap-search-text {
  max-width: 250px ;
  text-align: center ;
  margin: 0 auto 21px ;
}

.wrap-search-text p {
  font-size: 18px ;
  font-weight: bold ;
}

/*フォーム全体*/
.form1{
  display: flex ;
}
/*検索ボックス*/
.sbox{
outline:0;/*クリック時の青い枠線消す*/
height:50px;/*検索ボックスの高さ*/
width: calc(100% - 50px) ;
padding:0 10px;/*テキスト位置調整*/
border-radius:5px 0 0 5px;/*検索ボックスの角を丸める*/
border:3px solid #38AEED;/*検索ボタンの枠線を消す*/
font-size: 18px ;
}
/*検索ボタン*/
.sbtn , .sbtn:hover , .sbtn:focus {
width:50px;/*検索ボタンの横幅*/
height:50px;/*検索ボタンの縦幅*/
border-radius:0 5px 5px 0;/*検索ボタンの角を丸める*/
background:#38AEED;/*検索ボタンの背景カラー*/
border: none ;/*検索ボタンの枠線を消す*/
color:#fff!important;/*検索ボタンのテキストカラー*/
font-weight:bold;/*検索ボタンのテキスト太字*/
transform: translateX(-3px) ;
outline: none ;
box-shadow: none ;
}
.sbtn::placeholder {
  font-size: 18px ;
}
.sbtn i.fas.fa-search{
  font-size: 22px ;
}
/*検索ボタンマウスオーバー時*/
.sbtn:hover{
color:#666;/*検索ボタンマウスオーバー時のフォントカラー*/
}

.wrap-nationwide {
  display: flex ;
  flex-wrap: wrap ;
  justify-content: center ;
  margin: 40px auto 16px ;
}

.nav-tabs {
    border-bottom: none!important;
}
.wrap-nationwide a {
  display: block ;
  text-align: center ;
  font-size: 18px ;
  line-height: 18px ;
  font-weight: bold ;
  color: #000!important ;
  border: 3px solid #38AEED!important ;
  background-color: #fff!important ;
  min-width: 80px ;
  /* width: 80px ; */
  padding: 7px 14px ;
  /* padding: 7px 0 ; */
  border-radius: 18px!important ;
  margin-right: 8px ;
  margin-bottom: 8px ;
}
.wrap-nationwide a:nth-child(4n) {
  margin-right: 0 ;
}
.wrap-nationwide a:hover , .wrap-nationwide a:focus {
  background-color: #38AEED ;
  color: #fff ;
  text-decoration: none ;
}

.person-title {
  font-size: 30px ;
  font-weight: bold ;
}
.wrap-person-img {
  text-align: center ;
  margin: 54px 0 14px ;
}
.wrap-person-img p {
  font-size: 18px ;
  font-weight: bold ;
}
.wrap-person-img-en p{
font-weight: normal;
}
.img-person {
  height: 235px ;
  max-width: 235px ;
  border-radius: 10px ;
  margin-bottom: 22px ;
  object-fit: cover;
  object-position: 50% 50%;
}

.speech-title {
  font-size: 25px ;
  line-height: 25px ;
  font-weight: bold ;
  padding-bottom: 26px ;
}
.speech-text {
  font-size: 16px ;
  line-height: 26px ;
}

.person-title {
  font-size: 25px ;
  font-weight: bold ;
}
.wrap-person-img.second {
  margin-top: 44px ;
}
.wrap-person-img p span{
  color: #38AEED ;
}
.wrap-person-img-en p span{
color: #000;
font-weight: bold;
font-size: 24px;
}
.person-title.second {
}

.wrap-award {
  background-color: #38AEED ;
  text-align: center ;
  color: #fff ;
  font-size: 25px ;
  font-weight: bold ;
  padding: 11px 0 ;
}
.wrap-award img {
padding-bottom: 8px ;
}
.wrap-award-content {
  text-align: center ;
  max-width: 614px ;
  margin: 0 auto 24px ;
}
.img-award-content {
  margin: 20px 0 25px ;
  max-width: 345px ;
}

.wrap-award-content .title {
  font-size: 20px ;
  font-weight: 25px ;
  font-weight: bold ;
  color: #D66FDE ;
}
.wrap-award-content .name {
  font-size: 20px ;
  font-weight: 25px ;
  font-weight: bold ;
}
.wrap-award-content .name-belongs {
  font-size: 16px ;
  font-weight: 25px ;
  font-weight: bold ;
}

.wrap-diary {
  padding: 20px 0 16px ;
  border-bottom: 1px solid #707070 ;
}
.wrap-diary img {
  width: 100% ;
  padding-bottom: 16px ;
}
.wrap-diary .date {
  color: #38AEED ;
  font-size: 16px ;
  line-height: 16px ;
  font-weight: bold ;
  padding-bottom: 15px ;
}
.wrap-diary .text {
  font-size: 16px ;
  line-height: 23px ;
  font-weight: bold ;
  padding-bottom: 7px ;
}
.wrap-label {
  display: flex ;
  flex-wrap: wrap ;
}
.wrap-label .label {
  font-family: "ヒラギノ角ゴ Pro W6" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif ;
  font-size: 12px ;
  font-weight: bold ;
  padding: 6px ;
  width: fit-content ;
  margin-right: 10px ;
  margin-bottom: 10px ;
}
.wrap-label .label.blue {
  background-color: #B9E2F8 ;
}
.wrap-label .label.orange {
  background-color: #FFD890 ;
}
.wrap-label .label.purple {
  background-color: #E5A9EA ;
}
.wrap-label .label.green {
  background-color: #AADBA8 ;
}
.wrap-label .label.yellow {
  background-color: #FDF4B9 ;
}
.wrap-label .label.pink {
  background-color: #FCD3EF ;
}

.wrap-top-contents-inner {
  margin-bottom: 40px ;
}

.wrap-person-img-all {
  margin-bottom: 76px ;
}

.wrap-award-all {
  margin-bottom: 40px ;
}

.img-care {
  width: 400px ;
}
.breadcrumb-item{
  font-size:14px;
}
.link-award {
  display: block;
  margin-bottom: 20px;
  max-width: 600px ;
  width: 100% ;
  transform: translateY(-20px);
  font-size: 16px;
  text-align: center ;
}
.link-award img {
  width: 100% ;
}
.link-award:hover {
  opacity: .8 ;
}
.link-award span{
  background-color: #DBCD99;
  color: #1C202D;
  font-size: 26px;
  display: block;
  padding: 6px 0;
  font-weight: bold;
}
.link-award:hover{
  text-decoration: none ;
}

.revision{
  text-decoration: line-through;
  text-decoration-color: red;
}
.revision2{
  font-weight: bold;
  margin-left: 8px;
  font-size: 20px;
  color:red;
}
.reserchaward_list{
  font-size: 16px;
}
.row-border-original {
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid #212529 ;
  margin-right: 0;
  margin-left: 0;
}
.xs-left {
  text-align: left;
}
.xs-title {
  margin: 8px 0 16px -15px;
}

.seminar_info{
  margin-bottom: 30px;
}
.seminar_info table{
  margin-bottom: 30px;
}

.wrap-table-seminars {
  white-space:nowrap;
}

.alcon-img{
  height:45px;
  border:solid 1px #ccc;
  padding: 5px;
}

.link-border{
  border-bottom:1px solid #000;
  color:#000!important;
}

.link-border:hover{
  text-decoration: none;
}
.dryeye-r-midashi{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.blue-back{
  background-color: #B9E2F8;
}
.table-original tbody .blue-back th{
  background-color: #B9E2F8!important;
}
.dryeye-r td{
  width:100%;
}
.reserch-graph-w{
  width:600px;
  max-width: 100%;
  margin-bottom: 8rem;
}

.c-r-graph{
  width: 620px;
}
.c-r-graph1{
  width:790px;
}
.clinic-research li{
  font-size: 16px;
}
.clinic-research ol{
  padding-left:10px
}
 .intro-sentence{
   font-size: 12px;
 }
 .clinic-research table{
   table-layout: fixed;
 }
 .del-red{
   text-decoration-line: line-through;
   text-decoration-style:solid;
   text-decoration-color: #f00;
 }
 .sub-titlesize{
   font-size: 1.5rem;
 }
 .research-aurl{
   font-weight: bold;
    font-size: 2.3rem;
    margin-top: 3rem;
 }
 td .bg-text-blue{
   background-color: #B9E2F8;
 }
 td .bg-text-green{
   background-color: #DDFFDD;
 }
 .decs-j{
   background-color: #B9E2F8;
   padding: 1rem 2rem;
   margin-bottom: 5rem;
 }
 .japan-map{
   width:135px;
 }

 .col-2-5{
   flex: 0 0 19%;
  max-width: 21%;
  position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
 }
 .decs-j .row{
   font-size: 11px;
 }
 @media (min-width: 992px){
   .decs-j .row{
     font-size: 16px;
   }
 }
.d-definition-diagnose{
    max-width: 53rem;
    margin-bottom: 3rem;
    margin-top: 2rem;
}

.border-tb{
  border-top-style: double;
  border-bottom-style: double;
}
.border-b{
  border-bottom-style: double;
}
.border-t{
  border-top-style: double;
}
.pright p{
  text-align: right;
}
.rq-original-5 img {
    margin: 0px;
    height: 35px;
  }
  .navli-child{
    margin-left: 30px!important;
  }

  .content-enrollment {
    margin-bottom: 5rem;
  }

  .indent-1 {
	padding-left:3em;
	text-indent:-1em;
}
.indent-2{
  padding-left:2em;
  text-indent:-2em
}
.indent-special{
  padding-left: 4em;
  text-indent: -1em;
}
.indent-1 .pl2{
  padding-left:2em;
}
.indent-out{
  padding-left:2em;
	text-indent:0em;
}

.dry-eye-research h3 + p.component, h3 + div a.text-link, p.component + img{
  margin-bottom:20px;
}
.section-program th{
  width:115px;
}

.text-link p{
  display: inline-block;
    color: #1B4189;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    border-bottom: 1px solid #1B4189;
    padding-bottom: 4px;
}
.text-link span{
  display: inline-block;
    color: #1B4189;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    border-bottom: 1px solid #1B4189;
    padding-bottom: 4px;
}
.wrap-link-contact-top {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}
.wrap-link-contact-top .link-contact.btn-original {
  align-items: center;
  justify-content: center;
}
.wrap-link-contact-top i {
  margin-left: 4px;
}
.wrap-nav-menu-top {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 575px){
.table-original tbody tr td{
  max-width: 54vw;
}
}
.mgd-guideline{
  margin-bottom: 24px;
}

.mgd-guideline  .sub-text{
  font-size: 14px;
  margin-bottom: 12px;
}
.mgd-guideline .download-file-link{
  font-size: 14px;
  text-decoration: underline;
  }
  .yazirusi-indent{
    display: block;
    padding-left: 1em;
  text-indent: -1em;
  }
  .main_visual-mgd::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,0.3);
      opacity: 1;
  }
  .wrap-ades-link {
    margin: 22px 0 64px;
    display: flex;
    justify-content: center;
  }
  .wrap-ades-link a {
    display: block;
  }
  .wrap-ades-link a:hover {
    opacity: .8;
  }