/*
CSS
/assets/css/top.css
update:19.07.00
*/
.grecaptcha-badge {
  z-index: 100 !important;
}

.cky-consent-container .cky-consent-bar {
  padding: 8px 24px !important;
}

.cky-notice .cky-title {
  display: none !important;
}

.top .content {
  padding-top: 0;
}
.top .inr {
  max-width: 1320px;
}
@media screen and (max-width: 768px) {
  .top .inr {
    padding: 0 4%;
  }
}
.top .top_company_inner__btn a::after,
.top .bnrset__text--btn::after,
.top .lifecicle_img_item span::after,
.top .info_readmore a::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.18362%200.30764C5.24167%200.249436%205.31064%200.203258%205.38658%200.171749C5.46251%200.140241%205.54391%200.124023%205.62612%200.124023C5.70833%200.124023%205.78973%200.140241%205.86566%200.171749C5.94159%200.203258%206.01056%200.249436%206.06862%200.30764L9.81862%204.05764C9.87682%204.1157%209.923%204.18467%209.95451%204.2606C9.98601%204.33653%2010.0022%204.41793%2010.0022%204.50014C10.0022%204.58235%209.98601%204.66375%209.95451%204.73968C9.923%204.81561%209.87682%204.88458%209.81862%204.94264L6.06862%208.69264C5.95126%208.81%205.79209%208.87593%205.62612%208.87593C5.46015%208.87593%205.30098%208.81%205.18362%208.69264C5.06626%208.57528%205.00033%208.41611%205.00033%208.25014C5.00033%208.08417%205.06626%207.925%205.18362%207.80764L8.49237%204.50014L5.18362%201.19264C5.12541%201.13458%205.07923%201.06561%205.04773%200.989682C5.01622%200.913751%205%200.832349%205%200.75014C5%200.667931%205.01622%200.58653%205.04773%200.510598C5.07923%200.434667%205.12541%200.365697%205.18362%200.30764Z%22%20fill%3D%22%2300488E%22%3E%3C%2Fpath%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%204.50024C0%204.33448%200.0658481%204.17551%200.183058%204.0583C0.300269%203.94109%200.45924%203.87524%200.625%203.87524H8.75C8.91576%203.87524%209.07473%203.94109%209.19194%204.0583C9.30915%204.17551%209.375%204.33448%209.375%204.50024C9.375%204.666%209.30915%204.82498%209.19194%204.94219C9.07473%205.0594%208.91576%205.12524%208.75%205.12524H0.625C0.45924%205.12524%200.300269%205.0594%200.183058%204.94219C0.0658481%204.82498%200%204.666%200%204.50024Z%22%20fill%3D%22%2300488E%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  margin: -3px 0 0 3px;
  vertical-align: middle;
  transition: 0.3s;
}
.top .top_company_inner__btn a:hover::after,
.top .bnrset__text--btn:hover::after,
.top .lifecicle_img_item span:hover::after,
.top .info_readmore a:hover::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.top .announce {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.top .announce a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px #284691;
  width: 100%;
  height: 60px;
  transition: 0.3s;
  color: #284691 !important;
}
.top .announce a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1280px) {
  .top .tb-none {
    display: none;
  }
}

.top-visual-area {
  position: relative;
  overflow: hidden;
}

.top-search-area {
  position: relative;
  z-index: 50;
  margin-top: -50px;
}
@media screen and (max-width: 1280px) {
  .top-search-area {
    padding: 0 25px;
  }
}
@media screen and (max-width: 768px) {
  .top-search-area {
    margin-top: -20px;
    padding: 0 4%;
  }
}

.bnrset-wrap {
  margin-top: 60px;
  -webkit-filter: drop-shadow(-25px 20px 44px rgba(41, 69, 255, 0.15));
          filter: drop-shadow(-25px 20px 44px rgba(41, 69, 255, 0.15));
}
.bnrset-wrap.mt-wide {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .bnrset-wrap {
    margin-top: 40px;
  }
  .bnrset-wrap.mt-wide {
    margin-top: 60px;
  }
}

.bnrset {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.bnrset a {
  display: block;
  width: calc(50% - 20px);
}
@media screen and (max-width: 767px) {
  .bnrset a {
    width: 100%;
  }
}
.bnrset a:hover .bnrset-item__text .bnrset__text--btn::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.bnrset__btn {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .bnrset {
    flex-direction: column;
    gap: 20px 0;
  }
  .bnrset__btn {
    margin-top: 40px;
  }
}

.bnrset-item {
  display: flex;
  height: 100%;
}
.bnrset-item > * {
  width: 50%;
  box-shadow: 4px 4px 10px 3px rgba(39, 92, 141, 0.1);
}
.bnrset-item__img {
  position: relative;
}
.bnrset-item__img h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 30px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 100%;
  z-index: 10;
}
.bnrset-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bnrset-item__img figure {
  height: 100%;
}
.bnrset-item__img figure.img-blur {
  overflow: hidden;
}
.bnrset-item__img figure.img-blur img {
  -webkit-filter: blur(1.5px);
          filter: blur(1.5px);
}
.bnrset-item__text {
  position: relative;
  padding: 30px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
.bnrset-item__text h2, .bnrset-item__text h3 {
  margin: 20px 0;
  font-size: 20px;
  line-height: 1.4;
  color: #222;
  text-align: left;
  font-weight: 400;
}
.bnrset-item__text p {
  font-size: 14px;
}
.bnrset-item__text .bnrset__text--btn {
  position: absolute;
  right: 15px;
  bottom: 10px;
  text-align: right;
}
@media screen and (max-width: 1280px) {
  .bnrset-item__text {
    padding: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .bnrset-item__text {
    padding: 15px 0 15px 15px;
    display: flex;
    align-items: center;
  }
  .bnrset-item__text h2, .bnrset-item__text h3 {
    font-size: 17px;
  }
  .bnrset-item__text p {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bnrset-item__text h2, .bnrset-item__text h3 {
    font-size: 16px;
  }
}

.top_lifecicle .counter-wrap {
  display: none;
  justify-content: space-between;
  margin: 120px auto 0;
  max-width: 1080px;
}
.top_lifecicle .counter {
  width: 150px;
  text-align: center;
}
.top_lifecicle .counter-icon {
  margin: 0 auto;
  width: 120px;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 120px;
  border-radius: 50%;
  background-color: rgba(40, 70, 145, 0.8);
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0px 18px 52.8537px #D7E4F9;
}
.top_lifecicle .counter-icon img {
  width: 55px;
}
.top_lifecicle .counter-number-prefix,
.top_lifecicle .counter-number,
.top_lifecicle .counter-number-suffix {
  font-size: 40px;
  font-weight: 600;
  color: rgba(40, 70, 145, 0.8);
}
.top_lifecicle .counter-title {
  font-size: 20px;
  color: rgba(40, 70, 145, 0.8);
}
.top_lifecicle .counter-title.size-l {
  padding-top: 32px;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
}

.message_area {
  display: none;
  margin-top: 120px;
}
.message_area .inr {
  position: relative;
  padding: 40px 25px 130px 25px;
  z-index: 1;
}
.message_area .bg_wrp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  -webkit-transform: none;
          transform: none;
}

.top_lifecicle_btm {
  padding: 120px 0 190px;
  background: linear-gradient(180deg, rgba(236, 240, 253, 0) 0%, rgba(236, 240, 253, 0.53) 14.32%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 84.33%, rgba(236, 240, 253, 0) 100%);
}
.top_lifecicle_btm h2 {
  font-size: 56px;
  line-height: 1;
  color: #284691;
  text-align: center;
}
.top_lifecicle_btm h2 + p {
  margin-top: 10px;
  font-size: 26px;
  text-align: center;
  color: #284691;
  letter-spacing: 0.05em;
}
.top_lifecicle_btm h2 + p::before, .top_lifecicle_btm h2 + p::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: rgba(40, 70, 145, 0.8);
  margin: -2px 10px 0;
  vertical-align: middle;
}
.top_lifecicle_btm__inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 80px;
  padding-top: 80px;
}
.top_lifecicle_btm .lifecicle_img {
  position: relative;
  width: 500px;
  height: 500px;
}
.top_lifecicle_btm .lifecicle_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px dashed #00488E;
}
.top_lifecicle_btm .lifecicle_img_item {
  position: absolute;
  width: 180px;
  height: 180px;
}
.top_lifecicle_btm .lifecicle_img_item a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
.top_lifecicle_btm .lifecicle_img_item a span {
  display: none;
  padding: 5px 5px 5px 10px;
  border: 1px solid #00488E;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
}
.top_lifecicle_btm .lifecicle_img_item a:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  z-index: 10;
}
.top_lifecicle_btm .lifecicle_img_item a:hover span {
  display: block;
}
.top_lifecicle_btm .lifecicle_img_item.item01 {
  top: -90px;
  left: calc(50% - 90px);
}
.top_lifecicle_btm .lifecicle_img_item.item01 a {
  background-image: url(../img/top/img-lifecicle-oocyte-retrieval.png);
}
.top_lifecicle_btm .lifecicle_img_item.item02 {
  top: 10px;
  left: calc(50% + 110px);
}
.top_lifecicle_btm .lifecicle_img_item.item02 a {
  background-image: url(../img/top/img-lifecicle-anrology.png);
}
.top_lifecicle_btm .lifecicle_img_item.item03 {
  top: 220px;
  left: calc(50% + 150px);
}
.top_lifecicle_btm .lifecicle_img_item.item03 a {
  background-image: url(../img/top/img-lifecicle-icsi.png);
}
.top_lifecicle_btm .lifecicle_img_item.item04 {
  top: 380px;
  left: calc(50% + 20px);
}
.top_lifecicle_btm .lifecicle_img_item.item04 a {
  background-image: url(../img/top/img-lifecicle-culture.png);
}
.top_lifecicle_btm .lifecicle_img_item.item05 {
  top: 380px;
  right: calc(50% + 20px);
}
.top_lifecicle_btm .lifecicle_img_item.item05 a {
  background-image: url(../img/top/img-lifecicle-biopsy.png);
}
.top_lifecicle_btm .lifecicle_img_item.item06 {
  top: 220px;
  right: calc(50% + 150px);
}
.top_lifecicle_btm .lifecicle_img_item.item06 a {
  background-image: url(../img/top/img-lifecicle-vitrification.png);
}
.top_lifecicle_btm .lifecicle_img_item.item07 {
  top: 10px;
  right: calc(50% + 110px);
}
.top_lifecicle_btm .lifecicle_img_item.item07 a {
  background-image: url(../img/top/img-lifecicle-embryo-transfer.png);
}
@media screen and (max-width: 768px) {
  .top_lifecicle_btm .lifecicle_img_item a span {
    display: block;
    font-size: 28px;
  }
}
.top_lifecicle_btm .lifecicle_text {
  width: 500px;
  color: #284691;
}
.top_lifecicle_btm .lifecicle_text h3 {
  font-size: 46px;
  margin-bottom: 30px;
  line-height: 1.4;
  text-align: center;
}
.top_lifecicle_btm .lifecicle_text p {
  font-size: 18px;
}
@media screen and (max-width: 1280px) {
  .top_lifecicle_btm__inner {
    flex-direction: column-reverse;
  }
  .top_lifecicle_btm .lifecicle_img {
    margin-top: 20px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media screen and (max-width: 768px) {
  .top_lifecicle_btm {
    padding: 80px 0 0;
  }
  .top_lifecicle_btm h2 {
    font-size: 28px;
    line-height: 1.4;
  }
  .top_lifecicle_btm h2 + p {
    font-size: 18px;
  }
  .top_lifecicle_btm h2 + p::before, .top_lifecicle_btm h2 + p::after {
    width: 25px;
  }
  .top_lifecicle_btm .lifecicle_text {
    width: 100%;
  }
  .top_lifecicle_btm .lifecicle_text h3 {
    font-size: 20px;
    font-weight: 500;
  }
  .top_lifecicle_btm .lifecicle_text p {
    font-size: 16px;
  }
  .top_lifecicle_btm__inner {
    margin-top: 40px;
  }
  .top_lifecicle_btm .lifecicle_img {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 20%;
            transform-origin: 50% 20%;
    margin-bottom: -30%;
  }
}

.btn-top-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 300px;
  height: 50px;
  background-color: #fff;
  border-radius: 9999px;
  border: 1px solid #284691;
  color: #284691;
  font-size: 18px;
  font-weight: 300;
  transition: 0.3s;
}
.btn-top-link:hover {
  background-color: #284691;
  color: #fff;
}

.top_company {
  margin-top: 120px;
  padding: 80px 0;
  background: url(../img/top/Kitazato_building_Japan.jpg) center center/cover no-repeat;
}
.top_company .inr {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.top_company .top_company_inner {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 52%;
}
.top_company .top_company_inner em {
  display: block;
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
  color: #284691;
}
.top_company .top_company_inner em + em {
  margin-top: 1em;
}
.top_company .top_company_inner p + p {
  margin-top: 24px;
}
.top_company .top_company_inner p + p a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.top_company .top_company_inner p + p a:hover {
  text-decoration: none;
}
.top_company .top_company_inner__btn {
  margin-top: 24px;
}
.top_company .top_company_inner__btn a {
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background-color: #fff;
  border: 2px solid #284691;
  color: #284691;
}
@media screen and (max-width: 1280px) {
  .top_company {
    padding: 80px 25px;
  }
}
@media (max-width: 1000px) {
  .top_company {
    margin-top: 60px;
    padding: 60px 4%;
  }
  .top_company .top_company_inner {
    padding: 20px;
  }
  .top_company .top_company_inner {
    width: 100%;
    font-size: 14px;
  }
  .top_company .top_company_inner em {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .top_company {
    padding: 4%;
  }
  .top_company .top_company_inner em {
    font-size: 16px;
  }
}

.top-hightlight {
  padding: 80px 0;
  background-color: rgba(235, 244, 252, 0.45);
}
.top-hightlight .slick-prev, .top-hightlight .slick-next {
  top: -68px;
  left: auto;
  right: 15px;
  background: url(../img/top/icon_arrow-carusel.svg) left center/contain no-repeat;
  width: 52px;
  height: 25px;
}
.top-hightlight .slick-prev.slick-disabled, .top-hightlight .slick-next.slick-disabled {
  opacity: 0.5;
}
.top-hightlight .slick-prev {
  right: 82px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .top-hightlight {
    padding: 60px 0;
  }
  .top-hightlight .slick-prev, .top-hightlight .slick-next {
    top: -30px;
  }
}

.highlight-list {
  margin: -15px -15px 0;
  display: none;
}
.highlight-list.slick-initialized {
  display: block;
}
@media screen and (max-width: 768px) {
  .highlight-list {
    margin: 0 -15px;
  }
}

.highlight-item {
  position: relative;
  aspect-ratio: 1/1;
  margin: 15px;
  background-color: #fff;
  box-shadow: 4px 4px 10px 3px rgba(39, 92, 141, 0.1);
}
.highlight-item__img {
  padding: 10px 30px;
}
.highlight-item__text {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  line-height: 1.5;
  text-align: center;
}
.highlight-item__text--sub {
  font-size: 11px;
}
.highlight-item__text--name {
  padding: 0 8px;
  font-size: 14px;
  font-weight: 400;
}
.highlight-item__text--name br {
  display: none;
}

.info_area .ttl_fill_wrap {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 10px;
}
.info_area .ttl_fill {
  font-size: 20px;
  color: #5d5d5d;
}
.info_area .info_readmore a {
  font-size: 14px;
}
.info_area .info_list {
  padding: 0 20px;
  height: 200px;
  overflow: auto;
  border: 1px solid rgba(108, 118, 138, 0.2);
}
.info_area .info_list::-webkit-scrollbar {
  background: rgba(248, 249, 250, 0.65);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.info_area .info_list::-webkit-scrollbar-thumb {
  background-color: rgba(108, 118, 138, 0.6);
  border-radius: 4px;
}
.info_area .info_list dl {
  display: flex;
  padding: 10px 0;
}
.info_area .info_list a {
  display: block;
  font-size: 14px;
  color: #616161;
  transition: 0.3s;
}
.info_area .info_list a + a {
  border-top: 1px dotted rgba(108, 118, 138, 0.2);
}
.info_area .info_list a:hover {
  opacity: 0.7;
}
.info_area .info_list dt {
  width: 150px;
}
.info_area .info_list dd {
  width: calc(100% - 150px);
}
@media (max-width: 1000px) {
  .info_area .ttl_fill {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .info_area .info_list {
    padding: 0 15px;
  }
  .info_area .info_list dl {
    flex-direction: column;
  }
  .info_area dt, .info_area dd {
    width: 100% !important;
    font-size: 12px;
  }
  .info_area dt {
    color: #999;
  }
}

.top-visual-area-new {
  margin: 110px auto 0;
  padding: 0 30px;
  max-width: 1340px;
  aspect-ratio: 1270/580;
  overflow: hidden;
}
@media (max-width: 768px) {
  .top-visual-area-new {
    margin: 20px auto;
    padding: 0 4%;
    aspect-ratio: auto;
  }
}

.top-search-area {
  margin-top: 0 !important;
}

.top-tab {
  display: flex;
  margin: 0 auto;
  max-width: 1270px;
  gap: 15px;
}
.top-tab li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 52px;
  background: #fff;
  border: 1px solid rgba(108, 118, 138, 0.2);
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0 1px;
  background-color: rgba(108, 118, 138, 0.1);
  font-size: 18px;
  font-weight: 500;
  color: #5d5d5d;
  cursor: pointer;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  position: relative;
  z-index: 5;
}
.top-tab li.is-active {
  background-color: #fff;
}
@media (max-width: 1000px) {
  .top-tab {
    padding: 0 4%;
    gap: 10px;
  }
  .top-tab li {
    width: calc((100% - 20px) / 3);
  }
}

[class*=top-tab-content__] .ttl_fill {
  display: none;
}

.info_area .ttl_fill_wrap {
  justify-content: flex-end;
}

.info_readmore {
  text-align: right;
}

.info_area .xj-list {
  border-top: 0;
}

.info_area .info_list .xj-list-item a {
  display: flex;
}