@charset "UTF-8";
.content {
  padding-top: 100px !important;
  background-color: #fff;
}
@media (max-width: 768px) {
  .content {
    padding-top: 50px !important;
  }
}

.site-header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0px 0px 5px 2px rgba(0, 40, 140, 0.1);
}
.site-header__skip {
  position: absolute;
  left: -9999px;
}
.site-header__skip:focus {
  left: 16px;
  top: 8px;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 110;
}
@media (max-width: 768px) {
  .site-header__skip:focus {
    top: 60px;
  }
}
.site-header__top {
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  height: 60px;
  overflow: hidden;
  transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: transform 0.15s, opacity 0.15s;
  transition: transform 0.15s, opacity 0.15s, -webkit-transform 0.15s;
}
@media (max-width: 768px) {
  .site-header__top {
    padding: 8px 12px;
    max-width: 100%;
  }
}
.site-header__logo a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 500;
}
.site-header__logo a span {
  display: inline-block;
  white-space: nowrap;
}
.site-header__logo img {
  max-height: 32px;
}
@media (max-width: 768px) {
  .site-header__logo a {
    font-size: 0.875rem;
  }
  .site-header__logo img {
    max-height: 32px;
  }
}
.site-header__utilities {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .site-header__utilities {
    display: none;
  }
}
.site-header__toggle {
  display: none;
  background: none;
  border: none;
  padding: 8px;
}
@media (max-width: 768px) {
  .site-header__toggle {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 4px 6px;
  }
}
.site-header__toggle-bar {
  display: block;
  width: 22px;
  height: 2px;
  background: #333;
  margin: 4px 0;
}
@media (max-width: 768px) {
  .site-header__toggle-bar {
    margin: 2px 0;
  }
}
.site-header__bottom {
  background-color: #fff;
  transition: margin-top 0.1s;
}
@media (max-width: 768px) {
  .site-header__bottom {
    display: none;
    position: fixed;
    inset: 56px 0 0 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .site-header__bottom.is-open {
    display: block;
  }
}

.utility-nav ul {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.utility-nav ul a {
  text-decoration: none;
  font-size: 0.875rem;
}

.global-nav {
  margin: 0 auto;
  padding: 0 16px;
}
@media (max-width: 768px) {
  .global-nav {
    max-width: 100%;
    padding: 8px 0 24px;
  }
}
.global-nav__list {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .global-nav__list {
    flex-direction: column;
    gap: 0;
  }
}
.global-nav__item {
  line-height: 1;
}
@media (max-width: 768px) {
  .global-nav__item {
    width: 100%;
    border-bottom: 1px solid #eee;
  }
}
.global-nav__link {
  display: inline-flex;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  color: #284691;
  background: none;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .global-nav__link {
    width: 100%;
    justify-content: space-between;
    padding: 14px 16px;
    color: #284691 !important;
    font-size: 0.9375rem;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .global-nav__item.has-mega .global-nav__link::after {
    content: "+";
    font-size: 1.25rem;
    margin-left: auto;
  }
  .global-nav__item.has-mega .global-nav__link[aria-expanded=true]::after {
    content: "−";
  }
}

.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100vw;
  background: #f7f7f7;
  border-top: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  transition: opacity 0.18s ease-out, visibility 0.18s ease-out, -webkit-transform 0.18s ease-out;
  transition: opacity 0.18s ease-out, transform 0.18s ease-out, visibility 0.18s ease-out;
  transition: opacity 0.18s ease-out, transform 0.18s ease-out, visibility 0.18s ease-out, -webkit-transform 0.18s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .global-nav__item.has-mega:hover .mega-menu, .global-nav__item.has-mega.is-mega-active .mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .mega-menu {
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none;
    border-top: none;
    display: none;
    transition: none;
  }
}
.mega-menu__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
  padding: 20px 16px 40px;
}
@media (max-width: 768px) {
  .mega-menu__inner {
    padding: 10px 16px 14px;
  }
}
.mega-menu__col + .mega-menu__col {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
.mega-menu__col + .mega-menu__col .mega-menu__title {
  width: 10%;
}
.mega-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mega-menu ul li {
  width: 25%;
}
.mega-menu ul a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mega-menu ul a br {
  display: none;
}
.mega-menu ul a::before {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-right: 6px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm-1.568%2018.005l-1.414-1.415%204.574-4.59-4.574-4.579%201.414-1.416%205.988%205.995-5.988%206.005z%22%20fill%3D%22%23284691%22%2F%3E%3C%2Fsvg%3E") left center/cover no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  .global-nav__item.has-mega.is-current.is-hover-locked .mega-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.site-header.is-scrolled .site-header__top {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.site-header.is-scrolled .site-header__bottom {
  margin-top: -60px;
  border-top: none;
}

.header-search {
  border-bottom: 1px solid #284691;
}

.site-footer {
  margin-top: 120px;
  background-color: #fff !important;
}
.site-footer__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 12px;
}
.site-footer__link li {
  list-style: none;
  padding: 0 10px;
  line-height: 1;
}
.site-footer__link li + li {
  border-left: 1px solid #e5e5e5;
}
.site-footer__link li a {
  text-decoration: none;
  line-height: 1;
  color: #284691 !important;
}
.site-footer__copywrap {
  border-top: 1px solid #e5e5e5;
  padding: 12px 0;
}
.site-footer__copy {
  display: block;
  font-size: 0.75rem;
  color: #284691 !important;
  text-align: center;
}

.search-menu {
  display: flex;
  gap: 30px;
  padding-top: 80px;
}
.search-menu-col.col1 {
  flex: 2 1 0;
  background-color: #F2F6F8;
}
.search-menu-col.col2 {
  flex: 3 1 0;
}
.search-menu-col.col2 p {
  margin-bottom: 8px;
  text-align: center;
  font-weight: 500;
}
.search-menu-col.col3 {
  flex: 1 1 0;
}
.search-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #fff;
  min-height: 60px;
  line-height: 1.3;
}
.search-menu a:hover {
  opacity: 0.7;
}
.search-menu .search-menu-col__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px;
}
.search-menu .search-menu-col__list li {
  width: calc((100% - 48px) / 5);
}
.search-menu .search-menu-col__list a {
  aspect-ratio: 1/1;
  font-size: 1.125rem;
  border: 1px solid #e5e5e5;
}
.search-menu .search-menu-col__list .is-disabled-label {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 1.125rem;
  border: 1px solid #e5e5e5;
  background-color: #eee;
  color: #ddd;
}
.search-menu .search-menu-col__input {
  padding: 0 12px 12px;
}
.search-menu .search-menu-col__input .menu-form {
  display: flex;
  border: 1px solid #e5e5e5;
  border-radius: 999px;
  background-color: #fff;
  overflow: hidden;
}
.search-menu .search-menu-col__input input {
  border: 0;
  padding: 0 10px;
  width: 80%;
  height: 36px;
}
.search-menu .search-menu-col__input input:focus {
  outline: 0;
}
.search-menu .search-menu-col__input button {
  margin-left: 0;
  border: 0;
  background-color: #f7f7f7;
  width: 20%;
  height: 36px;
}
.search-menu .menu-product__list,
.search-menu .menu-product-category__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.search-menu .menu-product__list li,
.search-menu .menu-product-category__list li {
  width: calc((100% - 12px) / 2);
}
.search-menu .menu-product__list {
  padding: 0 12px 12px;
}
.search-menu .menu-product__list a {
  background-color: #284691;
  color: #fff;
}
.search-menu .menu-product-category__list a {
  border: 2px solid #284691;
}

.top-news-area {
  padding: 80px 0;
}
.top-news-area .info_list {
  height: 240px !important;
}
.top-news-area .info_list dl {
  padding: 12px;
}
.top-news-area .info_list a {
  font-size: 1rem;
}
.top-news-area .info_area .info_readmore {
  margin-top: 10px;
}
.top-news-area .info_area .info_readmore a {
  font-size: 1rem;
}

.product-header {
  padding: 50px 0;
  border-bottom: 2px solid #284691;
}
.product-header__title {
  color: #284691;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
}

.product-kana-index__list {
  display: flex;
  gap: 10px;
}

.product-kana-list--header .product-kana-item__head, .product-kana-list--header .product-kana-item__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  line-height: 1.3;
  background-color: #284691;
  color: #fff;
}

.product-kana-heading {
  padding: 15px;
  background-color: #F2F6F8;
}

.product-kana-items {
  border-bottom: 1px solid #e5e5e5;
}

.product-kana-item {
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.product-kana-item a {
  display: block;
  padding: 15px;
}
.product-kana-item__head {
  width: 30%;
  border-left: 1px solid #e5e5e5;
}
.product-kana-item__head br {
  display: none;
}
.product-kana-item__links {
  width: 70%;
  display: flex;
  border-left: 1px solid #e5e5e5;
}
.product-kana-item__links li {
  width: 25%;
  border-right: 1px solid #e5e5e5;
}

.product-tabs {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 30px;
  border-bottom: 2px solid #e5e5e5;
}
.product-tabs .product-tab {
  padding-bottom: 5px;
  font-size: 1.375rem;
  border-bottom: 2px solid #fff;
}
.product-tabs .product-tab.is-active {
  border-color: #284691;
}

.product-tab-content {
  display: none;
}
.product-tab-content.is-active {
  display: block;
}

.list-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.product-kana-index {
  margin-bottom: 20px;
}
.product-kana-index__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-kana-index__item a,
.product-kana-index__item span {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.875rem;
  background: #fafafa;
  transition: 0.2s;
  cursor: pointer;
}
.product-kana-index__item a:hover {
  background: #eee;
}
.product-kana-index__item.is-active a {
  background: #284691;
  border-color: #284691;
  color: #fff;
  font-weight: 700;
}
.product-kana-index__item.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.product-kana-index__item.is-disabled span {
  cursor: default;
}

.link-catalog,
.link-protocol,
.link-patient,
.link-medical {
  display: flex;
  align-items: center;
  justify-content: center;
}
.link-catalog a,
.link-protocol a,
.link-patient a,
.link-medical a {
  display: block;
  width: 20px;
  height: 20px;
  text-indent: 150%;
  white-space: nowrap;
  color: transparent;
  overflow: hidden;
  background: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M347.746%2C346.204c-8.398-0.505-28.589%2C0.691-48.81%2C4.533c-11.697-11.839-21.826-26.753-29.34-39.053%20c24.078-69.232%2C8.829-88.91-11.697-88.91c-16.119%2C0-24.167%2C17.011-22.376%2C35.805c0.906%2C9.461%2C8.918%2C29.34%2C18.78%2C48.223%20c-6.05%2C15.912-16.847%2C42.806-27.564%2C62.269c-12.545%2C3.812-23.305%2C8.048-31.027%2C11.622c-38.465%2C17.888-41.556%2C41.773-33.552%2C51.894%20c15.197%2C19.226%2C47.576%2C2.638%2C80.066-55.468c22.243-6.325%2C51.508-14.752%2C54.146-14.752c0.304%2C0%2C0.721%2C0.097%2C1.204%2C0.253%20c16.215%2C14.298%2C35.366%2C30.67%2C51.128%2C32.825c22.808%2C3.136%2C35.791-13.406%2C34.891-23.692%20C382.703%2C361.461%2C376.691%2C347.942%2C347.746%2C346.204z%20M203.761%2C408.88c-9.401%2C11.178-24.606%2C21.9-29.972%2C18.334%20c-5.373-3.574-6.265-13.86%2C5.819-25.497c12.076-11.623%2C32.29-17.657%2C35.329-18.787c3.59-1.337%2C4.482%2C0%2C4.482%2C1.791%20C219.419%2C386.512%2C213.154%2C397.689%2C203.761%2C408.88z%20M244.923%2C258.571c-0.899-11.192%2C1.33-21.922%2C10.731-23.26%20c9.386-1.352%2C13.868%2C9.386%2C10.292%2C26.828c-3.582%2C17.464-5.38%2C29.08-7.164%2C30.44c-1.79%2C1.338-3.567-3.144-3.567-3.144%20C251.627%2C282.27%2C245.815%2C269.748%2C244.923%2C258.571z%20M248.505%2C363.697c4.912-8.064%2C17.442-40.702%2C17.442-40.702%20c2.683%2C4.926%2C23.699%2C29.956%2C23.699%2C29.956S257.438%2C360.123%2C248.505%2C363.697z%20M345.999%2C377.995%20c-13.414-1.768-36.221-17.895-36.221-17.895c-3.128-1.337%2C24.992-5.157%2C35.79-4.466c13.875%2C0.9%2C18.794%2C6.718%2C18.794%2C12.53%20C364.362%2C373.982%2C359.443%2C379.787%2C345.999%2C377.995z%22%20style%3D%22fill%3A%20rgb(220%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M461.336%2C107.66l-98.34-98.348L353.683%2C0H340.5H139.946C92.593%2C0%2C54.069%2C38.532%2C54.069%2C85.901v6.57H41.353%20v102.733h12.716v230.904c0%2C47.361%2C38.525%2C85.893%2C85.878%2C85.893h244.808c47.368%2C0%2C85.893-38.532%2C85.893-85.893V130.155v-13.176%20L461.336%2C107.66z%20M384.754%2C480.193H139.946c-29.875%2C0-54.086-24.212-54.086-54.086V195.203h157.31V92.47H85.86v-6.57%20c0-29.882%2C24.211-54.102%2C54.086-54.102H332.89v60.894c0%2C24.888%2C20.191%2C45.065%2C45.079%2C45.065h60.886v288.349%20C438.855%2C455.982%2C414.636%2C480.193%2C384.754%2C480.193z%20M88.09%2C166.086v-47.554c0-0.839%2C0.683-1.524%2C1.524-1.524h15.108%20c2.49%2C0%2C4.786%2C0.409%2C6.837%2C1.212c2.029%2C0.795%2C3.812%2C1.91%2C5.299%2C3.322c1.501%2C1.419%2C2.653%2C3.144%2C3.433%2C5.121%20c0.78%2C1.939%2C1.182%2C4.058%2C1.182%2C6.294c0%2C2.282-0.402%2C4.414-1.19%2C6.332c-0.78%2C1.918-1.932%2C3.619-3.418%2C5.054%20c-1.479%2C1.427-3.27%2C2.549-5.321%2C3.329c-2.036%2C0.78-4.332%2C1.174-6.822%2C1.174h-6.376v17.241c0%2C0.84-0.683%2C1.523-1.523%2C1.523h-7.208%20C88.773%2C167.61%2C88.09%2C166.926%2C88.09%2C166.086z%20M134.685%2C166.086v-47.554c0-0.839%2C0.684-1.524%2C1.524-1.524h16.698%20c3.173%2C0%2C5.968%2C0.528%2C8.324%2C1.568c2.386%2C1.062%2C4.518%2C2.75%2C6.347%2C5.009c0.944%2C1.189%2C1.694%2C2.504%2C2.236%2C3.916%20c0.528%2C1.375%2C0.929%2C2.862%2C1.189%2C4.407c0.253%2C1.531%2C0.401%2C3.181%2C0.453%2C4.957c0.045%2C1.694%2C0.067%2C3.515%2C0.067%2C5.447%20c0%2C1.924-0.022%2C3.746-0.067%2C5.44c-0.052%2C1.769-0.2%2C3.426-0.453%2C4.964c-0.26%2C1.546-0.661%2C3.025-1.189%2C4.399%20c-0.55%2C1.427-1.3%2C2.743-2.23%2C3.909c-1.842%2C2.282-3.976%2C3.969-6.354%2C5.016c-2.334%2C1.04-5.135%2C1.568-8.324%2C1.568h-16.698%20C135.368%2C167.61%2C134.685%2C166.926%2C134.685%2C166.086z%20M214.269%2C137.981c0.84%2C0%2C1.523%2C0.684%2C1.523%2C1.524v6.48%20c0%2C0.84-0.683%2C1.524-1.523%2C1.524h-18.244v18.579c0%2C0.84-0.684%2C1.523-1.524%2C1.523h-7.209c-0.84%2C0-1.523-0.683-1.523-1.523v-47.554%20c0-0.839%2C0.683-1.524%2C1.523-1.524h27.653c0.839%2C0%2C1.524%2C0.684%2C1.524%2C1.524v6.48c0%2C0.84-0.684%2C1.524-1.524%2C1.524h-18.92v11.444%20H214.269z%22%20style%3D%22fill%3A%20rgb(220%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M109.418%2C137.706c1.212-1.092%2C1.798-2.645%2C1.798-4.749c0-2.096-0.587-3.649-1.798-4.741%20c-1.263-1.13-2.928-1.68-5.098-1.68h-5.975v12.848h5.975C106.489%2C139.385%2C108.155%2C138.836%2C109.418%2C137.706z%22%20style%3D%22fill%3A%20rgb(220%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M156.139%2C157.481c1.13-0.424%2C2.103-1.107%2C2.973-2.088c0.944-1.055%2C1.538-2.571%2C1.769-4.511%20c0.26-2.208%2C0.386-5.091%2C0.386-8.569c0-3.485-0.126-6.369-0.386-8.569c-0.231-1.946-0.825-3.462-1.762-4.51%20c-0.869-0.982-1.873-1.679-2.972-2.089c-1.182-0.453-2.534-0.676-4.042-0.676h-7.164v31.68h7.164%20C153.605%2C158.15%2C154.965%2C157.927%2C156.139%2C157.481z%22%20style%3D%22fill%3A%20rgb(220%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.product-all-post-types {
  margin: 0 !important;
}

.product-all-sttl {
  margin: 0 20px 30px !important;
  border-left: 8px solid #e5e5e5 !important;
}

.cv_area {
  padding: 0 !important;
}

.product .visual_area {
  padding: 30px 0;
  border-bottom: 2px solid #284691;
}
.product .visual_area .inr {
  height: auto;
}
.product .visual_area .ttl_fill {
  text-shadow: none;
}
.product .visual_area h1 span.ttl_main {
  font-size: 2rem;
  color: #284691;
}/*# sourceMappingURL=style-new.css.map */